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

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;

package/dist/basic-sdk/extension/plugins/table/menu/color-selector-popover/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/plugins/table/menu/table-context-menu/index.js

@@ -7,7 +7,6 @@ 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 _constants = require("../../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
 var _KebabToCamel = _interopRequireDefault(require("../../../../../utils/Kebab-to-camel"));
@@ -22,6 +21,8 @@ var _horizontalAlignPopover = _interopRequireDefault(require("../horizontal-alig
 var _verticalAlignPopover = _interopRequireDefault(require("../vertical-align-popover"));
 var _insertTableElement = _interopRequireDefault(require("./insert-table-element"));
 require("./index.css");
+// import { withTranslation } from 'react-i18next';
+
 class TableContextMenu extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -229,4 +230,4 @@ class TableContextMenu extends _react.default.Component {
     }, t('Fit_table_to_page_width'))));
   }
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableContextMenu);
+var _default = exports.default = TableContextMenu;

package/dist/basic-sdk/extension/plugins/table/menu/table-context-menu/insert-table-element.js

@@ -8,10 +8,11 @@ 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 _reactstrap = require("reactstrap");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _constants = require("../../constants");
+// import { withTranslation } from 'react-i18next';
+
 class InsertTableElement extends _react.Component {
   constructor(props) {
     super(props);
@@ -94,4 +95,4 @@ class InsertTableElement extends _react.Component {
     }), /*#__PURE__*/_react.default.createElement("span", null, type === _constants.TABLE_ELEMENT.ROW ? t('Row(s)') : t('Column(s)'))));
   }
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(InsertTableElement);
+var _default = exports.default = InsertTableElement;

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../../commons/dropdown-menu-item"));
 var _constants = require("../../../../constants");
 var _helpers = require("../../helpers");
@@ -38,4 +37,4 @@ const TableMenu = _ref => {
     createTable: createTable
   }));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableMenu);
+var _default = exports.default = TableMenu;

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

@@ -95,4 +95,4 @@ const TextAlignMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextAlignMenu);
+var _default = exports.default = TextAlignMenu;

package/dist/basic-sdk/extension/plugins/text-style/menu/comemnt-editor-menu.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _menusConfig = require("../../../constants/menus-config");
@@ -69,4 +68,4 @@ const CommentEditorTextStyleMenuList = _ref => {
     key: index
   }, itemProps))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentEditorTextStyleMenuList);
+var _default = exports.default = CommentEditorTextStyleMenuList;

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

@@ -25,12 +25,14 @@ var _helpers3 = require("../helpers");
 const TextStyleMenuList = _ref => {
   let {
     editor,
-    t,
     isRichEditor,
     className,
     idPrefix,
     readonly
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   let selectedFontSize = (0, _helpers.getFontSize)(editor);
   let selectedFontSizeValue = selectedFontSize;
   const enableSeafileAI = _context.default.getSetting('enableSeafileAI');
@@ -159,4 +161,4 @@ const TextStyleMenuList = _ref => {
     isRichEditor: isRichEditor
   }));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextStyleMenuList);
+var _default = exports.default = TextStyleMenuList;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderVideo = renderVideo;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _helpers = require("./helpers");
@@ -128,7 +127,7 @@ const Video = _ref => {
     }
   }))));
 };
-const SdocVideo = (0, _reactI18next.withTranslation)('sdoc-editor')(Video);
+const SdocVideo = Video;
 function renderVideo(props, editor) {
   const {
     element,

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js

@@ -22,33 +22,37 @@ const CommentEditorToolbar = _ref => {
     readonly = false,
     onSubmit,
     submitBtnText,
-    onCancel
+    onCancel,
+    toolMenus
   } = _ref;
   (0, _useSelectionUpdate.default)();
   const eventBus = _eventBus.default.getInstance();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
+    className: "comment-editor-toolbar",
+    style: {
+      justifyContent: toolMenus.length === 0 ? 'end' : ''
+    }
+  }, toolMenus.length !== 0 && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
     className: "menu-group comment-editor-menu-group"
-  }, /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
+  }, toolMenus.includes('text_style') && /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu.default, {
+  }), toolMenus.includes(_constants.BLOCKQUOTE) && /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+  }), toolMenus.includes(_constants.UNORDERED_LIST) && /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     type: _constants.UNORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+  }), toolMenus.includes(_constants.ORDERED_LIST) && /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     type: _constants.ORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu3.default, {
+  }), toolMenus.includes(_constants.LINK) && /*#__PURE__*/_react.default.createElement(_menu3.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus
-  }), /*#__PURE__*/_react.default.createElement(_menu2.default, {
+  }), toolMenus.includes(_constants.IMAGE) && /*#__PURE__*/_react.default.createElement(_menu2.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus

package/dist/basic-sdk/hooks/use-comment.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useComment = exports.CommentProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
+var _context = _interopRequireDefault(require("../context"));
+var _model = require("../model");
 require("../assets/css/layout.css");
 require("../assets/css/default.css");
 require("../assets/css/sdoc-editor-article.css");
@@ -18,27 +20,36 @@ const CommentProvider = _ref => {
   let {
     children,
     type,
-    userInfo,
-    pluginName = '',
+    // comment or replay
     className = '',
+    pluginName = '',
+    // sdoc or wiki or txt ...
     pluginEventBus,
     pluginEvent,
-    api
+    collaborators = [],
+    participants = [],
+    addParticipants
   } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [collaborators, setCollaborators] = (0, _react.useState)([]);
+  console.log('children', children);
+  const getCollaborators = (0, _react.useCallback)(() => {
+    const newCollaborators = collaborators.map(user => new _model.User(user));
+    return newCollaborators;
+  }, [collaborators]);
+  const getParticipants = (0, _react.useCallback)(() => {
+    const newParticipants = participants.map(user => new _model.User(user));
+    return newParticipants;
+  }, [participants]);
   return /*#__PURE__*/_react.default.createElement(CommentContext.Provider, {
     value: {
       type,
-      userInfo,
-      pluginName,
+      userInfo: _context.default.getUserInfo(),
       className,
-      api,
+      pluginName,
       pluginEventBus,
       pluginEvent,
-      collaborators
+      collaborators: getCollaborators(),
+      participants: getParticipants(),
+      addParticipants
     }
   }, children);
 };

package/dist/basic-sdk/model/index.js

@@ -4,17 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function () {
-    return _notification.default;
-  }
-});
 Object.defineProperty(exports, "User", {
   enumerable: true,
   get: function () {
     return _user.default;
   }
 });
-var _user = _interopRequireDefault(require("./user"));
-var _notification = _interopRequireDefault(require("./notification"));
+var _user = _interopRequireDefault(require("./user"));