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

package/dist/basic-sdk/extension/plugins/markdown/plugin.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 _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
@@ -30,14 +32,8 @@ const LIST_SHORT_CUT = {
 const REFERENCE_SHORT_CUT = {
   '>': _constants2.BLOCKQUOTE
 };
-const KEY_TO_TYPE_FOR_SPACE_DEFAULT_EDITOR = {
-  ...TITLE_SHORT_CUT,
-  ...LIST_SHORT_CUT,
-  ...REFERENCE_SHORT_CUT
-};
-const KEY_TO_TYPE_FOR_SPACE_COMMENT_EDITOR = {
-  ...LIST_SHORT_CUT
-};
+const KEY_TO_TYPE_FOR_SPACE_DEFAULT_EDITOR = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, TITLE_SHORT_CUT), LIST_SHORT_CUT), REFERENCE_SHORT_CUT);
+const KEY_TO_TYPE_FOR_SPACE_COMMENT_EDITOR = (0, _objectSpread2.default)({}, LIST_SHORT_CUT);
 const KEY_TO_INLINE_TYPE_FOR_SPACE = {
   // Inline shortcut keys
   '**': _constants2.TEXT_STYLE_MAP.BOLD,
@@ -115,9 +111,7 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: {
-              ...selection.focus
-            }
+            focus: (0, _objectSpread2.default)({}, selection.focus)
           },
           voids: true
         });
@@ -140,9 +134,7 @@ const withMarkDown = editor => {
             path: range.focus.path,
             offset: startOffset
           },
-          focus: {
-            ...selection.focus
-          }
+          focus: (0, _objectSpread2.default)({}, selection.focus)
         },
         voids: true
       });
@@ -169,9 +161,7 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: {
-              ...selection.focus
-            }
+            focus: (0, _objectSpread2.default)({}, selection.focus)
           },
           voids: true
         });

package/dist/basic-sdk/extension/plugins/mention/plugin.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 _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
@@ -66,10 +67,9 @@ const withMention = editor => {
               });
             }
           }
-          return (0, _core.focusEditor)(editor, {
-            ...insertPoint,
+          return (0, _core.focusEditor)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, insertPoint), {}, {
             offset: insertPoint.offset + text.length
-          });
+          }));
         }
       }
     }
@@ -231,10 +231,9 @@ const withMention = editor => {
         at: insertPoint
       });
       event.preventDefault();
