@kids-reporter/draft-editor 1.0.16 → 1.0.18

package/lib/buttons/slideshow.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SlideshowButton = SlideshowButton;
+var _draftJs = require("draft-js");
 var _react = _interopRequireWildcard(require("react"));
 var _imageSelector = require("./selector/image-selector");
-var _draftJs = require("draft-js");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function SlideshowButton(props) {
@@ -41,15 +42,20 @@ function SlideshowButton(props) {
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowImageSelector(false);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(ImageSelector, {
-    onChange: onImageSelectorChange,
-    enableCaption: true,
-    enableMultiSelect: true,
-    enableAlignment: false
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: className,
-    onClick: promptForImageSelector
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "far fa-images"
-  }), /*#__PURE__*/_react.default.createElement("span", null, " Slideshow")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [toShowImageSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageSelector, {
+      onChange: onImageSelectorChange,
+      enableCaption: true,
+      enableMultiSelect: true,
+      enableAlignment: false
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: className,
+      onClick: promptForImageSelector,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: "far fa-images"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: " Slideshow"
+      })]
+    })]
+  });
 }

package/lib/buttons/toc-anchor.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TOCAnchorButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _draftJs = require("draft-js");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
+var _draftJs = require("draft-js");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TOCAnchorButton = props => {
   const toggleEntity = _draftJs.RichUtils.toggleLink;
@@ -42,10 +43,13 @@ const TOCAnchorButton = props => {
       onChange(toggleEntity(editorState, selection, null));
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: props.className,
     onMouseDown: isActive ? removeAnchor : promptForAnchor,
-    title: "\u7D22\u5F15"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u7D22"));
+    title: "\u7D22\u5F15",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "\u7D22"
+    })
+  });
 };
 exports.TOCAnchorButton = TOCAnchorButton;

package/lib/entity-decorators/anchor.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editableAnchorDecorator = exports.AnchorIDEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
+var _modals = require("@keystone-ui/modals");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -51,7 +52,7 @@ const AnchorIDEditor = props => {
     const idRex = /^[A-Za-z][\w-]*$/;
     return idRex.test(id);
   };
-  return /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_modals.AlertDialog, {
     title: "\u7DE8\u8F2F\u9328\u9EDE\u6587\u5B57(ID)",
     isOpen: isOpen,
     actions: {
@@ -69,17 +70,23 @@ const AnchorIDEditor = props => {
           }
         }
       }
