@kids-reporter/draft-editor 1.0.17 → 1.0.19

package/lib/block-renderer-fn.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.atomicBlockRenderer = atomicBlockRenderer;
+var _draftRenderer = require("@kids-reporter/draft-renderer");
 var _blockquote = require("./block-renderers/blockquote");
 var _embeddedCode = require("./block-renderers/embedded-code");
 var _image = require("./block-renderers/image");
 var _imageLink = require("./block-renderers/image-link");
 var _infoBox = require("./block-renderers/info-box");
 var _slideshow = require("./block-renderers/slideshow");
-var _draftRenderer = require("@kids-reporter/draft-renderer");
 const {
   Divider,
   NewsReading

package/lib/block-renderers/blockquote.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableBlockquote = EditableBlockquote;
+var _draftRenderer = require("@kids-reporter/draft-renderer");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _blockquote = require("../buttons/blockquote");
 var _styled = require("./styled");
-var _draftRenderer = require("@kids-reporter/draft-renderer");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
   BlockquoteInArticleBody
 } = _draftRenderer.blockRenderers;
@@ -45,21 +45,23 @@ function EditableBlockquote(props) {
       entityData: inputValue
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_blockquote.BlockquoteInput, {
-    isOpen: isInputOpen,
-    onCancel: () => {
-      setIsInputOpen(false);
-      onEditFinish();
-    },
-    onConfirm: onInputChange,
-    inputValue: data
-  }), /*#__PURE__*/_react.default.createElement(EditableBlock, {
-    component: /*#__PURE__*/_react.default.createElement(StyledBlockquote, {
-      data: data
-    }),
-    onClick: () => {
-      onEditStart();
-      setIsInputOpen(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockquote.BlockquoteInput, {
+      isOpen: isInputOpen,
+      onCancel: () => {
+        setIsInputOpen(false);
+        onEditFinish();
+      },
+      onConfirm: onInputChange,
+      inputValue: data
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableBlock, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBlockquote, {
+        data: data
+      }),
+      onClick: () => {
+        onEditStart();
+        setIsInputOpen(true);
+      }
+    })]
+  });
 }

package/lib/block-renderers/embedded-code.js

@@ -4,25 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableEmbeddedCode = EditableEmbeddedCode;
+var _fields = require("@keystone-ui/fields");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _embeddedCode = require("../buttons/embedded-code");
 var _styled = require("./styled");
-var _fields = require("@keystone-ui/fields");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function EmbeddedCode({
   className,
   embeddedCode
 }) {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Embedded Code:"), /*#__PURE__*/_react.default.createElement(_fields.TextArea, {
-    disabled: true,
-    type: "text",
-    value: embeddedCode
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "Embedded Code:"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fields.TextArea, {
+      disabled: true,
+      type: "text",
+      value: embeddedCode
+    })]
+  });
 }
 const StyledEmbeddedCode = (0, _styledComponents.default)(EmbeddedCode)`
   max-width: 700px;
@@ -58,21 +61,23 @@ function EditableEmbeddedCode(props) {
       entityData: inputValue
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_embeddedCode.EmbeddedCodeInput, {
-    isOpen: isInputOpen,
-    onCancel: () => {
-      setIsInputOpen(false);
-      onEditFinish();
-    },
-    onConfirm: onInputChange,
-    inputValue: data
-  }), /*#__PURE__*/_react.default.createElement(EditableBlock, {
-    component: /*#__PURE__*/_react.default.createElement(StyledEmbeddedCode, {
-      embeddedCode: data === null || data === void 0 ? void 0 : data.embeddedCode
-    }),
-    onClick: () => {
-      onEditStart();
-      setIsInputOpen(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_embeddedCode.EmbeddedCodeInput, {
+      isOpen: isInputOpen,
+      onCancel: () => {
+        setIsInputOpen(false);
+        onEditFinish();
+      },
+      onConfirm: onInputChange,
+      inputValue: data
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableBlock, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledEmbeddedCode, {
+        embeddedCode: data?.embeddedCode
+      }),
+      onClick: () => {
+        onEditStart();
+        setIsInputOpen(true);
+      }
+    })]
+  });
 }

package/lib/block-renderers/image-link.js

@@ -4,21 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageLinkEditor = exports.EditableImageLink = 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 _draftJs = require("draft-js");
+var _modals = require("@keystone-ui/modals");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
-var _imageSelector = require("../buttons/selector/image-selector");
+var _draftJs = require("draft-js");
+var _react = require("react");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _btNames = _interopRequireDefault(require("../buttons/bt-names"));
 var _alignSelector = require("../buttons/selector/align-selector");
-var _styled = require("./styled");
-var _richTextEditor = require("../rich-text-editor");
+var _imageSelector = require("../buttons/selector/image-selector");
 var _link = require("../entity-decorators/link");
-var _btNames = _interopRequireDefault(require("../buttons/bt-names"));
-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; }
+var _richTextEditor = require("../rich-text-editor");
+var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const disabledButtons = [_btNames.default.bold, _btNames.default.italic, _btNames.default.underline, _btNames.default.fontColor, _btNames.default.backgroundColor, _btNames.default.ol, _btNames.default.ul, _btNames.default.divider, _btNames.default.h2, _btNames.default.h3, _btNames.default.h4, _btNames.default.h5, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.tocAnchor, _btNames.default.anchor, _btNames.default.embed, _btNames.default.annotation, _btNames.default.image, _btNames.default.imageLink];
 const {
   ImageLinkInArticleBody
@@ -35,6 +34,7 @@ const EditableBlock = (0, _styledComponents.default)(_styled.EditableBlock)`
       background-color: #f0f0f0;
       opacity: 0.3;
     }