-      (0, _core.focusEditor)(editor, {
-        ...insertPoint,
+      (0, _core.focusEditor)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, insertPoint), {}, {
         offset: insertPoint.offset + data.length
-      });
+      }));
       if (nextNodeEntry) {
         const [nextNode, nextPath] = nextNodeEntry;
         if (_slate.Text.isText(nextNode) && nextNode.text === '') {

package/dist/basic-sdk/extension/plugins/mention/render-elem/comment-participant-item.js

@@ -40,7 +40,7 @@ const CommentParticipantItem = _ref => {
   }, [participant, onSelectParticipant]);
   const active = participantIndex === activeParticipantIndex;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `comment-participant-item ${active ? 'active' : ''}`,
+    className: "comment-participant-item ".concat(active ? 'active' : ''),
     ref: ref,
     onClick: selectParticipant
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js

@@ -95,14 +95,14 @@ const ParticipantPopover = _ref => {
     const isVerticalDirectionBeyondScreen = height + caretPosition.y + _constants.LINE_HEIGHT > window.innerHeight;
 
     // if the vertical direction exceeds the screen, collaboratorsPopoverRef appear above the cursor
-    const top = isVerticalDirectionBeyondScreen ? `${caretPosition.y - offsetHeight + _constants.LINE_HEIGHT}px` : `${caretPosition.y + _constants.LINE_HEIGHT}px`;
+    const top = isVerticalDirectionBeyondScreen ? "".concat(caretPosition.y - offsetHeight + _constants.LINE_HEIGHT, "px") : "".concat(caretPosition.y + _constants.LINE_HEIGHT, "px");
     collaboratorsPopoverRef.current.style.top = top;
 
     // Whether the horizontal direction exceeds the screen
     const isHorizontalDirectionBeyondScreen = caretPosition.x + _constants.FONT_SIZE_WIDTH + width > window.innerWidth;
 
     // if the horizontal direction exceeds the screen, collaboratorsPopoverRef is displayed against the right side of the screen
-    const left = isHorizontalDirectionBeyondScreen ? `${window.innerWidth - width}px` : `${caretPosition.x + _constants.FONT_SIZE_WIDTH}px`;
+    const left = isHorizontalDirectionBeyondScreen ? "".concat(window.innerWidth - width, "px") : "".concat(caretPosition.x + _constants.FONT_SIZE_WIDTH, "px");
     collaboratorsPopoverRef.current.style.left = left;
   }, [collaboratorsPopoverRef]);
   const getSearchedCollaborators = (0, _react.useCallback)(searchingText => {

package/dist/basic-sdk/extension/plugins/multi-column/helper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateColumnWidthOnDeletion = exports.updateColumnWidth = exports.insertMultiColumn = exports.hasImageInColumn = exports.handleInsertMultiColumn = exports.getCurrentPageWidth = exports.generateEmptyMultiColumn = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -72,14 +73,14 @@ const generateEmptyMultiColumn = (editor, MultiColumnType) => {
     children: columnNodes,
     column,
     style: {
-      gridTemplateColumns: `repeat(${multiColumnNumber}, ${initialColumnWidth}px)`
+      gridTemplateColumns: "repeat(".concat(multiColumnNumber, ", ").concat(initialColumnWidth, "px)")
     }
   };
 };
 exports.generateEmptyMultiColumn = generateEmptyMultiColumn;
 const updateColumnWidth = (editor, element, column, newPath) => {
   const path = (0, _core.findPath)(editor, element, newPath);
-  const gridTemplateColumns = column.map(column => `${column.width}px`).join(' ');
+  const gridTemplateColumns = column.map(column => "".concat(column.width, "px")).join(' ');
   _slate.Transforms.setNodes(editor, {
     column: column,
     style: {
@@ -152,8 +153,7 @@ const updateColumnWidthOnDeletion = function (editor, selection, column, deletio
   const columnWidth = Math.max(_constants3.COLUMN_MIN_WIDTH, parseInt(currentPageWidth / remainingColumn.length));
 
   // Recalculate width of every left column
-  const newColumn = remainingColumn.map((column, index) => ({
-    ...column,
+  const newColumn = remainingColumn.map((column, index) => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
     left: index * columnWidth,
     width: columnWidth
   }));

package/dist/basic-sdk/extension/plugins/multi-column/render/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 _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -22,9 +23,7 @@ const MultiColumn = _ref => {
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
   const multiColumn = (0, _react.useRef)(null);
-  const [style, setStyle] = (0, _react.useState)(element.style ? {
-    ...element.style
-  } : {});
+  const [style, setStyle] = (0, _react.useState)(element.style ? (0, _objectSpread2.default)({}, element.style) : {});
   const multiColumnContainerClassName = (0, _classnames.default)('sdoc-multicolumn-container', className);
   const [pageWidth, setPageWidth] = (0, _react.useState)((0, _helper.getCurrentPageWidth)(editor));
   const readOnly = (0, _slateReact.useReadOnly)();
@@ -45,24 +44,21 @@ const MultiColumn = _ref => {
       // Check if sdocPageWidth changes
       if (pageWidth && newPageWidth !== pageWidth) {
         const scaleFactor = newPageWidth / pageWidth;
-        const updatedColumns = element.column.map(item => ({
-          ...item,
+        const updatedColumns = element.column.map(item => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
           width: Math.round(item.width * scaleFactor)
         }));
-        const columnWidthList = updatedColumns.map(item => `${item.width}px`);
-        const newStyle = {
-          ...element.style,
+        const columnWidthList = updatedColumns.map(item => "".concat(item.width, "px"));
+        const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), {}, {
           gridTemplateColumns: columnWidthList.join(' ')
-        };
+        });
         setStyle(newStyle);
         setPageWidth(newPageWidth);
         (0, _helper.updateColumnWidth)(editor, element, updatedColumns);
       } else {
-        const columnWidthList = element.column.map(item => `${item.width}px`);
-        const newStyle = {
-          ...element.style,
+        const columnWidthList = element.column.map(item => "".concat(item.width, "px"));
+        const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), {}, {
           gridTemplateColumns: columnWidthList.join(' ')
-        };
+        });
         setStyle(newStyle);
       }
     });

package/dist/basic-sdk/extension/plugins/multi-column/render/multi-column-root.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"));
 var _classnames = _interopRequireDefault(require("classnames"));
 const MultiColumnRoot = _ref => {
@@ -14,10 +15,9 @@ const MultiColumnRoot = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
     className: (0, _classnames.default)('sdoc-multicolumn-wrapper position-relative', attributes.className),
-    style: {
-      ...attributes.style,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes.style), {}, {
       maxWidth: '100%'
-    }
+    })
   }), children);
 };
 var _default = exports.default = MultiColumnRoot;

