@seafile/sdoc-editor 2.0.77 → 2.0.78-test-0.0.2

package/dist/basic-sdk/comment/provider/notification-context-provider.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 _notificationHooks = require("../hooks/notification-hooks");
 var _notificationReducer = require("../reducer/notification-reducer");
@@ -16,9 +18,7 @@ const NotificationContextProvider = _ref => {
   const [notificationsInfo, dispatch] = (0, _react.useReducer)(_notificationReducer.notificationReducer, _notificationReducer.initNotificationsInfo);
   (0, _notificationHooks.useNotificationsMount)(dispatch);
   (0, _react.useEffect)(() => {
-    editor.notifications_map = {
-      ...notificationsInfo.notifications_map
-    };
+    editor.notifications_map = (0, _objectSpread2.default)({}, notificationsInfo.notifications_map);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [notificationsInfo]);
   return /*#__PURE__*/_react.default.createElement(_notificationHooks.NotificationContext.Provider, {

package/dist/basic-sdk/comment/reducer/comment-reducer.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sortCommentList = exports.initElementCommentsMap = exports.initCommentsInfo = exports.initCommentList = exports.formatCommentsData = exports.commentReducer = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
 var _helper = require("../helper");
 const formatCommentsData = comments => {
@@ -126,13 +127,10 @@ const commentReducer = (state, action) => {
         }
         element_comments_map[element_id] = [...element_comments_map[element_id], comment];
         const commentList = [...comment_list, (0, _deepCopy.default)(comment)];
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: commentList
-        };
+        });
       }
     case 'DELETE_COMMENT':
       {
@@ -148,13 +146,10 @@ const commentReducer = (state, action) => {
           element_comments_map[element_id] = element_comments_map[element_id].filter(item => item.id !== comment_id);
         }
         const commentList = comment_list.filter(item => item.id !== comment_id);
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: commentList
-        };
+        });
       }
     case 'UPDATE_COMMENT':
       {
@@ -185,13 +180,10 @@ const commentReducer = (state, action) => {
           }
           return item;
         });
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: commentList
-        };
+        });
       }
     case 'UPDATE_COMMENT_STATE':
       {
@@ -220,13 +212,10 @@ const commentReducer = (state, action) => {
           }
           return item;
         });
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: sortCommentList(commentList)
-        };
+        });
       }
     case 'INSERT_REPLY':
       {
@@ -253,13 +242,10 @@ const commentReducer = (state, action) => {
           }
           return item;
         });
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: commentList
-        };
+        });
       }
     case 'DELETE_REPLY':
       {
@@ -286,13 +272,10 @@ const commentReducer = (state, action) => {
           }
           return item;
         });
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: commentList
-        };
+        });
       }
     case 'UPDATE_REPLY':
       {
@@ -311,10 +294,7 @@ const commentReducer = (state, action) => {
             item.replies = item.replies.map(replyItem => {
               if (replyItem.id === reply_id) {
                 // need update replay updated_at
-                return {
-                  ...replyItem,
-                  ...reply
-                };
+                return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, replyItem), reply);
               }
               return replyItem;
             });
@@ -327,10 +307,7 @@ const commentReducer = (state, action) => {
             item.replies = item.replies.map(replyItem => {
               if (replyItem.id === reply_id) {
                 // need update replay updated_at
-                return {
-                  ...replyItem,
-                  ...reply
-                };
+                return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, replyItem), reply);
               }
               return replyItem;
             });
@@ -338,13 +315,10 @@ const commentReducer = (state, action) => {
           }
           return item;
         });
-        return {
-          ...state,
-          element_comments_map: {
-            ...element_comments_map
-          },
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          element_comments_map: (0, _objectSpread2.default)({}, element_comments_map),
           comment_list: commentList
-        };
+        });
       }
     default:
       return state;

package/dist/basic-sdk/comment/reducer/notification-reducer.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.notificationReducer = exports.initNotificationsInfo = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _constants = require("../../constants");
 var _model = require("../../model");
 var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
@@ -48,13 +49,11 @@ const notificationReducer = (state, action) => {
           notification
         } = action.payload;
         const newNotification = new _model.Notification(notification);
