@seafile/sdoc-editor 0.5.63 → 0.5.64

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

@@ -3,6 +3,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import dayjs from 'dayjs';
 import classNames from 'classnames';
 import { Node } from '@seafile/slate';
+import { ReactEditor } from '@seafile/slate-react';
 import context from '../../../context';
 import { useCommentContext } from '../hooks/comment-hooks/use-comment-context';
 import CommentItemContent from './comment-item-content';
@@ -19,12 +20,14 @@ const CommentItemWrapper = _ref => {
     comment,
     onCommentClick,
     updateScrollPosition,
-    hiddenComment
+    hiddenComment,
+    editor
   } = _ref;
   const listRef = useRef(null);
   const {
     dispatch
   } = useCommentContext();
+  const scrollRef = useRef(document.querySelector('.sdoc-scroll-container'));
   const commentOpToolsId = "commentOpTools_".concat(comment.id);
   const deleteComment = useCallback(async commentId => {
     await context.deleteComment(commentId);
@@ -234,12 +237,22 @@ const CommentItemWrapper = _ref => {
     'd-flex flex-column pt-0': element
   });
   const tip = comment.resolved ? 'Reopen_discussion' : 'Enter_reply_Enter_for_new_line_Shift_Enter_to_send';
+  const handleScrollToArticle = useCallback(e => {
+    e.stopPropagation();
+    const dom = ReactEditor.toDOMNode(editor, element);
+    const headerHeight = 56 + 37;
+    scrollRef.current.scrollTo({
+      top: dom.offsetTop - headerHeight,
+      behavior: 'smooth'
+    });
+  }, [editor, element, scrollRef]);
   return /*#__PURE__*/React.createElement("div", {
     id: "comment-item-wrapper_".concat(comment.id),
     className: className,
     onClick: onItemClick
   }, element && /*#__PURE__*/React.createElement("div", {
-    className: "comment-item-selected-text-container"
+    className: "comment-item-selected-text-container",
+    onClick: handleScrollToArticle
   }, /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-comment-quote mr-2"
   }), /*#__PURE__*/React.createElement("div", {

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

@@ -231,7 +231,8 @@ const GlobalComment = _ref => {
       onCommentClick: comment => onCommentClick(comment, element),
       hiddenComment: hiddenComment,
       updateScrollPosition: updateScrollPosition,
-      isClickCommentPanelBody: isClickCommentPanelBody
+      isClickCommentPanelBody: isClickCommentPanelBody,
+      editor: editor
     });
   }))), showEditor && /*#__PURE__*/React.createElement(GlobalCommentEditor, {
     isScrollDisplayed: isScrollDisplayed,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.5.63",
+  "version": "0.5.64",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -141,7 +141,7 @@
     "react-hot-loader": "4.13.1",
     "react-i18next": "12.1.4",
     "react-mentions": "4.4.7",
-    "release-it": "16.2.1",
+    "release-it": "17.3.0",
     "resolve": "1.12.0",
     "resolve-url-loader": "5.0.0",
     "sass-loader": "13.3.2",