@seafile/comment-editor 0.0.1-alpha.0 → 0.0.1-alpha.2

package/dist/basic-sdk/comment/components/global-comment/index.css

@@ -1,9 +1,11 @@
-.sdoc-comment-drawer {
+.comment-drawer {
   width: 100%;
   height: 100%;
+  overflow: hidden;
+  border-left: 1px solid #d8d8d8;
 }
 
-.sdoc-comment-drawer .comments-panel-wrapper {
+.comment-drawer .comments-panel-wrapper {
   /* 100vh - toolbar height*/
   height: calc(100vh - 93px);
   display: flex;
@@ -11,7 +13,7 @@
   background: #fff;
 }
 
-.sdoc-comment-drawer .sdoc-comment-resize-handler {
+.comment-drawer .sdoc-comment-resize-handler {
   position: absolute;
   left: 0;
   height: 100%;
@@ -21,7 +23,7 @@
   z-index: 103;
 }
 
-.sdoc-comment-drawer .sdoc-comment-resize-handler:hover {
+.comment-drawer .sdoc-comment-resize-handler:hover {
   border-left: 1px solid #d8d8d8;
 }
 
@@ -37,7 +39,7 @@
   cursor: ew-resize;
 }
 
-.sdoc-comment-drawer .comments-panel-header {
+.comment-drawer .comments-panel-header {
   padding: 0 16px;
   height: 46px;
   display: flex;
@@ -46,33 +48,33 @@
   border-bottom: 1px solid #EAECEF;
 }
 
-.sdoc-comment-drawer .comments-panel-header .comments-panel-header-left {
+.comment-drawer .comments-panel-header .comments-panel-header-left {
   display: flex;
 }
 
-.sdoc-comment-drawer .comments-panel-header .comments-panel-header-left .title {
+.comment-drawer .comments-panel-header .comments-panel-header-left .title {
   color: #212529;
   font-size: 16px;
   font-weight: 500;
 }
 
-.sdoc-comment-drawer .comments-panel-header .comments-panel-header-left .goback {
+.comment-drawer .comments-panel-header .comments-panel-header-left .goback {
   margin-right: 4px;
 }
 
-.sdoc-comment-drawer .comments-panel-header .comments-panel-header-right {
+.comment-drawer .comments-panel-header .comments-panel-header-right {
   display: flex;
 }
 
-.sdoc-comment-drawer .comments-panel-header-right .sdoc-icon-btn:not(:last-child) {
+.comment-drawer .comments-panel-header-right .sdoc-icon-btn:not(:last-child) {
   margin-right: 4px;
 }
 
-.sdoc-comment-drawer .comments-panel-header .sdoc-icon-btn .sdocfont.sdoc-sm-close {
+.comment-drawer .comments-panel-header .sdoc-icon-btn .sdocfont.sdoc-sm-close {
   font-weight: 700;
 }
 
-.sdoc-comment-drawer .comments-panel-body {
+.comment-drawer .comments-panel-body {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -80,13 +82,13 @@
   position: relative;
 }
 
-.sdoc-comment-drawer .comments-panel-body__header {
+.comment-drawer .comments-panel-body__header {
   display: flex;
   flex-direction: column;
   padding: 0 16px;
 }
 
-.sdoc-comment-drawer .comments-panel-body__header .comments-types-count {
+.comment-drawer .comments-panel-body__header .comments-types-count {
   height: 38px;
   display: flex;
   justify-content: space-between;
@@ -94,22 +96,22 @@
   padding: 16px 0;
 }
 
-.sdoc-comment-drawer .comments-panel-body__header .comment-type {
+.comment-drawer .comments-panel-body__header .comment-type {
   color: #212529;
   font-size: 12px;
 }
 
-.sdoc-comment-drawer .comments-panel-body__header .comment-type {
+.comment-drawer .comments-panel-body__header .comment-type {
   color: #212529;
   font-size: 12px;
 }
 
-.sdoc-comment-drawer .comments-panel-body__header .comment-count-tip {
+.comment-drawer .comments-panel-body__header .comment-count-tip {
   color: #999;
   font-size: 12px;
 }
 
-.sdoc-comment-drawer .comments-panel-body__content {
+.comment-drawer .comments-panel-body__content {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -119,12 +121,12 @@
   border-bottom: 1px solid #e1e2e5;
 }
 
-.sdoc-comment-drawer .comments-panel-body__content .sdoc-comment-list-container {
+.comment-drawer .comments-panel-body__content .sdoc-comment-list-container {
   position: relative;
   margin-top: 0px;
 }
 
-.sdoc-comment-drawer .comments-panel-body__content .comment-ui-container.active {
+.comment-drawer .comments-panel-body__content .comment-ui-container.active {
   left: 0;
   background: #fff;
   box-shadow: unset;
@@ -136,41 +138,41 @@
 }
 
 /* doc comment add editor */
-.sdoc-comment-drawer .comments-panel-body .global-comment-input-wrapper {
+.comment-drawer .comments-panel-body .global-comment-input-wrapper {
   padding: 0 16px;
   width: 100%;
   margin-bottom: 16px;
 }
 
-.sdoc-comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control[readonly] {
+.comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control[readonly] {
   background-color: #fff;
 }
 
-.sdoc-comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control {
+.comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control {
   font-size: 14px;
   font-weight: unset;
   border: 1px solid #ececec;
 }
 
-.sdoc-comment-drawer .comments-panel-body .global-comment-input-wrapper.active .form-control {
+.comment-drawer .comments-panel-body .global-comment-input-wrapper.active .form-control {
   padding-top: 14px;
 }
 
-.sdoc-comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control:focus {
+.comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control:focus {
   box-shadow: none;
   border-color: #e1e2e5;
 }
 
-.sdoc-comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control::placeholder {
+.comment-drawer .comments-panel-body .global-comment-input-wrapper .form-control::placeholder {
   color: rgb(191, 191, 191);
 }
 
-.sdoc-comment-drawer .comments-panel-body .sdoc-doc-comment-editor-container {
+.comment-drawer .comments-panel-body .global-comment-editor-container {
   position: relative;
   width: 100%;
 }
 
-.sdoc-comment-drawer .sdoc-doc-comment-editor-container .sdoc-doc-comment-editor-content {
+.comment-drawer .global-comment-editor-container .global-comment-editor-content {
   position: relative;
   margin-bottom: 0;
   padding: 0px;
@@ -182,16 +184,16 @@
 }
 
 /* custom */
-.sdoc-comment-drawer .sdoc-comment-list-container {
+.comment-drawer .sdoc-comment-list-container {
   margin-top: 0px;
   left: 0;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-collapse-wrapper {
+.comment-drawer .sdoc-comment-list-container .comment-collapse-wrapper {
   cursor: pointer;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container {
+.comment-drawer .sdoc-comment-list-container .comment-ui-container {
   background-color: #FFF;
   margin-bottom: 0px;
   box-shadow: none;
@@ -199,66 +201,66 @@
   border-radius: 0px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container:hover {
+.comment-drawer .sdoc-comment-list-container .comment-ui-container:hover {
   background-color: #f5f5f5;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container.active .comment-item:hover {
+.comment-drawer .sdoc-comment-list-container .comment-ui-container.active .comment-item:hover {
   background-color: unset;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar {
   width: 24px;
   height: 24px;
   margin-top: -5px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar img {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar img {
   border-radius: 50%;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-content {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-content {
   margin-left: 35px;
   display: flex;
   align-items: center;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count {
   display: flex;
   align-items: center;
   position: relative;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count .comments-count-number {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count .comments-count-number {
   margin-left: 8px;
   margin-top: -2px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author {
   margin-left: 20px;
   align-items: unset;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-item-operation-wrapper .comment-operation {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-item-operation-wrapper .comment-operation {
   width: 24px;
   height: 24px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar {
   width: 16px;
   height: 16px;
   margin-top: -1px
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar img {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar img {
   border-radius: 50%;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__latest-reply {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__latest-reply {
   margin-left: 8px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__latest-reply p {
+.comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__latest-reply p {
   margin: 0px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -266,7 +268,7 @@
   width: 220px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item-selected-text-container {
+.comment-drawer .sdoc-comment-list-container .comment-item-selected-text-container {
   width: 100%;
   height: auto;
   color: #666666;
@@ -278,26 +280,26 @@
   overflow: hidden;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .detail-context-comment {
+.comment-drawer .sdoc-comment-list-container .detail-context-comment {
   align-items: start !important;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .detail-context-comment .sdoc-comment-quote {
+.comment-drawer .sdoc-comment-list-container .detail-context-comment .sdoc-comment-quote {
   padding-top: 1px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container {
+.comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container {
   padding: 16px 16px 0 16px;
   color: #666;
   display: flex;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container .sdoc-comment-quote {
+.comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container .sdoc-comment-quote {
   font-size: 12px;
   padding-top: 1px;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container .context-comment-items {
+.comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container .context-comment-items {
   display: flex;
   flex-direction: column;
   font-size: 14px;
@@ -308,19 +310,19 @@
 }
 
 /* global detail */
-.sdoc-comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper {
+.comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper {
   border-bottom: 0px
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper:hover {
+.comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper:hover {
   background-color: #FFF;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper .comment-operation .sdoc-confirm {
+.comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper .comment-operation .sdoc-confirm {
   color: rgb(70, 77, 90);
   font-weight: unset;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper .comment-item:not(:last-child){
+.comment-drawer .sdoc-comment-list-container .global-comment-item-detail-wrapper .comment-item:not(:last-child){
   margin-bottom: 16px;
 }

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

@@ -13,18 +13,17 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context = _interopRequireDefault(require("../../../context"));
 var _core = require("../../../extension/core");
+var _useComment = require("../../../hooks/use-comment");
 var _constants = require("../../constants");
-var _useCommentList = _interopRequireDefault(require("../../hooks/comment-hooks/use-comment-list"));
+var _commentEditor = _interopRequireDefault(require("../comment-editor"));
 var _commentItemCollapseWrapper = _interopRequireDefault(require("../comment-item-collapse-wrapper"));
 var _commentItemWrapper = _interopRequireDefault(require("../comment-item-wrapper"));
 var _globalCommentBodyHeader = _interopRequireDefault(require("./global-comment-body-header"));
-var _globalCommentEditor = _interopRequireDefault(require("./global-comment-editor"));
 var _globalCommentHeader = _interopRequireDefault(require("./global-comment-header"));
 require("./index.css");
 const GlobalComment = _ref => {
   let {
     editor,
-    deleteUnseenNotifications,
     t
   } = _ref;
   const contentRef = (0, _react.useRef)(null);
@@ -34,11 +33,14 @@ const GlobalComment = _ref => {
   const [isScrollDisplayed, setIsScrollDisplayed] = (0, _react.useState)(false);
   const [globalCommentContent, setGlobalCommentContent] = (0, _react.useState)(null);
   const {
+    api,
     commentList,
     commentType,
+    dispatch,
     setCommentType,
-    dispatch
-  } = (0, _useCommentList.default)();
+    onCloseCommentPanel,
+    deleteUnseenNotifications
+  } = (0, _useComment.useComment)();
   const detectScroll = (0, _react.useCallback)(() => {
     if (!contentRef.current) return;
     const contentContainer = contentRef.current;
@@ -70,27 +72,7 @@ const GlobalComment = _ref => {
       behavior: 'smooth'
     });
   }, []);
-  const insertComment = (0, _react.useCallback)(async (elementId, comment) => {
-    const res = await _context.default.insertComment(comment);
-    const {
-      comment: returnComment
-    } = res.data;
-    const newComment = {
-      ...comment,
-      id: returnComment.id,
-      user_name: returnComment.user_name,
-      avatar_url: returnComment.avatar_url,
-      replies: []
-    };
-    dispatch({
-      type: 'INSERT_COMMENT',
-      payload: {
-        element_id: elementId,
-        comment: newComment
-      }
-    });
-  }, [dispatch]);
-  const insertDocComment = (0, _react.useCallback)(commentDetail => {
+  const insertDocComment = (0, _react.useCallback)(async commentDetail => {
     var _commentDetailRef$cur;
     // Reply to a comment
     if (activeCommentGroup && (_commentDetailRef$cur = commentDetailRef.current) !== null && _commentDetailRef$cur !== void 0 && _commentDetailRef$cur.insertContent) {
@@ -109,14 +91,31 @@ const GlobalComment = _ref => {
         author: user.username,
         updated_at: time
       };
-      insertComment(elementId, comment);
+      const res = await api.insertComment(comment);
+      const {
+        comment: returnComment
+      } = res.data;
+      const newComment = {
+        ...comment,
+        id: returnComment.id,
+        user_name: returnComment.user_name,
+        avatar_url: returnComment.avatar_url,
+        replies: []
+      };
+      dispatch({
+        type: 'INSERT_COMMENT',
+        payload: {
+          element_id: elementId,
+          comment: newComment
+        }
+      });
       detectScroll();
     }
     // After the comment is inserted, scroll to the bottom
     setTimeout(() => {
       onCommentsPanelBodyScroll('bottom');
     }, 500);
-  }, [activeCommentGroup, detectScroll, insertComment, onCommentsPanelBodyScroll]);
+  }, [activeCommentGroup, api, detectScroll, dispatch, onCommentsPanelBodyScroll]);
   const hiddenCommentEditor = (0, _react.useCallback)(() => {
     setShowEditor(false);
   }, []);
@@ -141,11 +140,11 @@ const GlobalComment = _ref => {
   }, [commentList, deleteUnseenNotifications]);
   const commentEditorPlaceholder = !activeCommentGroup ? t('Enter_comment_shift_enter_for_new_line_Enter_to_send') : t('Enter_reply_shift_Enter_for_new_line_Enter_to_send');
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-comment-drawer"
+    className: "comment-drawer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comments-panel-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_globalCommentHeader.default, {
-    toggle: () => {},
+    toggle: onCloseCommentPanel,
     activeCommentGroup: activeCommentGroup,
     setCurrentCommentGroup: setCurrentCommentGroup
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -198,15 +197,21 @@ const GlobalComment = _ref => {
     onFocus: () => {
       setShowEditor(true);
     }
-  }), showEditor && /*#__PURE__*/_react.default.createElement(_globalCommentEditor.default, {
-    globalCommentContent: globalCommentContent,
-    isScrollDisplayed: isScrollDisplayed,
+  }), showEditor && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('global-comment-editor-container', 'sdoc-comment-list-container', {
+      'scrolled': isScrollDisplayed
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "global-comment-editor-content"
+  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     type: activeCommentGroup ? 'replay' : 'comment',
-    hiddenCommentEditor: hiddenCommentEditor,
-    insertDocComment: insertDocComment,
+    commentContent: globalCommentContent,
+    hiddenUserInfo: true,
+    insertContent: insertDocComment,
+    hiddenComment: hiddenCommentEditor,
     onContentChange: content => {
       setGlobalCommentContent(content);
     }
-  })))));
+  })))))));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(GlobalComment);

package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-mount.js

@@ -7,15 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCommentsMount = void 0;
 var _react = require("react");
 var _constants = require("../../../constants");
-var _context = _interopRequireDefault(require("../../../context"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-const useCommentsMount = dispatch => {
+const useCommentsMount = (dispatch, api) => {
   const request = (0, _react.useCallback)(async () => {
     dispatch({
       type: 'FETCHING_STATE'
     });
     try {
-      const res = await _context.default.listComments();
+      const res = await api.listComments();
       const comments = res.data.comments;
       dispatch({
         type: 'RECEIVE_STATE',
@@ -34,7 +33,7 @@ const useCommentsMount = dispatch => {
       type: 'REFETCHING_STATE'
     });
     try {
-      const res = await _context.default.listComments();
+      const res = await api.listComments();
       const comments = res.data.comments;
       dispatch({
         type: 'RECEIVE_STATE',

package/dist/basic-sdk/comment/hooks/notification-hooks/use-notification-mount.js

@@ -9,17 +9,13 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _constants = require("../../../constants");
 var _context = _interopRequireDefault(require("../../../context"));
-var _useCollaborators = require("../../../hooks/use-collaborators");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
 var _utils = require("../../utils");
-const useNotificationsMount = dispatch => {
+const useNotificationsMount = (dispatch, api, collaborators) => {
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const {
-    collaborators
-  } = (0, _useCollaborators.useCollaborators)();
   const popupBrowserCommentNotification = (0, _react.useCallback)(notification => {
     if (!notification) return;
     const {
@@ -46,7 +42,7 @@ const useNotificationsMount = dispatch => {
       type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCHING
     });
     try {
-      const res = await _context.default.listUnseenNotifications();
+      const res = await api.listUnseenNotifications();
       const notifications = res.data.notifications;
       dispatch({
         type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCHED,

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

@@ -1,66 +1,20 @@
 "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 = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _context = _interopRequireDefault(require("../context"));
+var _react = _interopRequireDefault(require("react"));
 var _components = require("./components");
-var _constants = require("./constants");
-var _useCommentContext = require("./hooks/comment-hooks/use-comment-context");
-var _notificationHooks = require("./hooks/notification-hooks");
-var _utils = require("./utils");
 const CommentWrapper = _ref => {
   let {
     type,
     editor
   } = _ref;
-  const {
-    commentsInfo
-  } = (0, _useCommentContext.useCommentContext)();
-  console.log(commentsInfo);
-  const {
-    notificationsInfo,
-    dispatch: notificationDispatch
-  } = (0, _notificationHooks.useNotificationContext)();
-  const deleteUnseenNotifications = (0, _react.useCallback)(comment => {
-    let unseenCommentIds = [];
-    let unseenNotificationKeys = [];
-    const commentNotificationKey = (0, _utils.generatorNotificationKey)(comment.id);
-    const commentNotification = notificationsInfo.notifications_map[commentNotificationKey];
-    if (commentNotification) {
-      unseenNotificationKeys.push(commentNotification.key);
-      unseenCommentIds.push(commentNotification.id);
-    }
-    Array.isArray(comment.replies) && comment.replies.forEach(reply => {
-      const replyNotificationKey = (0, _utils.generatorNotificationKey)(reply.comment_id, reply.id);
-      const replyNotification = notificationsInfo.notifications_map[replyNotificationKey];
-      if (replyNotification) {
-        unseenNotificationKeys.push(replyNotification.key);
-        unseenCommentIds.push(replyNotification.id);
-      }
-    });
-    _context.default.deleteUnseenNotifications(unseenCommentIds).then(res => {
-      notificationDispatch({
-        type: _constants.DOC_NOTIFICATION_REDUCER_TYPE.DEL,
-        payload: unseenNotificationKeys
-      });
-    }).catch(error => {
-      //
-    });
-  }, [notificationDispatch, notificationsInfo.notifications_map]);
-  const {
-    isFreezed
-  } = _context.default.getSettings('isFreezed');
-  if (commentsInfo.isFetching) return null;
-  console.log(type);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type === 'editor' && !isFreezed && /*#__PURE__*/_react.default.createElement(_components.EditorComment, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type === 'editor' && /*#__PURE__*/_react.default.createElement(_components.EditorComment, {
     editor: editor
   }), type === 'global' && /*#__PURE__*/_react.default.createElement(_components.GlobalComment, {
-    deleteUnseenNotifications: deleteUnseenNotifications,
     editor: editor
   }));
 };

package/dist/basic-sdk/constants/index.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "PLUGIN_DISPLAY_TYPE", {
     return _plugin.PLUGIN_DISPLAY_TYPE;
   }
 });
-exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR_EDIT_AREA_WIDTH = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
+exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
 var _plugin = require("./plugin");
 var _Z_INDEX = _interopRequireWildcard(require("./z-index"));
@@ -72,7 +72,6 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
 };
 const PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 const COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
-const WIKI_EDITOR_EDIT_AREA_WIDTH = exports.WIKI_EDITOR_EDIT_AREA_WIDTH = 714;
 const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';
 const WIKI_EDITOR = exports.WIKI_EDITOR = 'wiki_editor';
 const DOCUMENT_PLUGIN_EDITOR = exports.DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';

package/dist/basic-sdk/context.js

@@ -55,15 +55,15 @@ class Context {
     this.api = null;
     this.config = null;
   }
-  initApi() {
+  init() {
     this.initSettings(); // lazy init context class
-    const server = this.getSetting('serviceUrl');
-    const token = this.getSetting('accessToken');
-    this.api = new _seafileApi.default(server, token);
-    const isOpenSocket = this.getSetting('isOpenSocket');
-    if (isOpenSocket) {
-      this.sdocServerApi = new _sdocServerApi.default(this.settings);
-    }
+    // const server = this.getSetting('serviceUrl');
+    // const token = this.getSetting('accessToken');
+    // this.api = new SeafileAPI(server, token);
+    // const isOpenSocket = this.getSetting('isOpenSocket');
+    // if (isOpenSocket) {
+    //   this.sdocServerApi = new SDocServerApi(this.settings);
+    // }
   }
   getSettings() {
     return this.settings;

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

@@ -44,7 +44,7 @@ const LinkMenu = _ref => {
       isActive: false,
       onMouseDown: openLinkDialog
     };
-    menuProps.id = 'sdoc-comment-editor' + menuConfig.id;
+    menuProps.id = 'comment-editor' + menuConfig.id;
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, menuProps);
   }