-        return {
-          ...state,
-          notifications_map: {
-            ...state.notifications_map,
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          notifications_map: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.notifications_map), {}, {
             [newNotification.key]: newNotification
-          }
-        };
+          })
+        });
       }
     case _constants2.DOC_NOTIFICATION_REDUCER_TYPE.DEL:
       {
@@ -75,10 +74,9 @@ const notificationReducer = (state, action) => {
         if (Object.keys(notifications_map).length === 0) {
           eventBus.dispatch(_constants.INTERNAL_EVENT.CLEAR_NOTIFICATION);
         }
-        return {
-          ...state,
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
           notifications_map
-        };
+        });
       }
     default:
       {

package/dist/basic-sdk/comment/utils/index.js

@@ -151,7 +151,7 @@ class CommentUtilities {
         spanNode1 = document.createElement('span');
         spanNode2 = document.createElement('span');
         spanNode1.className = 'at-text';
-        spanNode1.innerHTML = `@${content.name}`;
+        spanNode1.innerHTML = "@".concat(content.name);
         spanNode2.innerHTML = ' ';
       }
       let frag = document.createDocumentFragment();
@@ -263,7 +263,7 @@ const focusToCommentElement = (editor, element) => {
 exports.focusToCommentElement = focusToCommentElement;
 const getCommentElementById = (elementId, editor) => {
   let element = null;
-  const dom = document.querySelectorAll(`[data-id="${elementId}"]`)[0];
+  const dom = document.querySelectorAll("[data-id=\"".concat(elementId, "\"]"))[0];
   if (dom) {
     const slateNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
     if (slateNode) {

package/dist/basic-sdk/comment/utils/notification-utils.js

@@ -20,7 +20,7 @@ const notify = ($title, $options) => {
       mediaUrl
     } = _context.default.getSetting('mediaUrl');
     let newAudioElement = document.createElement('audio');
-    newAudioElement.setAttribute('src', `${mediaUrl}audio/classic.mp3`);
+    newAudioElement.setAttribute('src', "".concat(mediaUrl, "audio/classic.mp3"));
     newAudioElement.setAttribute('autoplay', 'autoplay');
     newAudioElement.setAttribute('id', 'seatable-audio');
     let audioElement = document.getElementById('seatable-audio');
@@ -56,7 +56,7 @@ const generatorNotificationKey = function (commentId) {
   let replyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const validCommentId = commentId + '';
   const validReplyId = replyId + '';
-  if (!validReplyId) return `sdoc_notification_${validCommentId}`;
-  return `sdoc_notification_${validCommentId}_${validReplyId}`;
+  if (!validReplyId) return "sdoc_notification_".concat(validCommentId);
+  return "sdoc_notification_".concat(validCommentId, "_").concat(validReplyId);
 };
 exports.generatorNotificationKey = generatorNotificationKey;

package/dist/basic-sdk/components/toast/alert.js

@@ -31,7 +31,7 @@ class Alert extends _react.default.PureComponent {
     } = this.props;
     const iconClass = this.getIconClass(intent);
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `sdoc-toast-alert-container ${intent || 'success'}`
+      className: "sdoc-toast-alert-container ".concat(intent || 'success')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "toast-alert-icon"
     }, /*#__PURE__*/_react.default.createElement("i", {

package/dist/basic-sdk/components/toast/toast.js

@@ -79,7 +79,7 @@ class Toast extends _react.default.PureComponent {
       onExited: this.props.onRemove
     }, state => /*#__PURE__*/_react.default.createElement("div", {
       "data-state": state,
-      className: `sdoc-toast-container ${state}`,
+      className: "sdoc-toast-container ".concat(state),
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
       style: {

package/dist/basic-sdk/components/toast/toastManager.js

@@ -5,9 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _toast = _interopRequireDefault(require("./toast"));
+const _excluded = ["id", "description"];
 const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
 class ToastManager extends _react.default.PureComponent {
   constructor(props, context) {
@@ -38,7 +41,7 @@ class ToastManager extends _react.default.PureComponent {
     });
     (0, _defineProperty2.default)(this, "createToastInstance", (title, settings) => {
       const uniqueId = ++ToastManager.idCounter;
-      const id = hasCustomId(settings) ? `${settings.id}-${uniqueId}` : uniqueId;
+      const id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
       let hasCloseButton = settings.hasCloseButton || true;
       let duration = settings.duration || 2;
       if (settings.hasCloseButton !== undefined) {
@@ -66,10 +69,9 @@ class ToastManager extends _react.default.PureComponent {
         return {
           toasts: previousState.toasts.map(toast => {
             if (toast.id === id) {
-              return {
-                ...toast,
+              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, toast), {}, {
                 isShown: false
-              };
+              });
             }
             return toast;
           })
@@ -95,10 +97,10 @@ class ToastManager extends _react.default.PureComponent {
       className: "sdoc-toast-manager"
     }, this.state.toasts.map(_ref => {
       let {
-        id,
-        description,
-        ...props
-      } = _ref;
+          id,
+          description
+        } = _ref,
+        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
       return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
         key: id,
         onRemove: () => this.removeToast(id)

package/dist/basic-sdk/components/toast/toaster.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 _client = require("react-dom/client");
@@ -36,38 +37,34 @@ class Toaster {
     });
     (0, _defineProperty2.default)(this, "notify", function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, {
-        ...settings,
+      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
         intent: 'none'
-      });
+      }));
     });
     (0, _defineProperty2.default)(this, "success", function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, {
-        ...settings,
+      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
         intent: 'success'
-      });
+      }));
     });
     (0, _defineProperty2.default)(this, "warning", function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, {
-        ...settings,
+      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
         intent: 'warning'
-      });
+      }));
     });
     (0, _defineProperty2.default)(this, "danger", function (title) {
       let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.notifyHandler(title, {
-        ...settings,
+      return _this.notifyHandler(title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
         intent: 'danger'
-      });
+      }));
     });
     if (!isBrowser) return;
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
     const root = (0, _client.createRoot)(container);
