@seafile/sdoc-editor 3.0.196 → 3.0.198

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

@@ -80,7 +80,7 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
-  margin-right: 12px;
+  margin-right: 8px;
 }
 
 .sdoc-dropdown-menu .sdoc-arrow-right {

package/dist/comment/components/comment-item-content.js

@@ -168,7 +168,7 @@ var CommentItemContent = function CommentItemContent(_ref) {
     onClick: markAsResolved
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-check-mark"
-  })), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  })), !isDropdownOpen && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "tooltip_".concat(menuId)
   }, t('Resolved_tip'))), /*#__PURE__*/_react["default"].createElement(_reactstrap.Dropdown, {
     id: targetId,

package/dist/comment/components/global-comment/global-comment-header.js

@@ -131,7 +131,7 @@ var GlobalCommentHeader = function GlobalCommentHeader(_ref2) {
     id: "comment-types"
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-filter1"
-  }), isMounted && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }), isMounted && !isDropdownOpen && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "comment-types"
   }, t('Filter'))), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu sdoc-comment-filter-dropdown",
@@ -157,10 +157,13 @@ var GlobalCommentHeader = function GlobalCommentHeader(_ref2) {
   }), isMounted && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "sdoc-read-all-btn"
   }, t('Mark_all_as_read'))), /*#__PURE__*/_react["default"].createElement("div", {
+    id: "sdoc-comment-close",
     className: "sdoc-icon-btn",
     onClick: toggle
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-sm-close"
-  }))));
+  }), isMounted && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc-comment-close"
+  }, t('Close')))));
 };
 var _default = exports["default"] = GlobalCommentHeader;

package/dist/components/tooltip/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
@@ -21,7 +22,9 @@ var Tooltip = function Tooltip(_ref) {
     _ref$fade = _ref.fade,
     fade = _ref$fade === void 0 ? false : _ref$fade,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 0 : _ref$delay;
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? null : _ref$offset;
   var hasBoundary = modifiers.find(function (item) {
     return item.name === 'preventOverflow';
   });
@@ -31,7 +34,7 @@ var Tooltip = function Tooltip(_ref) {
       boundary: window.document.body
     }
   }]);
-  var props = {
+  var props = (0, _objectSpread2["default"])({
     target: target,
     placement: placement,
     popperClassName: (0, _classnames["default"])('sdoc-tooltip', className),
@@ -40,7 +43,9 @@ var Tooltip = function Tooltip(_ref) {
     autohide: false,
     fade: fade,
     modifiers: newModifiers
-  };
+  }, offset && {
+    offset: offset
+  });
   return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledTooltip, props, children);
 };
 var _default = exports["default"] = Tooltip;

package/dist/extension/commons/color-menu/index.js

@@ -145,7 +145,7 @@ var ColorMenu = function ColorMenu(_ref) {
     className: "sdoc-color-toggle sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down')
-  }))), text && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), text && !isShowMenu && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: buttonId
   }, t(text)), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: id,

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

@@ -23,7 +23,9 @@ var MenuItem = function MenuItem(_ref) {
     iconClass = _ref.iconClass,
     id = _ref.id,
     text = _ref.text,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    _ref$isShowPopover = _ref.isShowPopover,
+    isShowPopover = _ref$isShowPopover === void 0 ? false : _ref$isShowPopover;
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var onClick = (0, _react.useCallback)(function (event) {
@@ -52,7 +54,7 @@ var MenuItem = function MenuItem(_ref) {
     className: "sdoc-link-menu-item"
   }, /*#__PURE__*/_react["default"].createElement("span", null, t(text)), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), !isShowPopover && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: id
   }, t(text)));
 };

package/dist/extension/commons/more-dropdown/index.js