+  }
 `;
 const ImageLinkEditor = props => {
   const {
@@ -54,50 +54,55 @@ const ImageLinkEditor = props => {
     setAlign(align);
   };
   const onAlignSelectOpen = () => {
-    var _contentWrapperRef$cu;
-    const scrollWrapper = (_contentWrapperRef$cu = contentWrapperRef.current) === null || _contentWrapperRef$cu === void 0 ? void 0 : _contentWrapperRef$cu.parentElement;
+    const scrollWrapper = contentWrapperRef.current?.parentElement;
     if (scrollWrapper) {
-      scrollWrapper.scrollTop = scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.scrollHeight;
+      scrollWrapper.scrollTop = scrollWrapper?.scrollHeight;
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
-    isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
-    title: "Image Link",
-    actions: {
-      cancel: {
-        label: 'Cancel',
-        action: () => onCancel()
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modals.DrawerController, {
+    isOpen: isOpen,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_modals.Drawer, {
+      title: "Image Link",
+      actions: {
+        cancel: {
+          label: 'Cancel',
+          action: () => onCancel()
+        },
+        confirm: {
+          label: 'Confirm',
+          action: () => onConfirm({
+            url: url,
+            alignment: align,
+            rawContentState: (0, _draftJs.convertToRaw)(description.value.getCurrentContent())
+          })
+        }
       },
-      confirm: {
-        label: 'Confirm',
-        action: () => onConfirm({
-          url: url,
-          alignment: align,
-          rawContentState: (0, _draftJs.convertToRaw)(description.value.getCurrentContent())
-        })
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(Label, null, "\u9023\u7D50"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
-    placeholder: "\u5716\u7247\u9023\u7D50",
-    type: "text",
-    value: url,
-    onChange: e => setURL(e.target.value)
-  }), /*#__PURE__*/_react.default.createElement(_alignSelector.AlignSelector, {
-    align: align,
-    options: _imageSelector.ImageAlignOptions,
-    onChange: onAlignSelectChange,
-    onOpen: onAlignSelectOpen
-  }), /*#__PURE__*/_react.default.createElement(Label, null, "\u5716\u8AAA"), /*#__PURE__*/_react.default.createElement(_richTextEditor.RichTextEditor, {
-    decorators: [_link.editableLinkDecorator],
-    disabledButtons: disabledButtons,
-    editorState: description.value,
-    onChange: editorState => {
-      setDescription({
-        value: editorState
-      });
-    }
-  })));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        children: "\u9023\u7D50"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fields.TextInput, {
+        placeholder: "\u5716\u7247\u9023\u7D50",
+        type: "text",
+        value: url,
+        onChange: e => setURL(e.target.value)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_alignSelector.AlignSelector, {
+        align: align,
+        options: _imageSelector.ImageAlignOptions,
+        onChange: onAlignSelectChange,
+        onOpen: onAlignSelectOpen
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        children: "\u5716\u8AAA"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_richTextEditor.RichTextEditor, {
+        decorators: [_link.editableLinkDecorator],
+        disabledButtons: disabledButtons,
+        editorState: description.value,
+        onChange: editorState => {
+          setDescription({
+            value: editorState
+          });
+        }
+      })]
+    })
+  });
 };
 exports.ImageLinkEditor = ImageLinkEditor;
 const EditableImageLink = props => {
@@ -118,8 +123,7 @@ const EditableImageLink = props => {
     url,
     alignment,
     rawContentState
-  } = data; // eslint-disable-line
-
+  } = data;
   const onChange = inputValue => {
     setIsEditorOpen(false);
     onEditFinish({
@@ -127,26 +131,28 @@ const EditableImageLink = props => {
       entityData: inputValue
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isEditorOpen && /*#__PURE__*/_react.default.createElement(ImageLinkEditor, {
-    isOpen: isEditorOpen,
-    inputValue: {
-      url: url,
-      alignment: alignment,
-      rawContentState: rawContentState
-    },
-    onConfirm: onChange,
-    onCancel: () => {
-      setIsEditorOpen(false);
-      onEditFinish();
-    }
-  }), /*#__PURE__*/_react.default.createElement(EditableBlock, {
-    component: /*#__PURE__*/_react.default.createElement(StyledImage, {
-      data: data
-    }),
-    onClick: () => {
-      onEditStart();
-      setIsEditorOpen(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isEditorOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageLinkEditor, {
+      isOpen: isEditorOpen,
+      inputValue: {
+        url: url,
+        alignment: alignment,
+        rawContentState: rawContentState
+      },
+      onConfirm: onChange,
+      onCancel: () => {
+        setIsEditorOpen(false);
+        onEditFinish();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableBlock, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
+        data: data
+      }),
+      onClick: () => {
+        onEditStart();
+        setIsEditorOpen(true);
+      }
+    })]
+  });
 };
 exports.EditableImageLink = EditableImageLink;

package/lib/block-renderers/image.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableImage = EditableImage;
-var _react = _interopRequireWildcard(require("react"));
+var _draftRenderer = require("@kids-reporter/draft-renderer");
+var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _imageSelector = require("../buttons/selector/image-selector");
 var _styled = require("./styled");
-var _draftRenderer = require("@kids-reporter/draft-renderer");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   ImageInArticleBody
 } = _draftRenderer.blockRenderers;
@@ -22,6 +21,7 @@ const EditableBlock = (0, _styledComponents.default)(_styled.EditableBlock)`
       background-color: #f0f0f0;
       opacity: 0.3;
     }
