@seafile/comment-editor 0.0.1-alpha.0 → 0.0.1-alpha.10

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

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
-var _commentContextMenu = _interopRequireDefault(require("../../../../comment/components/comment-context-menu"));
 var _constants = require("../../../../constants");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _useColorContext = require("../../../../hooks/use-color-context");
@@ -156,7 +155,7 @@ const TextStyleMenuList = _ref => {
     tipMessage: t('Reduce_font_size')
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-reduce-font-size"
-  }))), idPrefix && ![_constants.DOCUMENT_PLUGIN_EDITOR, _constants.WIKI_EDITOR].includes(editor.editorType) && /*#__PURE__*/_react.default.createElement(_commentContextMenu.default, null), idPrefix && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
+  }))), idPrefix && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
     isRichEditor: isRichEditor
   }));
 };

package/dist/basic-sdk/extension/render/render-comment-editor-element.js

@@ -21,7 +21,7 @@ const RenderCommentEditorCustomRenderElement = props => {
         const parentNode = (0, _core.getParentNode)(editor.children, element.id);
         const _props = {
           ...props,
-          className: 'sdoc-comment-editor-paragraph'
+          className: 'comment-editor-paragraph'
         };
         if (parentNode && parentNode.type === _constants.LIST_ITEM) {
           const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

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

@@ -27,9 +27,9 @@ const CommentEditorToolbar = _ref => {
   (0, _useSelectionUpdate.default)();
   const eventBus = _eventBus.default.getInstance();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-comment-editor-toolbar"
+    className: "comment-editor-toolbar"
   }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
-    className: "menu-group sdoc-comment-editor-menu-group"
+    className: "menu-group comment-editor-menu-group"
   }, /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
     editor: editor,
     readonly: readonly
@@ -53,7 +53,7 @@ const CommentEditorToolbar = _ref => {
     readonly: readonly,
     eventBus: eventBus
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-comment-editor-toolbar-right"
+    className: "comment-editor-toolbar-right"
   }, /*#__PURE__*/_react.default.createElement(_postComment.default, {
     editor: editor,
     onSubmit: onSubmit,

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

@@ -25,12 +25,12 @@ const PostCommentBtn = _ref => {
   }, [onCancel]);
   return /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    id: "sdoc-comment-editor-comment-btn"
+    id: "comment-editor-comment-btn"
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-save sdoc-comment-btn",
     onClick: onSubmit
   }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: "sdoc-comment-editor-comment-btn"
+    target: "comment-editor-comment-btn"
   }, submitBtnText));
 };
 var _default = exports.default = PostCommentBtn;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+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");
+require("../assets/css/layout.css");
+require("../assets/css/default.css");
+require("../assets/css/sdoc-editor-article.css");
+require("../assets/css/sdoc-editor-plugins.css");
+require("../assets/css/sdoc-comment-editor-plugin.css");
+require("../assets/css/dropdown-menu.css");
+const CommentContext = /*#__PURE__*/_react.default.createContext(null);
+const CommentProvider = _ref => {
+  let {
+    children,
+    type,
+    userInfo,
+    pluginName = '',
+    className = '',
+    pluginEventBus,
+    pluginEvent
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const [collaborators, setCollaborators] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(CommentContext.Provider, {
+    value: {
+      type,
+      userInfo,
+      pluginName,
+      className,
+      pluginEventBus,
+      pluginEvent,
+      collaborators
+    }
+  }, children);
+};
+exports.CommentProvider = CommentProvider;
+const useComment = () => {
+  const context = (0, _react.useContext)(CommentContext);
+  if (!context) {
+    throw new Error('\'CommentContext\' is null');
+  }
+  return {
+    ...context
+  };
+};
+exports.useComment = useComment;

package/dist/basic-sdk/index.js

@@ -4,10 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CollaboratorsProvider", {
+Object.defineProperty(exports, "CommentEditor", {
   enumerable: true,
   get: function () {
-    return _useCollaborators.CollaboratorsProvider;
+    return _commentEditor.default;
+  }
+});
+Object.defineProperty(exports, "CommentProvider", {
+  enumerable: true,
+  get: function () {
+    return _useComment.CommentProvider;
   }
 });
 Object.defineProperty(exports, "DropdownMenuItem", {
@@ -58,36 +64,12 @@ Object.defineProperty(exports, "MenuShortcutPrompt", {
     return _menuShortcutIndicator.default;
   }
 });
-Object.defineProperty(exports, "Provider", {
-  enumerable: true,
-  get: function () {
-    return _provider.default;
-  }
-});
-Object.defineProperty(exports, "RightPanel", {
-  enumerable: true,
-  get: function () {
-    return _rightPanel.default;
-  }
-});
-Object.defineProperty(exports, "SDocEditor", {
-  enumerable: true,
-  get: function () {
-    return _sdocEditor.default;
-  }
-});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
     return _tooltip.default;
   }
 });