@@ -1,13 +1,17 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 var MoreDropdown = function MoreDropdown(_ref) {
   var _ref$isRichEditor = _ref.isRichEditor,
     isRichEditor = _ref$isRichEditor === void 0 ? true : _ref$isRichEditor,
@@ -15,6 +19,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
     className = _ref$className === void 0 ? 'menu-group-item' : _ref$className,
     disabled = _ref.disabled,
     children = _ref.children;
+  var popoverRef = (0, _react.useRef)(null);
   var validClassName = (0, _classnames["default"])(className, 'sdoc-more-text-button', {
     'disabled': disabled,
     'rich-icon-btn': isRichEditor,
@@ -23,6 +28,18 @@ var MoreDropdown = function MoreDropdown(_ref) {
     'btn btn-icon btn-secondary btn-active': !isRichEditor
   });
   var buttonId = 'sdoc-more-text-operations';
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isShowMenu = _useState2[0],
+    setIsShowMenu = _useState2[1];
+  var toggle = (0, _react.useCallback)(function (event) {
+    popoverRef.current.toggle();
+    setIsShowMenu(!isShowMenu);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowMenu]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
     className: validClassName,
     type: "button",
@@ -30,14 +47,18 @@ var MoreDropdown = function MoreDropdown(_ref) {
     id: buttonId
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-more"
-  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+  }), !isShowMenu && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: buttonId
+  }, t('More_operation'))), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: buttonId,
     className: "sdoc-dropdown-menu",
     popperClassName: "sdoc-popover-box-shadow",
     trigger: "legacy",
     placement: "bottom-end",
     hideArrow: true,
-    fade: false
+    toggle: toggle,
+    fade: false,
+    ref: popoverRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "menu-group"
   }, children)));

package/dist/extension/commons/select-lib-file-dialog/index.css

@@ -1,9 +1,9 @@
 .sdoc-file-select-dialog {
-  max-width: 700px;
+  max-width: 740px;
 }
 
 .sdoc-file-select-dialog .sdoc-file-select-modal {
-  width: 700px;
+  width: 740px;
 }
 
 .sdoc-file-select-dialog .highlight-bg-color {
@@ -52,6 +52,10 @@
   width: 28px;
 }
 
