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

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

@@ -34,7 +34,7 @@ const generateFileNode = (uuid, text) => {
     type: _constants.FILE_LINK,
     doc_uuid: uuid,
     title: text,
-    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[0],
+    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[1],
     children: [{
       id: _slugid.default.nice(),
       text: text || ''

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

@@ -56,7 +56,7 @@ const FileLinkHoverMenu = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const selectedType = element.display_type || _constants2.FILE_LINK_TYPE.TEXT_LINK;
-  const id = `file-link-display-type-${element.id}`;
+  const id = "file-link-display-type-".concat(element.id);
   const newFileLinkTypes = _constants2.FILE_LINK_TYPES.filter(fileLinkType => (0, _core.getCurrentNode)(editor)[0].type === _constants.TABLE_CELL ? fileLinkType !== _constants2.FILE_LINK_TYPE.CARD_LINK : true);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-link-hover-menu-container",

package/dist/basic-sdk/extension/plugins/file-link/render-elem.css

@@ -31,6 +31,14 @@
   transform: translateY(-50%);
 }
 
+.sdoc-file-link-render .sdoc-file-link-icon .file-link-img {
+  width: 20px;
+}
+
+.sdoc-file-card-link .sdoc-file-link-icon .file-link-img {
+  width: 28px;
+}
+
 .sdoc-file-card-link .sdoc-file-text-link {
   position: absolute;
   left: 42px;

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

@@ -1,18 +1,20 @@
 "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"));
 var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _helpers = require("../../commons/select-file-dialog/helpers");
 var _constants = require("../../constants");
 var _constants2 = require("./constants");
-var _helpers = require("./helpers");
+var _helpers2 = require("./helpers");
 var _hoverMenu = _interopRequireDefault(require("./hover-menu"));
 require("./render-elem.css");
 const FileLink = _ref => {
@@ -28,6 +30,9 @@ const FileLink = _ref => {
   const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
   const [menuPosition, setMenuPosition] = (0, _react.useState)({});
   const isSelected = (0, _slateReact.useSelected)();
+
+  // Get file type icon
+  const fileTypeIcon = (0, _helpers.parcelFileTypeIcon)(element.title);
   const registerEventHandle = (0, _react.useCallback)(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -79,7 +84,7 @@ const FileLink = _ref => {
   }, [isShowInsertHoverMenu]);
   const onClickFile = (0, _react.useCallback)(e => {
     if (readOnly) {
-      window.open((0, _helpers.getUrl)(element.doc_uuid));
+      window.open((0, _helpers2.getUrl)(element.doc_uuid));
       return;
     }
     if (isShowInsertHoverMenu) {
@@ -99,18 +104,14 @@ const FileLink = _ref => {
   }, []);
   const onUnwrapFileLinkNode = (0, _react.useCallback)(event => {
     event.stopPropagation();
-    (0, _helpers.unwrapLinkNode)(editor, element);
+    (0, _helpers2.unwrapLinkNode)(editor, element);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   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;
@@ -130,13 +131,17 @@ const FileLink = _ref => {
   }, [_constants2.FILE_LINK_TYPE.ICON_LINK, _constants2.FILE_LINK_TYPE.CARD_LINK].includes(element.display_type) && /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-file-link-icon",
     style: style
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, !fileTypeIcon && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-link-file"
+  }), fileTypeIcon && /*#__PURE__*/_react.default.createElement("img", {
+    className: "file-link-img",
+    src: fileTypeIcon,
+    alt: ""
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-file-text-link",
     style: style
   }, /*#__PURE__*/_react.default.createElement("a", {
-    href: (0, _helpers.getUrl)(element.doc_uuid),
+    href: (0, _helpers2.getUrl)(element.doc_uuid),
     onClick: e => e.preventDefault(),
     onDragStart: e => e.preventDefault(),
     title: element.title

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

@@ -129,7 +129,7 @@ const hasFontLoaded = function () {
   if (isSystemOwn) return true;
   if (!name) return true;
   const nameString = name.split(' ').join('+');
-  const fontLinkId = `sdoc-font-link-${nameString}-${fontWeight}`;
+  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(fontWeight);
   return document.getElementById(fontLinkId);
 };
 exports.hasFontLoaded = hasFontLoaded;
@@ -145,9 +145,9 @@ const loadFont = function () {
   if (!name) return;
   const validFontWeight = supportFontWeight.includes(fontWeight) ? fontWeight : supportFontWeight[0];
   const nameString = name.split(' ').join('+');
-  const fontLinkId = `sdoc-font-link-${nameString}-${validFontWeight}`;
+  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(validFontWeight);
   if (document.getElementById(fontLinkId)) return;
-  const href = `https://fonts.googleapis.com/css?family=${nameString}:${validFontWeight}`;
+  const href = "https://fonts.googleapis.com/css?family=".concat(nameString, ":").concat(validFontWeight);
   const fontLink = document.createElement('link');
   fontLink.rel = 'stylesheet';
   fontLink.href = href;
@@ -159,7 +159,7 @@ exports.loadFont = loadFont;
 const generatorFontFamily = (fontName, fontWeight) => {
   const lang = _context.default.getSetting('lang') || 'zh-cn';
   if (fontName === _constants.DEFAULT_FONT) {
-    return `'Arial', ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, 'sans-serif'`;
+    return "'Arial', ".concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", 'sans-serif'");
   }
   const fontObject = _constants.FONT.find(item => item.name === fontName) || {};
   const {
@@ -168,6 +168,6 @@ const generatorFontFamily = (fontName, fontWeight) => {
   } = fontObject;
   loadFont(fontObject, fontWeight);
   const validFontName = fontFamilyName && (0, _commonUtils.isMac)() ? fontFamilyName['mac'] : fontName;
-  return `${validFontName}, ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, ${usuallyFontFamilyName || 'sans-serif'}`;
+  return "".concat(validFontName, ", ").concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", ").concat(usuallyFontFamilyName || 'sans-serif');
 };
 exports.generatorFontFamily = generatorFontFamily;

package/dist/basic-sdk/extension/plugins/font/menu/font-family/index.js

@@ -61,7 +61,7 @@ const FontFamily = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu]);
-  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
   } = fontRef.current ? fontRef.current.getBoundingClientRect() : {
@@ -119,7 +119,7 @@ const FontFamily = _ref => {
   }, t('Recently_used')), recentUsedFonts.map((item, index) => {
     const fontObject = _constants.FONT.find(font => font.name === item);
     return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
-      key: `${index}-recently-used`,
+      key: "".concat(index, "-recently-used"),
       fontObject: fontObject,
       selectedFont: selectedFont,
       setFont: updateFont
@@ -135,7 +135,7 @@ const FontFamily = _ref => {
       });
     }
     return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
-      key: `${index}-all-font`,
+      key: "".concat(index, "-all-font"),
       fontObject: item,
       selectedFont: selectedFont,
       setFont: updateFont

package/dist/basic-sdk/extension/plugins/font/menu/font-size/index.js

@@ -51,7 +51,7 @@ const FontSize = _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
   } = fontSizeRef.current ? fontSizeRef.current.getBoundingClientRect() : {

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

@@ -102,7 +102,7 @@ class HeaderMenu extends _react.default.Component {
     const {
       isShowHeaderPopover
     } = this.state;
-    const headerIconClass = `sdocfont sdoc-${isShowHeaderPopover ? 'caret-up' : 'drop-down'}`;
+    const headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down');
     const currentType = this.getValue();
     const disabled = this.isDisabled();
     const itemList = [_constants.PARAGRAPH, 'divider', _constants.TITLE, _constants.SUBTITLE, 'divider', ..._constants.HEADERS];
@@ -127,7 +127,7 @@ class HeaderMenu extends _react.default.Component {
           className: "sdoc-dropdown-menu-divider"
         });
       }
-      const id = `${item}-${index}`;
+      const id = "".concat(item, "-").concat(index);
       const isSelected = currentType === item;
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: index
@@ -141,7 +141,7 @@ class HeaderMenu extends _react.default.Component {
         className: "sdocfont sdoc-check-mark"
       }), /*#__PURE__*/_react.default.createElement("span", {
         style: {
-          fontSize: `${_constants.SDOC_FONT_SIZE[item]}pt`
+          fontSize: "".concat(_constants.SDOC_FONT_SIZE[item], "pt")
         }
       }, t(_constants.HEADER_TITLE_MAP[item]))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         target: id,

package/dist/basic-sdk/extension/plugins/header/placeholder.js

@@ -20,7 +20,7 @@ const Placeholder = props => {
     suppressContentEditableWarning: true,
     style: {
       position: 'absolute',
-      top: `${top}px`,
+      top: "".concat(top, "px"),
       color: 'rgba(191,191,191,1)',
       pointerEvents: 'none',
       width: '100%',

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderTitle = exports.renderSubtitle = exports.renderHeader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
@@ -17,16 +18,14 @@ const renderTitle = (props, editor) => {
     children
   } = props;
   const style = {
-    fontSize: `${_constants.SDOC_FONT_SIZE[element.type]}pt`,
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
     textAlign: element.align
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
-    className: `sdoc-header-title ${attributes.className}`,
-    style: {
-      ...style
-    }
+    className: "sdoc-header-title ".concat(attributes.className),
+    style: (0, _objectSpread2.default)({}, style)
   }), children);
 };
 exports.renderTitle = renderTitle;
@@ -38,16 +37,14 @@ const renderSubtitle = (props, editor) => {
   } = props;
   const style = {
     color: '#888',
-    fontSize: `${_constants.SDOC_FONT_SIZE[element.type]}pt`,
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
     textAlign: element.align
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
-    className: `sdoc-header-subtitle ${attributes.className}`,
-    style: {
-      ...style
-    }
+    className: "sdoc-header-subtitle ".concat(attributes.className),
+    style: (0, _objectSpread2.default)({}, style)
   }), children);
 };
 exports.renderSubtitle = renderSubtitle;
