@mirrormedia/lilith-draft-editor 1.3.3 → 2.1.0

package/@types/website/readr/selector/post-selector.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type PostEntity = {
+    id: ID;
+    name: string;
+    slug: string;
+    heroImage: ImageEntity;
+    ogImage: ImageEntity;
+};
+export declare type PostEntityWithMeta = {
+    post: PostEntity;
+};
+declare type PostSelectorOnChangeFn = (params: PostEntityWithMeta[]) => void;
+export declare function PostSelector(props: {
+    onChange: PostSelectorOnChangeFn;
+    enableMultiSelect?: boolean;
+    minSelectCount?: number;
+}): JSX.Element;
+export {};

package/@types/website/readr/selector/search-box.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type SearchBoxOnChangeFn = (param: string) => void;
+export declare function SearchBox(props: {
+    onChange: SearchBoxOnChangeFn;
+    className: string;
+}): React.ReactElement;

package/@types/website/readr/selector/video-selector.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type VideoEntity = {
+    id: ID;
+    name?: string;
+    url: string;
+    youtubeUrl?: string;
+    file: {
+        filename?: string;
+        filesize: number;
+        url: string;
+    };
+    coverPhoto: ImageEntity;
+};
+export declare type VideoEntityWithMeta = {
+    video: VideoEntity;
+};
+declare type VideoSelectorOnChangeFn = (params: VideoEntityWithMeta[]) => void;
+export declare function VideoSelector(props: {
+    onChange: VideoSelectorOnChangeFn;
+}): JSX.Element;
+export {};

package/@types/website/readr/theme/index.d.ts

@@ -0,0 +1,30 @@
+export declare const mediaSize: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export declare const theme: {
+    breakpoint: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    margin: {
+        default: string;
+        narrow: string;
+    };
+};
+export default theme;

package/README.md

@@ -1,10 +1,10 @@
-# [@mirrormedia/lilith-core](https://www.npmjs.com/package/@mirrormedia/lilith-draft-editor) · ![npm version](https://img.shields.io/npm/v/@mirrormedia/lilith-draft-editor.svg?style=flat)
+# [@mirrormedia/lilith-draft-editor](https://www.npmjs.com/package/@mirrormedia/lilith-draft-editor) · ![npm version](https://img.shields.io/npm/v/@mirrormedia/lilith-draft-editor.svg?style=flat)
 
-### Installation
+## Installation
 
 `yarn install`
 
-### Development
+## Development
 
 `@mirrormedia/lilith-draft-editor` export `@mirrormedia/lilith-core` 所需要的 `RichTextEditor`，而 `@mirrormedia/lilith-core` 則是被 `@mirrormedia/lilith-(mirrormedia|readr|mesh|editools)` 所使用，因此在開發上會以各網站的角度去切入，在本套件中修改 editor 相關的程式碼，並在 lilith-(mirrormedia|readr|mesh|editools) 中測試開發狀況。
 
@@ -14,7 +14,7 @@
 
 等到確定程式碼修改完畢後，我們再將最新的程式碼上傳(`npm publish`)到 npm registry 去，讓 lilith-editools 的 CI/CD 可以下載到最新的版本。
 
-### File Structure
+## File Structure
 
 在 `src` 資料夾下有兩大類的檔案
 
@@ -31,19 +31,19 @@
 
 \*注 2: 雖然各個網站都 maintain 了一個 draft-editor，可以自行決定 import 進來的 buttons，不過因為 lilith-core 中實作 disalbedButtons 的功能，所以目前一率將所有的 buttons 加入 RichTextEditor 中，由 lilith-(mirrormedia|readr|mesh|editools) 來控制所使用的 buttons。
 
-### Build
+## Build
 
 `yarn build`
 
-### Publish
+## Publish
 
 `npm run publish`
 
 在 publish 前，請根據 conventional commits 的規範，將 package.json#version 升版。
 
-### Notable Details
+## Notable Details
 
-#### For those files under `views/` folder, we transpile them specifically.
+### For those files under `views/` folder, we transpile them specifically.
 
 For those files under `views/` folder, we transpile them by babel according to different configuation.
 The specific babel configuration is `.views.babelrc.js`.

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

