@seafile/sdoc-editor 2.0.82 → 2.0.83

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

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("../../utils");
-var _elementCommentCount = _interopRequireDefault(require("./element-comment-count"));
-require("./index.css");
-const ElementsCommentCount = _ref => {
-  let {
-    elementCommentsMap,
-    selectionElement,
-    editor,
-    onSelectElement
-  } = _ref;
-  if (!elementCommentsMap) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "elements-comments-count"
-  }, Object.keys(elementCommentsMap).map(originElementId => {
-    var _comments$0$detail$el, _comments$0$detail;
-    const comments = elementCommentsMap[originElementId];
-    if (!Array.isArray(comments) || comments.length === 0) return null;
-    let elementId = originElementId;
-    const elementIdList = (_comments$0$detail$el = (_comments$0$detail = comments[0].detail) === null || _comments$0$detail === void 0 ? void 0 : _comments$0$detail.element_id_list) !== null && _comments$0$detail$el !== void 0 ? _comments$0$detail$el : [];
-    if (elementIdList.length > 1) {
-      const existedId = elementIdList.find(id => (0, _utils.getCommentElementById)(id, editor));
-      if (existedId) {
-        elementId = existedId;
-      } else {
-        return null;
-      }
-    }
-    const unresolvedComment = comments.filter(item => !item.resolved);
-    const unresolvedCommentCount = unresolvedComment.length;
-    if (unresolvedCommentCount === 0) return null;
-    return /*#__PURE__*/_react.default.createElement(_elementCommentCount.default, {
-      key: `${originElementId}-${elementId}`,
-      elementId: elementId,
-      isElementSelected: selectionElement && selectionElement.id === elementId,
-      commentsCount: unresolvedCommentCount,
-      editor: editor,
-      onSelectElement: onSelectElement
-    });
-  }));
-};
-var _default = exports.default = ElementsCommentCount;

package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js

@@ -1,87 +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 _reactstrap = require("reactstrap");
-var _mouseEvent = require("../../../utils/mouse-event");
-var _constants = require("../../constants");
-const CommentTypeDropdownItem = _ref => {
-  let {
-    type,
-    setCommentType
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const handleCommentTypeChanged = (0, _react.useCallback)((event, type) => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    setCommentType(type);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "sdoc-dropdown-menu-item",
-    tag: 'div',
-    onClick: event => handleCommentTypeChanged(event, type)
-  }, t(type));
-};
-const GlobalCommentBodyHeader = _ref2 => {
-  let {
-    commentList = [],
-    commentType,
-    setCommentType
-  } = _ref2;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [isDropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
-  let commentTip = null;
-  if (commentList.length === 1) {
-    commentTip = t('Total_1_comment');
-  } else if (commentList.length > 1) {
-    commentTip = t('Total_count_comments', {
-      count: commentList.length
-    });
-  }
-  const id = 'comment-type-controller';
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-panel-body__header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-types-count"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: "comment-types",
-    className: "comment-type"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
-    isOpen: isDropdownOpen,
-    toggle: () => setDropdownOpen(!isDropdownOpen)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-    tag: 'div',
-    caret: true,
-    className: "d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: id
-  }, t(commentType))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    className: "sdoc-dropdown-menu sdoc-comment-filter-dropdown",
-    container: "comment-types"
-  }, /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
-    type: _constants.COMMENT_TYPES.ALL,
-    setCommentType: setCommentType
-  }), /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
-    type: _constants.COMMENT_TYPES.DOC,
-    setCommentType: setCommentType
-  }), /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
-    type: _constants.COMMENT_TYPES.RESOLVED,
-    setCommentType: setCommentType
-  }), /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
-    type: _constants.COMMENT_TYPES.UNRESOLVED,
-    setCommentType: setCommentType
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-count-tip"
-  }, commentTip)));
-};
-var _default = exports.default = GlobalCommentBodyHeader;

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

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _commentEditor = _interopRequireDefault(require("../comment-editor"));
-const GlobalCommentEditor = _ref => {
-  let {
-    isScrollDisplayed,
-    globalCommentContent,
-    type,
-    insertDocComment,
-    hiddenCommentEditor,
-    onContentChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-doc-comment-editor-container', 'sdoc-comment-list-container', {
-      'scrolled': isScrollDisplayed
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-doc-comment-editor-content"
-  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-    type: type,
-    className: "sdoc-doc-comment-editor",
-    commentContent: globalCommentContent,
-    hiddenUserInfo: true,
-    insertContent: insertDocComment,
-    hiddenComment: hiddenCommentEditor,
-    onContentChange: onContentChange
-  })));
-};
-var _default = exports.default = GlobalCommentEditor;

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