-    root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    root.render(/*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/dist/basic-sdk/context.js

@@ -28,7 +28,7 @@ class Context {
         const repoID = this.getSetting('repoID');
         const siteRoot = this.getSetting('siteRoot');
         const originFilePath = this.getSetting('originFilePath');
-        const originFileURL = `${siteRoot}lib/${repoID}/file${originFilePath}`;
+        const originFileURL = "".concat(siteRoot, "lib/").concat(repoID, "/file").concat(originFilePath);
         this.settings['originFileURL'] = originFileURL;
       }
     });
@@ -76,7 +76,7 @@ class Context {
     const server = this.getSetting('serviceUrl');
     const mediaUrl = this.getSetting('mediaUrl');
     // const commonCss = `${server}${mediaUrl}css/seafile-ui.css`;
-    const fontCss = `${server}${mediaUrl}/sdoc-editor/sdoc-editor-font.css`;
+    const fontCss = "".concat(server).concat(mediaUrl, "/sdoc-editor/sdoc-editor-font.css");
     return [fontCss];
   }
   updateSettings(update) {

package/dist/basic-sdk/cursor/helper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setCursor = exports.generateCursorData = exports.deleteCursor = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _randomcolor = _interopRequireDefault(require("randomcolor"));
 // selection: { anchor, focus }
 // cursor: { anchor, focus }
@@ -16,26 +17,18 @@ const setCursor = (editor, user, location, cursorData) => {
   if (!editor.cursors) editor.cursors = {};
   if (location) {
     const oldCursor = editor.cursors[clientId] ? editor.cursors[clientId] : {};
-    const newCursorData = {
-      ...oldCursor,
-      ...location,
-      ...cursorData
-    };
+    const newCursorData = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, oldCursor), location), cursorData);
     editor.cursors[clientId] = newCursorData;
   } else {
     delete editor.cursors[clientId];
   }
-  editor.cursors = {
-    ...editor.cursors
-  };
+  editor.cursors = (0, _objectSpread2.default)({}, editor.cursors);
   return editor;
 };
 exports.setCursor = setCursor;
 const deleteCursor = (editor, username) => {
   delete editor.cursors[username];
-  editor.cursors = {
-    ...editor.cursors
-  };
+  editor.cursors = (0, _objectSpread2.default)({}, editor.cursors);
   return editor;
 };
 exports.deleteCursor = deleteCursor;

package/dist/basic-sdk/editor/comment-article.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");
@@ -85,10 +86,9 @@ const CommentArticle = _ref => {
     id: "sdoc-editor",
     scrollSelectionIntoView: handleScrollIntoView,
     cursors: cursors,
-    renderElement: props => (0, _renderCommentEditorElement.default)({
-      ...props,
+    renderElement: props => (0, _renderCommentEditorElement.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       commentType: type
-    }),
+    })),
     renderLeaf: _extension.renderLeaf,
     onMouseDown: onMouseDown,
     decorate: decorate,

package/dist/basic-sdk/editor/sdoc-comment-editor.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 _deepCopy = _interopRequireDefault(require("deep-copy"));
@@ -82,10 +83,9 @@ const SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return (0, _deepCopy.default)({
-        ...document,
+      return (0, _deepCopy.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, document), {}, {
         elements: slateValue
-      });
+      }));
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/editor/sdoc-editor.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 _deepCopy = _interopRequireDefault(require("deep-copy"));
@@ -138,9 +139,11 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       isShowFullScreen
     } = _ref2;
     if (isShowFullScreen) {
+      // Boundary situation
+      (0, _helpers.removeMarks)(validEditor);
       setShowFullScreen(true);
     }
-  }, []);
+  }, [validEditor]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
     const unsubscribePresentationFullScreen = eventBus.subscribe(_constants.INTERNAL_EVENT.TOGGLE_PRESENTATION_MODE, handleFullScreenPresentation);
@@ -183,10 +186,9 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return (0, _deepCopy.default)({
-        ...document,
+      return (0, _deepCopy.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, document), {}, {
         elements: slateValue
-      });
+      }));
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/editor/wiki-editor.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 _classnames = _interopRequireDefault(require("classnames"));
@@ -124,10 +125,9 @@ const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return (0, _deepCopy.default)({
-        ...document,
+      return (0, _deepCopy.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, document), {}, {
         elements: slateValue
-      });
+      }));
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/extension/commons/color-menu/index.js

@@ -90,7 +90,7 @@ const ColorMenu = _ref => {
     onSetColor(lastUsedColor, false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, lastUsedColor, disabled]);
-  const buttonId = `button-${id}`;
+  const buttonId = "button-".concat(id);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel,
@@ -120,7 +120,7 @@ const ColorMenu = _ref => {
     id: id,
     className: "sdoc-color-toggle sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`
+    className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
   }))), text && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: buttonId
   }, t(text)), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
@@ -146,7 +146,7 @@ const ColorMenu = _ref => {
     onClick: setColorProxy
   }, _constants.DEFAULT_COLORS.map((color, index) => {
     return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `default-color-${index}`,
+      key: "default-color-".concat(index),
       color: color,
       lastUsedColor: lastUsedColor
     });
@@ -159,7 +159,7 @@ const ColorMenu = _ref => {
     onClick: setColorProxy
   }, _constants.STANDARD_COLORS.map((color, index) => {
     return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `standard-color-${index}`,
+      key: "standard-color-".concat(index),
       color: color,
       lastUsedColor: lastUsedColor
     });
@@ -172,7 +172,7 @@ const ColorMenu = _ref => {
     onClick: setColorProxy
   }, recentUsedColors.map((color, index) => {
     return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `standard-color-${index}`,
+      key: "standard-color-".concat(index),
       color: {
         value: color,
         name: color

package/dist/basic-sdk/extension/commons/file-insert-dialog/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");
@@ -222,25 +223,23 @@ const FileLinkInsertDialog = _ref => {
       editor,
       noShowDialog: true
     };
-    eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_SDOC_FILE, {
-      newFileName: createName,
-      ...external_props
-    });
+    eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_SDOC_FILE, (0, _objectSpread2.default)({
+      newFileName: createName
+    }, external_props));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element, newFileName]);
   const createFileTipDefault = (0, _react.useMemo)(() => {
     return 'Create_a_new_file';
   }, []);
   const createFileName = (0, _react.useMemo)(() => {
-    return `${newFileName}.sdoc`;
+    return "".concat(newFileName, ".sdoc");
   }, [newFileName]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: fileLinkInsertRef,
     className: "sdoc-history-files-content popover",
-    style: {
-      ...position,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, position), {}, {
       position: 'absolute'
-    }
+    })
   }, header.length !== 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-header"
   }, header), /*#__PURE__*/_react.default.createElement("div", {