-Object.defineProperty(exports, "WIKI_EDITOR_EDIT_AREA_WIDTH", {
-  enumerable: true,
-  get: function () {
-    return _constants.WIKI_EDITOR_EDIT_AREA_WIDTH;
-  }
-});
 Object.defineProperty(exports, "context", {
   enumerable: true,
   get: function () {
@@ -154,10 +136,10 @@ Object.defineProperty(exports, "toaster", {
     return _toast.default;
   }
 });
-Object.defineProperty(exports, "useCollaborators", {
+Object.defineProperty(exports, "useComment", {
   enumerable: true,
   get: function () {
-    return _useCollaborators.useCollaborators;
+    return _useComment.useComment;
   }
 });
 Object.defineProperty(exports, "withNodeId", {
@@ -166,28 +148,19 @@ Object.defineProperty(exports, "withNodeId", {
     return _nodeId.default;
   }
 });
-Object.defineProperty(exports, "withSocketIO", {
-  enumerable: true,
-  get: function () {
-    return _socket.withSocketIO;
-  }
-});
-var _provider = _interopRequireDefault(require("./comment/provider"));
 var _fileLoading = _interopRequireDefault(require("./components/file-loading"));
 var _loading = _interopRequireDefault(require("./components/loading"));
 var _toast = _interopRequireDefault(require("./components/toast"));
 var _tooltip = _interopRequireDefault(require("./components/tooltip"));
 var _constants = require("./constants");
 var _context = _interopRequireDefault(require("./context"));
-var _sdocEditor = _interopRequireDefault(require("./editor/sdoc-editor"));
+var _commentEditor = _interopRequireDefault(require("./editor/comment-editor"));
 var _extension = require("./extension");
 var _dropdownMenuItem = _interopRequireDefault(require("./extension/commons/dropdown-menu-item"));
 var _menuShortcutIndicator = _interopRequireDefault(require("./extension/commons/menu-shortcut-indicator"));
-var _useCollaborators = require("./hooks/use-collaborators");
+var _useComment = require("./hooks/use-comment");
 var _nodeId = _interopRequireDefault(require("./node-id"));
-var _rightPanel = _interopRequireDefault(require("./right-panel"));
 var _slateConvert = require("./slate-convert");
-var _socket = require("./socket");
 var _commonUtils = require("./utils/common-utils");
 var _eventBus = _interopRequireDefault(require("./utils/event-bus"));
 var _localStorageUtils = _interopRequireDefault(require("./utils/local-storage-utils"));

package/dist/pages/seafile-comment-editor.js

@@ -1,69 +1,45 @@
 "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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
 var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
-var _hooks = require("../hooks");
-require("../assets/css/simple-editor.css");
 const SeafileCommentEditor = _ref => {
   let {
-    isStarred,
-    isDraft,
-    showComment,
-    showDocOperations = true,
-    t,
-    plugins = [],
-    collaborators
+    type,
+    userInfo,
+    pluginName = '',
+    className = '',
+    commentContent,
+    hiddenUserInfo,
+    insertContent,
+    hiddenComment,
+    onContentChange,
+    addParticipants,
+    pluginEventBus,
+    pluginEvent,
+    api
   } = _ref;
-  _basicSdk.context.initApi();
-  const editorRef = (0, _react.useRef)(null);
-  const {
-    isFirstLoading,
-    isReloading,
-    errorMessage,
-    document,
-    reloadDocument,
-    setErrorMessage
-  } = (0, _hooks.useDocument)();
-  const validEditor = (0, _react.useMemo)(() => {
-    const defaultEditor = (0, _basicSdk.createDefaultEditor)();
-    const editorConfig = _basicSdk.context.getEditorConfig();
-    const newEditor = (0, _basicSdk.withNodeId)((0, _basicSdk.withSocketIO)(defaultEditor, {
-      document,
-      config: editorConfig
-    }));
-    const {
-      cursors
-    } = document;
-    newEditor.cursors = cursors || {};
-    newEditor.width = 672; // default width
-    return newEditor;
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  if (isFirstLoading) {
-    return /*#__PURE__*/_react.default.createElement(_basicSdk.Loading, null);
-  }
-  if (errorMessage) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "error-page"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "error-tip"
-    }, t(errorMessage)));
-  }
-  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CollaboratorsProvider, {
-    collaborators: collaborators
-  }, /*#__PURE__*/_react.default.createElement(_basicSdk.Provider, {
-    editor: validEditor
-  }, /*#__PURE__*/_react.default.createElement(_basicSdk.RightPanel, {
-    editor: validEditor
-  }))));
+  _basicSdk.context.init(api);
+  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+    type: type,
+    userInfo: userInfo,
+    pluginName: pluginName,
+    className: className,
+    pluginEventBus: pluginEventBus,
+    pluginEvent: pluginEvent
+  }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
+    commentContent: commentContent,
+    hiddenUserInfo: hiddenUserInfo,
+    insertContent: insertContent,
+    hiddenComment: hiddenComment,
+    onContentChange: onContentChange,
+    addParticipants: addParticipants
+  })));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.10",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
   "dependencies": {
+    "@seafile/comment-editor": "^0.0.1-alpha.0",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "4.0.2",
     "@seafile/sdoc-editor": "2.0.60",

package/dist/assets/css/plugin-editor.css

@@ -1,7 +0,0 @@
-.sdoc-editor-container .sdoc-editor-content.no-outline .sdoc-article-container {
-  margin: 0 auto !important;
-}
-
-html {
-  scrollbar-width: none;
-}

package/dist/assets/css/simple-viewer.css

@@ -1,6 +0,0 @@
-.sdoc-share-permission {
-  font-size: 12px;
-  padding: 2px 6px;
-  border-radius: 4px;
-  border: solid 1px rgba(0, 0, 0, 0.12);
-}

package/dist/basic-sdk/comment/components/comment-all-participants/index.css

@@ -1,83 +0,0 @@
-.sdoc-comment-drawer .comments-panel-body__header .comments-participants-container {
-  width: fit-content;
-  max-width: 100%;
-  height: 42px;
-  padding-top: 6px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
-.sdoc-comment-drawer .comments-panel-body__header .comments-participants-editor-target {
-  position: absolute;
-  left: -1px;
-  top: 0;
-  z-index: -1;
-  height: 100%;
-  width: 1px;
-  background-color: transparent;
-}
-
-.sdoc-comment-drawer .comments-panel-body__header .comment-participant-avatar {
-  border-radius: 50%;
-  vertical-align: middle;
-  margin-right: -0.5rem;
-}
-
-.sdoc-comment-drawer .comments-panel-body__header .comment-participant-avatar img {
-  width: 28px;
-  height: 28px;
-  border: 2px solid #fff;
-  line-height: 2rem;
-  border-radius: 50%;
-  display: inline-block;
-  background: #ced4da no-repeat center/cover;
-  position: relative;
-  text-align: center;
-  color: #868e96;
-  font-weight: 600;
-  vertical-align: bottom;
-  font-size: .875rem;
-  user-select: none;
-}
-
-.sdoc-comment-drawer .comments-panel-body__header .add-comments-participants {
-  position: relative;
-  bottom: -3px;
-  cursor: pointer;
-  margin-right: -0.5rem;
-  height: 20px;
-  width: 20px;
-  background-color: #fff;
-  border: 1px solid #fff;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-comment-drawer .add-comments-participants .sdocfont {
-  font-size: 16px;
-  color: #ff8000;
-  border-radius: 50%;
-}
-
-.sdoc-comment-drawer .comment-participants-more {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, .6);
-  border: 2px solid #fff;
-}
-
-.sdoc-comment-drawer .comment-participants-more .sdocfont {
-  color: #fff;
-  font-size: 12px;
-}

package/dist/basic-sdk/comment/components/comment-all-participants/index.js

@@ -1,67 +0,0 @@
-"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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _slateReact = require("@seafile/slate-react");
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-var _useParticipants = require("../../hooks/use-participants");
-var _commentParticipantsEditor = _interopRequireDefault(require("../comment-participants-editor"));
-var _participantAvatar = _interopRequireDefault(require("./participant-avatar"));
-require("./index.css");
-const CommentAllParticipants = () => {
-  const popoverRef = (0, _react.useRef)();
-  const {
-    participants
-  } = (0, _useParticipants.useParticipantsContext)();
-  const editor = (0, _slateReact.useSlateStatic)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const addParticipantId = 'sdoc-add-participants';
-  const commentsParticipantsId = 'sdoc-comments-participants';
-  const [isDidMount, setDidMount] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setDidMount(true);
-  }, []);
-  const toggle = (0, _react.useCallback)(() => {
-    popoverRef.current && popoverRef.current.toggle();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [popoverRef.current]);
-  const participantsCount = participants.length;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-participants-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-participants-editor-target",
-    id: commentsParticipantsId
-  }), participants.slice(0, 14).map((participant, index) => {
-    const {
-      username
-    } = participant;
-    return /*#__PURE__*/_react.default.createElement(_participantAvatar.default, {
-      key: username,
-      participant: participant,
-      index: index,
-      showMore: participantsCount > 13 && index === 13
-    });
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "add-comments-participants",
-    id: addParticipantId,
-    onClick: toggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-add"
-  })), isDidMount && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: addParticipantId
-  }, t('Add_participants'))), isDidMount && /*#__PURE__*/_react.default.createElement(_commentParticipantsEditor.default, {
-    target: commentsParticipantsId,
-    ref: popoverRef,
-    editor: editor
-  }));
-};
-var _default = exports.default = CommentAllParticipants;