package/dist/basic-sdk/extension/plugins/multi-column/render/render-column.js

@@ -32,7 +32,7 @@ const Column = _ref => {
     className: (0, _classnames.default)('column', attributes.className),
     "data-id": element.id,
     style: {
-      width: `${columnWidth}px`
+      width: "".concat(columnWidth, "px")
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-column-container"

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/column-resize-handler.js

@@ -17,7 +17,7 @@ const ColumnResizeHandler = _ref => {
   } = _ref;
   const isActive = isMouseNearBorder || isDraggingResizeHandler && adjustingCell === index;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `column-width-just ${isActive ? 'active' : ''}`,
+    className: "column-width-just ".concat(isActive ? 'active' : ''),
     onMouseDown: event => {
       event.preventDefault();
       handleMouseDown(index, event);

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/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 _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -78,15 +79,13 @@ const ResizeHandlers = _ref => {
       if (cellWidths[index] === _constants.COLUMN_MIN_WIDTH && deltaX < 0) return;
       const updatedColumn = column.map((column, colIndex) => {
         if (colIndex === index) {
-          return {
-            ...column,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
             width: newWidth
-          };
+          });
         } else if (colIndex === index + 1) {
-          return {
-            ...column,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
             width: cellWidths[index] + cellWidths[index + 1] - newWidth
-          };
+          });
         }
         return column;
       });
