@seafile/sdoc-editor 1.0.68 → 1.0.69

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -116,7 +116,6 @@ const GlobalComment = _ref => {
     if (contentRef.current && contentRef.current.contains(event.target)) return true;
     return false;
   }, []);
-  console.log(commentList);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-drawer"
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -14,7 +14,6 @@ const useCommentList = () => {
   const {
     comment_list
   } = commentsInfo || {};
-  console.log(comment_list);
   const [commentType, setCommentType] = (0, _react.useState)(_constants.COMMENT_TYPES.ALL);
   const [commentList, setCommentList] = (0, _react.useState)([]);
   (0, _react.useEffect)(() => {

package/dist/basic-sdk/constants/plugin.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PLUGIN_DISPLAY_TYPE = exports.PLUGIN_BTN_POSITION = void 0;
 const PLUGIN_DISPLAY_TYPE = exports.PLUGIN_DISPLAY_TYPE = {
-  INLAY_RIGHT: 'inlay-right',
+  RIGHT_PANEL: 'right-panel',
   DIALOG: 'dialog'
 };
 const PLUGIN_BTN_POSITION = exports.PLUGIN_BTN_POSITION = {

package/dist/basic-sdk/right-panel/index.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../../hooks");
 var _resizeWidth = _interopRequireDefault(require("./resize-width"));
+var _constants = require("../constants");
 require("./index.css");
 const MIN_PANEL_WIDTH = 360;
 const MAX_PANEL_WIDTH = 620;
@@ -21,7 +22,6 @@ const RightPanel = _ref => {
     displayPluginName,
     closePlugin
   } = (0, _hooks.usePlugins)();
-  const panelWrapperRef = (0, _react.useRef)(null);
   const {
     collaborators
   } = (0, _hooks.useCollaborators)();
@@ -41,7 +41,7 @@ const RightPanel = _ref => {
   }, [width, displayPluginName]);
   const resizeWidth = (0, _react.useCallback)(width => {
     setWidth(width);
-  }, [panelWrapperRef]);
+  }, []);
   const resizeWidthEnd = (0, _react.useCallback)(width => {
     const panelWidth = JSON.parse(window.localStorage.getItem('sdoc-panel-width', '{}'));
     window.localStorage.setItem('sdoc-panel-width', JSON.stringify({
@@ -57,11 +57,11 @@ const RightPanel = _ref => {
   if (!displayPluginName) return null;
   const plugin = plugins.find(p => p.name === displayPluginName);
   if (!plugin) return null;
-  const Component = plugin.Component;
+  if (plugin.display_type && plugin.display_type !== _constants.PLUGIN_DISPLAY_TYPE.RIGHT_PANEL) return null;
+  const Component = plugin.component;
   if (!Component) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-content-right-panel-wrapper",
-    ref: panelWrapperRef,
     style: panelWrapperStyle
   }, plugin.resizable_width && /*#__PURE__*/_react.default.createElement(_resizeWidth.default, {
     minWidth: MIN_PANEL_WIDTH,

package/dist/components/doc-operations/plugins-operations.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("../../hooks");
 var _mouseEvent = require("../../basic-sdk/utils/mouse-event");
+var _constants = require("../../basic-sdk/constants");
 const PluginsOperations = () => {
   const {
     plugins,
@@ -19,7 +20,7 @@ const PluginsOperations = () => {
     (0, _mouseEvent.eventStopPropagation)(event);
     updateDisplayPlugin(pluginName);
   }, [updateDisplayPlugin]);
-  return plugins.map(plugin => {
+  return plugins.filter(plugin => !plugin.position || plugin.position === _constants.PLUGIN_BTN_POSITION.DEFAULT).map(plugin => {
     const {
       name,
       icon

package/dist/hooks/use-plugins.js

@@ -26,10 +26,9 @@ const PluginsProvider = _ref => {
       allPlugins.push({
         name: 'sdoc-comment',
         icon: 'sdoc-comments',
-        position: '',
         resizable_width: true,
-        display_type: 'inlay-right',
-        Component: _comment.default
+        display_type: _constants.PLUGIN_DISPLAY_TYPE.RIGHT_PANEL,
+        component: _comment.default
       });
     }
     return allPlugins;
@@ -40,7 +39,7 @@ const PluginsProvider = _ref => {
       return;
     }
     const plugin = plugins.find(plugin => plugin.name === name);
-    if ((plugin === null || plugin === void 0 ? void 0 : plugin.display_type) === _constants.PLUGIN_DISPLAY_TYPE.INLAY_RIGHT) {
+    if ((plugin === null || plugin === void 0 ? void 0 : plugin.display_type) === _constants.PLUGIN_DISPLAY_TYPE.RIGHT_PANEL) {
       setDisplayName(name);
     }
   }, [displayName, plugins]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.68",
+  "version": "1.0.69",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/dist/components/doc-operations/comments-operation/index.css

@@ -1,14 +0,0 @@
-.sdoc-notification-container .sdoc-notification-count {
-  position: absolute;
-  color: #fff;
-  font-size: 12px;
-  top: -7px;
-  right: -10px;
-  padding: 2px;
-  background: #fc6440;
-  border-radius: 50%;
-  min-width: 20px;
-  min-height: 20px;
-  transform: scale(.7);
-  text-align: center;
-}

package/dist/components/doc-operations/comments-operation/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CommentsOperation;
-var _react = _interopRequireWildcard(require("react"));
-var _basicSdk = require("../../../basic-sdk");
-var _mouseEvent = require("../../../basic-sdk/utils/mouse-event");
-var _constants = require("../../../basic-sdk/constants");
-require("./index.css");
-function CommentsOperation() {
-  const [unseenNotificationsCount, setUnseenNotificationsCount] = (0, _react.useState)(0);
-  const onCommentsToggle = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    const eventBus = _basicSdk.EventBus.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.COMMENT_LIST_CLICK);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const eventBus = _basicSdk.EventBus.getInstance();
-    const unsubscribeUnseenNotificationsCount = eventBus.subscribe(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, count => setUnseenNotificationsCount(count));
-    return () => {
-      unsubscribeUnseenNotificationsCount();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "op-item sdoc-notification-container",
-    onClick: onCommentsToggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-comments"
-  }), unseenNotificationsCount > 0 && /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-notification-count"
-  }, unseenNotificationsCount));
-}