@seafile/sdoc-editor 2.0.78-test-0.0.1 → 2.0.79

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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"));
@@ -39,9 +38,10 @@ const TableRoot = _ref => {
     className: (0, _classnames.default)('sdoc-table-wrapper position-relative', attributes.className, {
       'scroll': allWidth > editor.width
     }),
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes.style), {}, {
+    style: {
+      ...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-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${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,7 +5,6 @@ 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',
@@ -31,15 +30,17 @@ const Caret = _ref => {
     cursor_color: color,
     name
   } = _ref;
-  const cursorStyles = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cursorStyleBase), {}, {
+  const cursorStyles = {
+    ...cursorStyleBase,
     background: color,
     left: '0%',
     cursor: 'default'
-  });
-  const caretStyles = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, caretStyleBase), {}, {
+  };
+  const caretStyles = {
+    ...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,12 +1,10 @@
 "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");
@@ -57,9 +55,11 @@ const CommentEditorTextStyleMenuList = _ref => {
         isActive: isActive(item.type),
         onMouseDown: onMouseDown
       };
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), item), {}, {
-        id: idPrefix ? "".concat(idPrefix, "_").concat(item.id) : item.id
-      });
+      return {
+        ...itemProps,
+        ...item,
+        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
+      };
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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");
@@ -125,9 +124,11 @@ 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 (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), item), {}, {
-        id: idPrefix ? "".concat(idPrefix, "_").concat(item.id) : item.id
-      });
+      return {
+        ...itemProps,
+        ...item,
+        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
+      };
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -5,12 +5,10 @@ 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,
@@ -18,9 +16,9 @@ const renderText = props => {
     leaf
   } = props;
   let {
-      text
-    } = leaf,
-    rest = (0, _objectWithoutProperties2.default)(leaf, _excluded);
+    text,
+    ...rest
+  } = leaf;
   let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
   let style = {};
   // The following is a workaround for a Chromium bug where,
@@ -51,7 +49,7 @@ const renderText = props => {
     });
     for (const [key, value] of commentEntries) {
       if (value === false && key.startsWith('sdoc_comment_')) {
-        const newKey = "removed_".concat(key);
+        const newKey = `removed_${key}`;
         rest[newKey] = true;
         delete rest[key];
       }
@@ -78,7 +76,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'] = "".concat(fontSize, "pt");
+      style['fontSize'] = `${fontSize}pt`;
     }
   }
   if (leaf[_constants.TEXT_STYLE_MAP.FONT]) {
@@ -122,7 +120,7 @@ const renderText = props => {
   }
   if (leaf.decoration) {
     markedChildren = /*#__PURE__*/_react.default.createElement("span", {
-      className: "token ".concat(leaf.type)
+      className: `token ${leaf.type}`
     }, markedChildren);
   }
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({

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

@@ -5,7 +5,6 @@ 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"));
@@ -52,14 +51,15 @@ const generateVideoNode = (src, videoInfo) => {
     size,
     is_embeddable_link
   } = videoInfo;
-  return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
+  return [{
+    ...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/".concat(videoId, "/?rel=0") : false;
+    const videoUrl = videoId ? `https://www.youtube.com/embed/${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=".concat(vidMatch[1]) : false;
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://v.qq.com/txp/iframe/player.html?vid=${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=".concat(vidMatch[1]) : false;
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://player.bilibili.com/player.html?bvid=${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/".concat(vidMatch[1]) : false;
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://player.youku.com/embed/${vidMatch[1]}` : false;
     return videoUrl;
   }
 
@@ -204,6 +204,6 @@ const formatFileSize = size => {
 exports.formatFileSize = formatFileSize;
 const videoFileIcon = () => {
   const server = _context.default.getSetting('serviceUrl');
-  return "".concat(server, "/media/img/file/256/video.png");
+  return `${server}/media/img/file/256/video.png`;
 };
 exports.videoFileIcon = videoFileIcon;

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

@@ -1,12 +1,10 @@
 "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");
@@ -31,12 +29,14 @@ 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 => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+    setVideoStates(prev => ({
+      ...prev,
       [element.id]: false
     }));
   };
   const handlePause = () => {
-    setVideoStates(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+    setVideoStates(prev => ({
+      ...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 "".concat(siteRoot).concat(DEFAULT_URL, "/").concat(publishUrl, "/").concat(pageId, "/");
+    return `${siteRoot}${DEFAULT_URL}/${publishUrl}/${pageId}/`;
   }
   const siteRoot = _context.default.getSetting('siteRoot');
-  return "".concat(siteRoot, "wikis/").concat(wikiRepoId, "/").concat(pageId, "/");
+  return `${siteRoot}wikis/${wikiRepoId}/${pageId}/`;
 };
 exports.getWikiUrl = getWikiUrl;

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

@@ -1,11 +1,9 @@
 "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");
@@ -38,15 +36,17 @@ 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((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+          return renderParagraph({
+            ...props,
             placeholder
-          }));
+          });
         }
         placeholder = readonly ? '' : 'Enter_text_or_press_forward_slash_to_insert_element';
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
-        return renderParagraph((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return renderParagraph({
+          ...props,
           placeholder
-        }));
+        });
       }
     case _constants2.TITLE:
       {
@@ -115,19 +115,24 @@ const CustomRenderElement = props => {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
         const [renderImage] = _plugins.ImagePlugin.renderElements;
-        return renderImage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return renderImage({
+          ...props,
           leaf
-        }), editor);
+        }, editor);
       }
     case _constants2.IMAGE_BLOCK:
       {
         const [, renderImageBlock] = _plugins.ImagePlugin.renderElements;
-        return renderImageBlock((0, _objectSpread2.default)({}, props), editor);
+        return renderImageBlock({
+          ...props
+        }, editor);
       }
     case _constants2.VIDEO:
       {
         const [renderVideo] = _plugins.VideoPlugin.renderElements;
-        return renderVideo((0, _objectSpread2.default)({}, props), editor);
+        return renderVideo({
+          ...props
+        }, editor);
       }
     case _constants2.ELEMENT_TYPE.MULTI_COLUMN:
       {

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

@@ -1,11 +1,9 @@
 "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");