@@ -62,13 +59,12 @@ const renderHeader = (props, editor) => {
     type
   } = element;
   const level = type.split('header')[1];
-  const style = {
+  const style = (0, _objectSpread2.default)({
     textAlign: element.align,
-    fontSize: `${_constants.SDOC_FONT_SIZE[element.type]}pt`,
-    ...(level === '6' && {
-      fontStyle: 'italic'
-    })
-  };
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt")
+  }, level === '6' && {
+    fontStyle: 'italic'
+  });
   let isShowPlaceHolder = false;
   if ((0, _helper.isEmptyNode)(element) && _slate.Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
@@ -77,11 +73,10 @@ const renderHeader = (props, editor) => {
     "data-id": element.id,
     id: element.id // used for click left outline item, page scroll this element
   }, attributes, {
-    className: `sdoc-header-${level} ${attributes.className}`,
-    style: {
-      position: isShowPlaceHolder ? 'relative' : '',
-      ...style
-    }
+    className: "sdoc-header-".concat(level, " ").concat(attributes.className),
+    style: (0, _objectSpread2.default)({
+      position: isShowPlaceHolder ? 'relative' : ''
+    }, style)
   }), isShowPlaceHolder && /*#__PURE__*/_react.default.createElement(_placeholder.default, {
     title: 'Header',
     top: 0

package/dist/basic-sdk/extension/plugins/history/history-menu.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _commons = require("../../commons");
@@ -46,24 +47,24 @@ class HistoryMenu extends _react.default.Component {
     } = this.props;
     const undoConfig = _constants.MENUS_CONFIG_MAP[_constants.UNDO];
     const redoConfig = _constants.MENUS_CONFIG_MAP[_constants.REDO];
-    const undoProps = {
+    const undoProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel: 'undo',
-      ...undoConfig,
+      ariaLabel: 'undo'
+    }, undoConfig), {}, {
       disabled: this.isDisabled(_constants.UNDO),
       isActive: false,
       onMouseDown: this.onUndoMouseDown
-    };
-    const redoProps = {
+    });
+    const redoProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel: 'redo',
-      ...redoConfig,
+      ariaLabel: 'redo'
+    }, redoConfig), {}, {
       disabled: this.isDisabled(_constants.REDO),
       isActive: false,
       onMouseDown: this.onRedoMouseDown
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.MenuItem, undoProps), /*#__PURE__*/_react.default.createElement(_commons.MenuItem, redoProps));
   }
 }

