@seafile/comment-editor 0.0.1-alpha.6 → 0.0.1-alpha.61

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,17 +14,16 @@ 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");
+var _insertElementDialog = _interopRequireDefault(require("../extension/commons/insert-element-dialog"));
 var _constants2 = require("../extension/constants");
 var _core = require("../extension/core");
 var _renderCommentEditorElement = _interopRequireDefault(require("../extension/render/render-comment-editor-element"));
 var _commentEditorToolbar = _interopRequireDefault(require("../extension/toolbar/comment-editor-toolbar"));
 var _useComment = require("../hooks/use-comment");
 var _useScrollContext = require("../hooks/use-scroll-context");
-var _layout = require("../layout");
 var _nodeId = _interopRequireDefault(require("../node-id"));
 var _mdToSlate = _interopRequireDefault(require("../slate-convert/md-to-slate"));
 var _slateToMd = _interopRequireDefault(require("../slate-convert/slate-to-md"));
@@ -39,16 +38,13 @@ const DEFAULT_PLACEHOLDER = 'Enter_comment_shift_enter_for_new_line_Enter_to_sen
 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,7 +53,8 @@ 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)(() => {
@@ -91,23 +88,19 @@ const CommentEditor = _ref => {
   // 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);
+    if (mdString && mdString.trim()) insertContent(mdString);
+    addParticipants && 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]);
+    closePanel && closePanel();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertContent, addParticipants, placeholder, onContentChange, closePanel]);
   const onSubmitByEnterKey = (0, _react.useCallback)(event => {
     if (!_slateReact.ReactEditor.isFocused(editor)) return;
     onSubmit(event);
@@ -139,7 +132,6 @@ const CommentEditor = _ref => {
       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())) {
@@ -149,17 +141,14 @@ const CommentEditor = _ref => {
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [setIsEditing]);
+  }, []);
 
   // 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]);
+    // Transforms.select(editor, Editor.end(editor, []));
+  }, [editor, content]);
 
   // useMount: focus editor
   (0, _react.useEffect)(() => {
@@ -172,10 +161,10 @@ const CommentEditor = _ref => {
           anchor: endOfFirstNode,
           focus: endOfFirstNode
         };
-        (0, _core.focusEditor)(editor, range);
+        // focusEditor(editor, range);
       }
       // Force refresh to fix comment list
-      setSlateValue([...editor.children]);
+      // setSlateValue([...editor.children]);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -229,6 +218,7 @@ 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
@@ -245,43 +235,8 @@ const CommentEditor = _ref => {
     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
-  }))));
+  }), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
+    editor: editor
+  }));
 };
 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/insert-element-dialog/index.js

