@seafile/sdoc-editor 2.0.82 → 2.0.83

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

@@ -1,216 +0,0 @@
-"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 _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _slugid = _interopRequireDefault(require("slugid"));
-var _context = _interopRequireDefault(require("../../context"));
-var _useSelectionPosition = require("../../hooks/use-selection-position");
-var _helper = require("../helper");
-var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
-var _commentItemWrapper = _interopRequireDefault(require("./comment-item-wrapper"));
-require("./comment-list.css");
-const CommentList = _ref => {
-  let {
-    activeElementIds,
-    commentDetail = {},
-    onSetCommentDetail,
-    isContextComment = false,
-    isClickedContextComment = false,
-    setIsClickedContextComment,
-    onSelectElement,
-    closeComment,
-    commentedDom,
-    editor,
-    t
-  } = _ref;
-  const commentPopover = (0, _react.useRef)(null);
-  const commentDetailRef = (0, _react.useRef)(null);
-  const position = (0, _useSelectionPosition.useCommentListPosition)(activeElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment);
-  const {
-    dispatch
-  } = (0, _useCommentContext.useCommentContext)();
-  const [showEditor, setShowEditor] = (0, _react.useState)(false);
-  const [inputContent, setInputContent] = (0, _react.useState)(null);
-  const [activeCommentKey, setActiveCommentKey] = (0, _react.useState)(null);
-  const [translateY, setTranslateY] = (0, _react.useState)();
-  const isEmptyComment = Object.keys(commentDetail).length ? false : true;
-  const isCollapseCommentEditor = !isEmptyComment && !showEditor;
-  const [isCommentPanelVisible, setIsCommentPanelVisible] = (0, _react.useState)(true);
-
-  // Multi context comments
-  const [commentInputs, setCommentInputs] = (0, _react.useState)({});
-  const contextCommentRef = (0, _react.useRef)({});
-  const insertComment = (0, _react.useCallback)(async function (elementId, comment) {
-    let isContextComment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    const res = await _context.default.insertComment(comment);
-    const {
-      comment: returnComment
-    } = res.data;
-    const newComment = {
-      ...comment,
-      isContextComment: isContextComment,
-      id: returnComment.id,
-      user_name: returnComment.user_name,
-      avatar_url: returnComment.avatar_url,
-      replies: []
-    };
-    dispatch({
-      type: 'INSERT_COMMENT',
-      payload: {
-        element_id: elementId,
-        comment: newComment
-      }
-    });
-    onSetCommentDetail(newComment);
-    setShowEditor(true);
-  }, [dispatch, onSetCommentDetail]);
-  const addNewComment = (0, _react.useCallback)(content => {
-    const user = _context.default.getUserInfo();
-    const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
-    const textCommentId = _slugid.default.nice();
-    const comment = {
-      comment: content,
-      detail: {
-        text_comment_id: textCommentId,
-        element_id_list: activeElementIds
-      },
-      author: user.username,
-      updated_at: time
-    };
-    (0, _helper.updateElementsAttrs)(activeElementIds, editor, textCommentId);
-    insertComment(activeElementIds[0], comment, isContextComment);
-  }, [isContextComment, activeElementIds, editor, insertComment]);
-  const replyComment = (0, _react.useCallback)(content => {
-    if (commentDetailRef !== null && commentDetailRef !== void 0 && commentDetailRef.current) {
-      commentDetailRef.current.insertContent(content);
-    }
-  }, []);
-  const hiddenComment = (0, _react.useCallback)(() => {
-    setShowEditor(false);
-  }, []);
-  (0, _react.useEffect)(() => {
-    queueMicrotask(() => {
-      if (commentPopover !== null && commentPopover !== void 0 && commentPopover.current && Array.isArray(activeElementIds)) {
-        const {
-          bottom
-        } = commentPopover.current.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        if (bottom > viewportHeight) {
-          const overflowY = bottom - viewportHeight;
-          setTranslateY(-(overflowY + 16));
-        } else {
-          setTranslateY(0);
-        }
-      }
-    });
-  }, [activeElementIds]);
-  const handleInputChange = (id, value) => {
-    setCommentInputs(prev => ({
-      ...prev,
-      [id]: value
-    }));
-  };
-  const handleReplySubmit = (content, id) => {
-    var _contextCommentRef$cu;
-    if (contextCommentRef !== null && contextCommentRef !== void 0 && (_contextCommentRef$cu = contextCommentRef.current) !== null && _contextCommentRef$cu !== void 0 && _contextCommentRef$cu[id]) {
-      contextCommentRef.current[id].insertContent(content);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    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
-      } : {}),
-      width: '300px',
-      transform: `translateY(${translateY}px)`
-    }
-  }, Object.values(commentDetail).length !== 0 && isCommentPanelVisible && Object.values(commentDetail).map((item, index) => {
-    const isActiveEditor = activeCommentKey === index;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-context-comment-popover-wrapper",
-      key: item.id || index
-    }, /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, {
-      ref: el => {
-        if (el) contextCommentRef.current[item.id] = el;else delete contextCommentRef.current[item.id];
-      },
-      editor: editor,
-      comment: item,
-      commentsDetail: commentDetail,
-      setIsClickedContextComment: setIsClickedContextComment,
-      setIsCommentPanelVisible: setIsCommentPanelVisible,
-      onSelectElement: onSelectElement,
-      isActive: true,
-      isEmptyComment: isEmptyComment,
-      isCollapseCommentEditor: isCollapseCommentEditor,
-      isClickedContextComment: isClickedContextComment,
-      closeComment: closeComment
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "non-global-comment-input-wrapper",
-      style: {
-        paddingTop: isEmptyComment ? '16px' : ''
-      }
-    }, isEmptyComment && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-      type: "comment",
-      insertContent: addNewComment,
-      hiddenComment: hiddenComment,
-      isContextComment: isContextComment,
-      closeComment: closeComment
-    }), !isEmptyComment && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isActiveEditor && /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      value: inputContent !== null && inputContent !== void 0 && inputContent.trim() ? '.....' : '',
-      readOnly: true,
-      placeholder: t('Enter_reply'),
-      onFocus: () => {
-        setActiveCommentKey(index);
-      }
-    }), isActiveEditor && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-      type: "reply",
-      placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
-      commentContent: commentInputs[item.id] || '',
-      insertContent: value => handleReplySubmit(value, item.id),
-      onContentChange: content => handleInputChange(item.id, content),
-      hiddenComment: hiddenComment
-    }))));
-  }), Object.values(commentDetail).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "non-global-comment-input-wrapper",
-    style: {
-      paddingTop: isEmptyComment ? '16px' : ''
-    }
-  }, isEmptyComment && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-    type: "comment",
-    insertContent: addNewComment,
-    hiddenComment: hiddenComment,
-    isContextComment: isContextComment,
-    closeComment: closeComment
-  }), !isEmptyComment && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !showEditor && /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    value: inputContent !== null && inputContent !== void 0 && inputContent.trim() ? '.....' : '',
-    readOnly: true,
-    placeholder: t('Enter_reply'),
-    onFocus: () => {
-      setShowEditor(true);
-    }
-  }), showEditor && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-    type: "reply",
-    placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
-    commentContent: inputContent,
-    insertContent: replyComment,
-    onContentChange: content => {
-      setInputContent(content);
-    },
-    hiddenComment: hiddenComment
-  }))));
-};
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentList);

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