-    }
-  }, /*#__PURE__*/_react.default.createElement(Warning, null, "\u6CE8\u610F\uFF01\u540C\u7BC7\u6587\u7AE0ID\u4E0D\u53EF\u91CD\u8907\uFF01ID\u9700\u4F7F\u7528\u534A\u578B\u82F1\u6587\u5B57\u6BCD(\u5927/\u5C0F\u5BEB)\u958B\u982D\uFF0C\u63A5\u7E8C \u82F1\u6587\u5B57\u6BCD/\u6578\u5B57/-/_"), /*#__PURE__*/_react.default.createElement("p", null, "\u7BC4\u4F8B: part1, Section-234, table_5"), /*#__PURE__*/_react.default.createElement(StyledTextInput, {
-    placeholder: "\u9328\u9EDE\u6587\u5B57(ID)",
-    type: "text",
-    value: anchorID,
-    onChange: e => setAnchorID(e.target.value)
-  }), msg && /*#__PURE__*/_react.default.createElement(Warning, null, msg));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Warning, {
+      children: "\u6CE8\u610F\uFF01\u540C\u7BC7\u6587\u7AE0ID\u4E0D\u53EF\u91CD\u8907\uFF01ID\u9700\u4F7F\u7528\u534A\u578B\u82F1\u6587\u5B57\u6BCD(\u5927/\u5C0F\u5BEB)\u958B\u982D\uFF0C\u63A5\u7E8C \u82F1\u6587\u5B57\u6BCD/\u6578\u5B57/-/_"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "\u7BC4\u4F8B: part1, Section-234, table_5"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTextInput, {
+      placeholder: "\u9328\u9EDE\u6587\u5B57(ID)",
+      type: "text",
+      value: anchorID,
+      onChange: e => setAnchorID(e.target.value)
+    }), msg && /*#__PURE__*/(0, _jsxRuntime.jsx)(Warning, {
+      children: msg
+    })]
+  });
 };
 exports.AnchorIDEditor = AnchorIDEditor;
 const EditableAnchor = props => {
-  var _contentState$getEnti;
   const {
     children,
     contentState,
@@ -87,10 +94,9 @@ const EditableAnchor = props => {
   } = props;
   const tocContent = props.decoratedText;
   const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false);
-  const [anchorID, setAnchorID] = (0, _react.useState)(contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.anchorID);
+  const [anchorID, setAnchorID] = (0, _react.useState)(contentState?.getEntity(entityKey)?.getData()?.anchorID);
   (0, _react.useEffect)(() => {
-    var _contentState$getEnti2;
-    setAnchorID((_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.anchorID);
+    setAnchorID(contentState.getEntity(entityKey).getData()?.anchorID);
   });
   const onAnchorIDChange = anchorID => {
     setIsModalOpen(false);
@@ -102,24 +108,31 @@ const EditableAnchor = props => {
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isModalOpen && /*#__PURE__*/_react.default.createElement(AnchorIDEditor, {
-    isOpen: isModalOpen,
-    anchorIDValue: anchorID,
-    onConfirm: onAnchorIDChange,
-    onCancel: () => {
-      setIsModalOpen(false);
-      props.onEditFinish();
-    }
-  }), /*#__PURE__*/_react.default.createElement(AnchorWrapper, null, /*#__PURE__*/_react.default.createElement(AnchorEditButton, {
-    anchorLabel: anchorID !== tocContent ? anchorID : undefined,
-    onClick: e => {
-      e.preventDefault();
-      setIsModalOpen(true);
-      props.onEditStart();
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fas fa-pen"
-  })), /*#__PURE__*/_react.default.createElement("span", null, children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(AnchorIDEditor, {
+      isOpen: isModalOpen,
+      anchorIDValue: anchorID,
+      onConfirm: onAnchorIDChange,
+      onCancel: () => {
+        setIsModalOpen(false);
+        props.onEditFinish();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnchorWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnchorEditButton, {
+        anchorLabel: anchorID !== tocContent ? anchorID : undefined,
+        onClick: e => {
+          e.preventDefault();
+          setIsModalOpen(true);
+          props.onEditStart();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "fas fa-pen"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: children
+      })]
+    })]
+  });
 };
 const editableAnchorDecorator = exports.editableAnchorDecorator = {
   strategy: (0, _draftRenderer.findEntitiesByType)(_draftRenderer.ENTITY.Anchor),

package/lib/entity-decorators/annotation.js

@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editableAnnotationDecorator = exports.AnnotationEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _draftJs = require("draft-js");
 var _modals = require("@keystone-ui/modals");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
+var _draftJs = require("draft-js");
+var _react = require("react");
 var _btNames = _interopRequireDefault(require("../buttons/bt-names"));
 var _richTextEditor = require("../rich-text-editor");
-var _wrapper = require("./wrapper");
 var _link = require("./link");
+var _wrapper = require("./wrapper");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const disabledButtons = [_btNames.default.h2, _btNames.default.h3, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.annotation, _btNames.default.embed, _btNames.default.image, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.tocAnchor, _btNames.default.anchor];
 const AnnotationEditor = props => {
   const {
@@ -26,34 +25,35 @@ const AnnotationEditor = props => {
   const [editorState, setEditorState] = (0, _react.useState)({
     value: editorStateValue
   });
-  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
-    isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
-    title: "\u8A3B\u89E3",
-    actions: {
-      cancel: {
-        label: 'Cancel',
-        action: () => onCancel()
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modals.DrawerController, {
+    isOpen: isOpen,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modals.Drawer, {
+      title: "\u8A3B\u89E3",
+      actions: {
+        cancel: {
+          label: 'Cancel',
+          action: () => onCancel()
+        },
+        confirm: {
+          label: 'Confirm',
+          action: () => onConfirm(editorState.value)
+        }
       },
-      confirm: {
-        label: 'Confirm',
-        action: () => onConfirm(editorState.value)
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_richTextEditor.RichTextEditor, {
-    decorators: [_link.editableLinkDecorator],
-    disabledButtons: disabledButtons,
-    editorState: editorState.value,
-    onChange: editorState => {
-      setEditorState({
-        value: editorState
-      });
-    }
-  })));
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_richTextEditor.RichTextEditor, {
+        decorators: [_link.editableLinkDecorator],
+        disabledButtons: disabledButtons,
+        editorState: editorState.value,
+        onChange: editorState => {
+          setEditorState({
+            value: editorState
+          });
+        }
+      })
+    })
+  });
 };
 exports.AnnotationEditor = AnnotationEditor;
 const EditableAnnotation = props => {
-  var _contentState$getEnti;
   const {
     children,
     contentState,
@@ -61,12 +61,11 @@ const EditableAnnotation = props => {
   } = props;
   const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false);
   const [editorState, setEditorState] = (0, _react.useState)({
-    value: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)(contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.rawContentState))
+    value: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)(contentState?.getEntity(entityKey).getData()?.rawContentState))
   });
   (0, _react.useEffect)(() => {
-    var _contentState$getEnti2;
     setEditorState({
-      value: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)(contentState === null || contentState === void 0 || (_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.rawContentState))
+      value: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)(contentState?.getEntity(entityKey).getData()?.rawContentState))
     });
   }, [contentState, entityKey]);
   const onEditorStateChange = editorState => {
@@ -81,26 +80,28 @@ const EditableAnnotation = props => {
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isModalOpen && /*#__PURE__*/_react.default.createElement(AnnotationEditor, {
-    isOpen: isModalOpen,
-    editorStateValue: editorState.value,
-    onConfirm: onEditorStateChange,
-    onCancel: () => {
-      setIsModalOpen(false);
-      props.onEditFinish();
-    }
-  }), /*#__PURE__*/_react.default.createElement(_wrapper.EditableWrapper, {
-    component: /*#__PURE__*/_react.default.createElement(_draftRenderer.annotationDecorator.component, {
-      children,
-      contentState,
-      entityKey
-    }),
-    onClick: e => {
-      e.preventDefault();
-      setIsModalOpen(true);
-      props.onEditStart();
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(AnnotationEditor, {
+      isOpen: isModalOpen,
+      editorStateValue: editorState.value,
+      onConfirm: onEditorStateChange,
+      onCancel: () => {
+        setIsModalOpen(false);
+        props.onEditFinish();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wrapper.EditableWrapper, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftRenderer.annotationDecorator.component, {
+        children,
+        contentState,
+        entityKey
+      }),
+      onClick: e => {
+        e.preventDefault();
+        setIsModalOpen(true);
+        props.onEditStart();
+      }
+    })]
+  });
 };
 const editableAnnotationDecorator = exports.editableAnnotationDecorator = {
   strategy: _draftRenderer.annotationDecorator.strategy,

package/lib/entity-decorators/link.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editableLinkDecorator = exports.LinkEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
+var _modals = require("@keystone-ui/modals");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
+var _react = require("react");
 var _wrapper = require("./wrapper");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _jsxRuntime = require("react/jsx-runtime");
 const LinkEditor = props => {
   const {
     isOpen,
@@ -19,7 +18,7 @@ const LinkEditor = props => {
     onCancel
   } = props;
   const [url, setURL] = (0, _react.useState)(urlValue);
-  return /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_modals.AlertDialog, {
     title: "\u7DE8\u8F2F\u5916\u90E8\u9023\u7D50\u6216\u5167\u90E8\u9328\u9EDE(ID)",
     isOpen: isOpen,
     actions: {
@@ -31,27 +30,28 @@ const LinkEditor = props => {
         label: 'Confirm',
         action: () => onConfirm(url)
       }
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("br", null), "\u5916\u90E8\u9023\u7D50\u7BC4\u4F8B:", /*#__PURE__*/_react.default.createElement("br", null), "https://kids.twreporter.org/article/article1#part1", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "\u5167\u90E8\u9328\u9EDE\u7BC4\u4F8B:", /*#__PURE__*/_react.default.createElement("br", null), "#part1"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
-    placeholder: "\u9023\u7D50",
-    type: "text",
-    value: url,
-    onChange: e => setURL(e.target.value)
-  }));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "\u5916\u90E8\u9023\u7D50\u7BC4\u4F8B:", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "https://kids.twreporter.org/article/article1#part1", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "\u5167\u90E8\u9328\u9EDE\u7BC4\u4F8B:", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "#part1"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fields.TextInput, {
+      placeholder: "\u9023\u7D50",
+      type: "text",
+      value: url,
+      onChange: e => setURL(e.target.value)
+    })]
+  });
 };
 exports.LinkEditor = LinkEditor;
 const EditableLink = props => {
-  var _contentState$getEnti;
   const {
     children,
     contentState,
     entityKey
   } = props;
   const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false);