+  }
 `;
 function EditableImage(props) {
   const [isSelectorOpen, setIsSelectorOpen] = (0, _react.useState)(false);
@@ -45,11 +45,11 @@ function EditableImage(props) {
   const onChange = (selectedImages, alignment) => {
     // close `ImageSelector`
     setIsSelectorOpen(false);
-    if ((selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) === 0) {
+    if (selectedImages?.length === 0) {
       onEditFinish();
       return;
     }
-    const selectedImage = selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages[0];
+    const selectedImage = selectedImages?.[0];
     onEditFinish({
       entityKey,
       entityData: Object.assign({
@@ -57,19 +57,21 @@ function EditableImage(props) {
       }, selectedImage)
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isSelectorOpen && /*#__PURE__*/_react.default.createElement(_imageSelector.ImageSelector, {
-    onChange: onChange,
-    enableCaption: true,
-    enableAlignment: true,
-    alignment: data.alignment,
-    selected: [imageWithMeta]
-  }), /*#__PURE__*/_react.default.createElement(EditableBlock, {
-    component: /*#__PURE__*/_react.default.createElement(StyledImage, {
-      data: data
-    }),
-    onClick: () => {
-      onEditStart();
-      setIsSelectorOpen(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [isSelectorOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_imageSelector.ImageSelector, {
+      onChange: onChange,
+      enableCaption: true,
+      enableAlignment: true,
+      alignment: data.alignment,
+      selected: [imageWithMeta]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableBlock, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
+        data: data
+      }),
+      onClick: () => {
+        onEditStart();
+        setIsSelectorOpen(true);
+      }
+    })]
+  });
 }

package/lib/block-renderers/info-box.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableInfoBox = EditableInfoBox;
+var _draftRenderer = require("@kids-reporter/draft-renderer");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styled = require("./styled");
 var _infoBox = require("../buttons/info-box");
-var _draftRenderer = require("@kids-reporter/draft-renderer");
-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; }
+var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
   InfoBoxInArticleBody
 } = _draftRenderer.blockRenderers;
@@ -22,6 +22,7 @@ const EditableBlock = (0, _styledComponents.default)(_styled.EditableBlock)`
       background-color: #f0f0f0;
       opacity: 0.3;
     }
