@mirrormedia/lilith-draft-editor 3.0.7 → 3.0.8

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

@@ -112,5 +112,7 @@ function AnnotationButton(props) {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, urlInput, /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onMouseDown: isActive ? removeAnnotation : promptForAnnotation
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Annotation")));
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "far"
+  }), /*#__PURE__*/_react.default.createElement("span", null, "Annotation")));
 }

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

@@ -103,5 +103,7 @@ function EmbeddedCodeButton(props) {
       promptForInput();
     },
     className: className
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Embed")));
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "far"
+  }), /*#__PURE__*/_react.default.createElement("span", null, "Embed")));
 }

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

@@ -28,30 +28,29 @@ function ImageButton(props) {
     setToShowImageSelector(true);
   };
 
-  const onImageSelectorChange = (selectedImages, align) => {
-    if (selectedImages.length === 0) {
+  const onImageSelectorChange = (selectedImagesWithMeta, align) => {
+    const selected = selectedImagesWithMeta === null || selectedImagesWithMeta === void 0 ? void 0 : selectedImagesWithMeta[0];
+
+    if (!selected) {
       setToShowImageSelector(false);
+      return;
     }
 
-    let newEditorState = editorState;
+    const contentState = editorState.getCurrentContent();
+    const contentStateWithEntity = contentState.createEntity('image', 'IMMUTABLE', { ...selected.image,
+      desc: selected.desc,
+      url: selected.url,
+      alignment: align
+    });
+    const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
 
-    for (const selectedImage of selectedImages) {
-      const contentState = newEditorState.getCurrentContent();
-      const contentStateWithEntity = contentState.createEntity('image', 'IMMUTABLE', { ...selectedImage.image,
-        desc: selectedImage.desc,
-        url: selectedImage.url,
-        alignment: align
-      });
-      const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-      newEditorState = _draftJs.EditorState.set(newEditorState, {
-        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
+    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
 
-      newEditorState = _draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' ');
-    }
 
-    onChange(newEditorState);
+    onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
     setToShowImageSelector(false);
   };
 
@@ -59,8 +58,7 @@ function ImageButton(props) {
     onChange: onImageSelectorChange,
     enableCaption: true,
     enableUrl: true,
-    enableAlignment: true,
-    enableMultiSelect: true
+    enableAlignment: true
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: promptForImageSelector

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

@@ -142,5 +142,7 @@ function InfoBoxButton(props) {
     onClick: () => {
       setToShowInput(true);
     }
-  }, /*#__PURE__*/_react.default.createElement("span", null, "InfoBox")));
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "far"
+  }), /*#__PURE__*/_react.default.createElement("span", null, "InfoBox")));
 }

package/lib/website/mirrordaily/selector/image-selector.js

@@ -23,10 +23,6 @@ var _searchBox = require("./search-box");
 
 var _pagination = require("./pagination");
 
-var _button = require("@keystone-ui/button");
-
-var _imageUploader = require("./image-uploader");
-
 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); }
@@ -81,9 +77,6 @@ const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
 const ImageSearchBox = (0, _styledComponents.default)(_searchBox.SearchBox)`
   margin-top: 10px;
 `;
-const CustomButton = (0, _styledComponents.default)(_button.Button)`
-  margin-top: 10px;
-`;
 const ImageSelectionWrapper = _styledComponents.default.div`
   overflow: auto;
   margin-top: 10px;
@@ -96,7 +89,7 @@ const ImageGridsWrapper = _styledComponents.default.div`
   margin-top: 5px;
 `;
 const ImageGridWrapper = _styledComponents.default.div`
-  width: 33.3333%;
+  flex: 0 0 33.3333%;
   cursor: pointer;
   padding: 0 10px 10px;
 `;
@@ -106,7 +99,7 @@ const ImageMetaGridsWrapper = _styledComponents.default.div`
   overflow: auto;
 `;
 const ImageMetaGridWrapper = _styledComponents.default.div`
-  width: 33.3333%;
+  flex: 0 0 33.3333%;
   cursor: pointer;
   padding: 0 10px 10px;
 `;
@@ -114,7 +107,7 @@ const Image = _styledComponents.default.img`
   display: block;
   width: 100%;
   aspect-ratio: 2;
-  object-fit: contain;
+  object-fit: cover;
 `;
 const Label = _styledComponents.default.label`
   display: block;
