refactor(ContractEditor): update props and margin

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

demo/src/index.js

@@ -124,7 +124,7 @@ function Demo() {
     TOOLTIP_BACKGROUND: null,
     TOOLTIP: null,
     TOOLBAR_SHADOW: null,
-    WIDTH: '600px',
+    EDITOR_WIDTH: '600px',
   };
 
   const demo = <ContractEditor

package.json

@@ -21,7 +21,7 @@
     "depcheck": "node ./scripts/depcheck.js"
   },
   "dependencies": {
-    "@accordproject/markdown-editor": "^0.8.7",
+    "@accordproject/markdown-editor": "^0.9.0",
     "@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

@@ -28,12 +28,16 @@ const editorPropsObject = {
     BUTTON_SYMBOL_INACTIVE (string),
     BUTTON_SYMBOL_ACTIVE (string),
     DROPDOWN_COLOR (string),
-    HEIGHT (string),
+    EDITOR_BORDER (string),
+    EDITOR_BORDER_RADIUS (string),
+    EDITOR_HEIGHT (string),
+    EDITOR_MARGIN (string),
+    EDITOR_SHADOW (string),
+    EDITOR_WIDTH (string),
     TOOLBAR_BACKGROUND (string),
     TOOLTIP_BACKGROUND (string),
     TOOLTIP (string),
     TOOLBAR_SHADOW (string),
-    WIDTH (string),
 }
 
 const givenState = {
@@ -112,12 +116,16 @@ editorProps = {
     BUTTON_SYMBOL_INACTIVE,     // (String)
     BUTTON_SYMBOL_ACTIVE,       // (String)
     DROPDOWN_COLOR,             // (String)
-    HEIGHT,                     // (String)
+    EDITOR_BORDER,              // (String)
+    EDITOR_BORDER_RADIUS,       // (String)
+    EDITOR_HEIGHT,              // (String)
+    EDITOR_MARGIN,              // (String)
+    EDITOR_SHADOW,              // (String)
+    EDITOR_WIDTH,               // (String)
     TOOLBAR_BACKGROUND,         // (String)
     TOOLTIP_BACKGROUND,         // (String)
     TOOLTIP,                    // (String)
     TOOLBAR_SHADOW,             // (String)
-    WIDTH,                      // (String)
 }
 ```
 

src/ContractEditor/__snapshots__/index.test.js.snap

@@ -372,7 +372,7 @@ exports[`<ContractEditor /> on initialization renders page correctly 1`] = `
         </div>
       </div>
       <div
-        class="sc-bxivhb fAbwyP"
+        class="sc-bxivhb bZdZbF"
       >
         <div>
           <div

src/ContractEditor/index.js

@@ -100,13 +100,14 @@ ContractEditor.propTypes = {
     DROPDOWN_COLOR: PropTypes.string,
     EDITOR_BORDER: PropTypes.string,
     EDITOR_BORDER_RADIUS: PropTypes.string,
+    EDITOR_MARGIN: PropTypes.string,
+    EDITOR_HEIGHT: PropTypes.string,
     EDITOR_SHADOW: PropTypes.string,
-    HEIGHT: PropTypes.string,
+    EDITOR_WIDTH: PropTypes.string,
     TOOLBAR_BACKGROUND: PropTypes.string,
     TOOLTIP_BACKGROUND: PropTypes.string,
     TOOLTIP: PropTypes.string,
     TOOLBAR_SHADOW: PropTypes.string,
-    WIDTH: PropTypes.string,
   }),
   lockText: PropTypes.bool,
   readOnly: PropTypes.bool,