+.sdoc-file-select-dialog .sdoc-file-select-container {
+  margin: 0;
+}
+
 .sdoc-file-select-dialog .sdoc-file-select__side-panel {
   padding: 1rem;
   line-height: 24px;
@@ -64,19 +68,19 @@
   align-items: center;
   position: relative;
   height: 32px;
-  padding: 0 10px 0 14px;
+  padding: 0 10px;
   cursor: default;
   transition: background-color 0.3s ease, font-weight 0.3s ease;
   border: none;
-  border-radius: 3px;
 }
 
 .sdoc-file-select-dialog .sdoc-file-select__repo-item:hover {
+  border-radius: 3px;
   background-color: var(--bs-nav-hover-bg, #f5f5f5);
 }
 
 .sdoc-file-select-dialog .sdoc-file-select__repo-item.active {
-  background-color: var(--bs-nav-active-bg, #f3f3f3);
+  background-color: var(--bs-nav-active-bg, #f0f0f0);
   font-weight: 500;
 }
 
@@ -85,7 +89,7 @@
   display: block;
   position: absolute;
   top: 4px;
-  left: 0;
+  left: -8px;
   width: 4px;
   height: 24px;
   background-color: #ff9800;
@@ -104,6 +108,17 @@
   white-space: nowrap;
 }
 
+.sdoc-file-select__main-panel {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+}
+
+.sdoc-file-select__main-panel .sdoc-files-tree {
+  max-height: 400px;
+  min-height: 400px;
+}
+
 .sdoc-file-select__main-panel .sdoc-file-select-footer {
   display: flex;
   align-items: center;
@@ -113,6 +128,7 @@
 }
 
 @media (max-width: 768px) {
+
   .sdoc-file-select-dialog .sdoc-file-select__side-panel,
   .sdoc-file-select-dialog .sdoc-file-select__main-panel {
     max-width: 100% !important;

package/dist/extension/commons/select-lib-file-dialog/index.js

@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _lib = _interopRequireDefault(require("../../../assets/images/lib.png"));
 var _toast = _interopRequireDefault(require("../../../components/toast"));
 var _context = _interopRequireDefault(require("../../../context"));
 var _commonUtils = require("../../../utils/common-utils");
@@ -113,12 +112,7 @@ var SelectLibFileDialog = function SelectLibFileDialog(_ref) {
           onSelectRepo(repo.repo_id);
         }
       }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      className: "lib-icon",
-      src: _lib["default"],
-      width: "20",
-      alt: ""
-    }), /*#__PURE__*/_react["default"].createElement("span", {
+    }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "sdoc-file-select__repo-name"
     }, repo.repo_name));
   })), /*#__PURE__*/_react["default"].createElement("div", {

package/dist/extension/constants/index.js

@@ -591,7 +591,8 @@ var FILEEXT_TYPE = exports.FILEEXT_TYPE = {
   SPREADSHEET: ['xls', 'xlsx', 'ods', 'fods'],
   MARKDOWN: ['markdown', 'md'],
   EXCALIDRAW: ['exdraw'],
-  DOCUMENT: ['doc', 'docx', 'docxf', 'oform', 'ppt', 'pptx', 'odt', 'fodt', 'odp', 'fodp', 'odg']
+  DOCUMENT: ['doc', 'docx', 'docxf', 'oform', 'ppt', 'pptx', 'odt', 'fodt', 'odp', 'fodp', 'odg'],
+  IMAGE: ['gif', 'jpeg', 'jpg', 'png', 'heic', 'ico', 'bmp', 'tif', 'tiff', 'psd', 'psb', 'webp', 'jfif', 'avif']
 };
 var FILEEXT_TYPE_MAP = exports.FILEEXT_TYPE_MAP = {
   VIDEO: 'video',
@@ -599,7 +600,8 @@ var FILEEXT_TYPE_MAP = exports.FILEEXT_TYPE_MAP = {
   SPREADSHEET: 'excel',
   MARKDOWN: 'md',
   EXCALIDRAW: 'draw',
-  DOCUMENT: 'word'
+  DOCUMENT: 'word',
+  IMAGE: 'pic'
 };
 var SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.WHITEBOARD, _elementType.FORMULA, _elementType.TOGGLE_HEADER].concat(TOGGLE_TITLE_TYPES, [_elementType.FILE_VIEW, _elementType.EMBED_LINK, _elementType.DIVIDER]);
 var MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = (_MOUSE_ENTER_EVENT_DI = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_MOUSE_ENTER_EVENT_DI, _elementType.PARAGRAPH, [_elementType.CALL_OUT]), _elementType.TITLE, [_elementType.CALL_OUT]), _elementType.SUBTITLE, [_elementType.CALL_OUT]), _elementType.CHECK_LIST_ITEM, [_elementType.CALL_OUT]), _elementType.ORDERED_LIST, [_elementType.CALL_OUT]), _elementType.UNORDERED_LIST, [_elementType.CALL_OUT]), _elementType.LIST_ITEM, [_elementType.CALL_OUT]), _elementType.BLOCKQUOTE, [_elementType.CALL_OUT]), _elementType.HEADER1, [_elementType.CALL_OUT]), _elementType.HEADER2, [_elementType.CALL_OUT]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_MOUSE_ENTER_EVENT_DI, _elementType.HEADER3, [_elementType.CALL_OUT]), _elementType.HEADER4, [_elementType.CALL_OUT]), _elementType.HEADER5, [_elementType.CALL_OUT]), _elementType.HEADER6, [_elementType.CALL_OUT]), _elementType.CALL_OUT, [_elementType.CALL_OUT]));

package/dist/extension/plugins/callout/render-elem/callout-hover-menu/index.js

@@ -77,7 +77,7 @@ function CalloutHoverMenu(_ref) {
     className: "sdocfont sdoc-callout-color mr-1"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdocfont sdoc-arrow-down"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  })), isShowTooltip && !isShowColorSelector && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "select_callout_color",
     placement: "top",
     fade: true
@@ -91,7 +91,7 @@ function CalloutHoverMenu(_ref) {
     className: "sdocfont sdoc-callout-icon mr-1"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdocfont sdoc-arrow-down"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  })), isShowTooltip && !isShowIcon && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "select_callout_icon",
     placement: "top",
     fade: true

package/dist/extension/plugins/file-link/hover-menu/index.css

@@ -80,14 +80,23 @@
   position: absolute;
   top: 32px;
   left: 0px;
-  padding: 8px 0;
   background-color: #fff;
-  border: 1px solid #e5e6e8;
-  border-radius: 2px;
-  box-shadow: 0 0 10px #ccc;
+  border: 1px solid #eee;
+  border-radius: 8px;
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   z-index: 101;
   white-space: nowrap;
 }
+
+.sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover .sdoc-dropdown-menu-item {
+  padding: 0 12px 0 38px;
+  position: relative;
+}
+
+.sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
+  position: absolute;
+  left: 12px;
+}

package/dist/extension/plugins/file-link/hover-menu/index.js

