@seafile/sdoc-editor 2.0.122-test-0.0.2 → 2.0.122-test-0.0.3

package/dist/editor/comment-article.js

@@ -86,6 +86,7 @@ var CommentArticle = function CommentArticle(_ref) {
     value: slateValue,
     onChange: updateSlateValue
   }, /*#__PURE__*/_react["default"].createElement(_slateReact.Editable, {
+    tabIndex: 0,
     id: "sdoc-editor",
     scrollSelectionIntoView: handleScrollIntoView,
     cursors: cursors,

package/dist/editor/sdoc-comment-editor.js

@@ -44,7 +44,7 @@ var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     slateValue = _useState2[0],
     _setSlateValue = _useState2[1];
   var commentEditorContainerRef = (0, _react.useRef)(null);
-  var timeoutRef = (0, _react.useRef)(null);
+  var commentTimeoutRef = (0, _react.useRef)(null);
   var _useNotificationConte = (0, _notificationHooks.useNotificationContext)(),
     notificationsInfo = _useNotificationConte.notificationsInfo;
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
@@ -68,9 +68,8 @@ var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     console.log(1111, commentEditorContainerRef === null || commentEditorContainerRef === void 0 ? void 0 : commentEditorContainerRef.current, notificationsInfo);
     console.log(22, commentEditorContainerRef.current.closest('.global-comment-input-wrapper'));
     if (!(commentEditorContainerRef !== null && commentEditorContainerRef !== void 0 && commentEditorContainerRef.current)) return;
-    if (Object.keys(notificationsInfo.notifications_map || {}).length === 0) return;
+    // if (Object.keys(notificationsInfo.notifications_map || {}).length === 0 ) return;
     if (!commentEditorContainerRef.current.closest('.global-comment-input-wrapper')) return;
-    console.log(333);
     var clearAllNotification = /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
         var res, notifications, eventBus, errorMessage;
@@ -110,23 +109,28 @@ var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     var el = commentEditorContainerRef && commentEditorContainerRef.current;
 
     // Mark comment read if focusing commentEditorContainerRef over 3s
-    var handleFocusIn = function handleFocusIn() {
-      timeoutRef.current = setTimeout(function () {
-        console.log(1, 'clear');
+    var handleFocusIn = function handleFocusIn(e) {
+      console.log(5, e.target);
+      commentTimeoutRef.current = setTimeout(function () {
         clearAllNotification();
+        commentTimeoutRef.current = null;
       }, 3000);
     };
     var handleBlur = function handleBlur() {
-      clearTimeout(timeoutRef.current);
+      clearTimeout(commentTimeoutRef.current);
+      commentTimeoutRef.current = null;
     };
     el.addEventListener('focusin', handleFocusIn);
     el.addEventListener('focusout', handleBlur);
     return function () {
       el.removeEventListener('focusin', handleFocusIn);
       el.removeEventListener('focusout', handleBlur);
-      clearTimeout(timeoutRef.current);
+      if (commentTimeoutRef.current) {
+        clearTimeout(commentTimeoutRef.current);
+        commentTimeoutRef.current = null;
+      }
     };
-  }, [notificationsInfo, t]);
+  }, [notificationsInfo]);
 
   // useMount: focus editor
   (0, _react.useEffect)(function () {

package/dist/extension/render/render-comment-editor-element.js

@@ -16,7 +16,6 @@ var RenderCommentEditorCustomRenderElement = function RenderCommentEditorCustomR
   var readonly = (0, _slateReact.useReadOnly)();
   var element = props.element,
     commentType = props.commentType;
-  console.log(1, element);
   switch (element.type) {
     case _constants.PARAGRAPH:
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.122-test-0.0.2",
+  "version": "2.0.122-test-0.0.3",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",