@@ -1,31 +0,0 @@
-"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 _constants = require("../../../constants");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-require("./index.css");
-function CommentsOperation() {
-  const [unseenNotificationsCount, setUnseenNotificationsCount] = (0, _react.useState)(0);
-  const updateUnseenNotificationsCount = (0, _react.useCallback)(count => {
-    setUnseenNotificationsCount(count);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribeUnseenNotificationsCount = eventBus.subscribe(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, updateUnseenNotificationsCount);
-    return () => {
-      unsubscribeUnseenNotificationsCount();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-comments"
-  }), unseenNotificationsCount > 0 && /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-unread-message-tip"
-  }));
-}

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

@@ -1,69 +0,0 @@
-"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 _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _useCollaborators = require("../../../hooks/use-collaborators");
-var _mouseEvent = require("../../../utils/mouse-event");
-var _utils = require("../../utils");
-var _searchedCollaborators = _interopRequireDefault(require("./searched-collaborators"));
-var _selectedParticipants = _interopRequireDefault(require("./selected-participants"));
-require("./index.css");
-const CommentParticipantsEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    target,
-    editor
-  } = _ref;
-  const popoverRef = (0, _react.useRef)();
-  const {
-    collaborators
-  } = (0, _useCollaborators.useCollaborators)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [searchValue, setSearchValue] = (0, _react.useState)('');
-  const [searchedCollaborators, setSearchedCollaborators] = (0, _react.useState)([]);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    toggle: () => {
-      popoverRef.current && popoverRef.current.toggle();
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), [popoverRef.current]);
-  const onChangeSearch = (0, _react.useCallback)(event => {
-    const newSearchValue = event.target.value;
-    if (searchValue === newSearchValue) return;
-    const searchedCollaborators = (0, _utils.searchCollaborators)(collaborators, newSearchValue, editor);
-    setSearchValue(newSearchValue);
-    setSearchedCollaborators(searchedCollaborators);
-  }, [searchValue, collaborators, editor]);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: target,
-    className: "sdoc-comments-participants-popover",
-    placement: "bottom-start",
-    hideArrow: true,
-    trigger: "legacy",
-    fade: false,
-    ref: popoverRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-comments-participants-editor-container",
-    onClick: event => (0, _mouseEvent.eventStopPropagation)(event)
-  }, /*#__PURE__*/_react.default.createElement(_selectedParticipants.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-collaborators"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    className: "form-control",
-    type: "text",
-    placeholder: t('Search_collaborator'),
-    value: searchValue,
-    onChange: onChangeSearch
-  })), /*#__PURE__*/_react.default.createElement(_searchedCollaborators.default, {
-    collaborators: searchValue ? searchedCollaborators : collaborators
-  })));
-});
-var _default = exports.default = CommentParticipantsEditor;

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

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _mouseEvent = require("../../../utils/mouse-event");
-var _useParticipants = require("../../hooks/use-participants");
-const SearchedCollaborators = _ref => {
-  let {
-    collaborators
-  } = _ref;
-  const {
-    participants,
-    deleteParticipant,
-    addParticipants
-  } = (0, _useParticipants.useParticipantsContext)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const onSelectParticipant = (0, _react.useCallback)((event, participant, isSelected) => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    if (isSelected) {
-      deleteParticipant(participant.username);
-      return;
-    }
-    addParticipants(participant.username);
-  }, [deleteParticipant, addParticipants]);
-  if (!Array.isArray(collaborators) || collaborators.length === 0) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-searched-collaborators sdoc-searched-collaborators-empty-tip"
-    }, t('No_collaborators_available'));
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-searched-collaborators"
-  }, collaborators.map(collaborator => {
-    const {
-      name,
-      username,
-      avatar_url
-    } = collaborator;
-    const isSelected = participants.find(participant => participant.username === username);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: username,
-      className: "sdoc-searched-collaborator",
-      onClick: event => onSelectParticipant(event, collaborator, isSelected)
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: avatar_url,
-      alt: ""
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-selected-participant-name"
-    }, name), /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-searched-collaborator-operation"
-    }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-check-mark"
-    })));
-  }));
-};
-var _default = exports.default = SearchedCollaborators;

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

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _useParticipants = require("../../hooks/use-participants");
-const SelectedParticipants = () => {
-  const {
-    participants,
-    deleteParticipant
-  } = (0, _useParticipants.useParticipantsContext)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const onDeleteParticipant = (0, _react.useCallback)(participant => {
-    deleteParticipant(participant.username);
-  }, [deleteParticipant]);
-  if (!Array.isArray(participants) || participants.length === 0) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-selected-participants"
-  }, participants.map(participant => {
-    const {
-      name,
-      username,
-      avatar_url
-    } = participant;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: username,
-      className: "sdoc-selected-participant"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: avatar_url,
-      alt: ""
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-selected-participant-name"
-    }, name), /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-selected-participant-delete",
-      onClick: () => onDeleteParticipant(participant),
-      title: t('Delete')
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-sm-close"
-    })));
-  }));
-};
-var _default = exports.default = SelectedParticipants;

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