@@ -294,7 +287,6 @@ function ImageSelector(props) {
   const [selected, setSelected] = (0, _react.useState)(initialSelected);
   const [delay, setDelay] = (0, _react.useState)(initialDelay ?? '5');
   const [align, setAlign] = (0, _react.useState)(initialAlign);
-  const [showImageUploader, setShowImageUploader] = (0, _react.useState)(false);
   const contentWrapperRef = (0, _react.useRef)(null);
   const pageSize = 18;
   const options = [{
@@ -344,15 +336,6 @@ function ImageSelector(props) {
     }
   };
 
-  const onImageUploaderChange = images => {
-    setSelected(prev => prev.concat(images.map(image => ({
-      image,
-      desc: '',
-      url: ''
-    }))));
-    setShowImageUploader(false);
-  };
-
   const onImageMetaChange = imageEntityWithMeta => {
     if (enableMultiSelect) {
       const foundIndex = selected.findIndex(ele => {
@@ -455,9 +438,7 @@ function ImageSelector(props) {
     width: "narrow"
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: contentWrapperRef
-  }, /*#__PURE__*/_react.default.createElement(CustomButton, {
-    onClick: () => setShowImageUploader(true)
-  }, "\u4E0A\u50B3\u5716\u7247"), /*#__PURE__*/_react.default.createElement(ImageSearchBox, {
+  }, /*#__PURE__*/_react.default.createElement(ImageSearchBox, {
     onChange: onSearchBoxChange
   }), /*#__PURE__*/_react.default.createElement(ImageSelectionWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, searchResult), !!selected.length && /*#__PURE__*/_react.default.createElement(SeparationLine, null), /*#__PURE__*/_react.default.createElement(ImageMetaGrids, {
     imageMetas: selected,
@@ -474,7 +455,5 @@ function ImageSelector(props) {
     options: options,
     onChange: onAlignSelectChange,
     onOpen: onAlignSelectOpen
-  }))))), showImageUploader && /*#__PURE__*/_react.default.createElement(_imageUploader.ImageUploader, {
-    onChange: onImageUploaderChange
-  }));
+  }))))));
 }

package/lib/website/mirrordaily/selector/video-selector.js

@@ -21,10 +21,6 @@ var _pagination = require("./pagination");
 
 var _fields = require("@keystone-ui/fields");
 
-var _videoUploader = require("./video-uploader");
-
-var _button = require("@keystone-ui/button");
-
 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); }
@@ -33,11 +29,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const videosQuery = (0, _apollo.gql)`
   query Videos($searchText: String!, $take: Int, $skip: Int) {
-    videosCount(
-      where: { name: { contains: $searchText }, state: { equals: "published" } }
-    )
+    videosCount(where: { name: { contains: $searchText } })
     videos(
-      where: { name: { contains: $searchText }, state: { equals: "published" } }
+      where: { name: { contains: $searchText } }
       orderBy: { id: desc }
       take: $take
       skip: $skip
@@ -45,7 +39,6 @@ const videosQuery = (0, _apollo.gql)`
       id
       name
       videoSrc
-      youtubeUrl
       file {
         filename
         filesize
@@ -77,9 +70,6 @@ const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
 const VideoSearchBox = (0, _styledComponents.default)(_searchBox.SearchBox)`
   margin-top: 10px;
 `;
-const CustomButton = (0, _styledComponents.default)(_button.Button)`
-  margin-top: 10px;
-`;
 const VideoSelectionWrapper = _styledComponents.default.div`
   overflow: auto;
   margin-top: 10px;
@@ -90,7 +80,7 @@ const VideoGridsWrapper = _styledComponents.default.div`
   overflow: auto;
 `;
 const VideoGridWrapper = _styledComponents.default.div`
-  width: 33.3333%;
+  flex: 0 0 33.3333%;
   cursor: pointer;
   padding: 0 10px 10px;
 `;
@@ -100,7 +90,7 @@ const VideoMetaGridsWrapper = _styledComponents.default.div`
   overflow: auto;
 `;
 const VideoMetaGridWrapper = _styledComponents.default.div`
-  width: 33.3333%;
+  flex: 0 0 33.3333%;
   cursor: pointer;
   padding: 0 10px 10px;
 `;
@@ -108,7 +98,7 @@ const Video = _styledComponents.default.video`
   display: block;
   width: 100%;
   aspect-ratio: 2;
-  object-fit: contain;
+  object-fit: cover;
 `;
 const SeparationLine = _styledComponents.default.div`
   border: #e1e5e9 1px solid;
@@ -240,7 +230,6 @@ function VideoSelector(props) {
 
   const [searchText, setSearchText] = (0, _react.useState)('');
   const [selected, setSelected] = (0, _react.useState)([]);
-  const [showVideoUploader, setShowVideoUploader] = (0, _react.useState)(false);
   const pageSize = 6;
   const {
     onChange
@@ -259,14 +248,6 @@ function VideoSelector(props) {
     setCurrentPage(1);
   };
 
-  const onVideoUploaderChange = video => {
-    if (video) setSelected(prev => [...prev, {
-      video,
-      desc: ''
-    }]);
-    setShowVideoUploader(false);
-  };
-
   const onVideoMetaChange = videoEntityWithMeta => {
     setSelected([videoEntityWithMeta]);
   };
@@ -344,14 +325,10 @@ function VideoSelector(props) {
       }
     },
     width: "narrow"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(CustomButton, {
-    onClick: () => setShowVideoUploader(true)
-  }, "\u4E0A\u50B3\u5F71\u7247"), /*#__PURE__*/_react.default.createElement(VideoSearchBox, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(VideoSearchBox, {
     onChange: onSearchBoxChange
   }), /*#__PURE__*/_react.default.createElement(VideoSelectionWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, searchResult), !!selected.length && /*#__PURE__*/_react.default.createElement(SeparationLine, null), /*#__PURE__*/_react.default.createElement(VideoMetaGrids, {
     videoMetas: selected,
     onChange: onVideoMetaChange
-  }))))), showVideoUploader && /*#__PURE__*/_react.default.createElement(_videoUploader.VideoUploader, {
-    onChange: onVideoUploaderChange
-  }));
+  }))))));
 }