@seafile/sdoc-editor 2.0.73 → 2.0.75-test-0.0.1

package/dist/api/sdoc-server-api.js

@@ -27,10 +27,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -40,10 +40,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/normalize-sdoc`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/normalize-sdoc");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -53,12 +53,12 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/");
     const formData = new FormData();
     formData.append('doc_content', content);
     return _axios.default.post(url, formData, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -68,10 +68,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/collaborators/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/collaborators/");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -81,10 +81,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -94,10 +94,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/");
     return _axios.default.post(url, comment, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -107,10 +107,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/");
     return _axios.default.delete(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -120,10 +120,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/");
     return _axios.default.put(url, newComment, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -133,7 +133,7 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/");
     const newComment = {};
     if (resolved) {
       newComment.resolved = 'true';
@@ -142,7 +142,7 @@ class SDocServerApi {
     }
     return _axios.default.put(url, newComment, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -152,10 +152,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/replies/");
     return _axios.default.post(url, reply, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -165,10 +165,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/${replyId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/replies/").concat(replyId, "/");
     return _axios.default.delete(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -178,10 +178,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/${replyId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/replies/").concat(replyId, "/");
     return _axios.default.put(url, reply, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }

package/dist/api/seafile-api.js

@@ -181,11 +181,11 @@ class SeafileAPI {
 
   // notification
   listUnseenNotifications(docUuid) {
-    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
     return this.req.get(url);
   }
   deleteUnseenNotifications(docUuid, notificationIds) {
-    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
     const params = {
       ids: notificationIds
     };
@@ -194,7 +194,7 @@ class SeafileAPI {
     });
   }
   readAllNotifications(docUuid) {
-    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
     return this.req.put(url);
   }
   aiTranslate(docUuid, text, lang) {

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

@@ -24,7 +24,7 @@ const commentDecorate = editor => _ref => {
           path: path,
           offset: _slate.Node.string(node).length
         },
-        [`sdoc_comment_${commentedContextId}`]: true
+        ["sdoc_comment_".concat(commentedContextId)]: true
       });
     }
   }

package/dist/basic-sdk/comment/components/comment-all-participants/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slateReact = require("@seafile/slate-react");
-var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 var _useParticipants = require("../../hooks/use-participants");
 var _commentParticipantsEditor = _interopRequireDefault(require("../comment-participants-editor"));
 var _participantAvatar = _interopRequireDefault(require("./participant-avatar"));

package/dist/basic-sdk/comment/components/comment-all-participants/participant-avatar.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 const ParticipantAvatar = _ref => {
   let {
     participant,
@@ -23,7 +23,7 @@ const ParticipantAvatar = _ref => {
     name,
     avatar_url
   } = participant;
-  const id = `comment-participant-avatar-${index}-${Math.floor(Math.random() * 1000)}`;
+  const id = "comment-participant-avatar-".concat(index, "-").concat(Math.floor(Math.random() * 1000));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('comment-participant-avatar', {
       'position-relative': showMore

package/dist/basic-sdk/comment/components/comment-context-menu/index.css

@@ -1,5 +1,5 @@
 .menu-group-item.sdoc-comment-menu-container {
-  width: 90px;
+  width: auto;
   color: #212529;
   font-size: 14px;
 }

package/dist/basic-sdk/comment/components/comment-context-menu/menu-item.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 const MenuItem = _ref => {
   let {
     isRichEditor = true,

package/dist/basic-sdk/comment/components/comment-delete-popover.js

@@ -67,7 +67,7 @@ const CommentDeletePopover = _ref => {
     ref: popoverRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "delete-tip"
-  }, t(`Are_you_sure_to_delete_this_${type === 'comment' ? 'comment' : 'reply'}`)), /*#__PURE__*/_react.default.createElement("div", {
+  }, t("Are_you_sure_to_delete_this_".concat(type === 'comment' ? 'comment' : 'reply'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "delete-control mt-5"
   }, /*#__PURE__*/_react.default.createElement("button", {
     className: "btn btn-secondary mr-2",

package/dist/basic-sdk/comment/components/comment-editor.js

@@ -11,16 +11,15 @@ var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../../constants");
 var _context = _interopRequireDefault(require("../../../context"));
-var _mdToSlate = _interopRequireDefault(require("../../../slate-convert/md-to-slate"));
-var _slateToMd = _interopRequireDefault(require("../../../slate-convert/slate-to-md"));
-var _constants2 = require("../../constants");
+var _constants = require("../../constants");
 var _sdocCommentEditor = _interopRequireDefault(require("../../editor/sdoc-comment-editor"));
 var _extension = require("../../extension");
-var _constants3 = require("../../extension/constants");
+var _constants2 = require("../../extension/constants");
 var _core = require("../../extension/core");
 var _nodeId = _interopRequireDefault(require("../../node-id"));
+var _mdToSlate = _interopRequireDefault(require("../../slate-convert/md-to-slate"));
+var _slateToMd = _interopRequireDefault(require("../../slate-convert/slate-to-md"));
 var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
 var _useParticipants = require("../hooks/use-participants");
 const getSubmitTip = (type, content) => {
@@ -56,7 +55,7 @@ const CommentEditor = _ref => {
   const document = (0, _react.useMemo)(() => {
     const cursor = {};
     let elements = null;
-    elements = [(0, _core.generateEmptyElement)(_constants3.PARAGRAPH, {
+    elements = [(0, _core.generateEmptyElement)(_constants2.PARAGRAPH, {
       placeholder
     })];
     return {
@@ -71,8 +70,8 @@ const CommentEditor = _ref => {
       cursors
     } = document;
     newEditor.cursors = cursors || {};
-    newEditor.width = _constants2.COMMENT_EDITOR_EDIT_AREA_WIDTH; // default width
-    newEditor.editorType = _constants2.COMMENT_EDITOR;
+    newEditor.width = _constants.COMMENT_EDITOR_EDIT_AREA_WIDTH; // default width
+    newEditor.editorType = _constants.COMMENT_EDITOR;
     return newEditor;
   }, [document]);
   const updateValue = (0, _react.useCallback)(value => {
@@ -85,7 +84,7 @@ const CommentEditor = _ref => {
     const mdString = (0, _slateToMd.default)(editor.children);
     updateValue(mdString);
     addParticipants(userInfo.username);
-    editor.children = [(0, _core.generateEmptyElement)(_constants3.PARAGRAPH, {
+    editor.children = [(0, _core.generateEmptyElement)(_constants2.PARAGRAPH, {
       placeholder
     })];
     _slate.Transforms.select(editor, _slate.Editor.start(editor, []));
@@ -98,7 +97,7 @@ const CommentEditor = _ref => {
   }, [editor, onSubmit]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
-    const unsubscribePostComment = eventBus.subscribe(_constants2.INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, onSubmitByEnterKey);
+    const unsubscribePostComment = eventBus.subscribe(_constants.INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, onSubmitByEnterKey);
     return () => {
       unsubscribePostComment();
     };

package/dist/basic-sdk/comment/components/comment-item-collapse-wrapper.js

@@ -12,7 +12,7 @@ var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _mdToHtml = _interopRequireDefault(require("../../../slate-convert/md-to-html"));
+var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
 var _constants = require("../constants");
 var _helper = require("../helper");
 var _notificationHooks = require("../hooks/notification-hooks");
@@ -33,10 +33,10 @@ const CommentItemCollapseWrapper = _ref => {
   } = (0, _notificationHooks.useNotificationContext)();
   const [commentContent, setCommentContent] = (0, _react.useState)('');
   const [replyContent, setReplyContent] = (0, _react.useState)('');
-  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${topLevelComment.id}`] ? true : false;
+  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(topLevelComment.id)] ? true : false;
   const isReplayUnseen = (0, _react.useMemo)(() => {
     if (!latestReply) return false;
-    const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${topLevelComment.id}_${latestReply.id}`] ? true : false;
+    const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(topLevelComment.id, "_").concat(latestReply.id)] ? true : false;
     return isUnseen;
   }, [latestReply, notificationsInfo.notifications_map, topLevelComment.id]);
   (0, _react.useEffect)(() => {
@@ -78,7 +78,7 @@ const CommentItemCollapseWrapper = _ref => {
     setCurrentCommentGroup(topLevelComment.id);
   }, [setCurrentCommentGroup, topLevelComment.id]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: `comment-item-wrapper_${topLevelComment.id}`,
+    id: "comment-item-wrapper_".concat(topLevelComment.id),
     className: (0, _classnames.default)('comment-collapse-wrapper', 'comment-ui-container', {
       'sdoc-resolved': topLevelComment.resolved,
       'd-flex flex-column': element

package/dist/basic-sdk/comment/components/comment-item-content.js

@@ -1,18 +1,19 @@
 "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");
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 var _context = _interopRequireDefault(require("../../../context"));
-var _mdToHtml = _interopRequireDefault(require("../../../slate-convert/md-to-html"));
+var _tooltip = _interopRequireDefault(require("../../components/tooltip"));
+var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
 var _notificationHooks = require("../hooks/notification-hooks");
 var _commentEditor = _interopRequireDefault(require("./comment-editor"));
 const CommentItemContent = _ref => {
@@ -36,7 +37,7 @@ const CommentItemContent = _ref => {
     event.stopPropagation();
     setIsEditing(true);
   }, []);
-  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${comment.id}`] ? true : false;
+  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(comment.id)] ? true : false;
   (0, _react.useEffect)(() => {
     transferHtml(comment.comment);
   }, [comment.comment]);
