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

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

@@ -4,14 +4,23 @@ 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;
@@ -21,6 +30,7 @@ const BGImageRenderButton = _styledComponents.default.span`
   padding: 6px;
   border-radius: 6px;
 `;
+
 function BGImageEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -40,6 +50,7 @@ function BGImageEditorBlock(props) {
     image,
     rawContentState
   } = entity.getData();
+
   const onChange = ({
     textBlockAlign: newTextBlockAlign,
     image: newImage,
@@ -57,6 +68,7 @@ function BGImageEditorBlock(props) {
       }
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_backgroundImage.BGImageInput, {
     renderBasicEditor: renderBasicEditor,
     textBlockAlign: textBlockAlign,
@@ -71,8 +83,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,14 +4,23 @@ 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;
@@ -21,6 +30,7 @@ const BGVideoRenderButton = _styledComponents.default.span`
   padding: 6px;
   border-radius: 6px;
 `;
+
 function BGVideoEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -40,6 +50,7 @@ function BGVideoEditorBlock(props) {
     video,
     rawContentState
   } = entity.getData();
+
   const onChange = ({
     textBlockAlign: newTextBlockAlign,
     video: newVideo,
@@ -57,6 +68,7 @@ function BGVideoEditorBlock(props) {
       }
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_backgroundVideo.BGVideoInput, {
     renderBasicEditor: renderBasicEditor,
     textBlockAlign: textBlockAlign,
@@ -71,8 +83,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,20 +4,30 @@ 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 {
@@ -36,6 +46,7 @@ function ColorBoxEditorBlock(props) {
     color,
     rawContentState
   } = entity.getData();
+
   const onChange = ({
     color: newColor,
     rawContentState: newRawContentState
@@ -51,6 +62,7 @@ function ColorBoxEditorBlock(props) {
       }
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_colorBox.ColorBoxInput, {
     renderBasicEditor: renderBasicEditor,
     color: color,
@@ -64,8 +76,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,11 +4,17 @@ 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 */
@@ -28,6 +34,7 @@ const Caption = _styledComponents.default.div`
   padding: 15px 15px 0 15px;
 `;
 exports.Caption = Caption;
+
 const EmbeddedCodeEditorBlock = entity => {
   const {
     caption,
@@ -37,9 +44,7 @@ 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.
@@ -48,6 +53,7 @@ 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');
@@ -58,9 +64,11 @@ 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);
     });
@@ -73,4 +81,5 @@ 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,20 +4,30 @@ 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 {
@@ -36,6 +46,7 @@ function InfoBoxEditorBlock(props) {
     title,
     rawContentState
   } = entity.getData();
+
   const onChange = ({
     title: newTitle,
     rawContentState: newRawContentState
@@ -51,6 +62,7 @@ function InfoBoxEditorBlock(props) {
       }
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_infoBox.InfoBoxInput, {
     renderBasicEditor: renderBasicEditor,
     title: title,
@@ -64,8 +76,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,13 +4,21 @@ 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;
@@ -18,6 +26,7 @@ const SideIndexBlockButton = _styledComponents.default.div`
   cursor: pointer;
   margin-left: 20px;
 `;
+
 function SideIndexEditorBlock(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -37,6 +46,7 @@ function SideIndexEditorBlock(props) {
     sideIndexUrl,
     sideIndexImage
   } = entity.getData();
+
   const onChange = ({
     h2Text,
     sideIndexText,
@@ -55,6 +65,7 @@ function SideIndexEditorBlock(props) {
       }
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_sideIndex.SideIndexInput, {
     h2Text: h2Text,
     sideIndexText: sideIndexText,
@@ -69,8 +80,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,9 +5,13 @@ 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%;
 `;
@@ -32,24 +36,26 @@ 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
@@ -58,6 +64,7 @@ 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,34 +4,49 @@ 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 = /*#__PURE__*/function (ActionType) {
+var ActionType;
+
+(function (ActionType) {
   ActionType["Insert"] = "insert";
   ActionType["Delete"] = "delete";
   ActionType["Update"] = "update";
-  return ActionType;
-}(ActionType || {});
-var TableEnum = /*#__PURE__*/function (TableEnum) {
+})(ActionType || (ActionType = {}));
+
+var TableEnum;
+
+(function (TableEnum) {
   TableEnum["Row"] = "row";
   TableEnum["Column"] = "column";
-  return TableEnum;
-}(TableEnum || {});
+})(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:
@@ -41,10 +56,12 @@ 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) {
@@ -52,61 +69,75 @@ 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 => {
@@ -115,6 +146,7 @@ function convertTableDataFromRaw(rawTableData) {
     });
   });
 }
+
 function convertTableDataToRaw(tableData) {
   return tableData.map(rowData => {
     return rowData.map(colData => {
@@ -122,6 +154,7 @@ function convertTableDataToRaw(tableData) {
     });
   });
 }
+
 const Table = _styledComponents.default.div`
   display: table;
   width: 95%;
@@ -222,8 +255,10 @@ const TableBlockContainer = _styledComponents.default.div`
   overflow: scroll;
   padding: 15px;
 `;
+
 const TableEditorBlock = props => {
   var _tableData$2;
+
   const {
     block,
     blockProps,
@@ -240,26 +275,24 @@ 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 [tableStyles, setTableStyles] = (0, _react.useState)(_.cloneDeep(_tableStyles));
-  const tableRef = (0, _react.useRef)(null);
+  const [tableData, setTableData] = (0, _react.useState)(convertTableDataFromRaw(rawTableData)); // deep clone `_tableStyles` to prevent updating the entity data directly
 
-  // `TableBlock` will render other inner/nested DraftJS Editors inside the main Editor.
+  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.
   // 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());
 
-  // The user clicks the table for editing
+  const [cellEditorReadOnly, setCellEditorReadOnly] = (0, _react.useState)(!getMainEditorReadOnly()); // 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();
+    onEditStart(); // make nested DraftJS Editors editable
 
-    // 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.
@@ -271,10 +304,9 @@ 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
+        setCellEditorReadOnly(true); // call `onEditFinish` function tell the main DraftJS Editor
         // that we are finishing interacting with the custom atomic block.
+
         onEditFinish({
           entityKey,
           entityData: {
@@ -284,6 +316,7 @@ const TableEditorBlock = props => {
         });
       }
     }
+
     console.debug('(rich-text-editor/table): add click outside event listener');
     document.addEventListener('mousedown', handleClickOutside);
     return () => {
@@ -291,8 +324,7 @@ 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,
@@ -324,6 +356,7 @@ 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}`
@@ -371,4 +404,5 @@ const TableEditorBlock = props => {
     })), colsJsx));
   })));
 };
+
 exports.TableEditorBlock = TableEditorBlock;