@@ -21,18 +19,20 @@ const RenderCommentEditorCustomRenderElement = props => {
     case _constants.PARAGRAPH:
       {
         const parentNode = (0, _core.getParentNode)(editor.children, element.id);
-        const _props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        const _props = {
+          ...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((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _props), {}, {
+        return renderParagraph({
+          ..._props,
           placeholder
-        }));
+        });
       }
     case _constants.LINK:
       {
@@ -61,19 +61,24 @@ const RenderCommentEditorCustomRenderElement = props => {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
         const [renderImage] = _plugins.ImagePlugin.renderElements;
-        return renderImage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return renderImage({
+          ...props,
           leaf
-        }), editor);
+        }, editor);
       }
     case _constants.IMAGE_BLOCK:
       {
         const [, renderImageBlock] = _plugins.ImagePlugin.renderElements;
-        return renderImageBlock((0, _objectSpread2.default)({}, props), editor);
+        return renderImageBlock({
+          ...props
+        }, editor);
       }
     case _constants.VIDEO:
       {
         const [renderVideo] = _plugins.VideoPlugin.renderElements;
-        return renderVideo((0, _objectSpread2.default)({}, props), editor);
+        return renderVideo({
+          ...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 = "".concat(rect.top - 42 - 12, "px"); // top = Current top - Element height - Shaded part
-    el.style.left = "".concat(rect.left, "px");
+    el.style.top = `${rect.top - 42 - 12}px`; // top = Current top - Element height - Shaded part
+    el.style.left = `${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 _menu0 = _interopRequireDefault(require("../../plugins/text-style/menu"));
+var _menu10 = _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(_menu0.default, {
+  }), /*#__PURE__*/_react.default.createElement(_menu10.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-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
   const {
     bottom
   } = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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");
@@ -167,14 +166,18 @@ const QuickInsertBlockMenu = _ref => {
         isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
         disabled: isDisableImage,
         key: "sdoc-insert-menu-image",
-        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
+        menuConfig: {
+          ..._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: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
+        menuConfig: {
+          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]
+        },
         onClick: onInsertVideoToggle
       }),
       [_constants2.TABLE]:
@@ -184,7 +187,9 @@ const QuickInsertBlockMenu = _ref => {
         isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
         disabled: isDisableTable,
         key: "sdoc-insert-menu-table",
-        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
+        menuConfig: {
+          ..._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"
@@ -202,27 +207,35 @@ const QuickInsertBlockMenu = _ref => {
       [_constants2.LINK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
         key: "sdoc-insert-menu-link",
-        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
+        menuConfig: {
+          ..._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: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
+        menuConfig: {
+          ..._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: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
+        menuConfig: {
+          ..._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: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+        menuConfig: {
+          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]
+        },
         onClick: () => {
           onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
         }
@@ -230,7 +243,9 @@ const QuickInsertBlockMenu = _ref => {
       [_constants2.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
-        menuConfig: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+        menuConfig: {
+          ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]
+        },
         onClick: () => {
           onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
         }
@@ -238,14 +253,18 @@ 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: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+        menuConfig: {
+          ..._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: (0, _objectSpread2.default)({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+        menuConfig: {
+          ..._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=\"".concat(dom.dataset.id, "\"]")) && document.querySelector("[data-id=\"".concat(dom.dataset.id, "\"]")).getBoundingClientRect().left;
+        domLeft = document.querySelector(`[data-id="${dom.dataset.id}"]`) && document.querySelector(`[data-id="${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=\"".concat(parentNode.id, "\"]")) && document.querySelector("[data-id=\"".concat(parentNode.id, "\"]")).getBoundingClientRect().left;
+          domLeft = document.querySelector(`[data-id="${parentNode.id}"]`) && document.querySelector(`[data-id="${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=\"".concat(imageWrapperDomId, "\"]")) && document.querySelector("[data-id=\"".concat(imageWrapperDomId, "\"]")).getBoundingClientRect().left;
+          domLeft = document.querySelector(`[data-id="${imageWrapperDomId}"]`) && document.querySelector(`[data-id="${imageWrapperDomId}"]`).getBoundingClientRect().left;
         }
         const {
           left: containerLeft