@seafile/comment-editor 0.0.1-alpha.7 → 0.0.1-alpha.71

package/dist/_i18n/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getI18n = void 0;
+var _reactI18next = require("react-i18next");
+var _i18next = _interopRequireDefault(require("i18next"));
+var _i18nextBrowserLanguagedetector = _interopRequireDefault(require("i18next-browser-languagedetector"));
+var _i18nextHttpBackend = _interopRequireDefault(require("i18next-http-backend"));
+const getI18n = _ref => {
+  let {
+    lang
+  } = _ref;
+  _i18next.default.use(_i18nextHttpBackend.default).use(_i18nextBrowserLanguagedetector.default).use(_reactI18next.initReactI18next).init({
+    lng: lang,
+    fallbackLng: 'en',
+    ns: ['sdoc-editor'],
+    defaultNS: 'sdoc-editor',
+    debug: false,
+    // console log if debug: true
+
+    whitelist: ['en', 'zh_CN', 'fr', 'de', 'cs', 'es', 'es-AR', 'es-MX', 'ru'],
+    backend: {
+      loadPath: '/public/locales/{{ lng }}/{{ ns }}.json'
+    },
+    interpolation: {
+      escapeValue: false // not needed for react!!
+    },
+    react: {
+      wait: true
+    }
+  });
+  return _i18next.default;
+};
+exports.getI18n = getI18n;

package/dist/basic-sdk/context.js