@@ -146,102 +146,60 @@ const InsertElementDialog = _ref => {
     data
   };
   switch (dialogType) {
-    case _constants2.ELEMENT_TYPE.TABLE:
-      {
-        return /*#__PURE__*/_react.default.createElement(_dialogs.CustomTableSizeDialog, props);
-      }
-    case _constants2.ELEMENT_TYPE.TABLE_CELL:
-      {
-        return /*#__PURE__*/_react.default.createElement(_dialogs.SplitCellSettingDialog, props);
-      }
-    case _constants2.ELEMENT_TYPE.LINK:
-      {
-        return /*#__PURE__*/_react.default.createElement(_addLinkDialog.default, props);
-      }
-    case _constants2.ELEMENT_TYPE.SDOC_LINK:
-      {
-        const sdocLinkProps = {
-          editor: validEditor,
-          dialogType,
-          insertLinkCallback,
-          closeDialog
-        };
-        return /*#__PURE__*/_react.default.createElement(_index5.default, sdocLinkProps);
-      }
-    case _constants2.ELEMENT_TYPE.FILE_LINK:
-      {
-        const fileLinkProps = {
-          editor: validEditor,
-          dialogType,
-          insertLinkCallback,
-          closeDialog
-        };
-        return /*#__PURE__*/_react.default.createElement(_index5.default, fileLinkProps);
-      }
-    case _constants2.ELEMENT_TYPE.VIDEO:
-      {
-        const videoProps = {
-          editor: validEditor,
-          dialogType,
-          insertVideoCallback,
-          closeDialog
-        };
-        return /*#__PURE__*/_react.default.createElement(_index5.default, videoProps);
-      }
-    case _constants2.ELEMENT_TYPE.VIDEO_LINK:
-      {
-        return /*#__PURE__*/_react.default.createElement(_index3.default, props);
-      }
-    case _constants2.LOCAL_IMAGE:
-      {
-        return /*#__PURE__*/_react.default.createElement("input", {
-          onClick: e => e.stopPropagation(),
-          ref: uploadLocalImageInputRef,
-          type: "file",
-          multiple: true,
-          accept: "image/*",
-          style: {
-            display: 'none'
-          },
-          onChange: onFileChanged
-        });
-      }
-    case _constants2.LOCAL_VIDEO:
-      {
-        return /*#__PURE__*/_react.default.createElement("input", {
-          onClick: e => e.stopPropagation(),
-          ref: uploadLocalVideoInputRef,
-          type: "file",
-          accept: "video/*",
-          style: {
-            display: 'none'
-          },
-          onChange: onVideoFileChanged
-        });
-      }
-    case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
-      {
-        if (editor.editorType === _constants.WIKI_EDITOR) {
-          return /*#__PURE__*/_react.default.createElement(_index6.default, {
-            element: slateNode,
-            editor: editor,
-            closeDialog: closeDialog
-          });
-        }
-        return /*#__PURE__*/_react.default.createElement(_index4.default, {
-          element: slateNode,
-          editor: editor,
-          closeDialog: closeDialog
-        });
-      }
-    case _constants2.ELEMENT_TYPE.ASK_AI:
-      {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
-          element: slateNode,
-          editor: editor,
-          closeModule: closeDialog
-        });
-      }
+    // case ELEMENT_TYPE.TABLE: {
+    //   return (<CustomTableSizeDialog {...props} />);
+    // }
+    // case ELEMENT_TYPE.TABLE_CELL: {
+    //   return (<SplitCellSettingDialog {...props} />);
+    // }
+    // case ELEMENT_TYPE.LINK: {
+    //   return (<AddLinkDialog {...props} />);
+    // }
+    // case ELEMENT_TYPE.SDOC_LINK: {
+    //   const sdocLinkProps = {
+    //     editor: validEditor,
+    //     dialogType,
+    //     insertLinkCallback,
+    //     closeDialog,
+    //   };
+    //   return (<SelectFileDialog {...sdocLinkProps} />);
+    // }
+    // case ELEMENT_TYPE.FILE_LINK: {
+    //   const fileLinkProps = {
+    //     editor: validEditor,
+    //     dialogType,
+    //     insertLinkCallback,
+    //     closeDialog,
+    //   };
+    //   return (<SelectFileDialog {...fileLinkProps} />);
+    // }
+    // case ELEMENT_TYPE.VIDEO: {
+    //   const videoProps = {
+    //     editor: validEditor,
+    //     dialogType,
+    //     insertVideoCallback,
+    //     closeDialog,
+    //   };
+    //   return (<SelectFileDialog {...videoProps} />);
+    // }
+    // case ELEMENT_TYPE.VIDEO_LINK: {
+    //   return (<AddVideoLinkDialog {...props} />);
+    // }
+    // case LOCAL_IMAGE: {
+    //   return (<input onClick={e => e.stopPropagation()} ref={uploadLocalImageInputRef} type="file" multiple={true} accept='image/*' style={{ display: 'none' }} onChange={onFileChanged} />);
+    // }
+    // case LOCAL_VIDEO: {
+    //   return (<input onClick={e => e.stopPropagation()} ref={uploadLocalVideoInputRef} type="file" accept='video/*' style={{ display: 'none' }} onChange={onVideoFileChanged} />);
+    // }
+    // case ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP : {
+    //   if (editor.editorType === WIKI_EDITOR) {
+    //     return <WikiFileLinkInsertDialog element={slateNode} editor={editor} closeDialog={closeDialog} />;
+    //   }
+    //   return <FileLinkInsertDialog element={slateNode} editor={editor} closeDialog={closeDialog} />;
+    // }
+    // case ELEMENT_TYPE.ASK_AI: {
+    //   return <AIModule element={slateNode} editor={editor} closeModule={closeDialog} />;
+    // }
     default:
       {
         return null;

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;

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -55,9 +55,11 @@ const CodeBlockHoverMenu = _ref2 => {
     onChangeLanguage,
     onChangeAutoLineWrap,
     onCopyCodeBlock,
-    onDeleteCodeBlock,
-    t
+    onDeleteCodeBlock
   } = _ref2;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     white_space = 'nowrap'
   } = style;
