feat(ContractEditor): allow readOnly props

Signed-off-by: irmerk <[email protected]>

package.json

@@ -21,7 +21,7 @@
     "depcheck": "node ./scripts/depcheck.js"
   },
   "dependencies": {
-    "@accordproject/markdown-editor": "^0.8.5",
+    "@accordproject/markdown-editor": "^0.8.6",
     "@accordproject/markdown-slate": "^0.9.4",
     "lodash": "^4.17.15",
     "mini-css-extract-plugin": "^0.7.0",
@@ -110,4 +110,4 @@
       "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
     ]
   }
-}
+}

src/ContractEditor/README.md

@@ -70,6 +70,7 @@ ReactDOM.render(<ContractEditor
 
 - `value`: An `object` which is the initial contents of the editor.
 - `lockText`: A `boolean` to lock all non variable text.
+- `readOnly`: A `boolean` to lock all text and remove the formatting toolbar.
 
 #### Functionality
 

src/ContractEditor/index.js

@@ -73,6 +73,7 @@ const ContractEditor = React.forwardRef((props, ref) => {
     onChange={props.onChange || contractProps.onChange}
     plugins={plugins}
     lockText={props.lockText}
+    readOnly={props.readOnly}
     editorProps={{ ...props.editorProps, onUndoOrRedo: props.onUndoOrRedo }}
     clausePluginProps={{
       loadTemplateObject: props.loadTemplateObject,
@@ -107,6 +108,7 @@ ContractEditor.propTypes = {
     WIDTH: PropTypes.string,
   }),
   lockText: PropTypes.bool,
+  readOnly: PropTypes.bool,
   loadTemplateObject: PropTypes.func.isRequired,
   pasteToContract: PropTypes.func.isRequired,
   clauseMap: PropTypes.object,