@seafile/sdoc-editor 2.0.73 → 2.0.75-test-0.0.1

package/dist/basic-sdk/extension/plugins/text-style/render-elem.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../constants");
 var _helpers = require("../font/helpers");
 var _caret = _interopRequireDefault(require("./caret"));
+const _excluded = ["text"];
 const renderText = props => {
   const {
     attributes,
@@ -16,9 +18,9 @@ const renderText = props => {
     leaf
   } = props;
   let {
-    text,
-    ...rest
-  } = leaf;
+      text
+    } = leaf,
+    rest = (0, _objectWithoutProperties2.default)(leaf, _excluded);
   let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
   let style = {};
   // The following is a workaround for a Chromium bug where,
@@ -37,7 +39,7 @@ const renderText = props => {
 
   // Add temporary marks for selection in AI or context comment
   if ((leaf.sdoc_ai || leaf.comment) && leaf.text.trim()) {
-    style['padding'] = '3.23px 0';
+    style['padding'] = '3px 0';
     style['backgroundColor'] = '#a9c9ed';
   }
 
@@ -49,7 +51,7 @@ const renderText = props => {
     });
     for (const [key, value] of commentEntries) {
       if (value === false && key.startsWith('sdoc_comment_')) {
-        const newKey = `removed_${key}`;
+        const newKey = "removed_".concat(key);
         rest[newKey] = true;
         delete rest[key];
       }
@@ -76,7 +78,7 @@ const renderText = props => {
   if (leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE]) {
     const fontSize = leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE];
     if (typeof fontSize === 'number') {
-      style['fontSize'] = `${fontSize}pt`;
+      style['fontSize'] = "".concat(fontSize, "pt");
     }
   }
   if (leaf[_constants.TEXT_STYLE_MAP.FONT]) {
@@ -120,7 +122,7 @@ const renderText = props => {
   }
   if (leaf.decoration) {
     markedChildren = /*#__PURE__*/_react.default.createElement("span", {
-      className: `token ${leaf.type}`
+      className: "token ".concat(leaf.type)
     }, markedChildren);
   }
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({

package/dist/basic-sdk/extension/plugins/video/dialog/add-video-link-dialog/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 var _helpers = require("../../helpers");
 const AddVideoLinkDialog = _ref => {
   let {
@@ -59,6 +57,15 @@ const AddVideoLinkDialog = _ref => {
     if (videoUrl === url) return;
     setURL(videoUrl);
   }, [url]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: false,
@@ -66,8 +73,8 @@ const AddVideoLinkDialog = _ref => {
     className: className,
     zIndex: 1071,
     returnFocusAfterClose: false
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {

package/dist/basic-sdk/extension/plugins/video/helpers.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.videoFileIcon = exports.parseVideoLink = exports.isInsertVideoMenuDisabled = exports.insertVideo = exports.getVideoURL = exports.generateVideoNode = exports.formatFileSize = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _context = _interopRequireDefault(require("../../../../context"));
@@ -51,15 +52,14 @@ const generateVideoNode = (src, videoInfo) => {
     size,
     is_embeddable_link
   } = videoInfo;
-  return [{
-    ...element,
+  return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
     data: {
       src,
       name,
       size,
       is_embeddable_link
     }
-  }];
+  })];
 };
 exports.generateVideoNode = generateVideoNode;
 const parseVideoLink = url => {
@@ -68,28 +68,28 @@ const parseVideoLink = url => {
   // Youtube url conversion
   if (url.includes('youtube.com')) {
     const videoId = new URL(url).searchParams.get('v');
-    const videoUrl = videoId ? `https://www.youtube.com/embed/${videoId}/?rel=0` : false;
+    const videoUrl = videoId ? "https://www.youtube.com/embed/".concat(videoId, "/?rel=0") : false;
     return videoUrl;
   }
 
   // Tencent url conversion
   if (url.includes('v.qq.com')) {
     const vidMatch = url.match(/\/([^\/]+)\.html/);
-    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://v.qq.com/txp/iframe/player.html?vid=${vidMatch[1]}` : false;
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? "https://v.qq.com/txp/iframe/player.html?vid=".concat(vidMatch[1]) : false;
     return videoUrl;
   }
 
   // Bilibili url conversion
   if (url.includes('bilibili.com')) {
     const vidMatch = url.match(/\/video\/(BV[0-9A-Za-z]+)/);
-    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://player.bilibili.com/player.html?bvid=${vidMatch[1]}` : false;
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? "https://player.bilibili.com/player.html?bvid=".concat(vidMatch[1]) : false;
     return videoUrl;
   }
 
   // Youku url conversion
   if (url.includes('v.youku.com')) {
     const vidMatch = url.match(/id_([A-Za-z0-9=]+)\.html/);
-    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://player.youku.com/embed/${vidMatch[1]}` : false;
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? "https://player.youku.com/embed/".concat(vidMatch[1]) : false;
     return videoUrl;
   }
 
@@ -204,6 +204,6 @@ const formatFileSize = size => {
 exports.formatFileSize = formatFileSize;
 const videoFileIcon = () => {
   const server = _context.default.getSetting('serviceUrl');
-  return `${server}/media/img/file/256/video.png`;
+  return "".concat(server, "/media/img/file/256/video.png");
 };
 exports.videoFileIcon = videoFileIcon;

package/dist/basic-sdk/extension/plugins/video/render-elem.js

@@ -1,10 +1,12 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderVideo = renderVideo;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
@@ -29,14 +31,12 @@ const Video = _ref => {
   const isEmbeddableLink = data === null || data === void 0 ? void 0 : data.is_embeddable_link;
   const readonly = (0, _slateReact.useReadOnly)();
   const handlePlay = () => {
-    setVideoStates(prev => ({
-      ...prev,
+    setVideoStates(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
       [element.id]: false
     }));
   };
   const handlePause = () => {
-    setVideoStates(prev => ({
-      ...prev,
+    setVideoStates(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
       [element.id]: true
     }));
   };

package/dist/basic-sdk/extension/plugins/wiki-link/helpers.js

@@ -69,9 +69,9 @@ const getWikiUrl = (wikiRepoId, pageId, readOnly) => {
     const siteRoot = _context.default.getSetting('siteRoot');
     const publishUrl = _context.default.getSetting('publishUrl');
     const DEFAULT_URL = 'wiki/publish';
-    return `${siteRoot}${DEFAULT_URL}/${publishUrl}/${pageId}/`;
+    return "".concat(siteRoot).concat(DEFAULT_URL, "/").concat(publishUrl, "/").concat(pageId, "/");
   }
   const siteRoot = _context.default.getSetting('siteRoot');
-  return `${siteRoot}wikis/${wikiRepoId}/${pageId}/`;
+  return "".concat(siteRoot, "wikis/").concat(wikiRepoId, "/").concat(pageId, "/");
 };
 exports.getWikiUrl = getWikiUrl;

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../../constants");
 var _constants2 = require("../constants");
@@ -36,17 +38,15 @@ const CustomRenderElement = props => {
         const parentNode = (0, _core.getParentNode)(editor.children, element.id);
         if (parentNode && parentNode.type === _constants2.LIST_ITEM) {
           const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
-          return renderParagraph({
-            ...props,
+          return renderParagraph((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
             placeholder
-          });
+          }));
         }
         placeholder = readonly ? '' : 'Enter_text_or_press_forward_slash_to_insert_element';
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
-        return renderParagraph({
-          ...props,
+        return renderParagraph((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           placeholder
-        });
+        }));
       }
     case _constants2.TITLE:
       {
@@ -115,24 +115,19 @@ const CustomRenderElement = props => {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
         const [renderImage] = _plugins.ImagePlugin.renderElements;
-        return renderImage({
-          ...props,
+        return renderImage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           leaf
-        }, editor);
+        }), editor);
       }
     case _constants2.IMAGE_BLOCK:
       {
         const [, renderImageBlock] = _plugins.ImagePlugin.renderElements;
-        return renderImageBlock({
-          ...props
-        }, editor);
+        return renderImageBlock((0, _objectSpread2.default)({}, props), editor);
       }
     case _constants2.VIDEO:
       {
         const [renderVideo] = _plugins.VideoPlugin.renderElements;
-        return renderVideo({
-          ...props
-        }, editor);
+        return renderVideo((0, _objectSpread2.default)({}, props), editor);
       }
     case _constants2.ELEMENT_TYPE.MULTI_COLUMN:
       {

package/dist/basic-sdk/extension/render/render-comment-editor-element.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../constants");
 var _core = require("../core");
@@ -19,20 +21,18 @@ const RenderCommentEditorCustomRenderElement = props => {
     case _constants.PARAGRAPH:
       {
         const parentNode = (0, _core.getParentNode)(editor.children, element.id);
-        const _props = {
-          ...props,
+        const _props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           className: 'sdoc-comment-editor-paragraph'
-        };
+        });
         if (parentNode && parentNode.type === _constants.LIST_ITEM) {
           const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
           return renderParagraph(_props);
         }
         const placeholder = commentType === 'comment' ? 'Enter_comment_shift_enter_for_new_line_Enter_to_send' : 'Enter_reply_shift_Enter_for_new_line_Enter_to_send';
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
-        return renderParagraph({
-          ..._props,
+        return renderParagraph((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _props), {}, {
           placeholder
-        });
+        }));
       }
     case _constants.LINK:
       {
@@ -61,24 +61,19 @@ const RenderCommentEditorCustomRenderElement = props => {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
         const [renderImage] = _plugins.ImagePlugin.renderElements;
-        return renderImage({
-          ...props,
+        return renderImage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           leaf
-        }, editor);
+        }), editor);
       }
     case _constants.IMAGE_BLOCK:
       {
         const [, renderImageBlock] = _plugins.ImagePlugin.renderElements;
-        return renderImageBlock({
-          ...props
-        }, editor);
+        return renderImageBlock((0, _objectSpread2.default)({}, props), editor);
       }
     case _constants.VIDEO:
       {
         const [renderVideo] = _plugins.VideoPlugin.renderElements;
-        return renderVideo({
-          ...props
-        }, editor);
+        return renderVideo((0, _objectSpread2.default)({}, props), editor);
       }
     case _constants.MENTION:
       {

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/post-comment/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 require("./style.css");
 const PostCommentBtn = _ref => {
   let {

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -27,8 +27,8 @@ const ContextToolbar = () => {
     const domSelection = window.getSelection();
     const domRange = domSelection.getRangeAt(0);
     const rect = domRange.getBoundingClientRect();
-    el.style.top = `${rect.top - 42 - 12}px`; // top = Current top - Element height - Shaded part
-    el.style.left = `${rect.left}px`;
+    el.style.top = "".concat(rect.top - 42 - 12, "px"); // top = Current top - Element height - Shaded part
+    el.style.left = "".concat(rect.left, "px");
     el.style.display = 'block';
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -62,7 +62,7 @@ const ContextToolbar = () => {
       el.removeAttribute('style');
     }
   }, []);
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
     onMouseDown: onMouseDown,

package/dist/basic-sdk/extension/toolbar/header-toolbar/index.js

@@ -20,7 +20,7 @@ var _historyMenu = _interopRequireDefault(require("../../plugins/history/history
 var _menu7 = _interopRequireDefault(require("../../plugins/list/menu"));
 var _menu8 = _interopRequireDefault(require("../../plugins/search-replace/menu"));
 var _menu9 = _interopRequireDefault(require("../../plugins/text-align/menu"));
-var _menu10 = _interopRequireDefault(require("../../plugins/text-style/menu"));
+var _menu0 = _interopRequireDefault(require("../../plugins/text-style/menu"));
 var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
 const HeaderToolbar = _ref => {
   let {
@@ -46,7 +46,7 @@ const HeaderToolbar = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu5.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu10.default, {
+  }), /*#__PURE__*/_react.default.createElement(_menu0.default, {
     editor: editor,
     readonly: readonly
   })), !isSelectTableCell && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, {

package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -54,7 +54,7 @@ const InsertToolbar = _ref => {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
+  const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
   const {
     bottom
   } = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/index.js

@@ -1,17 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
-var _keyCodes = _interopRequireDefault(require("../../../../constants/key-codes"));
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
@@ -167,18 +167,14 @@ const QuickInsertBlockMenu = _ref => {
         isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
         disabled: isDisableImage,
         key: "sdoc-insert-menu-image",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
         onClick: onInsertImageToggle
       }),
       [_constants2.VIDEO]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.VIDEO],
         disabled: isDisableVideo,
         key: "sdoc-insert-menu-video",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
         onClick: onInsertVideoToggle
       }),
       [_constants2.TABLE]:
@@ -188,9 +184,7 @@ const QuickInsertBlockMenu = _ref => {
         isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
         disabled: isDisableTable,
         key: "sdoc-insert-menu-table",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
         className: "pr-2"
       }, /*#__PURE__*/_react.default.createElement("i", {
         className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
@@ -208,35 +202,27 @@ const QuickInsertBlockMenu = _ref => {
       [_constants2.LINK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
         key: "sdoc-insert-menu-link",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
         onClick: openLinkDialog
       }),
       [_constants2.CODE_BLOCK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
         disabled: isDisableCodeBlock,
         key: "sdoc-insert-menu-code-block",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
         onClick: onInsertCodeBlock
       }),
       [_constants2.CALL_OUT]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.CALL_OUT],
         disabled: isDisableCallout,
         key: "sdoc-insert-menu-callout",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
         onClick: () => onInsertCallout(_constants2.PARAGRAPH)
       }),
       [_constants2.UNORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
         key: "sdoc-insert-menu-unorder-list",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
         onClick: () => {
           onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
         }
@@ -244,9 +230,7 @@ const QuickInsertBlockMenu = _ref => {
       [_constants2.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
         onClick: () => {
           onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
         }
@@ -254,18 +238,14 @@ const QuickInsertBlockMenu = _ref => {
       [_constants2.CHECK_LIST_ITEM]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
         key: "sdoc-insert-menu-check-list",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
         onClick: onInsertCheckList
       }),
       [_constants2.PARAGRAPH]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
-        menuConfig: {
-          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]
-        },
+        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
         onClick: () => onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH)
       })
     };