@@ -254,4 +256,4 @@ const CodeBlockHoverMenu = _ref2 => {
     ref: langRefs
   })))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CodeBlockHoverMenu);
+var _default = exports.default = CodeBlockHoverMenu;

package/dist/basic-sdk/extension/plugins/file-link/hover-menu/index.js

@@ -24,9 +24,11 @@ const FileLinkHoverMenu = _ref => {
     menuPosition,
     element,
     onUnwrapFileLinkNode,
-    onHideInsertHoverMenu,
-    t
+    onHideInsertHoverMenu
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const readOnly = (0, _slateReact.useReadOnly)();
   const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = (0, _react.useState)(false);
   const onCopy = (0, _react.useCallback)(e => {
@@ -117,4 +119,4 @@ const FileLinkHoverMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(FileLinkHoverMenu);
+var _default = exports.default = FileLinkHoverMenu;

package/dist/basic-sdk/extension/plugins/header/menu/index.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _commonUtils = require("../../../../utils/common-utils");
@@ -16,6 +15,8 @@ var _constants = require("../../../constants");
 var _core = require("../../../core");
 var _helpers = require("../helpers");
 require("./style.css");
+// import { withTranslation } from 'react-i18next';
+
 class HeaderMenu extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -150,4 +151,4 @@ class HeaderMenu extends _react.default.Component {
     })));
   }
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(HeaderMenu);
+var _default = exports.default = HeaderMenu;

package/dist/basic-sdk/extension/plugins/image/helpers.js

@@ -291,7 +291,7 @@ const handleBase64Image = (editor, path, imgData) => {
   const file = new File([blob], `${_slugid.default.nice()}.jpg`, {
     type: unit8Array.mime
   });
-  _context.default.uploadLocalImage([file]).then(res => {
+  _context.default.api.uploadLocalImage([file]).then(res => {
     const _data = {
       ...imgData,
       src: res[0]

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -27,9 +27,11 @@ const ImageHoverMenu = _ref => {
     parentNodeEntry,
     imageCaptionInputRef,
     onHideImageHoverMenu,
-    t,
     readonly
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     data,
     border_type = _constants2.IMAGE_BORDER_TYPE[0].type
@@ -299,4 +301,4 @@ const ImageHoverMenu = _ref => {
     }
   })));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ImageHoverMenu);
+var _default = exports.default = ImageHoverMenu;

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -33,9 +33,11 @@ const Image = _ref => {
     className,
     attributes,
     children,
-    isSelected,
-    t
+    isSelected
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     data,
     border_type = _constants3.IMAGE_BORDER_TYPE[0].type
@@ -348,7 +350,7 @@ const Image = _ref => {
     }
   })));
 };
-const SdocImage = (0, _reactI18next.withTranslation)('sdoc-editor')(Image);
+const SdocImage = Image;
 function renderImage(props, editor) {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const isSelected = (0, _slateReact.useSelected)();

package/dist/basic-sdk/extension/plugins/image/use-copy-image.js

@@ -51,7 +51,7 @@ const useCopyImage = _ref => {
           const file = new File([blob], 'downloaded_image.png', {
             type: blob.type
           });
-          const imageUrl = await _context.default.uploadLocalImage([file]);
+          const imageUrl = await _context.default.api.uploadLocalImage([file]);
           if (imageUrl && imageUrl[0]) {
             updateImageNode(editor, element, imageUrl[0]);
           }

package/dist/basic-sdk/extension/plugins/image/use-upload-image.js

@@ -42,7 +42,7 @@ const useUploadImage = _ref => {
     const uploadCurrentImage = async () => {
       try {
         const fileItem = _imageCache.default.getImage(file_uuid);
-        const imageUrl = await _context.default.uploadLocalImage([fileItem]);
+        const imageUrl = await _context.default.api.uploadLocalImage([fileItem]);
         if (imageUrl && imageUrl[0]) {
           updateImageNode(editor, element, imageUrl[0]);
         }

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -25,9 +25,11 @@ const SdocLinkHoverMenu = _ref => {
     element,
     onUnwrapFileLinkNode,
     onHideInsertHoverMenu,
-    t,
     url
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const readOnly = (0, _slateReact.useReadOnly)();
   const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = (0, _react.useState)(false);
   const onCopy = (0, _react.useCallback)(e => {
@@ -116,4 +118,4 @@ const SdocLinkHoverMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SdocLinkHoverMenu);
+var _default = exports.default = SdocLinkHoverMenu;