@@ -54,10 +55,9 @@ const CommentItemContent = _ref => {
       const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
       const newComment = {
         comment: content,
-        detail: {
-          ...comment.detail,
+        detail: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, comment.detail), {}, {
           comment: content
-        },
+        }),
         updated_at: time
       };
       updateComment(commentId, newComment);
@@ -79,7 +79,7 @@ const CommentItemContent = _ref => {
     event.stopPropagation();
     updateCommentResolved(false);
   }, [updateCommentResolved]);
-  const menuId = (0, _react.useMemo)(() => `comment_${comment.id}`, [comment]);
+  const menuId = (0, _react.useMemo)(() => "comment_".concat(comment.id), [comment]);
   const user = _context.default.getUserInfo();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item"
@@ -105,13 +105,13 @@ const CommentItemContent = _ref => {
   }), isActive && comment.user_email === user.username && /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex comment-item-operation-wrapper"
   }, !comment.resolved && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    id: `tooltip_${menuId}`,
+    id: "tooltip_".concat(menuId),
     className: "comment-operation mr-2",
     onClick: markAsResolved
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-confirm"
   })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: `tooltip_${menuId}`
+    target: "tooltip_".concat(menuId)
   }, t('Resolved_tip'))), /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     id: targetId,
     isOpen: isDropdownOpen,

