fix(cicero-ui): prevent backspace at variable start - I78 (#80)

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

DEVELOPERS.md

@@ -36,4 +36,15 @@ cd packages/storybook
 npm run storybook
 ```
 
+### Develop inside Storybook
+
+While Storybook is running, if you make a change in a package that you want to see reflected in the demo, in a new terminal:
+
+```
+cd packages/<PACKAGE>
+npm run build
+```
+
+Storybook will reload with the applied changes.
+
 [apdev]: https://github.com/accordproject/techdocs/blob/master/DEVELOPERS.md

packages/cicero-ui/src/lib/ContractEditor/plugins/withVariables.js

@@ -57,6 +57,9 @@ export const isEditableVariable = (lockText, editor, event) => {
   const nextNode = Editor.next(editor, { at: editor.selection.focus.path });
   // if the current focus is at the end of a node & the next node is a variable allow editing
   if (nextNode && nextNode[0].type === VARIABLE && textLength === editor.selection.focus.offset) {
+    if (event.inputType === 'deleteContentBackward') {
+      return false;
+    }
     return true;
   }
   return inVariable(editor);