@seafile/sdoc-editor 2.0.79 → 2.0.80-test-0.0.2

package/dist/basic-sdk/extension/plugins/table/render/table-root.js

@@ -1,11 +1,12 @@
 "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 _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -38,10 +39,9 @@ const TableRoot = _ref => {
     className: (0, _classnames.default)('sdoc-table-wrapper position-relative', attributes.className, {
       'scroll': allWidth > editor.width
     }),
-    style: {
-      ...attributes.style,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes.style), {}, {
       maxWidth: editor.width ? editor.width : '100%'
-    }
+    })
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sdoc-table-scroll-wrapper', {
       'scroll-at-center': scrollLeft + editor.width !== allWidth && scrollLeft > 0,

package/dist/basic-sdk/extension/plugins/text-align/menu/index.js

@@ -53,7 +53,7 @@ const TextAlignMenu = _ref => {
   });
   let curType = getCurrentType();
   const curIcon = _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].filter(item => item.type === curType)[0].iconClass;
-  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');
   curType = 'align_' + curType;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 const cursorStyleBase = {
   position: 'absolute',
@@ -30,17 +31,15 @@ const Caret = _ref => {
     cursor_color: color,
     name
   } = _ref;
-  const cursorStyles = {
-    ...cursorStyleBase,
+  const cursorStyles = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cursorStyleBase), {}, {
     background: color,
     left: '0%',
     cursor: 'default'
-  };
-  const caretStyles = {
-    ...caretStyleBase,
+  });
+  const caretStyles = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, caretStyleBase), {}, {
     background: color,
     left: '0%'
-  };
+  });
   caretStyles['top'] = 1;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "caret-item",

package/dist/basic-sdk/extension/plugins/text-style/menu/comemnt-editor-menu.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.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _commons = require("../../../commons");
@@ -55,11 +57,9 @@ const CommentEditorTextStyleMenuList = _ref => {
         isActive: isActive(item.type),
         onMouseDown: onMouseDown
       };
-      return {
-        ...itemProps,
-        ...item,
-        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
-      };
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), item), {}, {
+        id: idPrefix ? "".concat(idPrefix, "_").concat(item.id) : item.id
+      });
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -1,11 +1,12 @@
 "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 _slate = require("@seafile/slate");
@@ -124,11 +125,9 @@ const TextStyleMenuList = _ref => {
         itemProps['lastUsedColor'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? lastUsedFontColor : lastUsedHighlightColor;
         itemProps['updateLastUsedColor'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? updateLastUsedFontColor : updateLastUsedHighlightColor;
       }
-      return {
-        ...itemProps,
-        ...item,
-        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
-      };
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), item), {}, {
+        id: idPrefix ? "".concat(idPrefix, "_").concat(item.id) : item.id
+      });
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

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,
@@ -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/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/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,11 +1,12 @@
 "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");
@@ -166,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]:
@@ -187,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"
@@ -207,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);
         }
@@ -243,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);
         }
@@ -253,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)
       })
     };

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