@seafile/sdoc-editor 0.1.169-beta → 0.1.170

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import classNames from 'classnames';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { withTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import { Button } from 'reactstrap';
 var getSubmitTip = function getSubmitTip(type, content) {
   if (content) return 'Save';
@@ -15,8 +15,10 @@ var CommentEditor = function CommentEditor(_ref) {
     insertContent = _ref.insertContent,
     updateContent = _ref.updateContent,
     setIsEditing = _ref.setIsEditing,
-    t = _ref.t;
+    hiddenComment = _ref.hiddenComment;
   var commentRef = useRef();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFocus = _useState2[0],
@@ -48,6 +50,9 @@ var CommentEditor = function CommentEditor(_ref) {
     setIsFocus(false);
     commentRef.current.textContent = '';
     setIsEditing && setIsEditing(false);
+    hiddenComment && hiddenComment(false);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setIsEditing]);
   var onKeyDown = useCallback(function (event) {
     // enter
@@ -88,4 +93,4 @@ var CommentEditor = function CommentEditor(_ref) {
 CommentEditor.defaultProps = {
   placeholder: 'Enter_a_comment'
 };
-export default withTranslation('sdoc-editor')(CommentEditor);
+export default CommentEditor;

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

@@ -17,7 +17,8 @@ export default function CommentItemWrapper(_ref) {
     isActive = _ref.isActive,
     comment = _ref.comment,
     onCommentClick = _ref.onCommentClick,
-    updateScrollPosition = _ref.updateScrollPosition;
+    updateScrollPosition = _ref.updateScrollPosition,
+    hiddenComment = _ref.hiddenComment;
   var listRef = useRef(null);
   var _useCommentContext = useCommentContext(),
     dispatch = _useCommentContext.dispatch;
@@ -360,7 +361,8 @@ export default function CommentItemWrapper(_ref) {
     className: "mt-4",
     type: "reply",
     placeholder: tip,
-    insertContent: insertContent
+    insertContent: insertContent,
+    hiddenComment: hiddenComment
   }), isShowDeleteDialog && isActive && /*#__PURE__*/React.createElement(CommentDeleteShadow, {
     type: 'comment',
     deleteConfirm: _deleteComment,

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

@@ -12,7 +12,8 @@ import CommentItemWrapper from './comment-item-wrapper';
 import './comment-list.css';
 var CommentList = function CommentList(_ref) {
   var comments = _ref.comments,
-    selectionElement = _ref.selectionElement;
+    selectionElement = _ref.selectionElement,
+    hiddenComment = _ref.hiddenComment;
   var commentRef = useRef(null);
   var position = useCommentListPosition();
   var _useState = useState(false),
@@ -102,7 +103,10 @@ var CommentList = function CommentList(_ref) {
       key: comment.id,
       comment: comment,
       isActive: isActive,
-      onCommentClick: onCommentClick
+      onCommentClick: onCommentClick,
+      hiddenComment: function hiddenComment() {
+        return setActiveComment(null);
+      }
     };
     return /*#__PURE__*/React.createElement(CommentItemWrapper, props);
   })), comments.length === 0 && /*#__PURE__*/React.createElement("div", {
@@ -110,7 +114,8 @@ var CommentList = function CommentList(_ref) {
   }, /*#__PURE__*/React.createElement(CommentEditor, {
     type: "comment",
     insertContent: insertContent,
-    selectionElement: selectionElement
+    selectionElement: selectionElement,
+    hiddenComment: hiddenComment
   })));
 };
 export default CommentList;

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

@@ -51,11 +51,16 @@ var EditorComment = function EditorComment() {
     setComments([]);
     setIsShowComments(false);
   }, [element_comments_map, selectionElement, editor.selection]);
+  var hiddenComment = useCallback(function () {
+    setComments([]);
+    setIsShowComments(false);
+  }, []);
   var onHiddenComment = useCallback(function (e) {
     if (e.target.className === 'article') {
-      setComments([]);
-      setIsShowComments(false);
+      hiddenComment();
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(function () {
     window.addEventListener('click', onHiddenComment);
@@ -85,7 +90,8 @@ var EditorComment = function EditorComment() {
     } : null
   }, isShowComments && /*#__PURE__*/React.createElement(CommentList, {
     comments: comments,
-    selectionElement: selectionElement
+    selectionElement: selectionElement,
+    hiddenComment: hiddenComment
   }))));
 };
 export default EditorComment;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.169beta",
+  "version": "0.1.170",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",