@seafile/comment-editor 0.0.6 → 0.0.7-alpha.0

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

@@ -95,13 +95,8 @@
 .comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group {
   border-right: none !important;
   padding-left: 0 !important;
-}
-
-.comment-editor-wrapper .comment-editor-toolbar .menu-group {
   height: 100%;
-  padding: 6px 0 6px 8px;
   font-size: 0.75rem;
-  border-right: 1px solid #e5e6e8;
   border-radius: 0 !important;
   color: #444;
   display: flex;
@@ -109,7 +104,7 @@
   justify-content: center;
 }
 
-.comment-editor-wrapper .comment-editor-toolbar .menu-group .menu-group-item {
+.comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item {
   width: 24px;
   height: 24px;
   line-height: 24px;
@@ -119,20 +114,19 @@
   background-color: transparent;
 }
 
-.comment-editor-wrapper .comment-editor-toolbar .menu-group .menu-group-item:disabled {
+.comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item:disabled {
   color: #BDBDBD;
 }
 
-.comment-editor-wrapper .comment-editor-toolbar .menu-group .menu-group-item:hover {
+.comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item:hover {
   background-color: #F2F2F2;
   border-radius: 2px;
 }
 
-.comment-editor-wrapper .comment-editor-toolbar .menu-group .menu-group-item[data-active='true'] {
+.comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item[data-active='true'] {
   color: #eb8205;
 }
 
-.comment-editor-wrapper .comment-editor-toolbar .menu-group .menu-group-item .sdocfont,
-.sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-icon .sdocfont {
+.comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item .sdocfont {
   font-size: 12px;
 }

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

@@ -17,5 +17,4 @@ Object.defineProperty(exports, "MenuItem", {
   }
 });
 var _menuGroup = _interopRequireDefault(require("./menu-group"));
-var _menuItem = _interopRequireDefault(require("./menu-item"));
-require("./menu.css");
+var _menuItem = _interopRequireDefault(require("./menu-item"));

package/dist/basic-sdk/extension/commons/menu/menu-group.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 class MenuGroup extends _react.default.PureComponent {
   render() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: 'btn-group ' + (this.props.className || 'menu-group'),
+      className: 'btn-group ' + this.props.className,
       role: 'group'
     }, this.props.children);
   }

package/dist/basic-sdk/extension/commons/menu/menu-item.js

@@ -13,7 +13,7 @@ var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 const MenuItem = _ref => {
   let {
     isRichEditor = true,
-    className = 'menu-group-item',
+    className = 'comment-editor-menu-group-item',
     disabled,
     isActive,
     type,

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

@@ -33,7 +33,7 @@ const CommentEditorToolbar = _ref => {
       justifyContent: toolMenus.length === 0 ? 'end' : ''
     }
   }, toolMenus.length !== 0 && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
-    className: "menu-group comment-editor-menu-group"
+    className: "comment-editor-menu-group"
   }, toolMenus.includes('text_style') && /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
     editor: editor,
     readonly: readonly

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

@@ -41,26 +41,6 @@ const SeafileCommentEditor = _ref => {
     _basicSdk.context.init(settings, api);
     setI18n((0, _i18n.default)(settings));
   }, [api, settings]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, i18n && /*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider, {
-    i18n: i18n
-  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
-    type: type,
-    className: className,
-    pluginName: pluginName,
-    pluginEventBus: pluginEventBus,
-    pluginEvent: pluginEvent,
-    collaborators: collaborators,
-    participants: participants,
-    addParticipants: addParticipants
-  }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
-    content: content,
-    placeholder: placeholder,
-    toolMenus: toolMenus,
-    insertContent: insertContent,
-    onContentChange: onContentChange,
-    hiddenComment: hiddenComment,
-    hiddenUserInfo: hiddenUserInfo,
-    closePanel: closePanel
-  })))));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "123"));
 };
 var _default = exports.default = SeafileCommentEditor;

package/package.json

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

package/dist/basic-sdk/extension/commons/menu/menu.css

@@ -1,82 +0,0 @@
-.menu-group {
-  height: 100%;
-  padding: 6px 0 6px 8px;
-  font-size: 0.75rem;
-  border-right: 1px solid #e5e6e8;
-  border-radius: 0 !important;
-  color: #444;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.menu-group .menu-group-item {
-  width: 24px;
-  height: 24px;
-  line-height: 24px;
-  margin-right: 8px;
-  border: none !important;
-  color: #444;
-  background-color: transparent;
-}
-
-.menu-group .menu-group-item:disabled {
-  color: #BDBDBD;
-}
-
-.menu-group .menu-group-item:hover {
-  background-color: #F2F2F2;
-  border-radius: 2px;
-}
-
-.menu-group .menu-group-item[data-active='true'] {
-  color: #eb8205;
-}
-
-.menu-group .menu-group-item .sdocfont,
-.sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-icon .sdocfont {
-  font-size: 12px;
-}
-
-/* sdoc-menu-with-dropdown */
-.menu-group .menu-group-item.sdoc-menu-with-dropdown {
-  width: 36px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 0 !important;
-  padding: 0 !important;
-  margin-right: 10px;
-  overflow: hidden;
-}
-
-.menu-group .menu-group-item.sdoc-menu-with-dropdown.disabled {
-  color: #999;
-}
-
-.sdoc-menu-with-dropdown:not(.disabled):hover {
-  background: #F2F2F2;
-  border-radius: 2px;
-}
-
-.sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-icon {
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-triangle {
-  width: 12px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-triangle .sdoc-menu-with-dropdown-triangle-icon {
-  font-size: 12px;
-  color: #999;
-}