@seafile/sdoc-editor 0.5.37 → 0.5.38

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

@@ -115,6 +115,11 @@ const SdocEditor = forwardRef((_ref, ref) => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [document, validEditor, slateValue]);
+  const onValueChange = value => {
+    const eventBus = EventBus.getInstance();
+    eventBus.dispatch(INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
+    setSlateValue(value);
+  };
   const isFreezed = context.getSetting('isFreezed');
   if (isReloading) {
     return /*#__PURE__*/React.createElement("div", {
@@ -129,7 +134,8 @@ const SdocEditor = forwardRef((_ref, ref) => {
       docValue: slateValue,
       readonly: true,
       showOutline: false,
-      editor: validEditor
+      editor: validEditor,
+      showComment: false
     }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
       editor: validEditor,
       slateValue: slateValue
@@ -146,18 +152,14 @@ const SdocEditor = forwardRef((_ref, ref) => {
       docValue: slateValue,
       showOutline: true,
       readonly: isFreezed,
-      editor: validEditor
+      editor: validEditor,
+      showComment: true
     }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
       editor: validEditor,
       slateValue: slateValue,
       isShowComment: true
     })))));
   }
-  const onValueChange = value => {
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
-    setSlateValue(value);
-  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
     editor: validEditor
   }, /*#__PURE__*/React.createElement(CollaboratorsProvider, null, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(HeaderToolbar, {
@@ -165,7 +167,8 @@ const SdocEditor = forwardRef((_ref, ref) => {
   }), /*#__PURE__*/React.createElement(EditorContent, {
     docValue: slateValue,
     showOutline: true,
-    editor: validEditor
+    editor: validEditor,
+    showComment: true
   }, /*#__PURE__*/React.createElement(EditableArticle, {
     editor: validEditor,
     slateValue: slateValue,

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -88,11 +88,11 @@ export const getDomTopHeight = (dom, slateNode) => {
   const rect = dom.getBoundingClientRect();
   let offsetY = 0;
   const paddingTop = parseFloat(window.getComputedStyle(dom).getPropertyValue('padding-top'));
-  const lightHight = parseFloat(window.getComputedStyle(dom).getPropertyValue('line-height'));
+  const lineHeight = parseFloat(window.getComputedStyle(dom).getPropertyValue('line-height'));
+  const disToolBarHeight = 12; // side toolbar icon is 12 px
   if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
-    offsetY = lightHight / 2 + paddingTop - 12; // side toolbar icon is 12 px
+    offsetY = lineHeight / 2 + paddingTop - disToolBarHeight / 2;
   }
-
   const HEADER_HEIGHT = 56 + 44;
   return rect.y - HEADER_HEIGHT + offsetY;
 };

package/dist/basic-sdk/layout/editor-content.js

@@ -11,7 +11,8 @@ const EditorContent = _ref => {
     showOutline,
     children,
     docValue,
-    editor
+    editor,
+    showComment
   } = _ref;
   const scrollRef = useRef(null);
   const [scrollLeft, setScrollLeft] = useState(0);
@@ -25,7 +26,7 @@ const EditorContent = _ref => {
     'readonly': readonly,
     'no-outline': !showOutline
   });
-  if (readonly) {
+  if (!showComment) {
     return /*#__PURE__*/React.createElement("div", {
       className: "sdoc-content-wrapper"
     }, /*#__PURE__*/React.createElement("div", {
@@ -69,6 +70,7 @@ const EditorContent = _ref => {
 };
 EditorContent.defaultProps = {
   readonly: false,
-  showOutline: true
+  showOutline: true,
+  showComment: false
 };
 export default EditorContent;

package/dist/basic-sdk/views/published-revision-diff-viewer.js

@@ -48,9 +48,10 @@ const PublishedRevisionDiffViewer = _ref => {
     children: isShowChanges && (diff === null || diff === void 0 ? void 0 : diff.value) || revisionContent.children
   };
   return /*#__PURE__*/React.createElement(SDocViewer, {
+    document: document,
     showToolbar: true,
     showOutline: true,
-    document: document
+    showComment: false
   });
 };
 export default PublishedRevisionDiffViewer;

package/dist/basic-sdk/views/revision-diff-viewer.js

@@ -3,6 +3,7 @@ import context from '../../context';
 import { getDiff } from '../utils/diff';
 import SDocViewer from './sdoc-viewer';
 import Loading from '../../components/loading';
+import { CollaboratorsProvider } from '../../hooks';
 import '../../assets/css/diff-viewer.css';
 const RevisionDiffViewer = _ref => {
   let {
@@ -39,13 +40,14 @@ const RevisionDiffViewer = _ref => {
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-  return /*#__PURE__*/React.createElement(SDocViewer, {
-    showToolbar: true,
-    showOutline: true,
+  return /*#__PURE__*/React.createElement(CollaboratorsProvider, null, /*#__PURE__*/React.createElement(SDocViewer, {
     editor: editor,
     document: {
       children: diff.value
-    }
-  });
+    },
+    showToolbar: true,
+    showOutline: true,
+    showComment: true
+  }));
 };
 export default RevisionDiffViewer;

package/dist/basic-sdk/views/sdoc-diff-viewer.js

@@ -17,11 +17,12 @@ const DiffViewer = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(SDocViewer, {
-    showToolbar: false,
-    showOutline: false,
     document: {
       children: diff.value
-    }
+    },
+    showToolbar: false,
+    showOutline: false,
+    showComment: false
   });
 };
 export default DiffViewer;

package/dist/basic-sdk/views/sdoc-viewer.js

@@ -11,7 +11,8 @@ const SDocViewer = _ref => {
     editor,
     document,
     showToolbar,
-    showOutline
+    showOutline,
+    showComment
   } = _ref;
   const validEditor = editor || withNodeId(createDefaultEditor());
   const slateValue = (document || generateDefaultDocContent()).children;
@@ -25,7 +26,8 @@ const SDocViewer = _ref => {
     docValue: slateValue,
     readonly: true,
     showOutline: showOutline,
-    editor: validEditor
+    editor: validEditor,
+    showComment: showComment
   }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
     editor: validEditor,
     slateValue: slateValue

package/package.json

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