@@ -11,12 +11,12 @@ var _sdocServerApi = _interopRequireDefault(require("./api/sdoc-server-api"));
 var _seafileApi = _interopRequireDefault(require("./api/seafile-api"));
 class Context {
   constructor() {
-    (0, _defineProperty2.default)(this, "initSettings", () => {
-      this.settings = window.seafile ? window.seafile : window.seafileConfig;
+    (0, _defineProperty2.default)(this, "initSettings", settings => {
+      this.settings = settings ? settings : window.seafile ? window.seafile : window.seafileConfig;
       const {
-        name,
-        username,
-        avatarURL
+        name = '',
+        username = '',
+        avatarURL = ''
       } = this.settings;
       const userInfo = {
         name,
@@ -24,13 +24,6 @@ class Context {
         avatar_url: avatarURL
       };
       this.user = userInfo;
-      if (this.settings['isSdocRevision']) {
-        const repoID = this.getSetting('repoID');
-        const siteRoot = this.getSetting('siteRoot');
-        const originFilePath = this.getSetting('originFilePath');
-        const originFileURL = `${siteRoot}lib/${repoID}/file${originFilePath}`;
-        this.settings['originFileURL'] = originFileURL;
-      }
     });
     (0, _defineProperty2.default)(this, "uploadLocalImage", imageFiles => {
       const docUuid = this.getSetting('docUuid');
@@ -55,15 +48,9 @@ class Context {
     this.api = null;
     this.config = null;
   }
-  init() {
-    this.initSettings(); // lazy init context class
-    // const server = this.getSetting('serviceUrl');
-    // const token = this.getSetting('accessToken');
-    // this.api = new SeafileAPI(server, token);
-    // const isOpenSocket = this.getSetting('isOpenSocket');
-    // if (isOpenSocket) {
-    //   this.sdocServerApi = new SDocServerApi(this.settings);
-    // }
+  init(settings, api) {
+    this.initSettings(settings);
+    this.api = api;
   }
   getSettings() {
     return this.settings;

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

@@ -14,7 +14,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
 var _constants = require("../constants");
-var _context = _interopRequireDefault(require("../context"));
 var _useCursors = require("../cursor/use-cursors");
 var _decorates = require("../decorates");
 var _extension = require("../extension");
@@ -31,24 +30,22 @@ 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");
-const getSubmitTip = (type, content) => {
-  if (content) return 'Save';
-  return type === 'comment' ? 'Comment' : 'Reply';
-};
+// const getSubmitTip = (type, content) => {
+//   if (content) return 'Save';
+//   return type === 'comment' ? 'Comment' : 'Reply';
+// };
+
 const DEFAULT_PLACEHOLDER = 'Enter_comment_shift_enter_for_new_line_Enter_to_send';
 const CommentEditor = _ref => {
   let {
     content,
-    commentContent,
     placeholder = DEFAULT_PLACEHOLDER,
     insertContent,
-    updateContent,
     onContentChange,
-    setIsEditing,
     hiddenComment,
     hiddenUserInfo,
-    closeComment,
-    addParticipants
+    toolMenus = ['text_style', _constants2.BLOCKQUOTE, _constants2.UNORDERED_LIST, _constants2.ORDERED_LIST, _constants2.LINK, _constants2.IMAGE],
+    closePanel
   } = _ref;
   const commentWrapperRef = (0, _react.useRef)();
   const {
@@ -57,233 +54,221 @@ const CommentEditor = _ref => {
   const {
     className,
     userInfo,
-    type
+    type,
+    addParticipants
   } = (0, _useComment.useComment)();
-  const submitTip = (0, _react.useMemo)(() => getSubmitTip(type, content), [content, type]);
-  const document = (0, _react.useMemo)(() => {
-    const cursor = {};
-    let elements = null;
-    elements = [(0, _core.generateEmptyElement)(_constants2.PARAGRAPH, {
-      placeholder
-    })];
-    return {
-      elements,
-      cursor
-    };
-  }, [placeholder]);
-  const [slateValue, setSlateValue] = (0, _react.useState)(document.elements);
-  const commentEditorContainerRef = (0, _react.useRef)(null);
-  const editor = (0, _react.useMemo)(() => {
-    const defaultEditor = (0, _extension.createCommentEditor)();
-    const newEditor = (0, _nodeId.default)(defaultEditor);
-    const {
-      cursors
-    } = document;
-    newEditor.cursors = cursors || {};
-    newEditor.width = _constants.COMMENT_EDITOR_EDIT_AREA_WIDTH; // default width
-    newEditor.editorType = _constants.COMMENT_EDITOR;
-    return newEditor;
-  }, [document]);
-  const {
-    cursors
-  } = (0, _useCursors.useCursors)(editor);
-  const decorate = (0, _decorates.usePipDecorate)(editor);
-  // init eventHandler
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const eventProxy = (0, _react.useMemo)(() => new _eventHandler.default(editor), []);
-  const updateValue = (0, _react.useCallback)(value => {
-    if (!value || value.trim() === '') return;
-    if (!content) return insertContent(value);
-    updateContent && updateContent(value);
-  }, [content, insertContent, updateContent]);
-  const onSubmit = (0, _react.useCallback)(event => {
-    event && event.stopPropagation();
-    const mdString = (0, _slateToMd.default)(editor.children);
-    updateValue(mdString);
-    addParticipants(userInfo.username);
-    editor.children = [(0, _core.generateEmptyElement)(_constants2.PARAGRAPH, {
-      placeholder
-    })];
-    _slate.Transforms.select(editor, _slate.Editor.start(editor, []));
-    onContentChange && onContentChange(null);
-    closeComment && closeComment();
-  }, [editor, updateValue, addParticipants, userInfo.username, placeholder, onContentChange, closeComment]);
-  const onSubmitByEnterKey = (0, _react.useCallback)(event => {
-    if (!_slateReact.ReactEditor.isFocused(editor)) return;
-    onSubmit(event);
-  }, [editor, onSubmit]);
+  // const submitTip = useMemo(() => getSubmitTip(type, content), [content, type]);
+
+  // const document = useMemo(() => {
+  //   const cursor = {};
+  //   let elements = null;
+  //   elements = [generateEmptyElement(PARAGRAPH, { placeholder })];
+  //   return { elements, cursor };
+  // }, [placeholder]);
+
+  // const [slateValue, setSlateValue] = useState(document.elements);
+  // const commentEditorContainerRef = useRef(null);
+
+  // const editor = useMemo(() => {
+  //   const defaultEditor = createCommentEditor();
+  //   const newEditor = withNodeId(defaultEditor);
+  //   const { cursors } = document;
+  //   newEditor.cursors = cursors || {};
+  //   newEditor.width = COMMENT_EDITOR_EDIT_AREA_WIDTH; // default width
+  //   newEditor.editorType = COMMENT_EDITOR;
+
+  //   return newEditor;
+  // }, [document]);
+
+  // const { cursors } = useCursors(editor);
+  // const decorate = usePipDecorate(editor);
+  // // init eventHandler
+  // // eslint-disable-next-line react-hooks/exhaustive-deps
+  // const eventProxy = useMemo(() => new EventProxy(editor), []);
+
+  // const onSubmit = useCallback((event) => {
+  //   event && event.stopPropagation();
+
+  //   const mdString = slateToMdString(editor.children);
+  //   if (mdString && mdString.trim()) insertContent(mdString);
+
+  //   addParticipants && addParticipants(userInfo.username);
+
+  //   editor.children = [generateEmptyElement(PARAGRAPH, { placeholder })];
+  //   Transforms.select(editor, Editor.start(editor, []));
+
+  //   onContentChange && onContentChange(null);
+  //   closePanel && closePanel();
+  // // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, [editor, insertContent, addParticipants, placeholder, onContentChange, closePanel]);
+
+  // const onSubmitByEnterKey = useCallback((event) => {
+  //   if (!ReactEditor.isFocused(editor)) return;
+  //   onSubmit(event);
+  // }, [editor, onSubmit]);
+
+  // // addEventListener
+  // useEffect(() => {
+  //   const eventBus = EventBus.getInstance();
+  //   const unsubscribePostComment = eventBus.subscribe(INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, onSubmitByEnterKey);
+
+  //   return () => {
+  //     unsubscribePostComment();
+  //   };
+  // }, [onSubmitByEnterKey]);
+
+  // const onCancel = useCallback((event) => {
+  //   event.stopPropagation();
+  //   const { type: eventType, keyCode, target } = event;
+  //   if (eventType === 'keydown' && keyCode !== KeyCodes.Esc) return;
+  //   if (eventType === 'click') {
+  //     const isSdocContentWrapper = target.classList.contains('sdoc-content-wrapper');
+  //     const listContainer = window.document.querySelector('#global-comment-list-container');
+  //     const resizeContainer = window.document.querySelector('.sdoc-comment-resize-handler');
+  //     const isClickOnListContainer = listContainer && listContainer.contains(target);
+  //     const isClickOnCommentEditorContainer = commentWrapperRef.current.contains(target);
+  //     const isClickResizeContainer = resizeContainer && resizeContainer.contains(target);
+  //     const isPreventCancel = isClickOnListContainer || isClickOnCommentEditorContainer || isClickResizeContainer || isSdocContentWrapper;
+  //     if (isPreventCancel) return;
+  //   }
+  //   hiddenComment && hiddenComment(false);
+
+  //   if (onContentChange) {
+  //     if (editor.children.find(n => Node.string(n).trim())) {
+  //       onContentChange(slateToMdString(editor.children));
+  //     } else {
+  //       onContentChange(null);
+  //     }
+  //   }
+  //   // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, []);
+
+  // // set editor children
+  // 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
+  // }, []);
+
+  // const handleFocusEditor = (e) => {
+  //   if (e.target === commentEditorContainerRef.current) {
+  //     const focusPoint = Editor.end(editor, []);
+  //     focusEditor(editor, focusPoint);
+  //   }
+  // };
+
+  // const handleScrollIntoView = useCallback((editor, domRange) => {
+  //   try {
+  //     const { selection } = editor;
+  //     // Do not scroll into view, when focus on image
+  //     const [imageNodeEntry] = Editor.nodes(editor, {
+  //       match: n => [IMAGE, IMAGE_BLOCK].includes(n.type),
+  //       at: selection
+  //     });
+  //     if (imageNodeEntry) return;
+  //     const focusedNode = Node.get(editor, selection.focus.path);
+  //     const domNode = ReactEditor.toDOMNode(editor, focusedNode);
+  //     if (!domNode) return;
+  //     scrollIntoView(domNode, { 'scrollMode': 'if-needed' });
+  //   } catch (error) {
+  //     //
+  //   }
+  // }, []);
+
+  // const onMouseDown = useCallback((event) => {
+  //   if (event.button === 0) {
+  //     // Compatible with the editor which unload table plugin
+  //     editor.reSetTableSelectedRange && editor.reSetTableSelectedRange();
+  //     const eventBus = EventBus.getInstance();
+  //     eventBus.dispatch(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+  //   }
+  //   // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, []);
+
+  // const onKeyDown = useCallback((event) => {
+  //   if (isHotkey('enter', event)) {
+  //     event.preventDefault();
+  //     const eventBus = EventBus.getInstance();
+  //     eventBus.dispatch(INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, event);
+  //     return;
+  //   }
+
+  //   if (isHotkey('shift+enter', event)) {
+  //     event.preventDefault();
+  //     Editor.insertBreak(editor);
+  //     return;
+  //   }
 
-  // addEventListener
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribePostComment = eventBus.subscribe(_constants.INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, onSubmitByEnterKey);
-    return () => {
-      unsubscribePostComment();
-    };
-  }, [onSubmitByEnterKey]);
-  const onCancel = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    const {
-      type: eventType,
-      keyCode,
-      target
-    } = event;
-    if (eventType === 'keydown' && keyCode !== _constants.KeyCodes.Esc) return;
-    if (eventType === 'click') {
-      const isSdocContentWrapper = target.classList.contains('sdoc-content-wrapper');
-      const listContainer = window.document.querySelector('#global-comment-list-container');
-      const resizeContainer = window.document.querySelector('.sdoc-comment-resize-handler');
-      const isClickOnListContainer = listContainer && listContainer.contains(target);
-      const isClickOnCommentEditorContainer = commentWrapperRef.current.contains(target);
-      const isClickResizeContainer = resizeContainer && resizeContainer.contains(target);
-      const isPreventCancel = isClickOnListContainer || isClickOnCommentEditorContainer || isClickResizeContainer || isSdocContentWrapper;
-      if (isPreventCancel) return;
-    }
-    setIsEditing && setIsEditing(false);
-    hiddenComment && hiddenComment(false);
-    if (onContentChange) {
-      if (editor.children.find(n => _slate.Node.string(n).trim())) {
-        onContentChange((0, _slateToMd.default)(editor.children));
-      } else {
-        onContentChange(null);
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [setIsEditing]);
+  //   eventProxy.onKeyDown(event);
 
-  // set editor children
-  (0, _react.useEffect)(() => {
-    let children = (0, _mdToSlate.default)(content);
-    if (commentContent) {
-      children = (0, _mdToSlate.default)(commentContent);
-    }
-    editor.children = children;
-    _slate.Transforms.select(editor, _slate.Editor.end(editor, []));
-  }, [editor, content, commentContent]);
+  // }, [eventProxy, editor]);
 
-  // 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, []);
-      (0, _core.focusEditor)(editor, focusPoint);
-    }
-  };
-  const handleScrollIntoView = (0, _react.useCallback)((editor, domRange) => {
-    try {
-      const {
-        selection
-      } = editor;
-      // Do not scroll into view, when focus on image
-      const [imageNodeEntry] = _slate.Editor.nodes(editor, {
-        match: n => [_constants2.IMAGE, _constants2.IMAGE_BLOCK].includes(n.type),
-        at: selection
-      });
-      if (imageNodeEntry) return;
-      const focusedNode = _slate.Node.get(editor, selection.focus.path);
-      const domNode = _slateReact.ReactEditor.toDOMNode(editor, focusedNode);
-      if (!domNode) return;
-      (0, _scrollIntoViewIfNeeded.default)(domNode, {
-        'scrollMode': 'if-needed'
-      });
-    } catch (error) {
-      //
-    }
-  }, []);
-  const onMouseDown = (0, _react.useCallback)(event => {
-    if (event.button === 0) {
-      // Compatible with the editor which unload table plugin
-      editor.reSetTableSelectedRange && editor.reSetTableSelectedRange();
-      const eventBus = _eventBus.default.getInstance();
-      eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const onKeyDown = (0, _react.useCallback)(event => {
-    if ((0, _isHotkey.default)('enter', event)) {
-      event.preventDefault();
-      const eventBus = _eventBus.default.getInstance();
-      eventBus.dispatch(_constants.INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, event);
-      return;
-    }
-    if ((0, _isHotkey.default)('shift+enter', event)) {
-      event.preventDefault();
-      _slate.Editor.insertBreak(editor);
-      return;
-    }
-    eventProxy.onKeyDown(event);
-  }, [eventProxy, editor]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('comment-editor-wrapper', className),
-    ref: commentWrapperRef
-  }, type === 'comment' && !hiddenUserInfo && /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-user-info"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-user-img"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: userInfo.avatar_url,
-    alt: "",
-    height: "100%",
-    width: "100%"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-user-name"
-  }, userInfo.name)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-content"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: commentEditorContainerRef,
-    className: "article comment-editor",
-    onClick: handleFocusEditor
-  }, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
-    value: {
-      scrollRef: commentEditorContainerRef
-    }
-  }, /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
-    editor: editor,
-    value: slateValue,
-    onChange: setSlateValue
-  }, /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
-    id: "sdoc-editor",
-    scrollSelectionIntoView: handleScrollIntoView,
-    cursors: cursors,
-    renderElement: props => (0, _renderCommentEditorElement.default)({
-      ...props,
-      commentType: type
-    }),
-    renderLeaf: _extension.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
-  })))), /*#__PURE__*/_react.default.createElement(_commentEditorToolbar.default, {
-    editor: editor,
-    onSubmit: onSubmit,
-    submitBtnText: t(submitTip),
-    onCancel: onCancel
-  }))), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
-    editor: editor
-  }));
+  console.log('toolMenus', toolMenus);
+  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/dist/basic-sdk/extension/commons/color-menu/color-item.js