@@ -287,9 +267,6 @@ const QuickInsertBlockMenu = _ref => {
         onClick: () => createMultiColumn(item.type)
       });
     });
-    if ((editor === null || editor === void 0 ? void 0 : editor.editorType) === _constants.DOCUMENT_PLUGIN_EDITOR) {
-      delete items[_constants2.VIDEO];
-    }
     return items;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn]);
@@ -314,7 +291,7 @@ const QuickInsertBlockMenu = _ref => {
       DownArrow,
       Enter,
       Esc
-    } = _keyCodes.default;
+    } = _constants.KeyCodes;
     const renderItems = [];
     Reflect.ownKeys(dropDownItems).forEach(key => {
       if (quickInsertMenuSearchMap[key]) renderItems.push(key);

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -114,15 +114,15 @@ const SideToolbar = () => {
       // Add side-tool-bar for paragraphs in multi_column
       if (path.length > 2 && (0, _helpers2.isInMultiColumnNode)(editor, node)) {
         let domLeft;
-        domLeft = document.querySelector(`[data-id="${dom.dataset.id}"]`) && document.querySelector(`[data-id="${dom.dataset.id}"]`).getBoundingClientRect().left;
+        domLeft = document.querySelector("[data-id=\"".concat(dom.dataset.id, "\"]")) && document.querySelector("[data-id=\"".concat(dom.dataset.id, "\"]")).getBoundingClientRect().left;
         const parentNode = _slate.Editor.node(editor, path.slice(0, 3))[0];
         if ([_constants2.ORDERED_LIST, _constants2.UNORDERED_LIST, _constants2.BLOCKQUOTE].includes(parentNode.type)) {
-          domLeft = document.querySelector(`[data-id="${parentNode.id}"]`) && document.querySelector(`[data-id="${parentNode.id}"]`).getBoundingClientRect().left;
+          domLeft = document.querySelector("[data-id=\"".concat(parentNode.id, "\"]")) && document.querySelector("[data-id=\"".concat(parentNode.id, "\"]")).getBoundingClientRect().left;
         }
         if ([_constants2.IMAGE_BLOCK].includes(node.type)) {
           var _dom$querySelectorAll;
           const imageWrapperDomId = (_dom$querySelectorAll = dom.querySelectorAll('span')[1]) === null || _dom$querySelectorAll === void 0 ? void 0 : _dom$querySelectorAll.getAttribute('data-id');
-          domLeft = document.querySelector(`[data-id="${imageWrapperDomId}"]`) && document.querySelector(`[data-id="${imageWrapperDomId}"]`).getBoundingClientRect().left;
+          domLeft = document.querySelector("[data-id=\"".concat(imageWrapperDomId, "\"]")) && document.querySelector("[data-id=\"".concat(imageWrapperDomId, "\"]")).getBoundingClientRect().left;
         }
         const {
           left: containerLeft