@mirrormedia/lilith-draft-editor 1.1.0-alpha.2 → 1.1.0-alpha.3

package/lib/website/mirrormedia/block-renderer/background-image-block.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BGImageEditorBlock = BGImageEditorBlock;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _draftConverter = _interopRequireDefault(require("../../../draft-js/draft-converter"));
-
 var _backgroundImage = require("../../../draft-js/buttons/background-image");
-
 var _mirrormedia = _interopRequireDefault(require("@mirrormedia/lilith-draft-renderer/lib/website/mirrormedia"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const {
   BGImageBlock
 } = _mirrormedia.default.blockRenderers;
@@ -30,7 +21,6 @@ const BGImageRenderButton = _styledComponents.default.span`
   padding: 6px;
   border-radius: 6px;
 `;
-
 function BGImageEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -50,7 +40,6 @@ function BGImageEditorBlock(props) {
     image,
     rawContentState
   } = entity.getData();
-
   const onChange = ({
     textBlockAlign: newTextBlockAlign,
     image: newImage,
@@ -68,7 +57,6 @@ function BGImageEditorBlock(props) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_backgroundImage.BGImageInput, {
     renderBasicEditor: renderBasicEditor,
     textBlockAlign: textBlockAlign,
@@ -83,8 +71,8 @@ function BGImageEditorBlock(props) {
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(BGImageBlock, props), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(BGImageRenderButton, {
     onClick: () => {
       // call `onEditStart` prop as we are trying to update the BGImage entity
-      onEditStart(); // open `BGImageInput`
-
+      onEditStart();
+      // open `BGImageInput`
       setToShowInput(true);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {

package/lib/website/mirrormedia/block-renderer/background-video-block.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BGVideoEditorBlock = BGVideoEditorBlock;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _draftConverter = _interopRequireDefault(require("../../../draft-js/draft-converter"));
-
 var _backgroundVideo = require("../../../draft-js/buttons/background-video");
-
 var _mirrormedia = _interopRequireDefault(require("@mirrormedia/lilith-draft-renderer/lib/website/mirrormedia"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const {
   BGVideoBlock
 } = _mirrormedia.default.blockRenderers;
@@ -30,7 +21,6 @@ const BGVideoRenderButton = _styledComponents.default.span`
   padding: 6px;
   border-radius: 6px;
 `;
-
 function BGVideoEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -50,7 +40,6 @@ function BGVideoEditorBlock(props) {
     video,
     rawContentState
   } = entity.getData();
-
   const onChange = ({
     textBlockAlign: newTextBlockAlign,
     video: newVideo,
@@ -68,7 +57,6 @@ function BGVideoEditorBlock(props) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_backgroundVideo.BGVideoInput, {
     renderBasicEditor: renderBasicEditor,
     textBlockAlign: textBlockAlign,
@@ -83,8 +71,8 @@ function BGVideoEditorBlock(props) {
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(BGVideoBlock, props), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(BGVideoRenderButton, {
     onClick: () => {
       // call `onEditStart` prop as we are trying to update the BGVideo entity
-      onEditStart(); // open `BGVideoInput`
-
+      onEditStart();
+      // open `BGVideoInput`
       setToShowInput(true);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {

package/lib/website/mirrormedia/block-renderer/color-box-block.js

@@ -4,30 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ColorBoxEditorBlock = ColorBoxEditorBlock;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _draftConverter = _interopRequireDefault(require("../../../draft-js/draft-converter"));
-
 var _colorBox = require("../../../draft-js/buttons/color-box");
-
 var _mirrormedia = _interopRequireDefault(require("@mirrormedia/lilith-draft-renderer/lib/website/mirrormedia"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const {
   ColorBoxBlock
 } = _mirrormedia.default.blockRenderers;
 const ColorBoxRenderButton = _styledComponents.default.div`
   cursor: pointer;
 `;
-
 function ColorBoxEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -46,7 +36,6 @@ function ColorBoxEditorBlock(props) {
     color,
     rawContentState
   } = entity.getData();
-
   const onChange = ({
     color: newColor,
     rawContentState: newRawContentState
@@ -62,7 +51,6 @@ function ColorBoxEditorBlock(props) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_colorBox.ColorBoxInput, {
     renderBasicEditor: renderBasicEditor,
     color: color,
@@ -76,8 +64,8 @@ function ColorBoxEditorBlock(props) {
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ColorBoxBlock, props), /*#__PURE__*/_react.default.createElement(ColorBoxRenderButton, {
     onClick: () => {
       // call `onEditStart` prop as we are trying to update the ColorBox entity
-      onEditStart(); // open `ColorBoxInput`
-
+      onEditStart();
+      // open `ColorBoxInput`
       setToShowInput(true);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {

package/lib/website/mirrormedia/block-renderer/embedded-code-block.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbeddedCodeEditorBlock = exports.Caption = exports.Block = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Block = _styledComponents.default.div`
   position: relative;
   /* styles for image link */
@@ -34,7 +28,6 @@ const Caption = _styledComponents.default.div`
   padding: 15px 15px 0 15px;
 `;
 exports.Caption = Caption;
-
 const EmbeddedCodeEditorBlock = entity => {
   const {
     caption,
@@ -44,7 +37,9 @@ const EmbeddedCodeEditorBlock = entity => {
   (0, _react.useEffect)(() => {
     if (!embedded.current) return;
     const node = embedded.current;
-    const fragment = document.createDocumentFragment(); // `embeddedCode` is a string, which may includes
+    const fragment = document.createDocumentFragment();
+
+    // `embeddedCode` is a string, which may includes
     // multiple '<script>' tags and other html tags.
     // For executing '<script>' tags on the browser,
     // we need to extract '<script>' tags from `embeddedCode` string first.
@@ -53,7 +48,6 @@ const EmbeddedCodeEditorBlock = entity => {
     // and we could use DOM element built-in functions,
     // such as `querySelectorAll` method, to query '<script>' elements,
     // and other non '<script>' elements.
-
     const parser = new DOMParser();
     const ele = parser.parseFromString(`<div id="draft-embed">${embeddedCode}</div>`, 'text/html');
     const scripts = ele.querySelectorAll('script');
@@ -64,11 +58,9 @@ const EmbeddedCodeEditorBlock = entity => {
     scripts.forEach(s => {
       const scriptEle = document.createElement('script');
       const attrs = s.attributes;
-
       for (let i = 0; i < attrs.length; i++) {
         scriptEle.setAttribute(attrs[i].name, attrs[i].value);
       }
-
       scriptEle.text = s.text || '';
       fragment.appendChild(scriptEle);
     });
@@ -81,5 +73,4 @@ const EmbeddedCodeEditorBlock = entity => {
     ref: embedded
   }), caption ? /*#__PURE__*/_react.default.createElement(Caption, null, caption) : null);
 };
-
 exports.EmbeddedCodeEditorBlock = EmbeddedCodeEditorBlock;

package/lib/website/mirrormedia/block-renderer/info-box-block.js

@@ -4,30 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InfoBoxEditorBlock = InfoBoxEditorBlock;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _draftConverter = _interopRequireDefault(require("../../../draft-js/draft-converter"));
-
 var _infoBox = require("../../../draft-js/buttons/info-box");
-
 var _mirrormedia = _interopRequireDefault(require("@mirrormedia/lilith-draft-renderer/lib/website/mirrormedia"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const {
   InfoBoxBlock
 } = _mirrormedia.default.blockRenderers;
 const InfoBoxRenderButton = _styledComponents.default.div`
   cursor: pointer;
 `;
-
 function InfoBoxEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -46,7 +36,6 @@ function InfoBoxEditorBlock(props) {
     title,
     rawContentState
   } = entity.getData();
-
   const onChange = ({
     title: newTitle,
     rawContentState: newRawContentState
@@ -62,7 +51,6 @@ function InfoBoxEditorBlock(props) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_infoBox.InfoBoxInput, {
     renderBasicEditor: renderBasicEditor,
     title: title,
@@ -76,8 +64,8 @@ function InfoBoxEditorBlock(props) {
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(InfoBoxBlock, props), /*#__PURE__*/_react.default.createElement(InfoBoxRenderButton, {
     onClick: () => {
       // call `onEditStart` prop as we are trying to update the InfoBox entity
-      onEditStart(); // open `InfoBoxInput`
-
+      onEditStart();
+      // open `InfoBoxInput`
       setToShowInput(true);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {

package/lib/website/mirrormedia/block-renderer/side-index-block.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SideIndexEditorBlock = SideIndexEditorBlock;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _sideIndex = require("../../../draft-js/buttons/side-index");
-
 var _mirrormedia = _interopRequireDefault(require("@mirrormedia/lilith-draft-renderer/lib/website/mirrormedia"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const {
   SideIndexBlock
 } = _mirrormedia.default.blockRenderers;
@@ -26,7 +18,6 @@ const SideIndexBlockButton = _styledComponents.default.div`
   cursor: pointer;
   margin-left: 20px;
 `;
-
 function SideIndexEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -46,7 +37,6 @@ function SideIndexEditorBlock(props) {
     sideIndexUrl,
     sideIndexImage
   } = entity.getData();
-
   const onChange = ({
     h2Text,
     sideIndexText,
@@ -65,7 +55,6 @@ function SideIndexEditorBlock(props) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_sideIndex.SideIndexInput, {
     h2Text: h2Text,
     sideIndexText: sideIndexText,
@@ -80,8 +69,8 @@ function SideIndexEditorBlock(props) {
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(SideIndexBlock, props), /*#__PURE__*/_react.default.createElement(SideIndexBlockButton, {
     onClick: () => {
       // call `onEditStart` prop as we are trying to update the SideIndex entity
-      onEditStart(); // open `SideIndexInput`
-
+      onEditStart();
+      // open `SideIndexInput`
       setToShowInput(true);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {

package/lib/website/mirrormedia/block-renderer/slideshow-block.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SlideshowEditBlock = SlideshowEditBlock;
 exports.SlideshowEditBlockV2 = SlideshowEditBlockV2;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Image = _styledComponents.default.img`
   width: 100%;
 `;
@@ -36,26 +32,24 @@ const Figure = _styledComponents.default.figure`
   margin-block: unset;
   margin-inline: unset;
   margin: 0 10px;
-`; // support old version of slideshow without delay propertiy
+`;
 
+// support old version of slideshow without delay propertiy
 function SlideshowEditBlock(entity) {
   var _images$, _images$$resized;
-
   const images = entity.getData();
   return /*#__PURE__*/_react.default.createElement(Figure, null, /*#__PURE__*/_react.default.createElement(Image, {
     src: images === null || images === void 0 ? void 0 : (_images$ = images[0]) === null || _images$ === void 0 ? void 0 : (_images$$resized = _images$.resized) === null || _images$$resized === void 0 ? void 0 : _images$$resized.original,
     onError: e => {
       var _images$2, _images$2$imageFile;
-
       return e.currentTarget.src = images === null || images === void 0 ? void 0 : (_images$2 = images[0]) === null || _images$2 === void 0 ? void 0 : (_images$2$imageFile = _images$2.imageFile) === null || _images$2$imageFile === void 0 ? void 0 : _images$2$imageFile.url;
     }
   }), /*#__PURE__*/_react.default.createElement(SlideshowCount, null, "+", images.length));
-} // 202206 latest version of slideshow, support delay property
-
+}
 
+// 202206 latest version of slideshow, support delay property
 function SlideshowEditBlockV2(entity) {
   var _images$3, _images$3$resized;
-
   const {
     images,
     delay
@@ -64,7 +58,6 @@ function SlideshowEditBlockV2(entity) {
     src: images === null || images === void 0 ? void 0 : (_images$3 = images[0]) === null || _images$3 === void 0 ? void 0 : (_images$3$resized = _images$3.resized) === null || _images$3$resized === void 0 ? void 0 : _images$3$resized.original,
     onError: e => {
       var _images$4, _images$4$imageFile;
-
       return e.currentTarget.src = images === null || images === void 0 ? void 0 : (_images$4 = images[0]) === null || _images$4 === void 0 ? void 0 : (_images$4$imageFile = _images$4.imageFile) === null || _images$4$imageFile === void 0 ? void 0 : _images$4$imageFile.url;
     }
   }), /*#__PURE__*/_react.default.createElement(SlideshowCount, null, /*#__PURE__*/_react.default.createElement("div", null, "+", images.length), delay && /*#__PURE__*/_react.default.createElement("div", null, `${delay}s`)));

package/lib/website/mirrormedia/block-renderer/table-block.js

@@ -4,49 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableEditorBlock = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _draftJs = require("draft-js");
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const _ = {
   cloneDeep: _cloneDeep.default
 };
-var ActionType;
-
-(function (ActionType) {
+var ActionType = /*#__PURE__*/function (ActionType) {
   ActionType["Insert"] = "insert";
   ActionType["Delete"] = "delete";
   ActionType["Update"] = "update";
-})(ActionType || (ActionType = {}));
-
-var TableEnum;
-
-(function (TableEnum) {
+  return ActionType;
+}(ActionType || {});
+var TableEnum = /*#__PURE__*/function (TableEnum) {
   TableEnum["Row"] = "row";
   TableEnum["Column"] = "column";
-})(TableEnum || (TableEnum = {}));
-
+  return TableEnum;
+}(TableEnum || {});
 function createEmptyRow(colLen = 0, emptyValue) {
   const rtn = [];
-
   for (let i = 0; i < colLen; i++) {
     rtn.push(emptyValue);
   }
-
   return rtn;
 }
-
 function resolveTableStyles(action, tableStyles) {
   switch (action === null || action === void 0 ? void 0 : action.type) {
     case ActionType.Insert:
@@ -56,12 +41,10 @@ function resolveTableStyles(action, tableStyles) {
           return Object.assign({}, tableStyles, {
             rows
           });
-        } // TODO: handle target === TableEnum.Column if needed
-
-
+        }
+        // TODO: handle target === TableEnum.Column if needed
         return tableStyles;
       }
-
     case ActionType.Delete:
       {
         if (action.target === TableEnum.Row) {
@@ -69,75 +52,61 @@ function resolveTableStyles(action, tableStyles) {
           return Object.assign({}, tableStyles, {
             rows
           });
-        } // TODO: handle target === TableEnum.Column if needed
-
-
+        }
+        // TODO: handle target === TableEnum.Column if needed
         return tableStyles;
       }
     // TODO: handle action.type === ActionType.Update if needed
-
     default:
       {
         return tableStyles;
       }
   }
 }
-
 function resolveTableData(action, tableData) {
   switch (action === null || action === void 0 ? void 0 : action.type) {
     case ActionType.Insert:
       {
         var _tableData$;
-
         if (typeof (action === null || action === void 0 ? void 0 : action.index) !== 'number') {
           return tableData;
         }
-
         if ((action === null || action === void 0 ? void 0 : action.target) === TableEnum.Column) {
           // add the new column at specific position in each row
           return tableData.map(r => [...r.slice(0, action === null || action === void 0 ? void 0 : action.index), _draftJs.EditorState.createEmpty(), ...r.slice(action === null || action === void 0 ? void 0 : action.index)]);
-        } // add the new row
-
-
+        }
+        // add the new row
         return [...tableData.slice(0, action === null || action === void 0 ? void 0 : action.index), createEmptyRow(tableData === null || tableData === void 0 ? void 0 : (_tableData$ = tableData[0]) === null || _tableData$ === void 0 ? void 0 : _tableData$.length, _draftJs.EditorState.createEmpty()), ...tableData.slice(action === null || action === void 0 ? void 0 : action.index)];
       }
-
     case ActionType.Delete:
       {
         if (typeof (action === null || action === void 0 ? void 0 : action.index) !== 'number') {
           return tableData;
         }
-
         if ((action === null || action === void 0 ? void 0 : action.target) === 'column') {
           // delete the column at specific position in each row
           return tableData.map(r => [...r.slice(0, action.index), ...r.slice(action.index + 1)]);
-        } // delete the column
-
-
+        }
+        // delete the column
         return [...tableData.slice(0, action.index), ...tableData.slice(action.index + 1)];
       }
-
     case ActionType.Update:
       {
         // The reason we copy the array is to make sure
         // that React component re-renders.
         const copiedData = [...tableData];
-
         if (typeof (action === null || action === void 0 ? void 0 : action.rIndex) !== 'number' || typeof (action === null || action === void 0 ? void 0 : action.cIndex) !== 'number') {
           return copiedData;
         }
-
         copiedData[action.rIndex][action.cIndex] = action === null || action === void 0 ? void 0 : action.value;
         return copiedData;
       }
-
     default:
       {
         return tableData;
       }
   }
 }
-
 function convertTableDataFromRaw(rawTableData) {
   return rawTableData.map(rowData => {
     return rowData.map(colData => {
@@ -146,7 +115,6 @@ function convertTableDataFromRaw(rawTableData) {
     });
   });
 }
-
 function convertTableDataToRaw(tableData) {
   return tableData.map(rowData => {
     return rowData.map(colData => {
@@ -154,7 +122,6 @@ function convertTableDataToRaw(tableData) {
     });
   });
 }
-
 const Table = _styledComponents.default.div`
   display: table;
   width: 95%;
@@ -255,10 +222,8 @@ const TableBlockContainer = _styledComponents.default.div`
   overflow: scroll;
   padding: 15px;
 `;
-
 const TableEditorBlock = props => {
   var _tableData$2;
-
   const {
     block,
     blockProps,
@@ -275,24 +240,26 @@ const TableEditorBlock = props => {
     tableData: rawTableData,
     tableStyles: _tableStyles
   } = entity.getData();
-  const [tableData, setTableData] = (0, _react.useState)(convertTableDataFromRaw(rawTableData)); // deep clone `_tableStyles` to prevent updating the entity data directly
-
+  const [tableData, setTableData] = (0, _react.useState)(convertTableDataFromRaw(rawTableData));
+  // deep clone `_tableStyles` to prevent updating the entity data directly
   const [tableStyles, setTableStyles] = (0, _react.useState)(_.cloneDeep(_tableStyles));
-  const tableRef = (0, _react.useRef)(null); // `TableBlock` will render other inner/nested DraftJS Editors inside the main Editor.
+  const tableRef = (0, _react.useRef)(null);
+
+  // `TableBlock` will render other inner/nested DraftJS Editors inside the main Editor.
   // However, main Editor's `readOnly` needs to be mutually exclusive with nested Editors' `readOnly`.
   // If the main Editor and nested Editor are editable (`readOnly={false}`) at the same time,
   // there will be a DraftJS Edtior Selection bug.
+  const [cellEditorReadOnly, setCellEditorReadOnly] = (0, _react.useState)(!getMainEditorReadOnly());
 
-  const [cellEditorReadOnly, setCellEditorReadOnly] = (0, _react.useState)(!getMainEditorReadOnly()); // The user clicks the table for editing
-
+  // The user clicks the table for editing
   const onTableClick = () => {
     // call `onEditStart` function to tell the main DraftJS Editor
     // that we are going to interact with the custom atomic block.
-    onEditStart(); // make nested DraftJS Editors editable
+    onEditStart();
 
+    // make nested DraftJS Editors editable
     setCellEditorReadOnly(false);
   };
-
   (0, _react.useEffect)(() => {
     // The user clicks other places except the table,
     // so we think he/she doesn't want to edit the table anymore.
@@ -304,9 +271,10 @@ const TableEditorBlock = props => {
       //  this `handleClickOutside` will only handle the just updated one.
       if (tableRef.current && !tableRef.current.contains(event.target) && !cellEditorReadOnly) {
         // make inner DraftJS Editors NOT editable
-        setCellEditorReadOnly(true); // call `onEditFinish` function tell the main DraftJS Editor
-        // that we are finishing interacting with the custom atomic block.
+        setCellEditorReadOnly(true);
 
+        // call `onEditFinish` function tell the main DraftJS Editor
+        // that we are finishing interacting with the custom atomic block.
         onEditFinish({
           entityKey,
           entityData: {
@@ -316,7 +284,6 @@ const TableEditorBlock = props => {
         });
       }
     }
-
     console.debug('(rich-text-editor/table): add click outside event listener');
     document.addEventListener('mousedown', handleClickOutside);
     return () => {
@@ -324,7 +291,8 @@ const TableEditorBlock = props => {
       console.debug('(rich-text-editor/table): remove click outside event listener');
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, // Skip running effect if `tableData` and `cellEditorReadOnly` are not changed.
+  },
+  // Skip running effect if `tableData` and `cellEditorReadOnly` are not changed.
   [tableData, cellEditorReadOnly]);
   return /*#__PURE__*/_react.default.createElement(TableBlockContainer, null, /*#__PURE__*/_react.default.createElement(Table, {
     key: entityKey,
@@ -356,7 +324,6 @@ const TableEditorBlock = props => {
     }));
   })), tableData.map((rowData, rIndex) => {
     var _tableStyles$rows;
-
     const colsJsx = rowData.map((colData, cIndex) => {
       return /*#__PURE__*/_react.default.createElement(Td, {
         key: `col_${cIndex}`
@@ -404,5 +371,4 @@ const TableEditorBlock = props => {
     })), colsJsx));
   })));
 };
-
 exports.TableEditorBlock = TableEditorBlock;