@mirrormedia/lilith-draft-editor 1.3.3 → 2.1.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AlignSelector = AlignSelector;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -13,10 +13,6 @@ 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;
@@ -54,15 +50,15 @@ function AlignSelector(props) {
       onOpen();
     }
   }, [isOpen]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(Label, {
     htmlFor: "alignment"
-  }, "\u5C0D\u9F4A"), /*#__PURE__*/_react.default.createElement(AlignSelect, {
+  }, "\u5C0D\u9F4A"), /*#__PURE__*/React.createElement(AlignSelect, {
     id: "alignment" // default align === undefined
     ,
-    value: options.find(option => option.value === align),
+    value: options.find(option => option.value === align) ?? null,
     options: options,
     onChange: option => {
-      onChange(option.value);
+      onChange((option === null || option === void 0 ? void 0 : option.value) ?? '');
     },
     onMenuOpen: () => setIsOpen(true),
     onMenuClose: () => setIsOpen(false),

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

@@ -87,27 +87,28 @@ function AudiosGrids(props) {
 }
 
 function AudioGrid(props) {
-  var _audio$file;
+  var _newAudio$file;
 
   const {
     audio,
     onSelect,
     isSelected
   } = props;
+  const newAudio = audio;
   return /*#__PURE__*/_react.default.createElement(AudioGridWrapper, {
-    key: audio === null || audio === void 0 ? void 0 : audio.id,
+    key: newAudio === null || newAudio === void 0 ? void 0 : newAudio.id,
     onClick: () => onSelect(audio)
   }, /*#__PURE__*/_react.default.createElement(AudioSelected, null, isSelected ? /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-check-circle"
   }) : null), /*#__PURE__*/_react.default.createElement(Audio, {
     controls: true
   }, /*#__PURE__*/_react.default.createElement("source", {
-    src: audio === null || audio === void 0 ? void 0 : audio.urlOriginal
+    src: newAudio === null || newAudio === void 0 ? void 0 : newAudio.urlOriginal
   }), /*#__PURE__*/_react.default.createElement("source", {
-    src: audio === null || audio === void 0 ? void 0 : audio.audioSrc
+    src: newAudio === null || newAudio === void 0 ? void 0 : newAudio.audioSrc
   }), /*#__PURE__*/_react.default.createElement("source", {
-    src: audio === null || audio === void 0 ? void 0 : (_audio$file = audio.file) === null || _audio$file === void 0 ? void 0 : _audio$file.url
-  })), /*#__PURE__*/_react.default.createElement(AudioName, null, audio === null || audio === void 0 ? void 0 : audio.name));
+    src: newAudio === null || newAudio === void 0 ? void 0 : (_newAudio$file = newAudio.file) === null || _newAudio$file === void 0 ? void 0 : _newAudio$file.url
+  })), /*#__PURE__*/_react.default.createElement(AudioName, null, newAudio === null || newAudio === void 0 ? void 0 : newAudio.name));
 }
 
 function AudioMetaGrids(props) {
@@ -125,7 +126,7 @@ function AudioMetaGrids(props) {
 }
 
 function AudioMetaGrid(props) {
-  var _audio$file2;
+  var _newAudio$file2;
 
   const {
     audioMeta
@@ -133,15 +134,16 @@ function AudioMetaGrid(props) {
   const {
     audio
   } = audioMeta;
+  const newAudio = audio;
   return /*#__PURE__*/_react.default.createElement(AudioMetaGridWrapper, null, /*#__PURE__*/_react.default.createElement(Audio, {
     controls: true
   }, /*#__PURE__*/_react.default.createElement("source", {
-    src: audio === null || audio === void 0 ? void 0 : audio.urlOriginal
+    src: newAudio === null || newAudio === void 0 ? void 0 : newAudio.urlOriginal
   }), /*#__PURE__*/_react.default.createElement("source", {
-    src: audio === null || audio === void 0 ? void 0 : audio.audioSrc
+    src: newAudio === null || newAudio === void 0 ? void 0 : newAudio.audioSrc
   }), /*#__PURE__*/_react.default.createElement("source", {
-    src: audio === null || audio === void 0 ? void 0 : (_audio$file2 = audio.file) === null || _audio$file2 === void 0 ? void 0 : _audio$file2.url
-  })), /*#__PURE__*/_react.default.createElement(AudioName, null, audio === null || audio === void 0 ? void 0 : audio.name));
+    src: newAudio === null || newAudio === void 0 ? void 0 : (_newAudio$file2 = newAudio.file) === null || _newAudio$file2 === void 0 ? void 0 : _newAudio$file2.url
+  })), /*#__PURE__*/_react.default.createElement(AudioName, null, newAudio === null || newAudio === void 0 ? void 0 : newAudio.name));
 }
 
 const AudiosQuery = (0, _apollo.gql)`
@@ -242,7 +244,7 @@ function AudioSelector(props) {
     }
   }, [currentPage, searchText]);
 
-  let searchResult = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AudiosGrids, {
+  let searchResult = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(AudiosGrids, {
     audios: audioFiles,
     selected: selectedAudios,
     onSelect: onAudiosGridSelect
@@ -260,7 +262,9 @@ function AudioSelector(props) {
   }
 
   if (error) {
-    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `audios` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, AudiosQuery.loc.source.body)));
+    var _AudiosQuery$loc;
+
+    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `audios` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, AudiosQuery === null || AudiosQuery === void 0 ? void 0 : (_AudiosQuery$loc = AudiosQuery.loc) === null || _AudiosQuery$loc === void 0 ? void 0 : _AudiosQuery$loc.source.body)));
   }
 
   return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {

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

@@ -103,24 +103,25 @@ function ImageGrids(props) {
 }
 
 function ImageGrid(props) {
-  var _image$resized;
+  var _newImage$resized;
 
   const {
     image,
     onSelect,
     isSelected
   } = props;
+  const newImage = image;
   return /*#__PURE__*/_react.default.createElement(ImageGridWrapper, {
-    key: image === null || image === void 0 ? void 0 : image.id,
-    onClick: () => onSelect(image)
+    key: newImage === null || newImage === void 0 ? void 0 : newImage.id,
+    onClick: () => onSelect(newImage)
   }, /*#__PURE__*/_react.default.createElement(ImageSelected, null, isSelected ? /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-check-circle"
   }) : null), /*#__PURE__*/_react.default.createElement(Image, {
-    src: image === null || image === void 0 ? void 0 : (_image$resized = image.resized) === null || _image$resized === void 0 ? void 0 : _image$resized.w800,
+    src: newImage === null || newImage === void 0 ? void 0 : (_newImage$resized = newImage.resized) === null || _newImage$resized === void 0 ? void 0 : _newImage$resized.w800,
     onError: e => {
-      var _image$imageFile;
+      var _newImage$imageFile;
 
-      return e.currentTarget.src = image === null || image === void 0 ? void 0 : (_image$imageFile = image.imageFile) === null || _image$imageFile === void 0 ? void 0 : _image$imageFile.url;
+      return e.currentTarget.src = newImage === null || newImage === void 0 ? void 0 : (_newImage$imageFile = newImage.imageFile) === null || _newImage$imageFile === void 0 ? void 0 : _newImage$imageFile.url;
     }
   }));
 }
@@ -146,7 +147,7 @@ function ImageMetaGrids(props) {
 }
 
 function ImageMetaGrid(props) {
-  var _image$resized2;
+  var _newImage$resized2;
 
   const {
     imageMeta,
@@ -159,28 +160,29 @@ function ImageMetaGrid(props) {
     desc,
     url
   } = imageMeta;
+  const newImage = image;
   return /*#__PURE__*/_react.default.createElement(ImageMetaGridWrapper, null, /*#__PURE__*/_react.default.createElement(Image, {
-    src: image === null || image === void 0 ? void 0 : (_image$resized2 = image.resized) === null || _image$resized2 === void 0 ? void 0 : _image$resized2.w800,
+    src: newImage === null || newImage === void 0 ? void 0 : (_newImage$resized2 = newImage.resized) === null || _newImage$resized2 === void 0 ? void 0 : _newImage$resized2.w800,
     onError: e => {
-      var _image$imageFile2;
+      var _newImage$imageFile2;
 
-      return e.currentTarget.src = image === null || image === void 0 ? void 0 : (_image$imageFile2 = image.imageFile) === null || _image$imageFile2 === void 0 ? void 0 : _image$imageFile2.url;
+      return e.currentTarget.src = newImage === null || newImage === void 0 ? void 0 : (_newImage$imageFile2 = newImage.imageFile) === null || _newImage$imageFile2 === void 0 ? void 0 : _newImage$imageFile2.url;
     }
-  }), enableCaption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
+  }), enableCaption && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "caption"
   }, "Image Caption:"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     id: "caption",
     type: "text",
-    placeholder: image === null || image === void 0 ? void 0 : image.name,
+    placeholder: newImage === null || newImage === void 0 ? void 0 : newImage.name,
     defaultValue: desc,
     onChange: _.debounce(e => {
       onChange({
-        image,
+        image: newImage,
         desc: e.target.value,
         url
       });
     })
-  })), enableUrl && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
+  })), enableUrl && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "url"
   }, "Url:"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     id: "url",
@@ -189,7 +191,7 @@ function ImageMetaGrid(props) {
     defaultValue: url,
     onChange: _.debounce(e => {
       onChange({
-        image,
+        image: newImage,
         desc,
         url: e.target.value
       });
@@ -202,7 +204,7 @@ function DelayInput(props) {
     delay,
     onChange
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, null, "Slideshow delay:"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, null, "Slideshow delay:"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     type: "number",
     placeholder: "\u8ACB\u8F38\u5165\u81EA\u52D5\u5207\u63DB\u79D2\u6578",
     step: "0.5",
@@ -268,7 +270,7 @@ function ImageSelector(props) {
   const [selected, setSelected] = (0, _react.useState)(initialSelected);
   const [delay, setDelay] = (0, _react.useState)('5');
   const [align, setAlign] = (0, _react.useState)(initialAlign);
-  const contentWrapperRef = (0, _react.useRef)();
+  const contentWrapperRef = (0, _react.useRef)(null);
   const pageSize = 6;
   const options = [{
     value: undefined,
@@ -311,7 +313,10 @@ function ImageSelector(props) {
     var _contentWrapperRef$cu;
 
     const scrollWrapper = (_contentWrapperRef$cu = contentWrapperRef.current) === null || _contentWrapperRef$cu === void 0 ? void 0 : _contentWrapperRef$cu.parentElement;
-    scrollWrapper.scrollTop = scrollWrapper.scrollHeight;
+
+    if (scrollWrapper) {
+      scrollWrapper.scrollTop = scrollWrapper.scrollHeight;
+    }
   };
 
   const onImageMetaChange = imageEntityWithMeta => {
@@ -376,7 +381,7 @@ function ImageSelector(props) {
     }
   }, [currentPage, searchText]);
 
-  let searchResult = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ImageGrids, {
+  let searchResult = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(ImageGrids, {
     images: images,
     selected: selectedImages,
     onSelect: onImagesGridSelect
@@ -394,7 +399,9 @@ function ImageSelector(props) {
   }
 
   if (error) {
-    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `images` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, imagesQuery.loc.source.body)));
+    var _imagesQuery$loc, _imagesQuery$loc$sour;
+
+    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `images` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, imagesQuery === null || imagesQuery === void 0 ? void 0 : (_imagesQuery$loc = imagesQuery.loc) === null || _imagesQuery$loc === void 0 ? void 0 : (_imagesQuery$loc$sour = _imagesQuery$loc.source) === null || _imagesQuery$loc$sour === void 0 ? void 0 : _imagesQuery$loc$sour.body)));
   }
 
   return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
@@ -424,7 +431,8 @@ function ImageSelector(props) {
     delay: delay,
     onChange: onDealyChange
   }), enableAlignment && /*#__PURE__*/_react.default.createElement(_alignSelector.AlignSelector, {
-    align: align,
+    align: align // @ts-ignore: option with undefined value
+    ,
     options: options,
     onChange: onAlignSelectChange,
     onOpen: onAlignSelectOpen

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

@@ -5,8 +5,6 @@ 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 }; }
@@ -46,12 +44,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.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, {
+  return /*#__PURE__*/React.createElement(PaginationWrapper, null, /*#__PURE__*/React.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/React.createElement(Arrows, null, /*#__PURE__*/React.createElement(ArrowButtonWrapper, {
     onClick: () => {
       onChange(prevPage);
     },
     disable: prevPage < minPage
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     "aria-hidden": "true",
     focusable: "false",
     height: "24px",
@@ -60,14 +58,14 @@ function Pagination({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     className: "css-bztyua"
-  }, /*#__PURE__*/_react.default.createElement("polyline", {
+  }, /*#__PURE__*/React.createElement("polyline", {
     points: "15 18 9 12 15 6"
-  }), ' ')), /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
+  }), ' ')), /*#__PURE__*/React.createElement(ArrowButtonWrapper, {
     onClick: () => {
       onChange(nextPage);
     },
     disable: nextPage > limit
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     "aria-hidden": "true",
     focusable: "false",
     height: "24px",
@@ -76,7 +74,7 @@ function Pagination({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     className: "css-bztyua"
-  }, /*#__PURE__*/_react.default.createElement("polyline", {
+  }, /*#__PURE__*/React.createElement("polyline", {
     points: "9 18 15 12 9 6"
   })))));
 }

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

@@ -130,26 +130,27 @@ function PostGrids(props) {
 }
 
 function PostGrid(props) {
-  var _post$heroImage, _post$heroImage$resiz;
+  var _newPost$heroImage, _newPost$heroImage$re;
 
   const {
     post,
     onSelect,
     isSelected
   } = props;
+  const newPost = post;
   return /*#__PURE__*/_react.default.createElement(PostGridWrapper, {
-    key: post === null || post === void 0 ? void 0 : post.id,
+    key: newPost === null || newPost === void 0 ? void 0 : newPost.id,
     onClick: () => onSelect(post)
   }, /*#__PURE__*/_react.default.createElement(PostSelected, null, isSelected ? /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-check-circle"
   }) : null), /*#__PURE__*/_react.default.createElement(Post, null, /*#__PURE__*/_react.default.createElement(PostImage, {
-    src: (_post$heroImage = post.heroImage) === null || _post$heroImage === void 0 ? void 0 : (_post$heroImage$resiz = _post$heroImage.resized) === null || _post$heroImage$resiz === void 0 ? void 0 : _post$heroImage$resiz.original,
+    src: (_newPost$heroImage = newPost.heroImage) === null || _newPost$heroImage === void 0 ? void 0 : (_newPost$heroImage$re = _newPost$heroImage.resized) === null || _newPost$heroImage$re === void 0 ? void 0 : _newPost$heroImage$re.original,
     onError: e => {
-      var _post$heroImage2, _post$heroImage2$imag;
+      var _newPost$heroImage2, _newPost$heroImage2$i;
 
-      return e.currentTarget.src = (_post$heroImage2 = post.heroImage) === null || _post$heroImage2 === void 0 ? void 0 : (_post$heroImage2$imag = _post$heroImage2.imageFile) === null || _post$heroImage2$imag === void 0 ? void 0 : _post$heroImage2$imag.url;
+      return e.currentTarget.src = (_newPost$heroImage2 = newPost.heroImage) === null || _newPost$heroImage2 === void 0 ? void 0 : (_newPost$heroImage2$i = _newPost$heroImage2.imageFile) === null || _newPost$heroImage2$i === void 0 ? void 0 : _newPost$heroImage2$i.url;
     }
-  }), /*#__PURE__*/_react.default.createElement(PostTitle, null, post.name)));
+  }), /*#__PURE__*/_react.default.createElement(PostTitle, null, newPost.name)));
 }
 
 function PostMetaGrids(props) {
@@ -167,7 +168,7 @@ function PostMetaGrids(props) {
 }
 
 function PostMetaGrid(props) {
-  var _post$heroImage3, _post$heroImage3$resi;
+  var _newPost$heroImage3, _newPost$heroImage3$r;
 
   const {
     postMeta
@@ -175,14 +176,15 @@ function PostMetaGrid(props) {
   const {
     post
   } = postMeta;
+  const newPost = post;
   return /*#__PURE__*/_react.default.createElement(PostMetaGridWrapper, null, /*#__PURE__*/_react.default.createElement(Post, null, /*#__PURE__*/_react.default.createElement(PostImage, {
-    src: post === null || post === void 0 ? void 0 : (_post$heroImage3 = post.heroImage) === null || _post$heroImage3 === void 0 ? void 0 : (_post$heroImage3$resi = _post$heroImage3.resized) === null || _post$heroImage3$resi === void 0 ? void 0 : _post$heroImage3$resi.original,
+    src: newPost === null || newPost === void 0 ? void 0 : (_newPost$heroImage3 = newPost.heroImage) === null || _newPost$heroImage3 === void 0 ? void 0 : (_newPost$heroImage3$r = _newPost$heroImage3.resized) === null || _newPost$heroImage3$r === void 0 ? void 0 : _newPost$heroImage3$r.original,
     onError: e => {
-      var _post$heroImage4, _post$heroImage4$imag;
+      var _newPost$heroImage4, _newPost$heroImage4$i;
 
-      return e.currentTarget.src = post === null || post === void 0 ? void 0 : (_post$heroImage4 = post.heroImage) === null || _post$heroImage4 === void 0 ? void 0 : (_post$heroImage4$imag = _post$heroImage4.imageFile) === null || _post$heroImage4$imag === void 0 ? void 0 : _post$heroImage4$imag.url;
+      return e.currentTarget.src = newPost === null || newPost === void 0 ? void 0 : (_newPost$heroImage4 = newPost.heroImage) === null || _newPost$heroImage4 === void 0 ? void 0 : (_newPost$heroImage4$i = _newPost$heroImage4.imageFile) === null || _newPost$heroImage4$i === void 0 ? void 0 : _newPost$heroImage4$i.url;
     }
-  }), /*#__PURE__*/_react.default.createElement(PostTitle, null, post === null || post === void 0 ? void 0 : post.name)));
+  }), /*#__PURE__*/_react.default.createElement(PostTitle, null, newPost === null || newPost === void 0 ? void 0 : newPost.name)));
 }
 
 function PostSelector(props) {
@@ -274,7 +276,7 @@ function PostSelector(props) {
     }
   }, [currentPage, searchText]);
 
-  let searchResult = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PostGrids, {
+  let searchResult = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(PostGrids, {
     posts: posts,
     selected: selectedPosts,
     onSelect: onPostsGridSelect
@@ -292,7 +294,9 @@ function PostSelector(props) {
   }
 
   if (error) {
-    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `posts` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, postsQuery.loc.source.body)));
+    var _postsQuery$loc;
+
+    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `posts` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, postsQuery === null || postsQuery === void 0 ? void 0 : (_postsQuery$loc = postsQuery.loc) === null || _postsQuery$loc === void 0 ? void 0 : _postsQuery$loc.source.body)));
   }
 
   return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {

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

@@ -87,15 +87,16 @@ function VideosGrids(props) {
 }
 
 function VideoGrid(props) {
-  var _video$videoFile;
+  var _newVideo$videoFile;
 
   const {
     video,
     onSelect,
     isSelected
   } = props;
+  const newVideo = video;
   return /*#__PURE__*/_react.default.createElement(VideoGridWrapper, {
-    key: video === null || video === void 0 ? void 0 : video.id,
+    key: newVideo === null || newVideo === void 0 ? void 0 : newVideo.id,
     onClick: () => onSelect(video)
   }, /*#__PURE__*/_react.default.createElement(VideoSelected, null, isSelected ? /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-check-circle"
@@ -103,9 +104,9 @@ function VideoGrid(props) {
     muted: true,
     loop: true
   }, /*#__PURE__*/_react.default.createElement("source", {
-    src: video === null || video === void 0 ? void 0 : video.videoSrc
+    src: newVideo === null || newVideo === void 0 ? void 0 : newVideo.videoSrc
   }), /*#__PURE__*/_react.default.createElement("source", {
-    src: video === null || video === void 0 ? void 0 : (_video$videoFile = video.videoFile) === null || _video$videoFile === void 0 ? void 0 : _video$videoFile.url
+    src: newVideo === null || newVideo === void 0 ? void 0 : (_newVideo$videoFile = newVideo.videoFile) === null || _newVideo$videoFile === void 0 ? void 0 : _newVideo$videoFile.url
   })));
 }
 
@@ -124,7 +125,7 @@ function VideoMetaGrids(props) {
 }
 
 function VideoMetaGrid(props) {
-  var _video$videoFile2;
+  var _newVideo$videoFile2;
 
   const {
     videoMeta
@@ -132,14 +133,15 @@ function VideoMetaGrid(props) {
   const {
     video
   } = videoMeta;
+  const newVideo = video;
   return /*#__PURE__*/_react.default.createElement(VideoMetaGridWrapper, null, /*#__PURE__*/_react.default.createElement(Video, {
     muted: true,
     autoPlay: true,
     loop: true
   }, /*#__PURE__*/_react.default.createElement("source", {
-    src: video === null || video === void 0 ? void 0 : video.videoSrc
+    src: newVideo === null || newVideo === void 0 ? void 0 : newVideo.videoSrc
   }), /*#__PURE__*/_react.default.createElement("source", {
-    src: video === null || video === void 0 ? void 0 : (_video$videoFile2 = video.videoFile) === null || _video$videoFile2 === void 0 ? void 0 : _video$videoFile2.url
+    src: newVideo === null || newVideo === void 0 ? void 0 : (_newVideo$videoFile2 = newVideo.videoFile) === null || _newVideo$videoFile2 === void 0 ? void 0 : _newVideo$videoFile2.url
   })));
 }
 
@@ -221,7 +223,8 @@ function VideoSelector(props) {
 
 
       return [{
-        video: videoEntity
+        video: videoEntity,
+        desc: ''
       }];
     });
   };
@@ -241,7 +244,7 @@ function VideoSelector(props) {
     }
   }, [currentPage, searchText]);
 
-  let searchResult = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(VideosGrids, {
+  let searchResult = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(VideosGrids, {
     videos: videos,
     selected: selectedVideos,
     onSelect: onVideosGridSelect
@@ -259,7 +262,9 @@ function VideoSelector(props) {
   }
 
   if (error) {
-    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `videos` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, videosQuery.loc.source.body)));
+    var _videosQuery$loc;
+
+    searchResult = /*#__PURE__*/_react.default.createElement(ErrorWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, "Errors occurs in the `videos` query"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Message:"), /*#__PURE__*/_react.default.createElement("div", null, error.message), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Stack:"), /*#__PURE__*/_react.default.createElement("div", null, error.stack), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("b", null, "Query:"), /*#__PURE__*/_react.default.createElement("pre", null, videosQuery === null || videosQuery === void 0 ? void 0 : (_videosQuery$loc = videosQuery.loc) === null || _videosQuery$loc === void 0 ? void 0 : _videosQuery$loc.source.body)));
   }
 
   return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {

package/lib/draft-js/buttons/side-index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SideIndexButton = SideIndexButton;
 exports.SideIndexInput = SideIndexInput;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
@@ -22,10 +22,6 @@ 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;
   font-weight: 600;
@@ -78,11 +74,11 @@ function SideIndexInput(props) {
       setInputValue(initialInputValue);
     }
   }, [isOpen]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(_imageSelector.ImageSelector, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, toShowImageSelector && /*#__PURE__*/React.createElement(_imageSelector.ImageSelector, {
     onChange: onImageSelectorChange
-  }), /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
+  }), /*#__PURE__*/React.createElement(_modals.DrawerController, {
     isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
+  }, /*#__PURE__*/React.createElement(_modals.Drawer, {
     title: `Insert Side Index`,
     actions: {
       cancel: {
@@ -99,28 +95,28 @@ function SideIndexInput(props) {
         }
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(Label, null, "\u6587\u5167\u6A19\u984C (\u82E5\u586B\u5165\u5916\u90E8\u9023\u7D50\u5247\u4E0D\u6703\u7522\u751F\u6587\u7AE0\u5167h2)"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, /*#__PURE__*/React.createElement(Label, null, "\u6587\u5167\u6A19\u984C (\u82E5\u586B\u5165\u5916\u90E8\u9023\u7D50\u5247\u4E0D\u6703\u7522\u751F\u6587\u7AE0\u5167h2)"), /*#__PURE__*/React.createElement(_fields.TextInput, {
     onChange: e => setInputValue(oldInputValue => ({ ...oldInputValue,
       h2Text: e.target.value
     })),
     type: "text",
     placeholder: "h2 text",
     value: inputValue.h2Text
-  }), /*#__PURE__*/_react.default.createElement(Label, null, "\u5074\u6B04\u6A19\u984C (Optional, \u82E5\u672A\u8A2D\u5B9A\u6703\u76F4\u63A5\u7528\u6587\u5167\u6A19\u984C)"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }), /*#__PURE__*/React.createElement(Label, null, "\u5074\u6B04\u6A19\u984C (Optional, \u82E5\u672A\u8A2D\u5B9A\u6703\u76F4\u63A5\u7528\u6587\u5167\u6A19\u984C)"), /*#__PURE__*/React.createElement(_fields.TextInput, {
     onChange: e => setInputValue(oldInputValue => ({ ...oldInputValue,
       sideIndexText: e.target.value
     })),
     type: "text",
     placeholder: "sideindex text",
     value: inputValue.sideIndexText
-  }), /*#__PURE__*/_react.default.createElement(Label, null, "\u5074\u6B04 Url (Optional, \u5916\u90E8\u9023\u7D50\u624D\u9700\u4F7F\u7528)"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }), /*#__PURE__*/React.createElement(Label, null, "\u5074\u6B04 Url (Optional, \u5916\u90E8\u9023\u7D50\u624D\u9700\u4F7F\u7528)"), /*#__PURE__*/React.createElement(_fields.TextInput, {
     onChange: e => setInputValue(oldInputValue => ({ ...oldInputValue,
       sideIndexUrl: e.target.value
     })),
     type: "url",
     placeholder: "sideindex url (optional)",
     value: inputValue.sideIndexUrl
-  }), /*#__PURE__*/_react.default.createElement(Label, null, "\u5074\u6B04\u5716\u7247 (Optional)"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ImageInputText, null, (_inputValue$sideIndex = inputValue.sideIndexImage) !== null && _inputValue$sideIndex !== void 0 && _inputValue$sideIndex.name ? inputValue.sideIndexImage.name : '尚未選取圖片'), /*#__PURE__*/_react.default.createElement(_button.Button, {
+  }), /*#__PURE__*/React.createElement(Label, null, "\u5074\u6B04\u5716\u7247 (Optional)"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageInputText, null, (_inputValue$sideIndex = inputValue.sideIndexImage) !== null && _inputValue$sideIndex !== void 0 && _inputValue$sideIndex.name ? inputValue.sideIndexImage.name : '尚未選取圖片'), /*#__PURE__*/React.createElement(_button.Button, {
     type: "button",
     onClick: () => setToShowImageSelector(true),
     tone: "passive"
@@ -161,40 +157,40 @@ function SideIndexButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SideIndexInput, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(SideIndexInput, {
     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: "M13.4626 0.211456H4.15859C3.93427 0.211456 3.71913 0.300569 3.56051 0.45919C3.40189 0.617811 3.31278 0.832947 3.31278 1.05727C3.31278 1.2816 3.40189 1.49673 3.56051 1.65535C3.71913 1.81397 3.93427 1.90309 4.15859 1.90309H13.4626C13.6866 1.90401 13.9012 1.99342 14.0596 2.15184C14.218 2.31027 14.3074 2.52486 14.3084 2.7489V13.4626C14.3074 13.6866 14.218 13.9012 14.0596 14.0596C13.9012 14.218 13.6866 14.3074 13.4626 14.3084H2.7489C2.52486 14.3074 2.31027 14.218 2.15184 14.0596C1.99342 13.9012 1.90401 13.6866 1.90309 13.4626V11.3093C1.90309 11.0849 1.81397 10.8698 1.65535 10.7112C1.49673 10.5526 1.2816 10.4634 1.05727 10.4634C0.832947 10.4634 0.617811 10.5526 0.45919 10.7112C0.300569 10.8698 0.211456 11.0849 0.211456 11.3093V13.4626C0.212389 14.1352 0.480025 14.7801 0.955687 15.2558C1.43135 15.7314 2.07622 15.9991 2.7489 16H13.4626C14.1352 15.9991 14.7801 15.7314 15.2558 15.2558C15.7314 14.7801 15.9991 14.1352 16 13.4626V2.7489C15.9991 2.07622 15.7314 1.43135 15.2558 0.955687C14.7801 0.480025 14.1352 0.212389 13.4626 0.211456Z",
     fill: "#6b7280"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M1.05727 2.11454C1.64118 2.11454 2.11454 1.64118 2.11454 1.05727C2.11454 0.473355 1.64118 0 1.05727 0C0.473355 0 0 0.473355 0 1.05727C0 1.64118 0.473355 2.11454 1.05727 2.11454Z",
     fill: "#6b7280"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M4.15859 5.48017H12.0529C12.2772 5.48017 12.4923 5.39106 12.6509 5.23244C12.8096 5.07382 12.8987 4.85868 12.8987 4.63436C12.8987 4.41003 12.8096 4.1949 12.6509 4.03628C12.4923 3.87766 12.2772 3.78854 12.0529 3.78854H4.15859C3.93427 3.78854 3.71913 3.87766 3.56051 4.03628C3.40189 4.1949 3.31277 4.41003 3.31277 4.63436C3.31277 4.85868 3.40189 5.07382 3.56051 5.23244C3.71913 5.39106 3.93427 5.48017 4.15859 5.48017Z",
     fill: "#6b7280"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M1.05727 5.69162C1.64118 5.69162 2.11454 5.21827 2.11454 4.63436C2.11454 4.05044 1.64118 3.57709 1.05727 3.57709C0.473355 3.57709 0 4.05044 0 4.63436C0 5.21827 0.473355 5.69162 1.05727 5.69162Z",
     fill: "#6b7280"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M4.15859 9.05726H12.0529C12.2772 9.05726 12.4923 8.96815 12.6509 8.80953C12.8096 8.65091 12.8987 8.43577 12.8987 8.21145C12.8987 7.98712 12.8096 7.77199 12.6509 7.61336C12.4923 7.45474 12.2772 7.36563 12.0529 7.36563H4.15859C3.93427 7.36563 3.71913 7.45474 3.56051 7.61336C3.40189 7.77199 3.31277 7.98712 3.31277 8.21145C3.31277 8.43577 3.40189 8.65091 3.56051 8.80953C3.71913 8.96815 3.93427 9.05726 4.15859 9.05726Z",
     fill: "#6b7280"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M1.05727 9.26873C1.64118 9.26873 2.11454 8.79537 2.11454 8.21146C2.11454 7.62755 1.64118 7.15419 1.05727 7.15419C0.473355 7.15419 0 7.62755 0 8.21146C0 8.79537 0.473355 9.26873 1.05727 9.26873Z",
     fill: "#6b7280"
-  })), /*#__PURE__*/_react.default.createElement("span", null, "SideIndex")));
+  })), /*#__PURE__*/React.createElement("span", null, "SideIndex")));
 }