@seafile/comment-editor 0.0.1-alpha.51 → 0.0.1-alpha.53

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -30,6 +29,8 @@ var _slateToMd = _interopRequireDefault(require("../slate-convert/slate-to-md"))
 var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _eventHandler = _interopRequireDefault(require("../utils/event-handler"));
 require("./comment-editor.css");
+// import { useTranslation } from 'react-i18next';
+
 const getSubmitTip = (type, content) => {
   if (content) return 'Save';
   return type === 'comment' ? 'Comment' : 'Reply';
@@ -47,9 +48,7 @@ const CommentEditor = _ref => {
     closePanel
   } = _ref;
   const commentWrapperRef = (0, _react.useRef)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  // const { t } = useTranslation('sdoc-editor');
   const {
     className,
     userInfo,
@@ -144,30 +143,32 @@ const CommentEditor = _ref => {
   }, []);
 
   // set editor children
-  (0, _react.useEffect)(() => {
-    let children = (0, _mdToSlate.default)(content);
-    editor.children = children;
-    _slate.Transforms.select(editor, _slate.Editor.end(editor, []));
-  }, [editor, content]);
+  // useEffect(() => {
+  //   let children = mdStringToSlate(content);
+  //   editor.children = children;
+  //   Transforms.select(editor, Editor.end(editor, []));
+  // }, [editor, content]);
+
+  // // useMount: focus editor
+  // useEffect(() => {
+  //   const [firstNode] = editor.children;
+  //   if (firstNode) {
+  //     const [firstNodeFirstChild] = firstNode.children;
+
+  //     if (firstNodeFirstChild) {
+  //       const endOfFirstNode = Editor.end(editor, [0, 0]);
+  //       const range = {
+  //         anchor: endOfFirstNode,
+  //         focus: endOfFirstNode,
+  //       };
+  //       focusEditor(editor, range);
+  //     }
+  //     // Force refresh to fix comment list
+  //     setSlateValue([...editor.children]);
+  //   }
+  // // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, []);
 
-  // useMount: focus editor
-  (0, _react.useEffect)(() => {
-    const [firstNode] = editor.children;
-    if (firstNode) {
-      const [firstNodeFirstChild] = firstNode.children;
-      if (firstNodeFirstChild) {
-        const endOfFirstNode = _slate.Editor.end(editor, [0, 0]);
-        const range = {
-          anchor: endOfFirstNode,
-          focus: endOfFirstNode
-        };
-        (0, _core.focusEditor)(editor, range);
-      }
-      // Force refresh to fix comment list
-      setSlateValue([...editor.children]);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
   const handleFocusEditor = e => {
     if (e.target === commentEditorContainerRef.current) {
       const focusPoint = _slate.Editor.end(editor, []);
@@ -219,9 +220,51 @@ const CommentEditor = _ref => {
     eventProxy.onKeyDown(event);
   }, [eventProxy, editor]);
   console.log('toolMenus', toolMenus);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('comment-editor-wrapper', className),
-    ref: commentWrapperRef
-  }, /*#__PURE__*/_react.default.createElement("div", null, "123"));
+  return /*#__PURE__*/_react.default.createElement("div", null, "123")
+  // <div className={classNames('comment-editor-wrapper', className)} ref={commentWrapperRef}>
+  //   {/* {type === 'comment' && !hiddenUserInfo && (
+  //     <div className="comment-editor-user-info">
+  //       <div className="comment-editor-user-img">
+  //         <img src={userInfo.avatar_url} alt="" height="100%" width="100%" />
+  //       </div>
+  //       <div className="comment-editor-user-name">{userInfo.name}</div>
+  //     </div>
+  //   )}
+  //   <div className='comment-editor-container'>
+  //     <div className="comment-editor-content">
+  //       <div ref={commentEditorContainerRef} className='article comment-editor' onClick={handleFocusEditor} >
+  //         <ScrollContext.Provider value={{ scrollRef: commentEditorContainerRef }}>
+  //           <Slate editor={editor} value={slateValue} onChange={setSlateValue}>
+  //             <Editable
+  //               id='sdoc-editor'
+  //               scrollSelectionIntoView={handleScrollIntoView}
+  //               cursors={cursors}
+  //               renderElement={(props) => RenderCommentEditorCustomRenderElement({ ...props, commentType: type })}
+  //               renderLeaf={renderLeaf}
+  //               onMouseDown={onMouseDown}
+  //               decorate={decorate}
+  //               onCut={eventProxy.onCut}
+  //               onCopy={eventProxy.onCopy}
+  //               onCompositionStart={eventProxy.onCompositionStart}
+  //               onCompositionUpdate={eventProxy.onCompositionUpdate}
+  //               onCompositionEnd={eventProxy.onCompositionEnd}
+  //               onKeyDown={onKeyDown}
+  //               onBeforeInput={eventProxy.onBeforeInput}
+  //             />
+  //           </Slate>
+  //         </ScrollContext.Provider>
+  //       </div>
+  //       <CommentEditorToolbar
+  //         editor={editor}
+  //         toolMenus={toolMenus}
+  //         onSubmit={onSubmit}
+  //         submitBtnText={t(submitTip)}
+  //         onCancel={onCancel}
+  //       />
+  //     </div>
+  //   </div>
+  //   {toolMenus.includes(IMAGE) && <InsertElementDialog editor={editor} />} */}
+  // </div>
+  ;
 };
 var _default = exports.default = CommentEditor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.51",
+  "version": "0.0.1-alpha.53",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",