@@ -95,8 +94,7 @@ const ResizeHandlers = _ref => {
     const onMouseUp = event => {
       event.preventDefault();
       if (adjustingCell === null) return;
-      const newColumn = column.map(column => ({
-        ...column,
+      const newColumn = column.map(column => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
         left: column.width
       }));
       handleResizeColumn(newColumn);
@@ -137,7 +135,7 @@ const ResizeHandlers = _ref => {
       index: index,
       handleMouseDown: handleMouseDown,
       style: {
-        left: `${left - 15}px`
+        left: "".concat(left - 15, "px")
       },
       adjustingCell: adjustingCell,
       isDraggingResizeHandler: isDraggingResizeHandler,

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderParagraph = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -62,10 +63,9 @@ const Paragraph = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, customAttributes, {
-    style: {
-      position: isShowPlaceHolder ? 'relative' : '',
-      ...style
-    },
+    style: (0, _objectSpread2.default)({
+      position: isShowPlaceHolder ? 'relative' : ''
+    }, style),
     className: className
   }), children, isShowPlaceHolder && /*#__PURE__*/_react.default.createElement(_placeholder.default, {
     title: placeholder,

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

@@ -48,7 +48,7 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
     if (overflowX < 0) {
       left = sideMenuRef.current.offsetWidth + 10;
     }
-    return `top: ${top}px; left: ${left}px`;
+    return "top: ".concat(top, "px; left: ").concat(left, "px");
   }, []);
   const handleInsertMenuStyle = (0, _react.useCallback)(() => {
     const currentDom = _slateReact.ReactEditor.toDOMNode(editor, element);

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.unwrapLinkNode = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getSdocFileIcon = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
@@ -208,9 +209,7 @@ const removeShortCutSymbol = editor => {
         path: beforeRange.focus.path,
         offset: beforeText.length - 2
       },
-      focus: {
-        ...selection.focus
-      }
+      focus: (0, _objectSpread2.default)({}, selection.focus)
     },
     voids: true
   });
@@ -276,7 +275,7 @@ const insertTextWhenRemoveFileNameCollector = (editor, searchInputNode) => {
 exports.insertTextWhenRemoveFileNameCollector = insertTextWhenRemoveFileNameCollector;
 const getSdocFileIcon = () => {
   const server = _context.default.getSetting('serviceUrl');
-  return `${server}/media/img/file/256/sdoc.png`;
+  return "".concat(server, "/media/img/file/256/sdoc.png");
 };
 exports.getSdocFileIcon = getSdocFileIcon;
 const getSdocLinkEntry = function (editor) {

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -57,7 +57,7 @@ const SdocLinkHoverMenu = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const selectedType = element.display_type || _constants2.SDOC_LINK_TYPE.TEXT_LINK;
-  const id = `sdoc-link-display-type-${element.id}`;
+  const id = "sdoc-link-display-type-".concat(element.id);
   const newSdocFileTypes = _constants2.SDOC_LINK_TYPES.filter(sdocLinkType => (0, _core.getCurrentNode)(editor)[0].type === _constants.TABLE_CELL ? sdocLinkType !== _constants2.SDOC_LINK_TYPE.CARD_LINK : true);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-link-hover-menu-container",
@@ -86,7 +86,7 @@ const SdocLinkHoverMenu = _ref => {
     className: "sdocfont sdoc-copy icon-font"
   })), /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
-    className: `op-item ${isShowDisplayStylePopover ? 'link-style-icon-active' : ''}`,
+    className: "op-item ".concat(isShowDisplayStylePopover ? 'link-style-icon-active' : ''),
     onClick: onShowProver,
     id: id
   }, /*#__PURE__*/_react.default.createElement("i", {

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-elem.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 _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -120,13 +121,9 @@ const SdocFileLink = _ref => {
   }, []);
   let style = {};
   if (element.add) {
-    style = {
-      ..._constants.ADDED_STYLE
-    };
+    style = (0, _objectSpread2.default)({}, _constants.ADDED_STYLE);
   } else if (element.delete) {
-    style = {
-      ..._constants.DELETED_STYLE
-    };
+    style = (0, _objectSpread2.default)({}, _constants.DELETED_STYLE);
   }
   if (style.computed_background_color) {
     style['backgroundColor'] = style.computed_background_color;
@@ -137,7 +134,7 @@ const SdocFileLink = _ref => {
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
-    className: `sdoc-file-render ${isSelected ? 'sdoc-file-link-selected' : ''} ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
+    className: "sdoc-file-render ".concat(isSelected ? 'sdoc-file-link-selected' : '', " ").concat(element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''),
     onClick: onClickFile,
     style: element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? style : {}
   }), /*#__PURE__*/_react.default.createElement("span", {

package/dist/basic-sdk/extension/plugins/search-replace/helper.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollIntoView = exports.handleReplaceKeyword = exports.getHighlightInfos = exports.drawHighlights = exports.clearCanvas = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../../constants");
@@ -31,18 +33,16 @@ const formatTextEntries = textEntries => {
 const splitTextNode = node => {
   return node.children.reduce((pre, cur) => {
     if (cur.type === _constants.IMAGE) {
-      pre.push({
-        ...node,
+      pre.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
         children: []
-      });
+      }));
     } else {
       pre[pre.length - 1].children.push(cur);
     }
     return pre;
-  }, [{
-    ...node,
+  }, [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
     children: []
-  }]);
+  })]);
 };
 const matchSearchWordPosition = (node, searchWord) => {
   const content = _slate.Node.string(node);

package/dist/basic-sdk/extension/plugins/search-replace/menu/index.js

@@ -54,9 +54,9 @@ const SearchReplaceMenu = _ref => {
     const canvasList = [];
     for (let index = 0; index < generateCount; index++) {
       const top = index * 5000;
-      canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
+      canvasList.push(/*#__PURE__*/_react.default.createElement("canvas", {
         key: 'sdoc-find-search-' + index,
-        id: `sdoc-find-search-${index}`,
+        id: "sdoc-find-search-".concat(index),
         className: "sdoc-find-search-highlight-canvas",
         width: articleContainerSize.offsetWidth,
         height: 5000,
@@ -79,7 +79,7 @@ const SearchReplaceMenu = _ref => {
     readonly: readonly,
     isOpen: isOpenPopover,
     closePopover: onMouseDown
-  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: articleContainerSize.clientHeight
     },

package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js

@@ -46,7 +46,7 @@ const SearchReplacePopover = _ref => {
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const searchInputSuffixContent = (0, _react.useMemo)(() => {
     if (!!searchContent.length && !highlightInfos.length) return t('Search_not_found');
-    if (highlightInfos.length) return `${currentSelectIndex + 1} / ${highlightInfos.length}`;
+    if (highlightInfos.length) return "".concat(currentSelectIndex + 1, " / ").concat(highlightInfos.length);
   }, [currentSelectIndex, highlightInfos.length, searchContent.length, t]);
   (0, _react.useEffect)(() => {
     let y = 95;
@@ -168,7 +168,7 @@ const SearchReplacePopover = _ref => {
     if ((0, _isHotkey.default)('enter', e)) handleNext();
     if ((0, _isHotkey.default)('enter+shift', e)) handleLast();
   };
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-search-replace-popover-container",
     onMouseDown: handleStartMove,
     onMouseMove: handleMouseMove,

package/dist/basic-sdk/extension/plugins/search-replace/popover/replace-all-confirm-modal.js

@@ -39,7 +39,7 @@ const ReplaceAllConfirmModal = _ref => {
     isOpen: isOpen
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
     close: close
-  }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, `${modalContent}`), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement("button", {
+  }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, "".concat(modalContent)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement("button", {
     onClick: handleCancel,
     className: "btn btn-secondary"
   }, t('Cancel')), /*#__PURE__*/_react.default.createElement("button", {