-  const [url, setURL] = (0, _react.useState)(contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.url);
+  const [url, setURL] = (0, _react.useState)(contentState?.getEntity(entityKey)?.getData()?.url);
   (0, _react.useEffect)(() => {
-    var _contentState$getEnti2;
-    setURL(contentState === null || contentState === void 0 || (_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.url);
+    setURL(contentState?.getEntity(entityKey).getData()?.url);
   });
   const onURLChange = url => {
     setIsModalOpen(false);
@@ -63,26 +63,28 @@ const EditableLink = props => {
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isModalOpen && /*#__PURE__*/_react.default.createElement(LinkEditor, {
-    isOpen: isModalOpen,
-    urlValue: url,
-    onConfirm: onURLChange,
-    onCancel: () => {
-      setIsModalOpen(false);
-      props.onEditFinish();
-    }
-  }), /*#__PURE__*/_react.default.createElement(_wrapper.EditableWrapper, {
-    component: /*#__PURE__*/_react.default.createElement(_draftRenderer.linkDecorator.component, {
-      children,
-      contentState,
-      entityKey
-    }),
-    onClick: e => {
-      e.preventDefault();
-      setIsModalOpen(true);
-      props.onEditStart();
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkEditor, {
+      isOpen: isModalOpen,
+      urlValue: url,
+      onConfirm: onURLChange,
+      onCancel: () => {
+        setIsModalOpen(false);
+        props.onEditFinish();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wrapper.EditableWrapper, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftRenderer.linkDecorator.component, {
+        children,
+        contentState,
+        entityKey
+      }),
+      onClick: e => {
+        e.preventDefault();
+        setIsModalOpen(true);
+        props.onEditStart();
+      }
+    })]
+  });
 };
 const editableLinkDecorator = exports.editableLinkDecorator = {
   strategy: _draftRenderer.linkDecorator.strategy,

package/lib/entity-decorators/toc-anchor.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editableTOCAnchorDecorator = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
+var _modals = require("@keystone-ui/modals");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -40,7 +41,7 @@ const AnchorLabelEditor = props => {
     onCancel
   } = props;
   const [anchorLabel, setTOCLabel] = (0, _react.useState)(anchorLabelValue);
-  return /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modals.AlertDialog, {
     title: "\u7DE8\u8F2F\u7D22\u5F15\u986F\u793A\u6587\u5B57",
     isOpen: isOpen,
     actions: {
@@ -52,16 +53,16 @@ const AnchorLabelEditor = props => {
         label: 'Confirm',
         action: () => onConfirm(anchorLabel)
       }
-    }
-  }, /*#__PURE__*/_react.default.createElement(StyledTextInput, {
-    placeholder: "\u7D22\u5F15\u5728\u76EE\u9304\u5167\u986F\u793A\u6587\u5B57",
-    type: "text",
-    value: anchorLabel,
-    onChange: e => setTOCLabel(e.target.value)
-  }));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTextInput, {
+      placeholder: "\u7D22\u5F15\u5728\u76EE\u9304\u5167\u986F\u793A\u6587\u5B57",
+      type: "text",
+      value: anchorLabel,
+      onChange: e => setTOCLabel(e.target.value)
+    })
+  });
 };
 const EditableTOCAnchor = props => {
-  var _contentState$getEnti;
   const {
     children,
     contentState,
@@ -69,41 +70,46 @@ const EditableTOCAnchor = props => {
   } = props;
   const tocContent = props.decoratedText;
   const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false);
-  const [anchorLabel, setTOCLabel] = (0, _react.useState)(contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.anchorLabel);
+  const [anchorLabel, setTOCLabel] = (0, _react.useState)(contentState?.getEntity(entityKey)?.getData()?.anchorLabel);
   (0, _react.useEffect)(() => {
-    var _contentState$getEnti2;
-    setTOCLabel((_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.anchorLabel);
+    setTOCLabel(contentState.getEntity(entityKey).getData()?.anchorLabel);
   });
   const onTOCLabelChange = labelValue => {
-    var _contentState$getEnti3;
     setIsModalOpen(false);
     setTOCLabel(labelValue);
     props.onEditFinish({
       entityKey,
       entityData: {
-        anchorKey: contentState === null || contentState === void 0 || (_contentState$getEnti3 = contentState.getEntity(entityKey)) === null || _contentState$getEnti3 === void 0 || (_contentState$getEnti3 = _contentState$getEnti3.getData()) === null || _contentState$getEnti3 === void 0 ? void 0 : _contentState$getEnti3.anchorKey,
+        anchorKey: contentState?.getEntity(entityKey)?.getData()?.anchorKey,
         anchorLabel: labelValue
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isModalOpen && /*#__PURE__*/_react.default.createElement(AnchorLabelEditor, {
-    isOpen: isModalOpen,
-    anchorLabelValue: anchorLabel,
-    onConfirm: onTOCLabelChange,
-    onCancel: () => {
-      setIsModalOpen(false);
-      props.onEditFinish();
-    }
-  }), /*#__PURE__*/_react.default.createElement(AnchorWrapper, null, /*#__PURE__*/_react.default.createElement(AnchorEditButton, {
-    anchorLabel: anchorLabel !== tocContent ? anchorLabel : undefined,
-    onClick: e => {
-      e.preventDefault();
-      setIsModalOpen(true);
-      props.onEditStart();
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fas fa-pen"
-  })), /*#__PURE__*/_react.default.createElement("span", null, children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(AnchorLabelEditor, {
+      isOpen: isModalOpen,
+      anchorLabelValue: anchorLabel,
+      onConfirm: onTOCLabelChange,
+      onCancel: () => {
+        setIsModalOpen(false);
+        props.onEditFinish();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnchorWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnchorEditButton, {
+        anchorLabel: anchorLabel !== tocContent ? anchorLabel : undefined,
+        onClick: e => {
+          e.preventDefault();
+          setIsModalOpen(true);
+          props.onEditStart();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "fas fa-pen"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: children
+      })]
+    })]
+  });
 };
 const editableTOCAnchorDecorator = exports.editableTOCAnchorDecorator = {
   strategy: (0, _draftRenderer.findEntitiesByType)(_draftRenderer.ENTITY.TOCAnchor),

package/lib/entity-decorators/wrapper.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableWrapper = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Wrapper = _styledComponents.default.span`
   display: inline;
@@ -18,10 +18,13 @@ const EditButton = _styledComponents.default.div`
   padding-right: 2px;
 `;
 const EditableWrapper = props => {
-  return /*#__PURE__*/_react.default.createElement(Wrapper, null, props.component, /*#__PURE__*/_react.default.createElement(EditButton, {
-    onClick: props.onClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fas fa-pen"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+    children: [props.component, /*#__PURE__*/(0, _jsxRuntime.jsx)(EditButton, {
+      onClick: props.onClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: "fas fa-pen"
+      })
+    })]
+  });
 };
 exports.EditableWrapper = EditableWrapper;

package/lib/index.js

@@ -12,18 +12,19 @@ Object.defineProperty(exports, "buttonNames", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _richTextEditor = require("./rich-text-editor");
 var _btNames = _interopRequireDefault(require("./buttons/bt-names"));
+var _anchor = require("./entity-decorators/anchor");
 var _annotation = require("./entity-decorators/annotation");
 var _link = require("./entity-decorators/link");
 var _tocAnchor = require("./entity-decorators/toc-anchor");
-var _anchor = require("./entity-decorators/anchor");
+var _richTextEditor = require("./rich-text-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const RichTextEditor = props => {
-  return /*#__PURE__*/_react.default.createElement(_richTextEditor.RichTextEditor, _extends({
-    decorators: [_annotation.editableAnnotationDecorator, _link.editableLinkDecorator, _tocAnchor.editableTOCAnchorDecorator, _anchor.editableAnchorDecorator]
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_richTextEditor.RichTextEditor, {
+    decorators: [_annotation.editableAnnotationDecorator, _link.editableLinkDecorator, _tocAnchor.editableTOCAnchorDecorator, _anchor.editableAnchorDecorator],
+    ...props
+  });
 };
 exports.RichTextEditor = RichTextEditor;
 var _default = exports.default = {

package/lib/local-types/kids-reporter__draft-renderer.d.js

@@ -0,0 +1 @@
+"use strict";