@seafile/sdoc-editor 3.0.196 → 3.0.197

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

@@ -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/more-dropdown/index.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(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,
@@ -23,6 +25,8 @@ 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;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
     className: validClassName,
     type: "button",
@@ -30,7 +34,9 @@ var MoreDropdown = function MoreDropdown(_ref) {
     id: buttonId
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-more"
-  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+  }), /*#__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",

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/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 && /*#__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', {

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/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/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.197",
   "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": "883ff8d09d29e0cbe27254150e1a815f895d7700"
 }