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

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbeddedCodeButton = EmbeddedCodeButton;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _draftJs = require("draft-js");
-
 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,
@@ -28,7 +21,6 @@ function EmbeddedCodeButton(props) {
     caption: '',
     embeddedCode: ''
   });
-
   const promptForInput = () => {
     setToShowInput(true);
     setInputValue({
@@ -36,18 +28,16 @@ function EmbeddedCodeButton(props) {
       embeddedCode: ''
     });
   };
-
   const confirmInput = () => {
     const contentState = editorState.getCurrentContent();
     const contentStateWithEntity = contentState.createEntity('EMBEDDEDCODE', 'IMMUTABLE', inputValue);
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-
     const newEditorState = _draftJs.EditorState.set(editorState, {
       currentContent: contentStateWithEntity
-    }); // The third parameter here is a space string, not an empty string
-    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
-
+    });
 
+    // The third parameter here is a space string, not an empty string
+    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowInput(false);
     setInputValue({
@@ -55,11 +45,11 @@ function EmbeddedCodeButton(props) {
       embeddedCode: ''
     });
   };
-
   const input = /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
     isOpen: toShowInput
   }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
-    title: `Insert Embedded Code` //isOpen={toShowInput}
+    title: `Insert Embedded Code`
+    //isOpen={toShowInput}
     ,
     actions: {
       cancel: {
@@ -97,7 +87,6 @@ function EmbeddedCodeButton(props) {
       marginBottom: '30px'
     }
   })));
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, input, /*#__PURE__*/_react.default.createElement("div", {
     onClick: () => {
       promptForInput();

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EnlargeButton = EnlargeButton;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function EnlargeButton(props) {
   const {
     onToggle,

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

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FontColorButton = FontColorButton;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _modals = require("@keystone-ui/modals");
-
 var _draftJs = require("draft-js");
-
 var _fields = require("@keystone-ui/fields");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _modifier = require("../modifier");
-
 var _const = require("../const");
-
 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 ColorHexInput = (0, _styledComponents.default)(_fields.TextInput)`
   font-family: Georgia, serif;
   margin-right: 10px;
   padding: 10px;
 `;
-
 function FontColorButton(props) {
   const {
     isActive,
@@ -39,53 +27,40 @@ function FontColorButton(props) {
   } = props;
   const [toShowColorInput, setToShowColorInput] = (0, _react.useState)(false);
   const [colorValue, setColorValue] = (0, _react.useState)('');
-
   const promptForColor = e => {
     e.preventDefault();
     const selection = editorState.getSelection();
-
     if (!selection.isCollapsed()) {
       setToShowColorInput(true);
     }
   };
-
   const confirmColor = () => {
     const selection = editorState.getSelection();
     const contentState = editorState.getCurrentContent();
-
     let newContentState = _modifier.Modifier.removeInlineStyleByPrefix(contentState, selection, _const.CUSTOM_STYLE_PREFIX_FONT_COLOR);
-
     if (colorValue) {
       newContentState = _modifier.Modifier.applyInlineStyle(newContentState, selection, _const.CUSTOM_STYLE_PREFIX_FONT_COLOR + colorValue);
     }
-
     onChange(_draftJs.EditorState.push(editorState, newContentState, 'change-inline-style'));
     setToShowColorInput(false);
     setColorValue('');
   };
-
   const onColorInputKeyDown = e => {
     if (e.which === 13) {
       e.preventDefault();
       confirmColor();
     }
   };
-
   const removeColor = () => {
     const selection = editorState.getSelection();
-
     if (!selection.isCollapsed()) {
       const contentState = editorState.getCurrentContent();
-
       const newContentState = _modifier.Modifier.removeInlineStyleByPrefix(contentState, selection, _const.CUSTOM_STYLE_PREFIX_FONT_COLOR);
-
       onChange(_draftJs.EditorState.push(editorState, newContentState, 'change-inline-style'));
     }
-
     setToShowColorInput(false);
     setColorValue('');
   };
-
   const colorInput = /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
     title: "Hex Color Code (#ffffff)",
     isOpen: toShowColorInput,
@@ -105,7 +80,6 @@ function FontColorButton(props) {
     value: colorValue,
     onKeyDown: onColorInputKeyDown
   }));
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorInput, /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
     onMouseDown: isActive ? removeColor : promptForColor

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageButton = ImageButton;
-
 var _react = _interopRequireWildcard(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,
@@ -23,37 +17,32 @@ function ImageButton(props) {
     ImageSelector = _imageSelector.ImageSelector
   } = props;
   const [toShowImageSelector, setToShowImageSelector] = (0, _react.useState)(false);
-
   const promptForImageSelector = () => {
     setToShowImageSelector(true);
   };
-
   const onImageSelectorChange = (selectedImagesWithMeta, align) => {
     const selected = selectedImagesWithMeta === null || selectedImagesWithMeta === void 0 ? void 0 : selectedImagesWithMeta[0];
-
     if (!selected) {
       setToShowImageSelector(false);
       return;
     }
-
     const contentState = editorState.getCurrentContent();
-    const contentStateWithEntity = contentState.createEntity('image', 'IMMUTABLE', { ...(selected === null || selected === void 0 ? void 0 : selected.image),
+    const contentStateWithEntity = contentState.createEntity('image', 'IMMUTABLE', {
+      ...(selected === null || selected === void 0 ? void 0 : selected.image),
       desc: selected === null || selected === void 0 ? void 0 : selected.desc,
       url: selected === null || selected === void 0 ? void 0 : selected.url,
       alignment: align
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-
     const newEditorState = _draftJs.EditorState.set(editorState, {
       currentContent: contentStateWithEntity
-    }); // The third parameter here is a space string, not an empty string
-    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
-
+    });
 
+    // The third parameter here is a space string, not an empty string
+    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowImageSelector(false);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(ImageSelector, {
     onChange: onImageSelectorChange,
     enableCaption: true,

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

@@ -5,30 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InfoBoxButton = InfoBoxButton;
 exports.InfoBoxInput = InfoBoxInput;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _draftJs = require("draft-js");
-
 var _modals = require("@keystone-ui/modals");
-
 var _fields = require("@keystone-ui/fields");
-
 var _draftConverter = _interopRequireDefault(require("../draft-converter"));
-
 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 TitleInput = (0, _styledComponents.default)(_fields.TextInput)`
   margin-top: 30px;
   margin-bottom: 10px;
 `;
-
 function InfoBoxInput(props) {
   const {
     isOpen,
@@ -49,11 +38,9 @@ function InfoBoxInput(props) {
     editorStateOfBasicEditor: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)(rawContentState), decorators)
   };
   const [inputValue, setInputValue] = (0, _react.useState)(initialInputValue);
-
   const clearInputValue = () => {
     setInputValue(initialInputValue);
   };
-
   const basicEditorJsx = renderBasicEditor({
     editorState: inputValue.editorStateOfBasicEditor,
     onChange: editorStateOfBasicEditor => {
@@ -97,7 +84,6 @@ function InfoBoxInput(props) {
     value: inputValue.title
   }), basicEditorJsx));
 }
-
 function InfoBoxButton(props) {
   const [toShowInput, setToShowInput] = (0, _react.useState)(false);
   const {
@@ -106,30 +92,28 @@ function InfoBoxButton(props) {
     onChange: onEditorStateChange,
     renderBasicEditor
   } = props;
-
   const onChange = ({
     title,
     rawContentState
   }) => {
-    const contentState = editorState.getCurrentContent(); // create an InfoBox entity
+    const contentState = editorState.getCurrentContent();
 
+    // create an InfoBox entity
     const contentStateWithEntity = contentState.createEntity('INFOBOX', 'IMMUTABLE', {
       title,
       rawContentState,
       body: _draftConverter.default.convertToHtml(rawContentState)
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-
     const newEditorState = _draftJs.EditorState.set(editorState, {
       currentContent: contentStateWithEntity
-    }); //The third parameter here is a space string, not an empty string
-    //If you set an empty string, you will get an error: Unknown DraftEntity key: null
-
+    });
 
+    //The third parameter here is a space string, not an empty string
+    //If you set an empty string, you will get an error: Unknown DraftEntity key: null
     onEditorStateChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowInput(false);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(InfoBoxInput, {
     renderBasicEditor: renderBasicEditor,
     onChange: onChange,

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinkButton = LinkButton;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _modals = require("@keystone-ui/modals");
-
 var _draftJs = require("draft-js");
-
 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; }
-
 const styles = {
   urlInput: {
     fontFamily: "'Georgia', serif",
@@ -24,7 +17,6 @@ const styles = {
     padding: 10
   }
 };
-
 function LinkButton(props) {
   const {
     isActive,
@@ -33,50 +25,40 @@ function LinkButton(props) {
   } = props;
   const [toShowUrlInput, setToShowUrlInput] = (0, _react.useState)(false);
   const [urlValue, setUrlValue] = (0, _react.useState)('');
-
   const promptForLink = e => {
     e.preventDefault();
     const selection = editorState.getSelection();
-
     if (!selection.isCollapsed()) {
       setToShowUrlInput(true);
     }
   };
-
   const confirmLink = () => {
     const contentState = editorState.getCurrentContent();
     const contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', {
       url: urlValue
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-
     const newEditorState = _draftJs.EditorState.set(editorState, {
       currentContent: contentStateWithEntity
     });
-
     onChange(_draftJs.RichUtils.toggleLink(newEditorState, newEditorState.getSelection(), entityKey));
     setToShowUrlInput(false);
     setUrlValue('');
   };
-
   const onLinkInputKeyDown = e => {
     if (e.which === 13) {
       e.preventDefault();
       confirmLink();
     }
   };
-
   const removeLink = () => {
     const selection = editorState.getSelection();
-
     if (!selection.isCollapsed()) {
       onChange(_draftJs.RichUtils.toggleLink(editorState, selection, null));
     }
-
     setToShowUrlInput(false);
     setUrlValue('');
   };
-
   const urlInput = /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
     title: "Insert LINK",
     isOpen: toShowUrlInput,
@@ -97,7 +79,6 @@ function LinkButton(props) {
     value: urlValue,
     onKeyDown: onLinkInputKeyDown
   }));
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
     onMouseDown: isActive ? removeLink : promptForLink

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaButton = MediaButton;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _modals = require("@keystone-ui/modals");
-
 var _draftJs = require("draft-js");
-
 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; }
-
 const styles = {
   buttons: {
     marginBottom: 10,
@@ -36,7 +29,6 @@ const styles = {
     cursor: 'pointer'
   }
 };
-
 function MediaButton(props) {
   const {
     editorState,
@@ -46,31 +38,27 @@ function MediaButton(props) {
   const [toShowUrlInput, setToShowUrlInput] = (0, _react.useState)(false);
   const [urlValue, setUrlValue] = (0, _react.useState)('');
   const [urlType, setUrlType] = (0, _react.useState)('');
-
   const promptForMedia = mediaType => {
     setToShowUrlInput(true);
     setUrlValue('');
     setUrlType(mediaType);
   };
-
   const confirmMedia = () => {
     const contentState = editorState.getCurrentContent();
     const contentStateWithEntity = contentState.createEntity(urlType, 'IMMUTABLE', {
       src: urlValue
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-
     const newEditorState = _draftJs.EditorState.set(editorState, {
       currentContent: contentStateWithEntity
-    }); // The third parameter here is a space string, not an empty string
-    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
-
+    });
 
+    // The third parameter here is a space string, not an empty string
+    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowUrlInput(false);
     setUrlType('');
   };
-
   const urlInput = /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
     title: `Insert ${urlType.toUpperCase()} LINK`,
     isOpen: toShowUrlInput,
@@ -93,7 +81,6 @@ function MediaButton(props) {
     type: "text",
     value: urlValue
   }));
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
     style: styles.buttons
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RelatedPostButton = RelatedPostButton;
-
 var _react = _interopRequireWildcard(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,
@@ -23,33 +17,28 @@ function RelatedPostButton(props) {
     PostSelector = _postSelector.PostSelector
   } = props;
   const [toShowPostSelector, setToShowPostSelector] = (0, _react.useState)(false);
-
   const promptForPostSelector = () => {
     setToShowPostSelector(true);
   };
-
   const onPostSelectorChange = selected => {
     if (!selected.length) {
       setToShowPostSelector(false);
       return;
     }
-
     const contentState = editorState.getCurrentContent();
     const contentStateWithEntity = contentState.createEntity('RELATEDPOST', 'IMMUTABLE', {
       posts: selected.map(ele => ele.post)
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-
     const newEditorState = _draftJs.EditorState.set(editorState, {
       currentContent: contentStateWithEntity
-    }); // The third parameter here is a space string, not an empty string
-    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
-
+    });
 
+    // The third parameter here is a space string, not an empty string
+    // If you set an empty string, you will get an error: Unknown DraftEntity key: null
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowPostSelector(false);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowPostSelector && /*#__PURE__*/_react.default.createElement(PostSelector, {
     onChange: onPostSelectorChange,
     enableMultiSelect: true,

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AlignSelector = AlignSelector;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 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;
@@ -29,7 +22,6 @@ const AlignSelect = (0, _styledComponents.default)(_fields.Select)`
   return `margin-bottom: ${menuHeight}px;`;
 }}
 `;
-
 function AlignSelector(props) {
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const [menuHeight, setMenuHeight] = (0, _react.useState)(0);
@@ -41,7 +33,6 @@ function AlignSelector(props) {
   } = props;
   (0, _react.useEffect)(() => {
     const selectMenu = document.querySelector('.css-nabggt-menu');
-
     if (selectMenu) {
       const styles = window.getComputedStyle(selectMenu);
       const margin = parseFloat(styles['marginTop']) + parseFloat(styles['marginBottom']);
@@ -49,7 +40,6 @@ function AlignSelector(props) {
     } else {
       setMenuHeight(0);
     }
-
     if (isOpen && onOpen) {
       onOpen();
     }
@@ -57,7 +47,8 @@ function AlignSelector(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "alignment"
   }, "\u5C0D\u9F4A"), /*#__PURE__*/_react.default.createElement(AlignSelect, {
-    id: "alignment" // default align === undefined
+    id: "alignment"
+    // default align === undefined
     ,
     value: options.find(option => option.value === align),
     options: options,