@kids-reporter/draft-editor 0.4.14 → 0.4.16

package/lib/buttons/annotation.js

@@ -29,6 +29,7 @@ function createAnnotationButton({
     });
     const promptForAnnotation = e => {
       e.preventDefault();
+      props.onEditStart();
       const selection = editorStateOfOuterEditor.getSelection();
       if (!selection.isCollapsed()) {
         setToShowInput(true);
@@ -49,6 +50,7 @@ function createAnnotationButton({
       setInputValue({
         editorStateOfInnerEditor: _draftJs.EditorState.createEmpty(decorator)
       });
+      props.onEditFinish();
     };
     const removeAnnotation = () => {
       const selection = editorStateOfOuterEditor.getSelection();
@@ -59,6 +61,7 @@ function createAnnotationButton({
       setInputValue({
         editorStateOfInnerEditor: _draftJs.EditorState.createEmpty(decorator)
       });
+      props.onEditFinish();
     };
     const input = /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
       isOpen: toShowInput

package/lib/buttons/link.js

@@ -27,6 +27,7 @@ function LinkButton(props) {
   const [urlValue, setUrlValue] = (0, _react.useState)('');
   const promptForLink = e => {
     e.preventDefault();
+    props.onEditStart();
     const selection = editorState.getSelection();
     if (!selection.isCollapsed()) {
       setToShowUrlInput(true);
@@ -44,6 +45,7 @@ function LinkButton(props) {
     onChange(_draftJs.RichUtils.toggleLink(newEditorState, newEditorState.getSelection(), entityKey));
     setToShowUrlInput(false);
     setUrlValue('');
+    props.onEditFinish();
   };
   const onLinkInputKeyDown = e => {
     if (e.which === 13) {
@@ -58,6 +60,7 @@ function LinkButton(props) {
     }
     setToShowUrlInput(false);
     setUrlValue('');
+    props.onEditFinish();
   };
   const urlInput = /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
     title: "Insert LINK",

package/lib/draft-editor.js

@@ -370,7 +370,17 @@ class RichTextEditor extends _react.default.Component {
       isActive: entityType === 'LINK',
       editorState: editorState,
       onChange: this.onChange,
-      readOnly: this.state.readOnly
+      readOnly: this.state.readOnly,
+      onEditStart: () => {
+        this.setState({
+          readOnly: true
+        });
+      },
+      onEditFinish: () => {
+        this.setState({
+          readOnly: false
+        });
+      }
     }), /*#__PURE__*/_react.default.createElement(CustomBlockquoteButton, {
       isDisabled: disabledButtons.includes(_btNames.default.blockquote),
       editorState: editorState,
@@ -380,8 +390,20 @@ class RichTextEditor extends _react.default.Component {
       isDisabled: disabledButtons.includes(_btNames.default.annotation),
       isActive: entityType === 'ANNOTATION',
       editorState: editorState,
-      onChange: this.onChange,
-      readOnly: this.state.readOnly
+      onChange: editorState => {
+        this.onChange(editorState);
+      },
+      readOnly: this.state.readOnly,
+      onEditStart: () => {
+        this.setState({
+          readOnly: true
+        });
+      },
+      onEditFinish: () => {
+        this.setState({
+          readOnly: false
+        });
+      }
     }), /*#__PURE__*/_react.default.createElement(CustomImageButton, {
       isDisabled: disabledButtons.includes(_btNames.default.image),
       editorState: editorState,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-editor",
-  "version": "0.4.14",
+  "version": "0.4.16",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -23,7 +23,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@kids-reporter/draft-renderer": "^0.4.14",
+    "@kids-reporter/draft-renderer": "^0.4.15",
     "@twreporter/errors": "^1.1.2",
     "draft-js": "^0.11.7"
   },