+  }
 `;
 function EditableInfoBox(props) {
   const [isInputOpen, setIsInputOpen] = (0, _react.useState)(false);
@@ -45,21 +46,23 @@ function EditableInfoBox(props) {
       entityData: inputValue
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_infoBox.InfoBoxInput, {
-    isOpen: isInputOpen,
-    onCancel: () => {
-      setIsInputOpen(false);
-      onEditFinish();
-    },
-    onConfirm: onInputChange,
-    inputValue: data
-  }), /*#__PURE__*/_react.default.createElement(EditableBlock, {
-    component: /*#__PURE__*/_react.default.createElement(StyledInfoBox, {
-      data: data
-    }),
-    onClick: () => {
-      onEditStart();
-      setIsInputOpen(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_infoBox.InfoBoxInput, {
+      isOpen: isInputOpen,
+      onCancel: () => {
+        setIsInputOpen(false);
+        onEditFinish();
+      },
+      onConfirm: onInputChange,
+      inputValue: data
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableBlock, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInfoBox, {
+        data: data
+      }),
+      onClick: () => {
+        onEditStart();
+        setIsInputOpen(true);
+      }
+    })]
+  });
 }

package/lib/block-renderers/slideshow.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableSlideshow = EditableSlideshow;
+var _draftRenderer = require("@kids-reporter/draft-renderer");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _imageSelector = require("../buttons/selector/image-selector");
 var _styled = require("./styled");
-var _draftRenderer = require("@kids-reporter/draft-renderer");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
   SlideshowInArticleBody
 } = _draftRenderer.blockRenderers;
@@ -22,6 +22,7 @@ const EditableBlock = (0, _styledComponents.default)(_styled.EditableBlock)`
       background-color: #f0f0f0;
       opacity: 0.3;
     }
+  }
 `;
 function EditableSlideshow(props) {
   const [isSelectorOpen, setIsSelectorOpen] = (0, _react.useState)(false);
@@ -40,7 +41,7 @@ function EditableSlideshow(props) {
   const onChange = (selectedImages, alignment) => {
     // close `ImageSelector`
     setIsSelectorOpen(false);
-    if ((selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) === 0) {
+    if (selectedImages?.length === 0) {
       onEditFinish();
       return;
     }
@@ -52,21 +53,22 @@ function EditableSlideshow(props) {
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isSelectorOpen && /*#__PURE__*/_react.default.createElement(_imageSelector.ImageSelector, {
-    onChange: onChange,
-    enableCaption: true,
-    enableUrl: false,
-    enableAlignment: false,
-    enableMultiSelect: true,
-    alignment: data.alignment,
-    selected: data.images
-  }), /*#__PURE__*/_react.default.createElement(EditableBlock, {
-    component: /*#__PURE__*/_react.default.createElement(StyledSlideshow, {
-      data: data
-    }),
-    onClick: () => {
-      onEditStart();
-      setIsSelectorOpen(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [isSelectorOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_imageSelector.ImageSelector, {
+      onChange: onChange,
+      enableCaption: true,
+      enableAlignment: false,
+      enableMultiSelect: true,
+      alignment: data.alignment,
+      selected: data.images
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableBlock, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSlideshow, {
+        data: data
+      }),
+      onClick: () => {
+        onEditStart();
+        setIsSelectorOpen(true);
+      }
+    })]
+  });
 }

package/lib/block-renderers/styled.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditableBlock = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditButton = _styledComponents.default.div`
   cursor: pointer;
   display: none;
@@ -26,12 +26,16 @@ const _EditableBlock = _styledComponents.default.div`
   }
 `;
 const EditableBlock = props => {
-  return /*#__PURE__*/_react.default.createElement(_EditableBlock, {
-    className: props.className
-  }, props.component, /*#__PURE__*/_react.default.createElement(EditButton, {
-    onClick: props.onClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa-solid fa-pen"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Modify")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_EditableBlock, {
+    className: props.className,
+    children: [props.component, /*#__PURE__*/(0, _jsxRuntime.jsxs)(EditButton, {
+      onClick: props.onClick,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: "fa-solid fa-pen"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Modify"
+      })]
+    })]
+  });
 };
 exports.EditableBlock = EditableBlock;