@@ -50,8 +50,8 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onShowProver = (0, _react.useCallback)(function (e) {
-    setIsShowDisplayStylePopover(true);
-  }, []);
+    setIsShowDisplayStylePopover(!isShowDisplayStylePopover);
+  }, [isShowDisplayStylePopover]);
   var onSelect = (0, _react.useCallback)(function (event, value) {
     event.stopPropagation();
     var path = _slateReact.ReactEditor.findPath(editor, element);
@@ -117,7 +117,7 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: fileLinkType,
       "date-type": fileLinkType,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      className: "sdoc-dropdown-menu-item",
       onClick: function onClick(event) {
         return onSelect(event, fileLinkType);
       }
@@ -128,7 +128,7 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.FILE_LINK_TYPE_CONFIG[fileLinkType].text))), selectedType === fileLinkType && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
-  }))), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), isShowTooltip && !isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "select_style",
     placement: "top",
     fade: true

package/dist/extension/plugins/font/menu/font-family/index.js

@@ -115,7 +115,7 @@ var FontFamily = function FontFamily(_ref) {
     className: "sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: caretIconClass
-  }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), !isShowMenu && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: fontSizeButtonId
   }, t('Font')), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: fontSizeButtonId,

package/dist/extension/plugins/font/menu/font-size/index.js

@@ -73,7 +73,7 @@ var FontSize = function FontSize(_ref) {
     className: "sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: caretIconClass
-  }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), !isShowMenu && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: fontSizeButtonId
   }, t('Font_size')), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: fontSizeButtonId,

package/dist/extension/plugins/header/menu/index.js

@@ -36,6 +36,9 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
       var menu = _this.menu;
       var clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;
       if (clickIsInMenu) return;
+
+      // in menu toggle
+      if (_this.menuToggle && _this.menuToggle.contains(e.target)) return;
       _this.setState({
         isShowHeaderPopover: false
       }, function () {
@@ -90,6 +93,9 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2["default"])(_this, "setMenuRef", function (ref) {
       _this.menu = ref;
     });
+    (0, _defineProperty2["default"])(_this, "setMenuToggle", function (ref) {
+      _this.menuToggle = ref;
+    });
     (0, _defineProperty2["default"])(_this, "getToolTip", function (type) {
       return (0, _commonUtils.isMac)() ? _constants.MAC_HOTKEYS[type] : _constants.WIN_HOTKEYS[type];
     });
@@ -112,6 +118,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "header-menu"
       }, /*#__PURE__*/_react["default"].createElement("div", {
+        ref: this.setMenuToggle,
         className: (0, _classnames["default"])('header-toggle', {
           'header-toggle-disabled': disabled
         }),

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

@@ -164,13 +164,6 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var borderPopoverStyle = (0, _react.useMemo)(function () {
-    var isBlockChild = [_constants.TABLE, _constants.BLOCKQUOTE, _constants.CALL_OUT, _constants.MULTI_COLUMN].includes(type);
-    if (!isBlockChild) return null;
-    return {
-      left: '8px'
-    };
-  }, [type]);
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-image-hover-menu-container",
     style: menuPosition
@@ -209,6 +202,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   })))), !readonly && /*#__PURE__*/_react["default"].createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react["default"].createElement("span", {
+    id: "sdoc_image_alignment",
     role: "button",
     className: (0, _classnames["default"])('op-item', {
       'active': popoverState.alignPopover
@@ -238,7 +232,11 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }), align === item.type && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark"
     }));
-  }))), /*#__PURE__*/_react["default"].createElement("span", {
+  })), isShowTooltip && !popoverState.alignPopover && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc_image_alignment",
+    placement: "top",
+    fade: true
+  }, t('Alignment'))), /*#__PURE__*/_react["default"].createElement("span", {
     id: "sdoc_image_border",
     role: "button",
     className: (0, _classnames["default"])('op-item', {
@@ -272,7 +270,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }), border_type === item.type && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     })));
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  })), isShowTooltip && !popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "sdoc_image_border",
     placement: "top",
     fade: true

package/dist/extension/plugins/sdoc-link/hover-menu/index.css

@@ -80,14 +80,23 @@
   position: absolute;
   top: 32px;
   left: 0px;
-  padding: 8px 0;
   background-color: #fff;
-  border: 1px solid #e5e6e8;
-  border-radius: 2px;
-  box-shadow: 0 0 10px #ccc;
+  border: 1px solid #eee;
+  border-radius: 8px;
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   z-index: 101;
   white-space: nowrap;
 }