package/dist/basic-sdk/extension/plugins/html/helper.js

@@ -27,7 +27,7 @@ const deserializeElement = element => {
       case 'undefined':
         return;
       default:
-        throw new Error(`The \`next\` argument was called with invalid children: "${elements}".`);
+        throw new Error("The `next` argument was called with invalid children: \"".concat(elements, "\"."));
     }
   };
   for (let i = 0; i < _rules.default.length; i++) {
@@ -36,7 +36,7 @@ const deserializeElement = element => {
     const ret = rule(element, next);
     const type = (0, _typeOf.default)(ret);
     if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
-      throw new Error(`A rule returned an invalid deserialized representation: "${node}".`);
+      throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
     }
 
     // Not eligible for current component processing

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.removeImageBlockNode = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImageUrlIsFromUpload = exports.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.getDigitalSignImgUrl = exports.getColumnByKey = exports.generateImageNode = exports.generateImageInfos = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
-var _dtableUtils = require("dtable-utils");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _constants = require("../../../constants");
@@ -23,7 +23,7 @@ const getDigitalSignImgUrl = partUrl => {
   const workspaceID = _context.default.getSetting('workspaceID');
   const dtableUuid = _context.default.getSetting('dtableUuid');
   if (!partUrl || typeof partUrl !== 'string') return '';
-  return `${server}/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
+  return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
 };
 exports.getDigitalSignImgUrl = getDigitalSignImgUrl;
 const getColumnByKey = (columns, key) => {
@@ -68,10 +68,9 @@ const generateImageNode = (src, file_uuid) => {
   if (file_uuid) {
     data.file_uuid = file_uuid;
   }
-  return {
-    ...element,
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
     data
-  };
+  });
 };
 exports.generateImageNode = generateImageNode;
 const insertImage = function (editor, imgInfos, selection) {
@@ -165,11 +164,12 @@ const getImageURL = (data, editor) => {
     const {
       type
     } = column || {};
-    if (type === _dtableUtils.CellType.IMAGE) {
+    // TODO: Plugin contants, image digital-sign
+    if (type === 'image') {
       const imgUrl = editor.getColumnCellValue(column_key) || '';
       const firstSrc = imgUrl.split(',')[0];
       return firstSrc;
-    } else if (type === _dtableUtils.CellType.DIGITAL_SIGN) {
+    } else if (type === 'digital-sign') {
       const partUrl = editor.getColumnCellValue(column_key) || '';
       const imgUrl = getDigitalSignImgUrl(partUrl);
       return imgUrl;
@@ -271,13 +271,12 @@ const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSelected)
   if (isIncludedSelection) return;
   // When the mouse hovers over an image, the image is selected.
   const nextPath = _slate.Path.next(imagePath.slice(0, imagePath.length - 1));
-  const focusRange = {
-    ...selection,
+  const focusRange = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
     focus: {
       offset: 0,
       path: [...nextPath, 0]
     }
-  };
+  });
   (0, _core.focusEditor)(editor, focusRange);
 };
 
@@ -288,14 +287,13 @@ const handleBase64Image = (editor, path, imgData) => {
   const blob = new Blob([unit8Array.u8arr], {
     type: unit8Array.mime
   });
-  const file = new File([blob], `${_slugid.default.nice()}.jpg`, {
+  const file = new File([blob], "".concat(_slugid.default.nice(), ".jpg"), {
     type: unit8Array.mime
   });
   _context.default.uploadLocalImage([file]).then(res => {
-    const _data = {
-      ...imgData,
+    const _data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imgData), {}, {
       src: res[0]
-    };
+    });
     _slate.Transforms.setNodes(editor, {
       data: _data
     }, {

package/dist/basic-sdk/extension/plugins/image/hover-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");
@@ -61,9 +62,7 @@ const ImageHoverMenu = _ref => {
         newPopoverState[key] = false;
       }
     }
-    setPopoverState({
-      ...newPopoverState
-    });
+    setPopoverState((0, _objectSpread2.default)({}, newPopoverState));
   }, [popoverState]);
   const onSelect = (0, _react.useCallback)((event, props) => {
     event.stopPropagation();
@@ -143,10 +142,7 @@ const ImageHoverMenu = _ref => {
       }
       if (Object.keys(props)[0] === 'show_caption') {
         _slate.Transforms.setNodes(editor, {
-          data: {
-            ...data,
-            ...props
-          }
+          data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), props)
         }, {
           at: path
         });
@@ -190,7 +186,7 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'alignPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} icon-font mr-1`)
+    className: (0, _classnames.default)("sdocfont sdoc-align-".concat(align || 'left', " icon-font mr-1"))
   }), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"
   })), /*#__PURE__*/_react.default.createElement("span", {

package/dist/basic-sdk/extension/plugins/image/image-loader/index.js

@@ -19,6 +19,6 @@ function ImageLoader(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "spinner"
   })), copyright && /*#__PURE__*/_react.default.createElement("div", {
-    className: `copyright ${isError && 'error'}`
+    className: "copyright ".concat(isError && 'error')
   }, copyright));
 }