package/dist/basic-sdk/comment/components/comment-item-reply.js

@@ -11,7 +11,7 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context = _interopRequireDefault(require("../../../context"));
-var _mdToHtml = _interopRequireDefault(require("../../../slate-convert/md-to-html"));
+var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
 var _commentDeletePopover = _interopRequireDefault(require("./comment-delete-popover"));
 var _commentEditor = _interopRequireDefault(require("./comment-editor"));
 const CommentItemReply = _ref => {
@@ -27,7 +27,7 @@ const CommentItemReply = _ref => {
   const itemRef = (0, _react.useRef)(null);
   const [isEditing, setIsEditing] = (0, _react.useState)(false);
   const [editorContent, setEditorContent] = (0, _react.useState)('');
-  const replyOpToolsId = `replyOpTools_${reply.id}`;
+  const replyOpToolsId = "replyOpTools_".concat(reply.id);
   const onEditToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     setIsEditing(true);

package/dist/basic-sdk/comment/components/comment-item-wrapper.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");
@@ -45,7 +46,7 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = (0, _useCommentContext.useCommentContext)();
   const scrollRef = (0, _react.useRef)(document.querySelector('.sdoc-scroll-container'));
   const [isShowDeletePopover, setIsShowDeletePopover] = (0, _react.useState)(false);
-  const commentOpToolsId = `commentOpTools_${comment === null || comment === void 0 ? void 0 : comment.id}`;
+  const commentOpToolsId = "commentOpTools_".concat(comment === null || comment === void 0 ? void 0 : comment.id);
   const style = !isGlobalComment && isCollapseCommentEditor ? {
     maxHeight: '341px'
   } : {};
@@ -96,13 +97,12 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     const {
       reply: returnReply
     } = res.data;
-    const newReply = {
-      ...reply,
+    const newReply = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, reply), {}, {
       id: returnReply.id,
       reply: returnReply.reply,
       user_name: returnReply.user_name,
       avatar_url: returnReply.avatar_url
-    };
+    });
     const elementId = (0, _helper.getPrimaryElementId)(comment.detail);
     if (newComment.resolved === true) {
       const resolvedComment = commentsDetail ? Object.values(commentsDetail).find(comments => comments.id === commentId) : comment;
@@ -158,14 +158,13 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       const {
         reply: returnReply
       } = res.data;
-      const newReply = {
-        ...reply,
+      const newReply = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, reply), {}, {
         id: returnReply.id,
         comment_id: commentId,
         reply: returnReply.reply,
         user_name: returnReply.user_name,
         avatar_url: returnReply.avatar_url
-      };
+      });
       dispatch({
         type: 'INSERT_REPLY',
         payload: {
@@ -300,7 +299,7 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }, [editor, element, scrollRef]);
   const newCommentId = isClickedContextComment && comment !== null && comment !== void 0 && comment.detail.element_id_list ? comment === null || comment === void 0 ? void 0 : comment.detail.element_id_list[0] : comment === null || comment === void 0 ? void 0 : comment.id;
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: `comment-item-wrapper_${newCommentId}`,
+    id: "comment-item-wrapper_".concat(newCommentId),
     className: className,
     onClick: onItemClick
   }, element && /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/comment/components/comment-list.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");