@@ -1,82 +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 _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-var _constants = require("../../../constants");
-var _context = _interopRequireDefault(require("../../../context"));
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _mouseEvent = require("../../../utils/mouse-event");
-const GlobalCommentHeader = _ref => {
-  let {
-    toggle,
-    activeCommentGroup,
-    setCurrentCommentGroup
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const panelHeaderRef = (0, _react.useRef)(null);
-  const [isMounted, setIsMounted] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (panelHeaderRef.current) {
-      setIsMounted(true);
-    }
-  }, []);
-  const goBack = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    setCurrentCommentGroup(null);
-  }, [setCurrentCommentGroup]);
-  const toggleReadAll = (0, _react.useCallback)(async event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    try {
-      await _context.default.readAllNotifications();
-      const res = await _context.default.listUnseenNotifications();
-      const notifications = res.data.notifications;
-      const eventBus = _eventBus.default.getInstance();
-      eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
-      eventBus.dispatch(_constants.INTERNAL_EVENT.NEW_NOTIFICATION);
-      eventBus.dispatch(_constants.INTERNAL_EVENT.CLEAR_NOTIFICATION);
-    } catch (error) {
-      //
-    }
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-panel-header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-panel-header-left"
-  }, activeCommentGroup && /*#__PURE__*/_react.default.createElement("div", {
-    className: "goback sdoc-icon-btn",
-    onClick: goBack
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-previous-page",
-    style: {
-      transform: 'scale(1.2)'
-    }
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "title"
-  }, activeCommentGroup ? t('Comment_details') : t('Comments'))), /*#__PURE__*/_react.default.createElement("div", {
-    ref: panelHeaderRef,
-    className: "comments-panel-header-right"
-  }, !activeCommentGroup && /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc-read-all-btn",
-    className: "sdoc-icon-btn",
-    onClick: toggleReadAll
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-all-read"
-  }), isMounted && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: "sdoc-read-all-btn"
-  }, t('Mark_all_as_read'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-icon-btn",
-    onClick: toggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-sm-close"
-  }))));
-};
-var _default = exports.default = GlobalCommentHeader;

