@seafile/comment-editor 0.0.19 → 1.0.1

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

@@ -84,8 +84,8 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdocfont {
-  font-size: 12px;
-  line-height: 12px;
+  font-size: 14px;
+  line-height: 14px;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
@@ -97,7 +97,6 @@
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
   margin-right: 10px;
-  vertical-align: 1px;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {

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

@@ -129,5 +129,5 @@
 }
 
 .comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item .sdocfont {
-  font-size: 12px;
+  font-size: 14px;
 }

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -38,6 +38,11 @@ class ImagePreviewer extends _react.default.Component {
         imageIndex: (prevState.imageIndex + 1) % this.images.length
       }));
     });
+    (0, _defineProperty2.default)(this, "setImageIndex", index => {
+      this.setState({
+        imageIndex: index
+      });
+    });
     const {
       editor,
       imageUrl
@@ -68,6 +73,9 @@ class ImagePreviewer extends _react.default.Component {
       className: "flex-shrink-0"
     }, "(", imageIndex + 1, "/", this.images.length, ")"));
     return /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
+      imageItems: this.images,
+      currentIndex: imageIndex,
+      setImageIndex: index => this.setImageIndex(index),
       wrapperClassName: "sf-editor-image-previewer",
       imageTitle: imageTitleEl,
       mainSrc: mainSrc,

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

@@ -48,8 +48,8 @@
   background: #f1f1f1;
 }
 
-.sdoc-image-hover-menu-container .hover-menu-container .icon-font {
-  font-size: 12px;
+.sdoc-image-hover-menu-container .hover-menu-container .sdocfont {
+  font-size: 14px;
   color: #999999;
 }
 

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

@@ -180,7 +180,7 @@ const ImageHoverMenu = _ref => {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "mr-1"
   }, t(type === _constants.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
+    className: "sdocfont sdoc-drop-down"
   }))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react.default.createElement("span", {
@@ -192,9 +192,9 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'alignPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} icon-font mr-1`)
+    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} mr-1`)
   }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
+    className: "sdocfont sdoc-drop-down "
   })), /*#__PURE__*/_react.default.createElement("span", {
     id: "sdoc_image_border",
     role: "button",
@@ -205,9 +205,9 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'borderPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-image icon-font mr-1"
+    className: "sdocfont sdoc-image mr-1"
   }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
+    className: "sdocfont sdoc-drop-down "
   }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_image_border",
     placement: "top",
@@ -222,7 +222,7 @@ const ImageHoverMenu = _ref => {
       'show_caption': !show_caption
     })
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-describe icon-font mr-1"
+    className: "sdocfont sdoc-caption mr-1"
   }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_image_caption",
     placement: "top",
@@ -238,7 +238,7 @@ const ImageHoverMenu = _ref => {
       setIsShowImagePreview(!isShowImagePreview);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-fullscreen icon-font"
+    className: "sdocfont sdoc-fullscreen "
   }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_image_full_screen_mode",
     placement: "top",
@@ -271,7 +271,7 @@ const ImageHoverMenu = _ref => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: (0, _classnames.default)(item.iconClass, 'icon-font')
+      className: (0, _classnames.default)(item.iconClass)
     })), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));

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

@@ -53,7 +53,7 @@
 }
 
 .link-op-icon .sdocfont {
-  font-size: 12px;
+  font-size: 14px;
   color: #444;
 }
 

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.19",
+  "version": "1.0.1",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "4.0.2",
+    "@seafile/react-image-lightbox": "^5.0.0",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -14,7 +14,6 @@
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.3",
     "deep-copy": "1.4.2",
-    "dtable-ui-component": "^6.0.15",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "react-transition-group": "4.4.5",