@mirrormedia/lilith-draft-editor 2.2.0 → 2.3.0

package/lib/draft-js/buttons/slideshow.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SlideshowButton = SlideshowButton;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _imageSelector = require("./selector/image-selector");
 
 var _draftJs = require("draft-js");
 
+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; }
+
 function SlideshowButton(props) {
   const {
     editorState,
@@ -53,15 +57,15 @@ function SlideshowButton(props) {
     setToShowImageSelector(false);
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowImageSelector && /*#__PURE__*/React.createElement(ImageSelector, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(ImageSelector, {
     onChange: onImageSelectorChange,
     enableCaption: true,
     enableDelay: true,
     enableMultiSelect: true
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: promptForImageSelector
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "far fa-images"
-  }), /*#__PURE__*/React.createElement("span", null, " Slideshow")));
+  }), /*#__PURE__*/_react.default.createElement("span", null, " Slideshow")));
 }

package/lib/draft-js/buttons/table.js

@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableButton = TableButton;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _draftJs = require("draft-js");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function TableButton(props) {
   const {
     editorState,
@@ -54,10 +58,10 @@ function TableButton(props) {
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     onClick: onClick,
     className: className
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "fa fa-table"
-  }), /*#__PURE__*/React.createElement("span", null, "Table"));
+  }), /*#__PURE__*/_react.default.createElement("span", null, "Table"));
 }

package/lib/draft-js/buttons/text-align.js

@@ -7,12 +7,16 @@ exports.AlignCenterButton = AlignCenterButton;
 exports.AlignLeftButton = AlignLeftButton;
 exports.getSelectionBlockData = void 0;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _draftJs = require("draft-js");
 
 var _modifier = require("../modifier");
 
+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 toggleSelectionTextAlign = (editorState, textAlign) => {
   return setSelectionBlockData(editorState, {
     textAlign: getSelectionBlockData(editorState, 'textAlign') !== textAlign ? textAlign : undefined
@@ -45,16 +49,16 @@ function AlignCenterButton(props) {
     _draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onMouseDown: toggleTextAlign
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M11.4286 2.28571H4.57143C3.93929 2.28571 3.42857 1.77393 3.42857 1.14286C3.42857 0.511786 3.93929 0 4.57143 0H11.4286C12.0607 0 12.5714 0.511786 12.5714 1.14286C12.5714 1.77393 12.0607 2.28571 11.4286 2.28571ZM14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714ZM0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571ZM11.4286 11.4286H4.57143C3.93929 11.4286 3.42857 10.9179 3.42857 10.2857C3.42857 9.65357 3.93929 9.14286 4.57143 9.14286H11.4286C12.0607 9.14286 12.5714 9.65357 12.5714 10.2857C12.5714 10.9179 12.0607 11.4286 11.4286 11.4286Z",
     fill: isActive ? '#ED8B00' : '#6b7280'
   }))));
@@ -74,16 +78,16 @@ function AlignLeftButton(props) {
     _draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onMouseDown: toggleTextAlign
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M9.14286 2.28571H1.14286C0.511786 2.28571 0 1.77393 0 1.14286C0 0.511786 0.511786 0 1.14286 0H9.14286C9.775 0 10.2857 0.511786 10.2857 1.14286C10.2857 1.77393 9.775 2.28571 9.14286 2.28571ZM9.14286 11.4286H1.14286C0.511786 11.4286 0 10.9179 0 10.2857C0 9.65357 0.511786 9.14286 1.14286 9.14286H9.14286C9.775 9.14286 10.2857 9.65357 10.2857 10.2857C10.2857 10.9179 9.775 11.4286 9.14286 11.4286ZM0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429ZM14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16Z",
     fill: isActive ? '#ED8B00' : '#6b7280'
   }))));

package/lib/draft-js/buttons/video.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VideoButton = VideoButton;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _draftJs = require("draft-js");
 
 var _videoSelector = require("./selector/video-selector");
 
+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; }
+
 function VideoButton(props) {
   const {
     editorState,
@@ -50,12 +54,12 @@ function VideoButton(props) {
     setToShowVideoSelector(false);
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowVideoSelector && /*#__PURE__*/React.createElement(VideoSelector, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowVideoSelector && /*#__PURE__*/_react.default.createElement(VideoSelector, {
     onChange: onVideoSelectorChange
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: promptForVideoSelector
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "fa fa-video-camera"
-  }), /*#__PURE__*/React.createElement("span", null, " Video")));
+  }), /*#__PURE__*/_react.default.createElement("span", null, " Video")));
 }

package/lib/draft-js/buttons/youtube.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.YoutubeButton = YoutubeButton;
 exports.YoutubeInput = YoutubeInput;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _draftJs = require("draft-js");
 