@@ -30,7 +30,8 @@ function AnnotationButton(props) {
     editorState,
     onChange,
     renderBasicEditor,
-    decorators
+    decorators,
+    className
   } = props;
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const [inputValue, setInputValue] = (0, _react.useState)({
@@ -108,8 +109,8 @@ function AnnotationButton(props) {
     }
   }, basicEditorJsx));
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
     onMouseDown: isActive ? removeAnnotation : promptForAnnotation
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "far"

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

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AudioButton = AudioButton;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
 var _audioSelector = require("./selector/audio-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 AudioButton(props) {
   const {
     editorState,
@@ -55,12 +51,12 @@ function AudioButton(props) {
     setToShowAudioSelector(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowAudioSelector && /*#__PURE__*/_react.default.createElement(AudioSelector, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowAudioSelector && /*#__PURE__*/React.createElement(AudioSelector, {
     onChange: onAudioSelectorChange
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: promptForAudioSelector
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-file-audio"
-  }), /*#__PURE__*/_react.default.createElement("span", null, " Audio")));
+  }), /*#__PURE__*/React.createElement("span", null, " Audio")));
 }

package/lib/draft-js/buttons/background-color.js

@@ -35,7 +35,8 @@ function BackgroundColorButton(props) {
   const {
     isActive,
     editorState,
-    onChange
+    onChange,
+    className
   } = props;
   const [toShowColorInput, setToShowColorInput] = (0, _react.useState)(false);
   const [colorValue, setColorValue] = (0, _react.useState)('');
@@ -106,8 +107,8 @@ function BackgroundColorButton(props) {
     onKeyDown: onColorInputKeyDown
   }));
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorInput, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, colorInput, /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
     onMouseDown: isActive ? removeColor : promptForColor
   }, /*#__PURE__*/_react.default.createElement("svg", {
     width: "16",

package/lib/draft-js/buttons/background-image.js

@@ -169,7 +169,8 @@ function BGImageButton(props) {
     editorState,
     onChange: onEditorStateChange,
     ImageSelector,
-    renderBasicEditor
+    renderBasicEditor,
+    decorators
   } = props;
 
   const onChange = ({
@@ -197,14 +198,15 @@ function BGImageButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BGImageInput, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(BGImageInput, {
     renderBasicEditor: renderBasicEditor,
     onChange: onChange,
     onCancel: () => {
       setToShowInput(false);
     },
     isOpen: toShowInput,
-    ImageSelector: ImageSelector
+    ImageSelector: ImageSelector,
+    decorators: decorators
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: () => {

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

@@ -169,7 +169,8 @@ function BGVideoButton(props) {
     editorState,
     onChange: onEditorStateChange,
     VideoSelector,
-    renderBasicEditor
+    renderBasicEditor,
+    decorators
   } = props;
 
   const onChange = ({
@@ -197,14 +198,15 @@ function BGVideoButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BGVideoInput, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(BGVideoInput, {
     renderBasicEditor: renderBasicEditor,
     onChange: onChange,
     onCancel: () => {
       setToShowInput(false);
     },
     isOpen: toShowInput,
-    VideoSelector: VideoSelector
+    VideoSelector: VideoSelector,
+    decorators: decorators
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: () => {

package/lib/draft-js/buttons/color-box.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ColorBoxButton = ColorBoxButton;
 exports.ColorBoxInput = ColorBoxInput;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
@@ -20,10 +20,6 @@ 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;
@@ -78,9 +74,9 @@ function ColorBoxInput(props) {
       });
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
+  return /*#__PURE__*/React.createElement(_modals.DrawerController, {
     isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
+  }, /*#__PURE__*/React.createElement(_modals.Drawer, {
     title: `Insert Color Box`,
     actions: {
       cancel: {
@@ -102,7 +98,7 @@ function ColorBoxInput(props) {
         }
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(Label, null, "Hex Color Code (#ffffff)"), /*#__PURE__*/_react.default.createElement(ColorHexInput, {
+  }, /*#__PURE__*/React.createElement(Label, null, "Hex Color Code (#ffffff)"), /*#__PURE__*/React.createElement(ColorHexInput, {
     onChange: e => setInputValue({
       color: e.target.value,
       editorStateOfBasicEditor: inputValue.editorStateOfBasicEditor
@@ -110,7 +106,7 @@ function ColorBoxInput(props) {
     type: "text",
     placeholder: "Color",
     value: inputValue.color
-  }), /*#__PURE__*/_react.default.createElement(Label, null, "\u5167\u6587"), basicEditorJsx));
+  }), /*#__PURE__*/React.createElement(Label, null, "\u5167\u6587"), basicEditorJsx));
 }
 
 function ColorBoxButton(props) {
@@ -145,29 +141,29 @@ function ColorBoxButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ColorBoxInput, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(ColorBoxInput, {
     renderBasicEditor: renderBasicEditor,
     onChange: onChange,
     onCancel: () => {
       setToShowInput(false);
     },
     isOpen: toShowInput
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: () => {
       setToShowInput(true);
     }
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M14 0H2C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0Z",
     fill: "#6b7280"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M12.3867 2.66667H3.61332C3.36225 2.66667 3.12146 2.76641 2.94393 2.94394C2.76639 3.12148 2.66666 3.36227 2.66666 3.61334V5.51112C2.68312 5.75156 2.79025 5.97678 2.96639 6.14127C3.14253 6.30576 3.37454 6.39725 3.61555 6.39725C3.85655 6.39725 4.08856 6.30576 4.2647 6.14127C4.44084 5.97678 4.54797 5.75156 4.56443 5.51112V4.56445H6.94221V11.4356H5.99555C5.86547 11.4267 5.73496 11.4446 5.61211 11.4882C5.48926 11.5319 5.3767 11.6003 5.28141 11.6893C5.18612 11.7783 5.11015 11.8859 5.0582 12.0055C5.00626 12.1251 4.97946 12.2541 4.97946 12.3844C4.97946 12.5148 5.00626 12.6438 5.0582 12.7634C5.11015 12.883 5.18612 12.9906 5.28141 13.0796C5.3767 13.1686 5.48926 13.237 5.61211 13.2807C5.73496 13.3243 5.86547 13.3422 5.99555 13.3333H9.78666C10.0271 13.3169 10.2523 13.2097 10.4168 13.0336C10.5813 12.8575 10.6728 12.6255 10.6728 12.3844C10.6728 12.1434 10.5813 11.9114 10.4168 11.7353C10.2523 11.5592 10.0271 11.452 9.78666 11.4356H8.83999V4.56445H11.4355V5.51112C11.452 5.75156 11.5591 5.97678 11.7353 6.14127C11.9114 6.30576 12.1434 6.39725 12.3844 6.39725C12.6254 6.39725 12.8575 6.30576 13.0336 6.14127C13.2097 5.97678 13.3169 5.75156 13.3333 5.51112V3.61334C13.3333 3.36227 13.2336 3.12148 13.0561 2.94394C12.8785 2.76641 12.6377 2.66667 12.3867 2.66667Z",
     fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("span", null, " ColorBox")));
+  })), /*#__PURE__*/React.createElement("span", null, " ColorBox")));
 }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DividerButton = DividerButton;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
@@ -40,20 +40,20 @@ function DividerButton(props) {
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
     className: className
-  }, /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     height: "16",
     viewBox: "0 0 16 16",
     width: "16"
-  }, /*#__PURE__*/_react.default.createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h16v16H0z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M15 10.501a0.5 0.5 0 0 1 0.496 0.442l0.004 0.059v2.031a2.468 2.468 0 0 1 -2.361 2.466l-0.107 0.003H2.967a2.467 2.467 0 0 1 -2.465 -2.36L0.5 13.032v-2.03a0.5 0.5 0 0 1 0.997 -0.058l0.004 0.059v2.03a1.468 1.468 0 0 0 1.381 1.464l0.086 0.003h10.065a1.468 1.468 0 0 0 1.466 -1.382l0.003 -0.086v-2.031a0.5 0.5 0 0 1 0.5 -0.5zM15.5 7.5a0.5 0.5 0 0 1 0 1H0.5a0.5 0.5 0 0 1 0 -1zM13.029 0.5a2.471 2.471 0 0 1 2.469 2.364l0.003 0.107v2.031a0.5 0.5 0 0 1 -0.997 0.058L14.5 5.003V2.971a1.471 1.471 0 0 0 -1.385 -1.468L13.029 1.5H2.97a1.47 1.47 0 0 0 -1.467 1.383L1.5 2.97V5a0.5 0.5 0 0 1 -0.997 0.058L0.5 5V2.97a2.47 2.47 0 0 1 2.362 -2.467L2.97 0.5z",
     fill: "#6b7280",
     fillRule: "nonzero",

package/lib/draft-js/buttons/embedded-code.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbeddedCodeButton = EmbeddedCodeButton;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
@@ -13,10 +13,6 @@ var _modals = require("@keystone-ui/modals");
 
 var _fields = require("@keystone-ui/fields");
 
-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 EmbeddedCodeButton(props) {
   const {
     editorState,
@@ -56,9 +52,9 @@ function EmbeddedCodeButton(props) {
     });
   };
 
-  const input = /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
+  const input = /*#__PURE__*/React.createElement(_modals.DrawerController, {
     isOpen: toShowInput
-  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
+  }, /*#__PURE__*/React.createElement(_modals.Drawer, {
     title: `Insert Embedded Code` //isOpen={toShowInput}
     ,
     actions: {
@@ -73,7 +69,7 @@ function EmbeddedCodeButton(props) {
         action: confirmInput
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, /*#__PURE__*/React.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       caption: e.target.value,
       embeddedCode: inputValue.embeddedCode
@@ -85,7 +81,7 @@ function EmbeddedCodeButton(props) {
       marginBottom: '10px',
       marginTop: '30px'
     }
-  }), /*#__PURE__*/_react.default.createElement(_fields.TextArea, {
+  }), /*#__PURE__*/React.createElement(_fields.TextArea, {
     onChange: e => setInputValue({
       caption: inputValue.caption,
       embeddedCode: e.target.value
@@ -97,13 +93,12 @@ function EmbeddedCodeButton(props) {
       marginBottom: '30px'
     }
   })));
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, input, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, input, /*#__PURE__*/React.createElement("div", {
     onClick: () => {
       promptForInput();
     },
     className: className
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "far"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Embed")));
+  }), /*#__PURE__*/React.createElement("span", null, "Embed")));
 }

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

@@ -5,20 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EnlargeButton = EnlargeButton;
 
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function EnlargeButton(props) {
   const {
     onToggle,
     isEnlarged,
     className
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: onToggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: isEnlarged ? 'fas fa-compress' : 'fas fa-expand'
   }));
 }

package/lib/draft-js/buttons/font-color.js

@@ -35,7 +35,8 @@ function FontColorButton(props) {
   const {
     isActive,
     editorState,
-    onChange
+    onChange,
+    className
   } = props;
   const [toShowColorInput, setToShowColorInput] = (0, _react.useState)(false);
   const [colorValue, setColorValue] = (0, _react.useState)('');
@@ -106,8 +107,8 @@ function FontColorButton(props) {
     onKeyDown: onColorInputKeyDown
   }));
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorInput, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, colorInput, /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
     onMouseDown: isActive ? removeColor : promptForColor
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-palette"

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

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

package/lib/draft-js/buttons/info-box.js

@@ -130,7 +130,7 @@ function InfoBoxButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(InfoBoxInput, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(InfoBoxInput, {
     renderBasicEditor: renderBasicEditor,
     onChange: onChange,
     onCancel: () => {

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

@@ -32,6 +32,7 @@ const StyledTextInput = (0, _styledComponents.default)(_fields.TextInput)`
 function LinkButton(props) {
   const {
     editorState,
+    className,
     onChange
   } = props;
   const entityData = (0, _util.getSelectionEntityData)(editorState);
@@ -125,8 +126,8 @@ function LinkButton(props) {
     onKeyDown: onLinkInputKeyDown
   }));
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
     onMouseDown: promptForLink
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-link"

package/lib/draft-js/buttons/related-post.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RelatedPostButton = RelatedPostButton;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
 var _postSelector = require("./selector/post-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 RelatedPostButton(props) {
   const {
     editorState,
@@ -50,22 +46,22 @@ function RelatedPostButton(props) {
     setToShowPostSelector(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowPostSelector && /*#__PURE__*/_react.default.createElement(PostSelector, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowPostSelector && /*#__PURE__*/React.createElement(PostSelector, {
     onChange: onPostSelectorChange,
     enableMultiSelect: true,
     minSelectCount: 1,
     maxSelectCount: 3
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: promptForPostSelector
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "14",
     viewBox: "0 0 16 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M14.675 0H10.7917C9.45556 0 8.29445 1.11291 8.00278 2.6837C7.70833 1.11291 6.55 0 5.21389 0H1.33333C0.597222 0 0 0.718549 0 1.6042V9.81905C0 10.7047 0.597222 11.4233 1.33333 11.4233H3.825C6.66389 11.4233 7.51111 12.2387 7.91667 13.9298C7.93611 14.0234 8.06111 14.0234 8.08333 13.9298C8.49167 12.2387 9.33889 11.4233 12.175 11.4233H14.6667C15.4028 11.4233 16 10.7047 16 9.81905V1.60754C16 0.725233 15.4083 0.00668417 14.675 0ZM6.72222 8.8699C6.72222 8.9334 6.68056 8.98687 6.625 8.98687H2.17222C2.11944 8.98687 2.075 8.93674 2.075 8.8699V8.10456C2.075 8.04106 2.11667 7.98759 2.17222 7.98759H6.62778C6.68056 7.98759 6.725 8.03772 6.725 8.10456V8.8699H6.72222ZM6.72222 6.83457C6.72222 6.89807 6.68056 6.95154 6.625 6.95154H2.17222C2.11944 6.95154 2.075 6.90141 2.075 6.83457V6.06923C2.075 6.00573 2.11667 5.95226 2.17222 5.95226H6.62778C6.68056 5.95226 6.725 6.00239 6.725 6.06923V6.83457H6.72222ZM6.72222 4.79924C6.72222 4.86274 6.68056 4.91621 6.625 4.91621H2.17222C2.11944 4.91621 2.075 4.86608 2.075 4.79924V4.0339C2.075 3.9704 2.11667 3.91693 2.17222 3.91693H6.62778C6.68056 3.91693 6.725 3.96706 6.725 4.0339V4.79924H6.72222ZM13.925 8.86656C13.925 8.93005 13.8833 8.98353 13.8278 8.98353H9.375C9.32222 8.98353 9.27778 8.9334 9.27778 8.86656V8.10122C9.27778 8.03772 9.31944 7.98424 9.375 7.98424H13.8306C13.8833 7.98424 13.9278 8.03438 13.9278 8.10122V8.86656H13.925ZM13.925 6.83122C13.925 6.89472 13.8833 6.9482 13.8278 6.9482H9.375C9.32222 6.9482 9.27778 6.89807 9.27778 6.83122V6.06589C9.27778 6.00239 9.31944 5.94891 9.375 5.94891H13.8306C13.8833 5.94891 13.9278 5.99905 13.9278 6.06589V6.83122H13.925ZM13.925 4.79589C13.925 4.85939 13.8833 4.91287 13.8278 4.91287H9.375C9.32222 4.91287 9.27778 4.86274 9.27778 4.79589V4.0339C9.27778 3.9704 9.31944 3.91693 9.375 3.91693H13.8306C13.8833 3.91693 13.9278 3.96706 13.9278 4.0339V4.79589H13.925Z",
     fill: "#6b7280"
-  })), /*#__PURE__*/_react.default.createElement("span", null, "Related Post")));
+  })), /*#__PURE__*/React.createElement("span", null, "Related Post")));
 }