package/dist/basic-sdk/comment/components/global-comment/index.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 _context = _interopRequireDefault(require("../../../context"));
-var _core = require("../../../extension/core");
-var _usePlugins = require("../../../hooks/use-plugins");
-var _constants = require("../../constants");
-var _useCommentList = _interopRequireDefault(require("../../hooks/comment-hooks/use-comment-list"));
-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);
-  const commentDetailRef = (0, _react.useRef)(null);
-  const {
-    closePlugin
-  } = (0, _usePlugins.usePlugins)();
-  const [activeCommentGroup, setActiveCommentGroup] = (0, _react.useState)(null);
-  const [showEditor, setShowEditor] = (0, _react.useState)(false);
-  const [isScrollDisplayed, setIsScrollDisplayed] = (0, _react.useState)(false);
-  const [globalCommentContent, setGlobalCommentContent] = (0, _react.useState)(null);
-  const {
-    commentList,
-    commentType,
-    setCommentType,
-    dispatch
-  } = (0, _useCommentList.default)();
-  const detectScroll = (0, _react.useCallback)(() => {
-    if (!contentRef.current) return;
-    const contentContainer = contentRef.current;
-    const isShowScroll = contentContainer.scrollHeight > contentContainer.clientHeight;
-    setIsScrollDisplayed(isShowScroll);
-  }, []);
-  const onCommentsPanelBodyScroll = (0, _react.useCallback)(position => {
-    var _contentRef$current, _contentRef$current2;
-    (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollTo({
-      top: position === 'top' ? 0 : (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.scrollHeight,
-      behavior: 'smooth'
-    });
-  }, [contentRef]);
-  (0, _react.useEffect)(() => {
-    detectScroll();
-    // When a comment is updated, update the comment details page
-    if (activeCommentGroup) {
-      const newActiveCommentGroup = commentList.find(item => item.id === activeCommentGroup.id);
-      setActiveCommentGroup(newActiveCommentGroup);
-      deleteUnseenNotifications && deleteUnseenNotifications(newActiveCommentGroup);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [commentList, detectScroll]);
-  const updateScrollPosition = (0, _react.useCallback)(() => {
-    var _contentRef$current3;
-    const resolvedDom = document.querySelector('.sdoc-resolved');
-    (_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollTo({
-      top: resolvedDom.offsetTop,
-      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 => {
-    var _commentDetailRef$cur;
-    // Reply to a comment
-    if (activeCommentGroup && (_commentDetailRef$cur = commentDetailRef.current) !== null && _commentDetailRef$cur !== void 0 && _commentDetailRef$cur.insertContent) {
-      commentDetailRef.current.insertContent(commentDetail);
-    } else {
-      // Insert global comment
-      const user = _context.default.getUserInfo();
-      const elementId = _constants.DOC_COMMENT_ELEMENT_ID;
-      const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
-      const comment = {
-        comment: commentDetail,
-        detail: {
-          element_id: elementId,
-          comment: commentDetail
-        },
-        author: user.username,
-        updated_at: time
-      };
-      insertComment(elementId, comment);
-      detectScroll();
-    }
-    // After the comment is inserted, scroll to the bottom
-    setTimeout(() => {
-      onCommentsPanelBodyScroll('bottom');
-    }, 500);
-  }, [activeCommentGroup, detectScroll, insertComment, onCommentsPanelBodyScroll]);
-  const hiddenCommentEditor = (0, _react.useCallback)(() => {
-    setShowEditor(false);
-  }, []);
-  const isClickCommentPanelBody = (0, _react.useCallback)(event => {
-    if (contentRef.current && contentRef.current.contains(event.target)) return true;
-    return false;
-  }, []);
-  const getNodeByElementId = (0, _react.useCallback)(elementId => {
-    if (elementId !== _constants.DOC_COMMENT_ELEMENT_ID) {
-      return (0, _core.getNodeById)(editor.children, elementId);
-    }
-    return null;
-  }, [editor.children]);
-  const setCurrentCommentGroup = (0, _react.useCallback)(commentGroupId => {
-    const activeCommentGroup = commentList.find(item => item.id === commentGroupId);
-    if (activeCommentGroup) {
-      setActiveCommentGroup(activeCommentGroup);
-      deleteUnseenNotifications && deleteUnseenNotifications(activeCommentGroup);
-    } else {
-      setActiveCommentGroup(null);
-    }
-  }, [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"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-panel-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_globalCommentHeader.default, {
-    toggle: closePlugin,
-    activeCommentGroup: activeCommentGroup,
-    setCurrentCommentGroup: setCurrentCommentGroup
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-panel-body"
-  }, !activeCommentGroup && /*#__PURE__*/_react.default.createElement(_globalCommentBodyHeader.default, {
-    commentList: commentList,
-    commentType: commentType,
-    setCommentType: setCommentType
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: contentRef,
-    className: "comments-panel-body__content"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: "global-comment-list-container",
-    className: "sdoc-comment-list-container"
-  }, !activeCommentGroup && Array.isArray(commentList) && commentList.map(comment => {
-    var _comment$replies, _comment$replies2;
-    const replyCount = (_comment$replies = comment.replies) === null || _comment$replies === void 0 ? void 0 : _comment$replies.length;
-    const latestReply = ((_comment$replies2 = comment.replies) === null || _comment$replies2 === void 0 ? void 0 : _comment$replies2.length) > 0 ? comment.replies[comment.replies.length - 1] : null;
-    const elementId = comment.detail.element_id;
-    const element = getNodeByElementId(elementId);
-    return /*#__PURE__*/_react.default.createElement(_commentItemCollapseWrapper.default, {
-      key: comment.id,
-      editor: editor,
-      element: element,
-      topLevelComment: comment,
-      replyCount: replyCount,
-      latestReply: latestReply,
-      setCurrentCommentGroup: setCurrentCommentGroup
-    });
-  }), activeCommentGroup && /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, {
-    key: activeCommentGroup.id,
-    editor: editor,
-    element: getNodeByElementId(activeCommentGroup.detail.element_id),
-    container: "global-comment-list-container",
-    commentDetailRef: commentDetailRef,
-    comment: activeCommentGroup,
-    isGlobalComment: true,
-    isActive: true,
-    updateScrollPosition: updateScrollPosition,
-    isClickCommentPanelBody: isClickCommentPanelBody,
-    setCurrentCommentGroup: setCurrentCommentGroup
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('global-comment-input-wrapper', {
-      'active': globalCommentContent === null || globalCommentContent === void 0 ? void 0 : globalCommentContent.trim()
-    })
-  }, !showEditor && /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    value: globalCommentContent !== null && globalCommentContent !== void 0 && globalCommentContent.trim() ? '.....' : '',
-    readOnly: true,
-    placeholder: commentEditorPlaceholder,
-    onFocus: () => {
-      setShowEditor(true);
-    }
-  }), showEditor && /*#__PURE__*/_react.default.createElement(_globalCommentEditor.default, {
-    globalCommentContent: globalCommentContent,
-    isScrollDisplayed: isScrollDisplayed,
-    type: activeCommentGroup ? 'replay' : 'comment',
-    hiddenCommentEditor: hiddenCommentEditor,
-    insertDocComment: insertDocComment,
-    onContentChange: content => {
-      setGlobalCommentContent(content);
-    }
-  })))));
-};
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(GlobalComment);

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

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EditorComment", {
-  enumerable: true,
-  get: function () {
-    return _editorComment.default;
-  }
-});
-Object.defineProperty(exports, "GlobalComment", {
-  enumerable: true,
-  get: function () {
-    return _globalComment.default;
-  }
-});
-var _editorComment = _interopRequireDefault(require("./editor-comment"));
-var _globalComment = _interopRequireDefault(require("./global-comment"));
-require("./style.css");

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

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UP = exports.POPOVER_ADDING_HEIGHT = exports.LINE_HEIGHT = exports.FONT_SIZE_WIDTH = exports.DOWN = exports.DOC_NOTIFICATION_REDUCER_TYPE = exports.DOC_COMMENT_ELEMENT_ID = exports.COMMENT_URL_CLASSNAME = exports.COMMENT_TYPES = void 0;
-const COMMENT_TYPES = exports.COMMENT_TYPES = {
-  DOC: 'Doc_comments',
-  ALL: 'All_comments',
-  RESOLVED: 'Resolved_comments',
-  UNRESOLVED: 'Unresolved_comments'
-};
-const DOWN = exports.DOWN = 'down';
-const UP = exports.UP = 'up';
-const FONT_SIZE_WIDTH = exports.FONT_SIZE_WIDTH = 15;
-const LINE_HEIGHT = exports.LINE_HEIGHT = 22;
-const POPOVER_ADDING_HEIGHT = exports.POPOVER_ADDING_HEIGHT = 10;
-const COMMENT_URL_CLASSNAME = exports.COMMENT_URL_CLASSNAME = 'sdoc-comment-url';
-const DOC_COMMENT_ELEMENT_ID = exports.DOC_COMMENT_ELEMENT_ID = '0';
-const DOC_NOTIFICATION_REDUCER_TYPE = exports.DOC_NOTIFICATION_REDUCER_TYPE = {
-  FETCHING: 'fetching',
-  FETCHED: 'fetched',
-  FETCH_ERROR: 'error',
-  ADD: 'add',
-  DEL: 'del'
-};