@@ -10,10 +10,12 @@ var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
 const ColorItem = _ref => {
   let {
-    t,
     color,
     lastUsedColor
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sdoc-color-item', {
       'selected': lastUsedColor === color.value
@@ -28,4 +30,4 @@ const ColorItem = _ref => {
     }) : t(color.name)
   });
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorItem);
+var _default = exports.default = ColorItem;

package/dist/basic-sdk/extension/commons/color-menu/index.js

@@ -26,7 +26,6 @@ const ColorMenu = _ref => {
     id,
     popoverClassName,
     disabled,
-    t,
     setColor,
     recentUsedColorsKey,
     text,
@@ -35,6 +34,9 @@ const ColorMenu = _ref => {
     lastUsedColor,
     updateLastUsedColor
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const popoverRef = (0, _react.useRef)(null);
   const moreColorsPopoverRef = (0, _react.useRef)(null);
   const [recentUsedColors, setRecentUsedColors] = (0, _react.useState)(_localStorageUtils.default.getItem(recentUsedColorsKey, _constants.DEFAULT_RECENT_USED_LIST));
@@ -205,4 +207,4 @@ const ColorMenu = _ref => {
     onChange: onChange
   }))))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorMenu);
+var _default = exports.default = ColorMenu;

package/dist/basic-sdk/extension/commons/select/field-setting.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
 var _menu = _interopRequireDefault(require("./menu"));
+// import { withTranslation } from 'react-i18next';
+
 class FieldSetting extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -106,4 +107,4 @@ class FieldSetting extends _react.default.Component {
     }, t('Italic'))));
   }
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('seafile-editor')(FieldSetting);
+var _default = exports.default = FieldSetting;

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.js

@@ -20,10 +20,12 @@ const LocalFiles = _ref => {
     onSelectedFile,
     toggle,
     fileType,
-    t,
     searchContent,
     isOpenSearch
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const folderRef = (0, _react.useRef)(null);
   const [expandedFolder, setExpandedFolder] = (0, _react.useState)(new Set([]));
   const [currentActiveItem, setCurrentActiveItem] = (0, _react.useState)(null);
@@ -188,4 +190,4 @@ const LocalFiles = _ref => {
     className: "sdoc-file-search-no-result"
   }, t('No_results')));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(LocalFiles);
+var _default = exports.default = LocalFiles;