@seafile/comment-editor 1.0.27 → 1.0.28

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -1,14 +1,10 @@
-.sdoc-dropdown-menu,
-.sdoc-dropdown-menu .sdoc-dropdown-menu-container {
+.sdoc-dropdown-menu {
   width: fit-content;
   min-width: 200px;
-  max-width: 240px;
+  max-width: 480px;
   max-height: 600px;
-  overflow: visible;
-}
-
-.sdoc-dropdown-menu .sdoc-dropdown-menu-container {
   padding: 8px;
+  overflow: visible;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-divider {
@@ -80,6 +76,7 @@
   align-items: center;
   flex: 1;
   font-size: 14px;
+  white-space: nowrap;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
@@ -89,7 +86,8 @@
 .sdoc-dropdown-menu .sdoc-arrow-right {
   color: #666;
   font-size: 12px !important;
-  line-height: 12px !important;
+  height: 21px;
+  line-height: 21px !important;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {

package/dist/basic-sdk/assets/css/popover.css

@@ -0,0 +1,3 @@
+.sdoc-popover-box-shadow {
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .1);
+}

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -13,6 +13,9 @@ const TEXT_LINK = 'text_link';
 
 // text-align
 const TEXT_ALIGN = exports.TEXT_ALIGN = 'text_align';
+const ALIGN_LEFT = 'align_left';
+const ALIGN_RIGHT = 'align_right';
+const ALIGN_CENTER = 'align_center';
 const TEXT_STYLE_MAP = exports.TEXT_STYLE_MAP = {
   BOLD: BOLD,
   ITALIC: ITALIC,
@@ -68,5 +71,18 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     text: 'Insert_link',
     ariaLabel: 'link',
     type: TEXT_STYLE_MAP.LINK
+  }],
+  [TEXT_ALIGN]: [{
+    id: ALIGN_LEFT,
+    iconClass: 'sdocfont sdoc-align-left',
+    type: 'left'
+  }, {
+    id: ALIGN_CENTER,
+    iconClass: 'sdocfont sdoc-align-center',
+    type: 'center'
+  }, {
+    id: ALIGN_RIGHT,
+    iconClass: 'sdocfont sdoc-align-right',
+    type: 'right'
   }]
 };

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

@@ -7,13 +7,13 @@
 
 .sdoc-image-hover-menu-container .hover-menu-container {
   height: 36px;
-  background-color: #fff;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   border-radius: 3px;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
-  border: 1px solid #e8e8e8;
+  background-color: #fff;
+  border: 1px solid #eee;
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
 }
 
 .sdoc-image-hover-menu-container .hover-menu-container>span {
@@ -61,9 +61,9 @@
   top: 32px;
   left: 0px;
   background-color: #fff;
-  border: 1px solid #e5e6e8;
+  border: 1px solid #eee;
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 8px;
-  box-shadow: 0 0 10px #ccc;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -71,22 +71,18 @@
   white-space: nowrap;
 }
 
-.sdoc-image-hover-menu-container .sdoc-image-popover .sdoc-dropdown-menu-container .sdoc-dropdown-menu-item {
+.sdoc-image-hover-menu-container .sdoc-dropdown-menu-item {
   padding: 4px 12px 4px 38px;
 }
 
-.sdoc-image-hover-menu-container .sdoc-image-popover .sdoc-dropdown-menu-container .sdoc-check-mark {
+.sdoc-image-hover-menu-container .sdoc-check-mark {
   position: absolute;
   left: 12px;
   color: #666;
 }
 
 .sdoc-image-hover-menu-container .align-popover {
-  min-width: 80px;
-}
-
-.sdoc-image-hover-menu-container .align-popover .sdoc-dropdown-menu-container {
-  min-width: 80px;
+  min-width: 96px;
 }
 
 .sdoc-image-hover-menu-container .border-popover {

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

@@ -183,8 +183,6 @@ const ImageHoverMenu = _ref => {
     className: "sdocfont sdoc-arrow-down"
   }), popoverState.displayPopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-image-popover sdoc-dropdown-menu"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-container"
   }, _constants2.IMAGE_DISPLAY_TYPE.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: item.value,
@@ -197,7 +195,7 @@ const ImageHoverMenu = _ref => {
     }, /*#__PURE__*/_react.default.createElement("span", null, t(item.text)), type === item.value && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
-  }))))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
+  })))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
@@ -213,8 +211,6 @@ const ImageHoverMenu = _ref => {
     className: "sdocfont sdoc-arrow-down"
   }), popoverState.alignPopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-container"
   }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: item.id,
@@ -229,7 +225,7 @@ const ImageHoverMenu = _ref => {
     }), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark"
     }));
-  })))), /*#__PURE__*/_react.default.createElement("span", {
+  }))), /*#__PURE__*/_react.default.createElement("span", {
     id: "sdoc_image_border",
     role: "button",
     className: (0, _classnames.default)('op-item', 'ml-1', {

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

@@ -59,12 +59,13 @@ const ImageMenu = _ref => {
   })), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-image-menu-popover",
+    className: "sdoc-menu-popover sdoc-sub-dropdown-menu sdoc-insert-image-menu-popover",
+    popperClassName: "sdoc-popover-box-shadow",
     placement: "right-start",
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-insert-image-menu-popover-container sdoc-dropdown-menu-container"
+    className: "sdoc-insert-image-menu-popover-container sdoc-dropdown-menu"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openInsertLocalImage

package/dist/basic-sdk/extension/plugins/link/hover/index.css

@@ -4,9 +4,9 @@
   display: flex;
   position: absolute;
   background-color: #fff;
-  border: 1px solid #e5e5e5;
-  border-radius: 3px;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
+  border: 1px solid #eee;
+  border-radius: 8px;
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
   z-index: 101;
 }
 

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

@@ -14,6 +14,7 @@ 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");
+require("../assets/css/popover.css");
 const CommentContext = /*#__PURE__*/_react.default.createContext(null);
 const CommentProvider = _ref => {
   let {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
@@ -126,8 +126,8 @@
     "react-dom": "18.3.1",
     "react-i18next": "^15.5.2",
     "react-refresh": "^0.11.0",
-    "react-router": "7.13.1",
-    "react-router-dom": "7.13.1",
+    "react-router": "7.16.0",
+    "react-router-dom": "7.16.0",
     "resolve": "^1.20.0",
     "resolve-url-loader": "5.0.0",
     "sass-loader": "^12.3.0",