@kids-reporter/draft-editor 0.4.1 → 0.4.2

package/lib/buttons/blockquote.js

@@ -5,35 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockquoteButton = BlockquoteButton;
 exports.BlockquoteInput = BlockquoteInput;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _draftJs = require("draft-js");
-
 var _modals = require("@keystone-ui/modals");
-
 var _select = require("./select");
-
 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; }
-
-var BlockquoteTypeEnum;
-
-(function (BlockquoteTypeEnum) {
+var BlockquoteTypeEnum = /*#__PURE__*/function (BlockquoteTypeEnum) {
   BlockquoteTypeEnum["borderLeft"] = "border_left";
   BlockquoteTypeEnum["quoteLeft"] = "quote_left";
-})(BlockquoteTypeEnum || (BlockquoteTypeEnum = {}));
-
-var BlockquoteLabelEnum;
-
-(function (BlockquoteLabelEnum) {
+  return BlockquoteTypeEnum;
+}(BlockquoteTypeEnum || {});
+var BlockquoteLabelEnum = /*#__PURE__*/function (BlockquoteLabelEnum) {
   BlockquoteLabelEnum["borderLeft"] = "\u5DE6\u908A\u6846";
   BlockquoteLabelEnum["quoteLeft"] = "\u5DE6\u5F15\u865F";
-})(BlockquoteLabelEnum || (BlockquoteLabelEnum = {}));
-
+  return BlockquoteLabelEnum;
+}(BlockquoteLabelEnum || {});
 function BlockquoteInput({
   isOpen,
   onConfirm,
@@ -41,15 +29,14 @@ function BlockquoteInput({
   inputValue
 }) {
   const [inputValueState, setInputValueState] = (0, _react.useState)(inputValue);
-
   const confirmInput = () => {
     onConfirm(inputValueState);
   };
-
   return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
     isOpen: isOpen
   }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
-    title: `Insert Embedded Code` //isOpen={toShowInput}
+    title: `Insert Embedded Code`
+    //isOpen={toShowInput}
     ,
     actions: {
       cancel: {
@@ -90,7 +77,6 @@ function BlockquoteInput({
     }
   })));
 }
-
 function BlockquoteButton(props) {
   const {
     editorState,
@@ -98,30 +84,25 @@ function BlockquoteButton(props) {
     className
   } = props;
   const [isInputOpen, setIsInputOpen] = (0, _react.useState)(false);
-
   const promptForInput = () => {
     setIsInputOpen(true);
   };
-
   const onInputChange = inputValue => {
     const contentState = editorState.getCurrentContent();
     const contentStateWithEntity = contentState.createEntity('BLOCKQUOTE', '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, ' '));
     setIsInputOpen(false);
   };
-
   const onInputCancel = () => {
     setIsInputOpen(false);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isInputOpen && /*#__PURE__*/_react.default.createElement(BlockquoteInput, {
     isOpen: isInputOpen,
     onConfirm: onInputChange,

package/lib/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/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/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,36 +17,31 @@ 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,
       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/buttons/info-box.js

@@ -5,40 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InfoBoxInput = InfoBoxInput;
 exports.createInfoBoxButton = createInfoBoxButton;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _btNames = _interopRequireDefault(require("./bt-names"));
-
 var _draftJs = require("draft-js");
-
 var _modals = require("@keystone-ui/modals");
-
 var _select = require("./select");
-
 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 disabledButtons = [_btNames.default.h2, _btNames.default.h3, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.annotation, _btNames.default.embed, _btNames.default.infoBox, _btNames.default.slideshow];
-var InfoBoxTypeEnum;
-
-(function (InfoBoxTypeEnum) {
+var InfoBoxTypeEnum = /*#__PURE__*/function (InfoBoxTypeEnum) {
   InfoBoxTypeEnum["newsChargeStation"] = "news-charge-station";
   InfoBoxTypeEnum["headerBorder"] = "header-border";
   InfoBoxTypeEnum["boxBorder"] = "box-border";
-})(InfoBoxTypeEnum || (InfoBoxTypeEnum = {}));
-
-var InfoBoxLabelEnum;
-
-(function (InfoBoxLabelEnum) {
+  return InfoBoxTypeEnum;
+}(InfoBoxTypeEnum || {});
+var InfoBoxLabelEnum = /*#__PURE__*/function (InfoBoxLabelEnum) {
   InfoBoxLabelEnum["newsChargeStation"] = "\u65B0\u805E\u5145\u96FB\u5668";
   InfoBoxLabelEnum["headerBorder"] = "\u7121\u7DDA\u6846\u7248";
   InfoBoxLabelEnum["boxBorder"] = "\u6709\u7DDA\u6846\u7248";
-})(InfoBoxLabelEnum || (InfoBoxLabelEnum = {}));
-
+  return InfoBoxLabelEnum;
+}(InfoBoxLabelEnum || {});
 function InfoBoxInput(props) {
   const {
     isOpen,
@@ -104,7 +91,6 @@ function InfoBoxInput(props) {
     }
   })));
 }
-
 function createInfoBoxButton({
   InnerEditor,
   decorator
@@ -116,29 +102,27 @@ function createInfoBoxButton({
       editorState,
       onChange: onEditorStateChange
     } = props;
-
     const onChange = ({
       type,
       rawContentState
     }) => {
-      const contentState = editorState.getCurrentContent(); // create an InfoBox entity
+      const contentState = editorState.getCurrentContent();
 
+      // create an InfoBox entity
       const contentStateWithEntity = contentState.createEntity('INFOBOX', 'IMMUTABLE', {
         type,
         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, toShowInput && /*#__PURE__*/_react.default.createElement(InfoBoxInput, {
       Editor: InnerEditor,
       decorator: decorator,

package/lib/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/buttons/select.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Select = Select;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _fields = require("@keystone-ui/fields");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TypeSelectBlock = _styledComponents.default.div`
   margin: 10px 0;
 `;
@@ -21,7 +16,6 @@ const Label = _styledComponents.default.label`
   margin: 10px 0;
   font-weight: 600;
 `;
-
 function Select({
   title,
   value,

package/lib/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) || null,
     options: options,