@@ -18,6 +18,10 @@ 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 Label = _styledComponents.default.label`
   display: block;
   font-weight: 600;
@@ -40,9 +44,9 @@ function YoutubeInput(props) {
     setInputValue(initialInputValue);
   };
 
-  return /*#__PURE__*/React.createElement(_modals.DrawerController, {
+  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
     isOpen: isOpen
-  }, /*#__PURE__*/React.createElement(_modals.Drawer, {
+  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
     title: `Insert Youtube video`,
     actions: {
       cancel: {
@@ -63,9 +67,9 @@ function YoutubeInput(props) {
         }
       }
     }
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "description"
-  }, "Youtube Description"), /*#__PURE__*/React.createElement(_fields.TextInput, {
+  }, "Youtube Description"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       description: e.target.value,
       youtubeId: inputValue.youtubeId
@@ -74,9 +78,9 @@ function YoutubeInput(props) {
     placeholder: "description",
     id: "description",
     value: inputValue.description
-  }), /*#__PURE__*/React.createElement(Label, {
+  }), /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "youtubeId"
-  }, "Youtube Videi Id"), /*#__PURE__*/React.createElement(_fields.TextInput, {
+  }, "Youtube Videi Id"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       description: inputValue.description,
       youtubeId: e.target.value
@@ -118,26 +122,26 @@ function YoutubeButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(YoutubeInput, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(YoutubeInput, {
     onChange: onChange,
     onCancel: () => {
       setToShowInput(false);
     },
     isOpen: toShowInput
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: () => {
       setToShowInput(true);
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     height: "16px",
     width: "14px",
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 461.001 461.001"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#6b7280",
     d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"
-  })), /*#__PURE__*/React.createElement("span", null, "Youtube")));
+  })), /*#__PURE__*/_react.default.createElement("span", null, "Youtube")));
 }

package/lib/website/mirrormedia/draft-editor.js

@@ -547,7 +547,7 @@ class RichTextEditor extends _react.default.Component {
         styles['backgroundColor'] = styleName.split(_const.CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR)[1];
       }
 
-      return styles ?? {};
+      return styles;
     }, {});
   };
   toggleEnlarge = () => {
@@ -922,7 +922,9 @@ const blockStyles = [{
 const BlockStyleControls = props => {
   const {
     editorState,
-    disabledButtons
+    disabledButtons,
+    onToggle,
+    readOnly
   } = props;
   const selection = editorState.getSelection();
   const blockType = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
@@ -931,10 +933,10 @@ const BlockStyleControls = props => {
     key: type.label,
     active: type.style === blockType,
     label: type.label,
-    onToggle: props.onToggle,
+    onToggle: onToggle,
     style: type.style,
     icon: type.icon,
-    readOnly: props.readOnly
+    readOnly: readOnly
   })));
 };
 

package/lib/website/mirrormedia/selector/align-selector.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AlignSelector = AlignSelector;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -13,6 +13,10 @@ var _fields = require("@keystone-ui/fields");
 
 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 Label = _styledComponents.default.label`
   display: block;
   margin: 10px 0;
@@ -50,9 +54,9 @@ function AlignSelector(props) {
       onOpen();
     }
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(Label, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "alignment"
-  }, "\u5C0D\u9F4A"), /*#__PURE__*/React.createElement(AlignSelect, {
+  }, "\u5C0D\u9F4A"), /*#__PURE__*/_react.default.createElement(AlignSelect, {
     id: "alignment" // default align === undefined
     ,
     value: options.find(option => option.value === align) ?? null,

package/lib/website/mirrormedia/selector/pagination.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Pagination = Pagination;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,12 +46,12 @@ function Pagination({
   const prevPage = currentPage - 1; // Don't render the pagiantion component if the pageSize is greater than the total number of items in the list.
 
   if (total <= pageSize) return null;
-  return /*#__PURE__*/React.createElement(PaginationWrapper, null, /*#__PURE__*/React.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/React.createElement(Arrows, null, /*#__PURE__*/React.createElement(ArrowButtonWrapper, {
+  return /*#__PURE__*/_react.default.createElement(PaginationWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/_react.default.createElement(Arrows, null, /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
     onClick: () => {
       onChange(prevPage);
     },
     disable: prevPage < minPage
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     "aria-hidden": "true",
     focusable: "false",
     height: "24px",
@@ -58,14 +60,14 @@ function Pagination({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     className: "css-bztyua"
-  }, /*#__PURE__*/React.createElement("polyline", {
+  }, /*#__PURE__*/_react.default.createElement("polyline", {
     points: "15 18 9 12 15 6"
-  }), ' ')), /*#__PURE__*/React.createElement(ArrowButtonWrapper, {
+  }), ' ')), /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
     onClick: () => {
       onChange(nextPage);
     },
     disable: nextPage > limit
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     "aria-hidden": "true",
     focusable: "false",
     height: "24px",
@@ -74,7 +76,7 @@ function Pagination({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     className: "css-bztyua"
-  }, /*#__PURE__*/React.createElement("polyline", {
+  }, /*#__PURE__*/_react.default.createElement("polyline", {
     points: "9 18 15 12 9 6"
   })))));
 }