@seafile/sdoc-editor 3.0.194 → 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/constants/menus-config.js

@@ -415,7 +415,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   type: _elementType.FORMULA,
   text: 'Formula'
 }));
-var SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = (_SIDE_INSERT_MENUS_SE = {}, (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"])(_SIDE_INSERT_MENUS_SE, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (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"])(_SIDE_INSERT_MENUS_SE, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.FILE_VIEW, 'File_view'));
+var SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = (_SIDE_INSERT_MENUS_SE = {}, (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"])(_SIDE_INSERT_MENUS_SE, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.FILE, 'File'), _elementType.CODE_BLOCK, 'Code_block'), (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"])(_SIDE_INSERT_MENUS_SE, _elementType.CALL_OUT, 'Callout'), _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.FILE_VIEW, 'File_view'));
 var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (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"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.FILE, 'File'), _elementType.CODE_BLOCK, 'Code_block'), (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"])(_SIDE_QUICK_INSERT_ME, _elementType.CALL_OUT, 'Callout'), _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.FILE_VIEW, 'File_view'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.FORMULA, 'Formula'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.EMBED_LINK, 'Embed_link'));
 
 // Other operations menu config

package/dist/extension/plugins/callout/render-elem/index.css

@@ -50,3 +50,7 @@
   font-size: 16px;
 }
 
+.sdoc-editor__article .callout-content .list-container {
+  margin: 0;
+  padding-left: 2.2em !important;
+}

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/quick-insert/render-elem.js

@@ -16,7 +16,7 @@ var _commons = require("../../commons");
 var _InlineBugFixWrapper = _interopRequireDefault(require("../../commons/Inline-bug-fix-wrapper"));
 var _constants = require("../../constants");
 var _core = require("../../core");