@@ -1,183 +0,0 @@
-"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 _slate = require("@seafile/slate");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-var _helpers = require("../../extension/plugins/ai/ai-module/helpers");
-var _useSelectionElement = require("../../hooks/use-selection-element");
-var _useSelectionUpdate = _interopRequireDefault(require("../../hooks/use-selection-update"));
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-var _helper = require("../helper");
-var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
-var _commentList = _interopRequireDefault(require("./comment-list"));
-var _elementsCommentCount = _interopRequireDefault(require("./elements-comment-count"));
-const EditorComment = _ref => {
-  let {
-    editor
-  } = _ref;
-  (0, _useSelectionUpdate.default)();
-  const {
-    element_comments_map
-  } = (0, _useCommentContext.useCommentContext)().commentsInfo;
-  const currentSelectionElement = (0, _useSelectionElement.useSelectionElement)({
-    editor
-  }); // The slate node of the current cursor line
-  const [activeElementIds, setActiveElementIds] = (0, _react.useState)([]); // The elements currently activated by clicking
-  const [isShowComments, setIsShowComments] = (0, _react.useState)(false);
-  const [commentDetail, setCommentDetail] = (0, _react.useState)({});
-  const [isContextComment, setIsContextComment] = (0, _react.useState)(false);
-  const [isClickedContextComment, setIsClickedContextComment] = (0, _react.useState)(false);
-  const commentedDomRef = (0, _react.useRef)(null);
-  const hiddenComment = (0, _react.useCallback)(() => {
-    setCommentDetail({});
-    setIsShowComments(false);
-    setIsContextComment(false);
-    (0, _helpers.removeMarks)(editor);
-    setIsClickedContextComment(false);
-  }, [editor]);
-  const onSelectElement = (0, _react.useCallback)(function (elementId) {
-    let isClickInContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!isClickInContext) {
-      hiddenComment();
-      const activeElementIds = [elementId];
-      setActiveElementIds(activeElementIds);
-      const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
-      setCommentDetail({
-        ...unresolvedComments
-      });
-      setIsClickedContextComment(false);
-    }
-    setIsShowComments(true);
-    if (isClickInContext) {
-      const clickedComments = [];
-      for (const comments of Object.values(editor.element_comments_map)) {
-        for (const comment of comments) {
-          if (elementId.includes(comment.detail.text_comment_id)) {
-            clickedComments.push(comment);
-          }
-        }
-      }
-      setCommentDetail({
-        ...clickedComments
-      });
-      setIsClickedContextComment(true);
-    }
-  }, [editor, element_comments_map, hiddenComment]);
-  (0, _react.useEffect)(() => {
-    const handleHoverContextComment = event => {
-      const parentDom = event.target.parentElement;
-      if (!parentDom) return;
-      const matchedAttributes = Array.from(parentDom.classList).filter(cls => cls.startsWith('sdoc_comment_'));
-      if (matchedAttributes.length === 0) return;
-      const isHover = event.type === 'mouseover';
-      matchedAttributes.forEach(className => {
-        const el = document.querySelectorAll(`.${className}`);
-        el.forEach(el => {
-          el.style.textDecoration = isHover ? 'underline #eb8205' : '';
-          el.style.textDecorationThickness = isHover ? '2px' : '';
-        });
-      });
-    };
-    document.addEventListener('mouseover', handleHoverContextComment);
-    document.addEventListener('mouseout', handleHoverContextComment);
-    return () => {
-      document.removeEventListener('mouseover', handleHoverContextComment);
-      document.removeEventListener('mouseout', handleHoverContextComment);
-    };
-  }, []);
-  const onSetCommentDetail = (0, _react.useCallback)(comment => {
-    setCommentDetail(comment);
-  }, []);
-
-  // Comments are updated to modify the current comment
-  (0, _react.useEffect)(() => {
-    if (isContextComment && activeElementIds) {
-      const unresolvedComments = element_comments_map[activeElementIds[0].element.id].filter(item => !item.resolved);
-      if (unresolvedComments.length === 0) {
-        setIsShowComments(false);
-      }
-    }
-    if (activeElementIds && !Array.isArray(activeElementIds)) {
-      const unresolvedComments = element_comments_map[activeElementIds.id].filter(item => !item.resolved);
-      if (unresolvedComments.length === 0) {
-        setIsShowComments(false);
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [element_comments_map]);
-  (0, _react.useEffect)(() => {
-    // Close when the currently selected element changes
-    if (isShowComments) {
-      hiddenComment();
-    }
-    if (isContextComment) {
-      (0, _helpers.removeMarks)(editor);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentSelectionElement, editor.selection]);
-  (0, _react.useEffect)(() => {
-    const handleAddContextComment = () => {
-      // Add temporary marks for selection
-      _slate.Editor.addMark(editor, 'comment', true);
-      setTimeout(() => {
-        const activeElementIds = (0, _helper.getSelectedElemIds)(editor);
-        const lastSelectedDom = (0, _helper.getDomById)(activeElementIds[activeElementIds.length - 1]);
-        commentedDomRef.current = lastSelectedDom;
-        setActiveElementIds(activeElementIds);
-        setIsShowComments(true);
-        setCommentDetail({});
-        setIsContextComment(true);
-      }, 0);
-    };
-    const handleClickCommentedText = event => {
-      var _parentDom$className;
-      const parentDom = event.target.parentElement;
-      if (parentDom !== null && parentDom !== void 0 && (_parentDom$className = parentDom.className) !== null && _parentDom$className !== void 0 && _parentDom$className.split(/\s+/).some(cls => cls.startsWith('sdoc_comment'))) {
-        commentedDomRef.current = parentDom;
-        const matchedAttributes = parentDom.className.split(' ').filter(cls => cls.startsWith('sdoc_comment_'));
-        const clickedCommmentIdArray = matchedAttributes.map(item => item.replace('sdoc_comment_', ''));
-        onSelectElement(clickedCommmentIdArray, true);
-      }
-    };
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribeAddContextComment = eventBus.subscribe(_constants.INTERNAL_EVENT.ADD_CONTEXT_COMMENT, handleAddContextComment);
-    document.addEventListener('click', handleClickCommentedText);
-    return () => {
-      unsubscribeAddContextComment();
-      document.removeEventListener('click', handleClickCommentedText);
-    };
-  }, [editor, onSelectElement]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-comment-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-container-main"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('comment-container-right', {
-      'isContextComment': isContextComment
-    })
-  }, /*#__PURE__*/_react.default.createElement(_elementsCommentCount.default, {
-    elementCommentsMap: element_comments_map,
-    activeElementIds: activeElementIds,
-    editor: editor,
-    onSelectElement: onSelectElement
-  }), isShowComments && /*#__PURE__*/_react.default.createElement(_commentList.default, {
-    activeElementIds: activeElementIds,
-    commentDetail: commentDetail,
-    onSetCommentDetail: onSetCommentDetail,
-    isContextComment: isContextComment,
-    isClickedContextComment: isClickedContextComment,
-    setIsClickedContextComment: setIsClickedContextComment,
-    onSelectElement: onSelectElement,
-    commentedDom: commentedDomRef.current,
-    closeComment: hiddenComment,
-    editor: editor
-  })));
-};
-var _default = exports.default = EditorComment;