+
+.sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover .sdoc-dropdown-item {
+  padding: 0 12px 0 38px;
+  position: relative;
+}
+
+.sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
+  position: absolute;
+  left: 12px;
+}

package/dist/extension/plugins/sdoc-link/hover-menu/index.js

@@ -56,8 +56,8 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
   }, []);
   var onShowProver = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
-    setIsShowDisplayStylePopover(true);
-  }, []);
+    setIsShowDisplayStylePopover(!isShowDisplayStylePopover);
+  }, [isShowDisplayStylePopover]);
   var onSelect = (0, _react.useCallback)(function (event, value) {
     event.stopPropagation();
     var path = _slateReact.ReactEditor.findPath(editor, element);
@@ -152,7 +152,7 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: sdocLinkType,
       "date-type": sdocLinkType,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      className: "sdoc-dropdown-menu-item",
       onClick: function onClick(event) {
         return onSelect(event, sdocLinkType);
       }
@@ -163,7 +163,7 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
-  }))), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), isShowTooltip && !isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "display_sdoc_link",
     placement: "top",
     fade: true

package/dist/extension/plugins/search-replace/menu/index.js

@@ -77,6 +77,7 @@ var SearchReplaceMenu = function SearchReplaceMenu(_ref) {
     ariaLabel: "search",
     disabled: false,
     isActive: isOpenPopover,
+    isShowPopover: isOpenPopover,
     onMouseDown: onMouseDown
   }, menuConfig)), isOpenPopover && /*#__PURE__*/_react["default"].createElement(_popover["default"], {
     editor: editor,

package/dist/extension/plugins/search-replace/popover/index.js

@@ -13,6 +13,7 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _constants = require("../../../../constants");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _debounce = _interopRequireDefault(require("../../../../utils/debounce"));
@@ -211,9 +212,13 @@ var SearchReplacePopover = function SearchReplacePopover(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdoc-search-replace-title-text"
   }, t('Search_and_replace')), /*#__PURE__*/_react["default"].createElement("i", {
+    id: "sdoc-search-replace-title-close",
     onClick: closePopover,
     className: "sdocfont sdoc-sm-close sdoc-search-replace-title-close"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc-search-replace-title-close",
+    offset: [-6, 0]
+  }, t('Close'))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-search-replace-popover-body"
   }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
     "for": "sdoc-search-replace-search-ipt"

package/dist/extension/plugins/text-align/menu/index.js

@@ -74,7 +74,7 @@ var TextAlignMenu = function TextAlignMenu(_ref) {
     className: "sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: caretIconClass
-  }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), !isShowMenu && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: buttonId
   }, t('Alignment_type')), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: buttonId,

package/dist/extension/plugins/toggle-header/render-elem.css

@@ -30,7 +30,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: rgb(44, 44, 43);
+  color: #212529;
   opacity: 0.5;
 }
 

package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -88,7 +88,7 @@ var InsertToolbar = function InsertToolbar(_ref) {
     className: "sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: caretIconClass
-  }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }))), !isShowMenu && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: insertToolbarId
   }, t('Insert')), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: insertToolbarId,

package/dist/outline/index.js

@@ -70,9 +70,12 @@ var SDocOutline = function SDocOutline(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "sdoc-outline-header__title"
   }, t('Outline')), /*#__PURE__*/_react["default"].createElement("span", {
+    id: "sdoc-outline-close",
     className: "sdoc-outline-header__close sdocfont sdoc-sm-close",
     onClick: toggleShow
-  })), list.length === 0 && /*#__PURE__*/_react["default"].createElement("p", {
+  }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc-outline-close"
+  }, t('Close'))), list.length === 0 && /*#__PURE__*/_react["default"].createElement("p", {
     className: "mt-4 text-secondary"
   }, t('Headings_you_add_to_the_document_will_appear_here')), list.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-outline-list-container"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.196",
+  "version": "3.0.198",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -20,7 +20,7 @@
     "@seafile/comment-editor": "1.0.31",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "^5.0.6",
-    "@seafile/sdoc-file-view": "0.0.63",
+    "@seafile/sdoc-file-view": "0.0.65",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "17ba5eec14cb267550259fa2a4e89fd0be03643d"
+  "gitHead": "8f8ef33b66b8529d76b564b109b81d4f7f0793f7"
 }