package/dist/basic-sdk/extension/plugins/image/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 _reactstrap = require("reactstrap");
@@ -36,18 +37,17 @@ const ImageMenu = _ref => {
 
   // Apply for comment Editor
   if (editor.editorType === _constants.COMMENT_EDITOR) {
-    const commentEditorConfig = {
-      ...menuConfig,
+    const commentEditorConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, menuConfig), {}, {
       text: 'Upload_local_image'
-    };
-    const menuProps = {
+    });
+    const menuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
-      className,
-      ...commentEditorConfig,
+      className
+    }, commentEditorConfig), {}, {
       disabled: disabled,
       isActive: false,
       onMouseDown: openInsertLocalImage
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, menuProps);
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {

package/dist/basic-sdk/extension/plugins/image/plugin.js

@@ -48,8 +48,8 @@ const withImage = editor => {
     return isVoid(elem);
   };
   newEditor.insertData = data => {
-    const fragment = data.getData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`) || (0, _documentUtils.getSlateFragmentAttribute)(data);
-    const originSdocUuid = data.getData(`text/${_constants2.CLIPBOARD_ORIGIN_SDOC_KEY}`);
+    const fragment = data.getData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY)) || (0, _documentUtils.getSlateFragmentAttribute)(data);
+    const originSdocUuid = data.getData("text/".concat(_constants2.CLIPBOARD_ORIGIN_SDOC_KEY));
     if (fragment && originSdocUuid) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const fragmentData = JSON.parse(decoded);