package/dist/basic-sdk/comment/components/elements-comment-count/element-comment-count.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../constants");
-var _core = require("../../../extension/core");
-var _useScrollContext = require("../../../hooks/use-scroll-context");
-var _mouseEvent = require("../../../utils/mouse-event");
-var _helper = require("../../helper");
-const ElementCommentCount = _ref => {
-  let {
-    elementId,
-    isElementSelected,
-    commentsCount,
-    editor,
-    onSelectElement
-  } = _ref;
-  const element = (0, _core.getNodeById)(editor.children, elementId);
-  const [top, setTop] = (0, _react.useState)(-9999);
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const onClick = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    onSelectElement(elementId);
-  }, [elementId, onSelectElement]);
-  const updatePosition = (0, _react.useCallback)(() => {
-    if (!element) return;
-    const scrollTop = scrollRef.current.scrollTop || 0;
-    const newTop = (0, _helper.getElementCommentCountTop)(editor, element, scrollTop);
-    setTop(newTop);
-  }, [editor, element, scrollRef]);
-  (0, _react.useEffect)(() => {
-    updatePosition();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(() => {
-    const scrollDom = scrollRef.current;
-    scrollDom.addEventListener('scroll', updatePosition);
-    return () => {
-      scrollDom.removeEventListener('scroll', updatePosition);
-    };
-  }, [editor, elementId, element, scrollRef, isElementSelected, updatePosition]);
-  if (!element) return null;
-  let style = {
-    top
-  };
-  if (isElementSelected) {
-    style['zIndex'] = _constants.Z_INDEX.ACTIVE_COMMENT_COUNT;
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "element-comments-count",
-    style: style,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-comment-count"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "element-comments-count-value"
-  }, commentsCount));
-};
-var _default = exports.default = ElementCommentCount;