package/dist/basic-sdk/comment/components/comment-all-participants/participant-avatar.js

@@ -1,43 +0,0 @@
-"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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-const ParticipantAvatar = _ref => {
-  let {
-    participant,
-    index,
-    showMore
-  } = _ref;
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setShowTooltip(true);
-  }, []);
-  const {
-    name,
-    avatar_url
-  } = participant;
-  const id = `comment-participant-avatar-${index}-${Math.floor(Math.random() * 1000)}`;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('comment-participant-avatar', {
-      'position-relative': showMore
-    }),
-    id: id
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: avatar_url,
-    alt: ""
-  }), showTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: id
-  }, name), showMore && /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-participants-more"
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-more"
-  })));
-};
-var _default = exports.default = ParticipantAvatar;

package/dist/basic-sdk/comment/components/comment-context-menu/index.css

@@ -1,16 +0,0 @@
-.menu-group-item.sdoc-comment-menu-container {
-  width: auto;
-  color: #212529;
-  font-size: 14px;
-}
-
-.sdoc-comment-menu-item .sdoc-comments {
-  margin-right: 4px;
-}
-
-.sdoc-context-menu-divider {
-  margin-right: 8px;
-  border-left: 1px solid #e5e5e5;
-  width: 1px;
-  height: 24px;
-}