-var _insertElementToolbar = _interopRequireDefault(require("../../toolbar/insert-element-toolbar"));
+var _quickInsertToolbar = _interopRequireDefault(require("../../toolbar/quick-insert-toolbar"));
 var _helper = require("./helper");
 var RenderQuickInsert = function RenderQuickInsert(_ref, editor, readonly) {
   var _aboveBlockNode$;
@@ -126,7 +126,7 @@ var RenderQuickInsert = function RenderQuickInsert(_ref, editor, readonly) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     ref: sideMenuRef,
     className: "sdoc-side-menu sdoc-dropdown-menu"
-  }, /*#__PURE__*/_react["default"].createElement(_insertElementToolbar["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_quickInsertToolbar["default"], {
     isEmptyNode: isEmptyNode,
     insertPosition: isEmptyNode ? _constants.INSERT_POSITION.CURRENT : _constants.INSERT_POSITION.AFTER,
     slateNode: aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[0],

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/extension/toolbar/linked-repo-popover/link-repo-list.css

@@ -2,52 +2,60 @@
   max-width: 300px;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper {
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper {
   /* position: absolute; */
-  background-color: #ffff;
-  max-height: 370px;
-  padding: 0px !important;
-  width: 298px;
-  padding: 0px;
   left: -8px;
+  background-color: #fff;
+  max-height: 370px;
+  max-width: 298px;
+  border-radius: 8px;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-tip {
-  margin-top: 8px;
-  min-height: 32px;
-  padding: 3px 12px;
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-tip {
+  height: 24px;
+  line-height: 24px;
+  padding-left: 8px;
   color: #666;
+  font-size: 14px;
+}
+
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-divider {
+  border-top: 1px solid #eee;
+  margin: 4px 0;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-content-wrapper {
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-content-wrapper {
   max-height: 300px;
   overflow-y: auto;
   padding-bottom: 8px;
   border-bottom: 1px solid #e9ecef;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-dropdown-menu-item {
-  min-height: 32px;
-  padding: 3px 12px;
-  display: flex;
-  align-items: center;
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-dropdown-menu-item .lib-icon {
+  margin-right: 10px;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-dropdown-menu-item .lib-icon {
-  margin-right: 10px;
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-dropdown-menu-item .item-text {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar {
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar {
   min-height: 32px;
   padding: 3px 12px;
+  margin-top: 8px;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar .sdocfont {
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar .sdocfont {
   color: #666;
   margin-right: 10px;
 }
 
-.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar:hover {
-  background: #f5f5f5;
+.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+  border-radius: 4px;
   cursor: pointer;
 }

package/dist/extension/toolbar/linked-repo-popover/link-repo-list.js

@@ -31,11 +31,13 @@ var LinkedRepoList = function LinkedRepoList(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-linked-repo-list-tip"
   }, t('Show_files_from_a_linked_library')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-linked-repo-list-divider"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-linked-repo-list-content-wrapper"
   }, enableRepos.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: item.repo_id,
-      className: "sdoc-dropdown-menu-item text-truncate d-block",
+      className: "sdoc-dropdown-menu-item",
       onClick: function onClick() {
         return onRepoClick(item);
       }
@@ -44,7 +46,9 @@ var LinkedRepoList = function LinkedRepoList(_ref) {
       src: _lib["default"],
       width: "20",
       alt: ""
-    }), item.repo_name);
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "item-text"
+    }, item.repo_name));
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-linked-repo-list-add-toolbar",
     onClick: onAddLibraryClick

package/dist/extension/toolbar/{insert-element-toolbar → quick-insert-toolbar}/index.js

@@ -620,7 +620,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     onChange(e);
   }, [onChange]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-insert-element-toolbar"
+    className: "sdoc-quick-insert-toolbar"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-side-menu-search-wrapper"
   }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {

package/dist/extension/toolbar/quick-insert-toolbar/style.css

@@ -0,0 +1,9 @@
+.sdoc-quick-insert-toolbar .sdoc-dropdown-menu-item.sdoc-dropdown-item-selected {
+  background-color: #e3e3e3;
+}
+
+.sdoc-quick-insert-toolbar .sdoc-insert-element-content-wrapper {
+  max-height: 278px;
+  overflow-y: auto;
+  padding: 0 8px 8px;
+}

package/dist/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -23,15 +23,16 @@ var _constants2 = require("../../constants");
 var _helper = require("../../plugins/callout/helper");
 var _helpers = require("../../plugins/check-list/helpers");
 var _helpers2 = require("../../plugins/code-block/helpers");
-var _helpers3 = require("../../plugins/file-view/helpers");
+var _helpers3 = require("../../plugins/file-link/helpers");
+var _helpers4 = require("../../plugins/file-view/helpers");
 var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
-var _helpers4 = require("../../plugins/table/helpers");
+var _helpers5 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
 var _helper3 = require("../../plugins/toggle-header/helper");
-var _helpers5 = require("../../plugins/video/helpers");
+var _helpers6 = require("../../plugins/video/helpers");
 var _linkedRepoPopover = _interopRequireDefault(require("../linked-repo-popover"));
-var _helpers6 = require("./helpers");
+var _helpers7 = require("./helpers");
 var InsertBlockMenu = function InsertBlockMenu(_ref) {
   var _ref$insertPosition = _ref.insertPosition,
     insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
@@ -43,6 +44,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var enableMetadataManagement = _context["default"].getSetting('enableMetadataManagement');
+  var hasLinkedRepos = _context["default"].hasLinkedRepos();
   var onInsertImageToggle = (0, _react.useCallback)(function () {
     var eventBus = _eventBus["default"].getInstance();
     if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
@@ -70,7 +72,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }, [editor, insertPosition]);
   var addVideoLink = (0, _react.useCallback)(function () {
     if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers6.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+      (0, _helpers7.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
     }
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -82,12 +84,12 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }, [insertPosition, editor]);
   var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
     if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers6.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+      (0, _helpers7.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
     }
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.ELEMENT_TYPE.VIDEO,
-      insertVideo: _helpers5.insertVideo,
+      insertVideo: _helpers6.insertVideo,
       insertPosition: insertPosition,
       slateNode: slateNode
     });
@@ -95,7 +97,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }, [insertPosition, slateNode]);
   var createTable = (0, _react.useCallback)(function (size) {
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
-    (0, _helpers4.insertTable)(editor, size, editor.selection, newInsertPosition);
+    (0, _helpers5.insertTable)(editor, size, editor.selection, newInsertPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
@@ -139,14 +141,14 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
       (0, _helper3.insertToggleHeader)(editor, type, insertPosition);
       return;
     }
-    (0, _helpers6.insertElement)(editor, type, insertPosition);
+    (0, _helpers7.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsertCallout = (0, _react.useCallback)(function (type) {
     if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
       (0, _helper.wrapCallout)(editor);
     } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers6.insertElement)(editor, type, insertPosition);
+      (0, _helpers7.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [editor, insertPosition]);
@@ -168,12 +170,23 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
         wiki_id: wikiId,
         file_view_id: fileView.id
       };
-      (0, _helpers3.insertFileView)(viewData, editor, insertPosition, slateNode);
+      (0, _helpers4.insertFileView)(viewData, editor, insertPosition, slateNode);
     })["catch"](function (error) {
       var errorMessage = (0, _commonUtils.getErrorMsg)(error);
       _toast["default"].danger(errorMessage);
     });
   }, [editor, insertPosition, slateNode]);
+  var openSelectFileDialog = (0, _react.useCallback)(function () {
+    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+      (0, _helpers7.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+    }
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.FILE,
+      insertFileLinkCallback: _helpers3.insertFileLink
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertPosition]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER]), (0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TOGGLE_HEADER])).map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !insertMenuSearchMap[item.type],
@@ -216,7 +229,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.VIDEO],
     key: "sdoc-insert-menu-video",
-    disabled: (0, _helpers6.isInMultiColumnNode)(editor, slateNode),
+    disabled: (0, _helpers7.isInMultiColumnNode)(editor, slateNode),
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
     className: "pr-2"
   }, /*#__PURE__*/_react["default"].createElement("i", {
@@ -260,6 +273,11 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.LINK],
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
     onClick: openLinkDialog
+  }), editor.editorType === _constants.WIKI_EDITOR && hasLinkedRepos && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE],
+    key: "sdoc-insert-menu-file-link",
+    menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE]),
+    onClick: openSelectFileDialog
   }), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.CODE_BLOCK],
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),

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.194",
+  "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": "cdf81edd23b4350536ba04db8714950eba31ed7e"
+  "gitHead": "883ff8d09d29e0cbe27254150e1a815f895d7700"
 }

package/dist/extension/toolbar/insert-element-toolbar/style.css

@@ -1,9 +0,0 @@
-.sdoc-insert-element-toolbar .sdoc-dropdown-menu-item.sdoc-dropdown-item-selected {
-  background-color: #e3e3e3;
-}
-
-.sdoc-insert-element-toolbar .sdoc-insert-element-content-wrapper {
-  max-height: 278px;
-  overflow-y: auto;
-  padding: 0 8px 8px;
-}