@@ -56,14 +57,13 @@ const CommentList = _ref => {
     const {
       comment: returnComment
     } = res.data;
-    const newComment = {
-      ...comment,
+    const newComment = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, comment), {}, {
       isContextComment: isContextComment,
       id: returnComment.id,
       user_name: returnComment.user_name,
       avatar_url: returnComment.avatar_url,
       replies: []
-    };
+    });
     dispatch({
       type: 'INSERT_COMMENT',
       payload: {
@@ -115,8 +115,7 @@ const CommentList = _ref => {
     });
   }, [activeElementIds]);
   const handleInputChange = (id, value) => {
-    setCommentInputs(prev => ({
-      ...prev,
+    setCommentInputs(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
       [id]: value
     }));
   };
@@ -130,14 +129,14 @@ const CommentList = _ref => {
     ref: commentPopover,
     id: "sdoc-comment-list-container",
     className: (0, _classnames.default)('sdoc-comment-list-container sdoc-comment-list-container-popover', 'sdoc-context-comment-list-container'),
-    style: {
-      top: position.y,
-      ...(isContextComment || isClickedContextComment ? {
-        right: position.right
-      } : {}),
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      top: position.y
+    }, isContextComment || isClickedContextComment ? {
+      right: position.right
+    } : {}), {}, {
       width: '300px',
-      transform: `translateY(${translateY}px)`
-    }
+      transform: "translateY(".concat(translateY, "px)")
+    })
   }, Object.values(commentDetail).length !== 0 && isCommentPanelVisible && Object.values(commentDetail).map((item, index) => {
     const isActiveEditor = activeCommentKey === index;
     return /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/comment/components/comment-operation/index.js

@@ -1,13 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsOperation;
 var _react = _interopRequireWildcard(require("react"));
-var _ = require("../../..");
 var _constants = require("../../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 require("./index.css");
 function CommentsOperation() {
   const [unseenNotificationsCount, setUnseenNotificationsCount] = (0, _react.useState)(0);
@@ -15,7 +16,7 @@ function CommentsOperation() {
     setUnseenNotificationsCount(count);
   }, []);
   (0, _react.useEffect)(() => {
-    const eventBus = _.EventBus.getInstance();
+    const eventBus = _eventBus.default.getInstance();
     const unsubscribeUnseenNotificationsCount = eventBus.subscribe(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, updateUnseenNotificationsCount);
     return () => {
       unsubscribeUnseenNotificationsCount();

package/dist/basic-sdk/comment/components/comment-participants-editor/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _hooks = require("../../../../hooks/");
+var _hooks = require("../../../../hooks");
 var _mouseEvent = require("../../../utils/mouse-event");
 var _utils = require("../../utils");
 var _searchedCollaborators = _interopRequireDefault(require("./searched-collaborators"));

package/dist/basic-sdk/comment/components/editor-comment.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"));
@@ -49,9 +50,7 @@ const EditorComment = _ref => {
       const activeElementIds = [elementId];
       setActiveElementIds(activeElementIds);
       const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
-      setCommentDetail({
-        ...unresolvedComments
-      });
+      setCommentDetail((0, _objectSpread2.default)({}, unresolvedComments));
       setIsClickedContextComment(false);
     }
     setIsShowComments(true);
@@ -64,9 +63,7 @@ const EditorComment = _ref => {
           }
         }
       }
-      setCommentDetail({
-        ...clickedComments
-      });
+      setCommentDetail((0, _objectSpread2.default)({}, clickedComments));
       setIsClickedContextComment(true);
     }
   }, [editor, element_comments_map, hiddenComment]);
@@ -78,7 +75,7 @@ const EditorComment = _ref => {
         const isHover = event.type === 'mouseover';
         const matchedAttributes = parentDom.className.split(' ').filter(cls => cls.startsWith('sdoc_comment_'));
         matchedAttributes.forEach(className => {
-          const el = document.querySelectorAll(`.${className}`);
+          const el = document.querySelectorAll(".".concat(className));
           el.forEach(el => {
             el.style.textDecoration = isHover ? 'underline #eb8205' : '';
             el.style.textDecorationThickness = isHover ? '2px' : '';