package/dist/basic-sdk/comment/components/comment-context-menu/index.js

@@ -1,43 +0,0 @@
-"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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../constants");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _menuItem = _interopRequireDefault(require("./menu-item"));
-require("./index.css");
-const CommentContextMenu = _ref => {
-  let {
-    isRichEditor
-  } = _ref;
-  const onCommentClick = (0, _react.useCallback)(event => {
-    // Make context toolbar disappear
-    const contextToolBarDom = document.querySelector('.sdoc-context-toolbar');
-    if (contextToolBarDom) {
-      contextToolBarDom.removeAttribute('style');
-    }
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.ADD_CONTEXT_COMMENT);
-  }, []);
-  const commentProps = {
-    id: 'context-toolbar-comment',
-    isRichEditor,
-    className: 'menu-group-item sdoc-comment-menu-container',
-    disabled: false,
-    isActive: false,
-    onMouseDown: onCommentClick,
-    iconClass: 'sdocfont sdoc-comments',
-    text: 'Comment',
-    ariaLabel: 'Add_Comment',
-    type: 'sdoc-add-comment'
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-context-menu-divider"
-  }), /*#__PURE__*/_react.default.createElement(_menuItem.default, commentProps));
-};
-var _default = exports.default = CommentContextMenu;

package/dist/basic-sdk/comment/components/comment-context-menu/menu-item.js

@@ -1,57 +0,0 @@
-"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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-const MenuItem = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    disabled,
-    isActive,
-    type,
-    onMouseDown,
-    id,
-    text,
-    ariaLabel,
-    iconClass
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const onClick = (0, _react.useCallback)(event => {
-    if (disabled) return;
-    onMouseDown(event, type);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [disabled, type]);
-  const validClassName = (0, _classnames.default)('', className, {
-    'btn btn-icon btn-secondary btn-active': !isRichEditor,
-    'rich-icon-btn': isRichEditor,
-    'rich-icon-btn-disabled': isRichEditor && disabled,
-    'rich-icon-btn-hover': isRichEditor && !disabled
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    id: id,
-    type: "button",
-    "aria-label": ariaLabel,
-    className: validClassName,
-    disabled: disabled,
-    "data-active": isActive,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-comment-menu-item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: iconClass
-  }), /*#__PURE__*/_react.default.createElement("span", null, t(text)))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: id
-  }, t(ariaLabel)));
-};
-var _default = exports.default = MenuItem;