@seafile/sdoc-editor 3.0.53 → 3.0.55

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

@@ -3,29 +3,6 @@
   min-width: 12rem;
 }
 
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper {
-  position: absolute;
-  background-color: #ffff;
-  max-height: 370px;
-  max-width: 200px;
-  padding: 8px 0px;
-  left: -8px;
-}
-
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper {
-  padding: 12px;
-}
-
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper>input {
-  font-size: 12px;
-  max-height: 30px;
-}
-
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-wrapper {
-  max-height: 300px;
-  overflow-y: auto;
-}
-
 .sdoc-dropdown-menu .sdoc-dropdown-menu-divider {
   width: 100%;
   height: 0;

package/dist/assets/css/sdoc-editor-plugins.css

@@ -76,11 +76,12 @@
 
 .sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper {
   display: flex;
-  align-items: normal;
+  align-items: center;
+  display: -webkit-flex;
+  -webkit-align-items: center;
 }
 
 .sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-input {
-  vertical-align: middle;
   margin-right: 5px;
 }
 

package/dist/constants/index.js

@@ -74,6 +74,7 @@ var INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   TOGGLE_PRESENTATION_MODE: 'toggle_presentation_mode',
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
+  WIKI_PAGE_ID_CREATED: 'wiki_page_id_created',
   IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
   CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
   GENERATE_EXDRAW_READ_ONLY_LINK: 'generate_exdraw_read_only_link',

package/dist/extension/commons/wiki-file-insert-dialog/index.js

@@ -74,7 +74,11 @@ var WikiFileLinkInsertDialog = function WikiFileLinkInsertDialog(_ref) {
           height = _fileLinkInsertRef$cu.height;
         var popoverBottomY = popoverTop + height;
         var viewportHeight = window.innerHeight;
-        if (popoverBottomY > viewportHeight) {
+
+        // Prevent to hidden popover after flipping
+        var flipTop = domNodeTop - height - topGap;
+        var isFlipSafe = flipTop >= 8;
+        if (popoverBottomY > viewportHeight && isFlipSafe) {
           // 8px for the gap between the popover and the bottom of the viewport
           var counterTopGap = 8;
           popoverTop = popoverTop - height - topGap - counterTopGap;
@@ -208,14 +212,25 @@ var WikiFileLinkInsertDialog = function WikiFileLinkInsertDialog(_ref) {
     setFiles(recentFiles);
     setHiddenMoreMenu(true);
   }, []);
+  var createWikiLink = function createWikiLink(_ref2) {
+    var pageId = _ref2.pageId,
+      pageName = _ref2.pageName,
+      wikiRepoId = _ref2.wikiRepoId;
+    (0, _helpers2.insertWikiPageLink)(editor, pageName, wikiRepoId, pageId);
+  };
   var onCreateFile = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     (0, _helpers.removeTempInput)(editor, element);
     var eventBus = _eventBus["default"].getInstance();
+    var unsubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.WIKI_PAGE_ID_CREATED, function (payload) {
+      createWikiLink(payload);
+      unsubscribe();
+    });
     var createName = newFileName.trim() || t('New_page');
     eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_WIKI_PAGE, {
       newFileName: createName
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element, newFileName, t]);
   var createFileTipDefault = (0, _react.useMemo)(function () {
     return 'New_page';

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

@@ -372,7 +372,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   type: _elementType.BLOCKQUOTE,
   text: 'Quote'
 }), _elementType.FILE_VIEW, {
-  id: _elementType.FILE_VIEW,
+  id: 'sdoc-side-menu-item-file-view',
   iconClass: 'sdocfont sdoc-file-view',
   type: _elementType.FILE_VIEW,
   text: 'File_view'

package/dist/extension/plugins/sdoc-link/plugin.js

@@ -27,7 +27,7 @@ var withSdocLink = function withSdocLink(editor) {
   };
   newEditor.isVoid = function (elem) {
     var type = elem.type;
-    if (type === _constants.SDOC_LINK) {
+    if ([_constants.SDOC_LINK, _elementType.WIKI_LINK].includes(type)) {
       return true;
     }
     return isVoid(elem);

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

@@ -14,7 +14,9 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
+var _toast = _interopRequireDefault(require("../../../components/toast"));
 var _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
 var _commonUtils = require("../../../utils/common-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
@@ -23,13 +25,15 @@ var _core = require("../../core");
 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 _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
-var _helpers3 = require("../../plugins/table/helpers");
+var _helpers4 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helpers4 = require("../../plugins/video/helpers");
+var _helpers5 = require("../../plugins/video/helpers");
 var _utils = require("../../utils");
-var _helpers5 = require("../side-toolbar/helpers");
+var _linkedRepoPopover = _interopRequireDefault(require("../linked-repo-popover"));
+var _helpers6 = require("../side-toolbar/helpers");
 var _const = require("./const");
 require("./style.css");
 var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
@@ -92,14 +96,14 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.ELEMENT_TYPE.VIDEO,
-      insertVideo: _helpers4.insertVideo
+      insertVideo: _helpers5.insertVideo
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var createTable = (0, _react.useCallback)(function (size) {
     callback && callback();
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
-    (0, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
+    (0, _helpers4.insertTable)(editor, size, editor.selection, newInsertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var openLinkDialog = (0, _react.useCallback)(function () {
@@ -140,7 +144,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, [editor, insertPosition, slateNode]);
   var onInsert = (0, _react.useCallback)(function (type) {
     callback && callback();
-    (0, _helpers5.insertElement)(editor, type, insertPosition);
+    (0, _helpers6.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsertCallout = (0, _react.useCallback)(function (type) {
@@ -153,7 +157,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         }
       });
     } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers5.insertElement)(editor, type, insertPosition);
+      (0, _helpers6.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [callback, editor, insertPosition]);
@@ -212,6 +216,26 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [callback, editor, insertPosition, slateNode]);
+  var onRepoClick = (0, _react.useCallback)(function (item) {
+    callback && callback();
+    var wikiId = _context["default"].getSetting('wikiId');
+    var data = {
+      wiki_id: wikiId,
+      view_name: t('View_name'),
+      view_type: 'table',
+      link_repo_id: item.repo_id
+    };
+    _context["default"].insertWikiView(data).then(function (res) {
+      var view = res.data.view;
+      var viewData = (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, data), {}, {
+        view_id: view._id
+      });
+      (0, _helpers3.insertFileView)(viewData, editor, insertPosition, slateNode);
+    })["catch"](function (error) {
+      var errorMessage = (0, _commonUtils.getErrorMsg)(error);
+      _toast["default"].danger(errorMessage);
+    });
+  }, [callback, editor, insertPosition, slateNode, t]);
   var dropDownItems = (0, _react.useMemo)(function () {
     var items = (0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _defineProperty2["default"])({}, _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
@@ -250,12 +274,19 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       key: "sdoc-insert-menu-check-list",
       menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
       onClick: onInsertCheckList
-    })), editor.editorType === _constants.WIKI_EDITOR && (0, _defineProperty2["default"])({}, _constants2.FILE_VIEW, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    })), editor.editorType === _constants.WIKI_EDITOR && (0, _defineProperty2["default"])({}, _constants2.FILE_VIEW,
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-indent
+    _react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.FILE_VIEW],
       key: "sdoc-insert-menu-file-view",
       menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
-      onClick: openFileViewDialog
-    }))), {}, (0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+      className: "pr-2"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    }), /*#__PURE__*/_react["default"].createElement(_linkedRepoPopover["default"], {
+      onRepoClick: onRepoClick
+    })))), {}, (0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
       disabled: isDisableImage,
       key: "sdoc-insert-menu-image",
@@ -473,7 +504,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, [clearSelectStyle, currentSelectIndex, downDownWrapperRef, onHandleInputFocus]);
   var onChange = (0, _react.useCallback)(function (e) {
     if (!downDownWrapperRef.current.isInputtingChinese) {
-      var newMenuSearchMap = (0, _helpers5.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
+      var newMenuSearchMap = (0, _helpers6.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
       setQuickInsertMenuSearchMap(newMenuSearchMap);
     }
   }, [editor, t]);

package/dist/extension/toolbar/linked-repo-popover/index.js

@@ -0,0 +1,36 @@
+"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"] = LinkRepoPopover;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _utils = require("../../utils");
+var _linkRepoList = _interopRequireDefault(require("./link-repo-list"));
+function LinkRepoPopover(_ref) {
+  var onRepoClick = _ref.onRepoClick;
+  var _useState = (0, _react.useState)('right-start'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var element = document.getElementById('sdoc-side-menu-item-file-view');
+    if ((0, _utils.isOverflowPortByDirection)(element, 'bottom')) {
+      setPlacement('right');
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+    target: "sdoc-side-menu-item-file-view",
+    trigger: "hover",
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-menu-file-view-popover",
+    placement: placement,
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react["default"].createElement(_linkRepoList["default"], {
+    onRepoClick: onRepoClick
+  }));
+}

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

@@ -0,0 +1,22 @@
+.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper {
+  /* position: absolute; */
+  background-color: #ffff;
+  max-height: 370px;
+  max-width: 200px;
+  padding: 8px 0px;
+  left: -8px;
+}
+
+.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-search-wrapper {
+  padding: 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-search-wrapper>input {
+  font-size: 12px;
+  max-height: 30px;
+}
+
+.sdoc-dropdown-menu .sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-content-wrapper {
+  max-height: 300px;
+  overflow-y: auto;
+}

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

@@ -0,0 +1,85 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _helpers = require("../../plugins/file-view/helpers");
+require("./link-repo-list.css");
+var useStopPropagation = function useStopPropagation() {
+  var stopPropagation = function stopPropagation(e) {
+    var _e$nativeEvent$stopIm, _e$nativeEvent;
+    e.stopPropagation();
+    (_e$nativeEvent$stopIm = (_e$nativeEvent = e.nativeEvent).stopImmediatePropagation) === null || _e$nativeEvent$stopIm === void 0 ? void 0 : _e$nativeEvent$stopIm.call(_e$nativeEvent);
+  };
+  return {
+    onClick: stopPropagation,
+    onFocus: stopPropagation,
+    onKeyDown: stopPropagation,
+    onKeyUp: stopPropagation,
+    onKeyPress: stopPropagation,
+    onMouseDown: stopPropagation,
+    onTouchStart: stopPropagation
+  };
+};
+var LinkedRepoList = function LinkedRepoList(_ref) {
+  var onRepoClick = _ref.onRepoClick;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var isComposingRef = (0, _react.useRef)(null);
+  var repoRef = (0, _react.useRef)(null);
+  var tablesRef = (0, _react.useRef)((0, _helpers.getAccessibleRepos)());
+  var _useState = (0, _react.useState)(tablesRef.current || []),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    tables = _useState2[0],
+    setTables = _useState2[1];
+  var inputEvents = useStopPropagation();
+  var onChange = (0, _react.useCallback)(function (event) {
+    if (isComposingRef.current) return;
+    var value = event.target.value.trim().toUpperCase();
+    if (value) {
+      var list = tablesRef.current.filter(function (item) {
+        return item.repo_name.toUpperCase().includes(value);
+      });
+      setTables(list);
+    } else {
+      setTables(tablesRef.current);
+    }
+  }, []);
+  var onCompositionStart = (0, _react.useCallback)(function () {
+    isComposingRef.current = true;
+  }, []);
+  var onCompositionEnd = (0, _react.useCallback)(function (e) {
+    isComposingRef.current = false;
+    onChange(e);
+  }, [onChange]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: repoRef,
+    className: "sdoc-dropdown-menu-container sdoc-linked-repo-list-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-linked-repo-list-search-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, Object.assign({
+    placeholder: t('Search_1'),
+    onChange: onChange,
+    autoFocus: true,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd
+  }, inputEvents))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-linked-repo-list-content-wrapper"
+  }, tables.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.repo_id,
+      className: "sdoc-dropdown-menu-item text-truncate d-block",
+      onClick: function onClick() {
+        return onRepoClick(item);
+      }
+    }, item.repo_name);
+  })));
+};
+var _default = exports["default"] = LinkedRepoList;

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

@@ -13,19 +13,24 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
+var _toast = _interopRequireDefault(require("../../../components/toast"));
 var _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
+var _commonUtils = require("../../../utils/common-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
 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 _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
-var _helpers3 = require("../../plugins/table/helpers");
+var _helpers4 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helpers4 = require("../../plugins/video/helpers");
-var _helpers5 = require("./helpers");
+var _helpers5 = require("../../plugins/video/helpers");
+var _linkedRepoPopover = _interopRequireDefault(require("../linked-repo-popover"));
+var _helpers6 = require("./helpers");
 var InsertBlockMenu = function InsertBlockMenu(_ref) {
   var _ref$insertPosition = _ref.insertPosition,
     insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
@@ -63,7 +68,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }, [editor, insertPosition]);
   var addVideoLink = (0, _react.useCallback)(function () {
     if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+      (0, _helpers6.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
     }
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -75,12 +80,12 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }, [insertPosition, editor]);
   var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
     if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+      (0, _helpers6.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
     }
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.ELEMENT_TYPE.VIDEO,
-      insertVideo: _helpers4.insertVideo,
+      insertVideo: _helpers5.insertVideo,
       insertPosition: insertPosition,
       slateNode: slateNode
     });
@@ -88,7 +93,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, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
+    (0, _helpers4.insertTable)(editor, size, editor.selection, newInsertPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
@@ -127,14 +132,14 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsert = (0, _react.useCallback)(function (type) {
-    (0, _helpers5.insertElement)(editor, type, insertPosition);
+    (0, _helpers6.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, _helpers5.insertElement)(editor, type, insertPosition);
+      (0, _helpers6.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [editor, insertPosition]);
@@ -142,21 +147,26 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [editor, insertPosition, slateNode]);
-  var insertFileView = (0, _react.useCallback)(function () {
-    var eventBus = _eventBus["default"].getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.FILE_VIEW,
-      insertPosition: insertPosition,
-      slateNode: slateNode
+  var onRepoClick = (0, _react.useCallback)(function (item) {
+    var wikiId = _context["default"].getSetting('wikiId');
+    var data = {
+      wiki_id: wikiId,
+      view_name: t('View_name'),
+      view_type: 'table',
+      link_repo_id: item.repo_id
+    };
+    _context["default"].insertWikiView(data).then(function (res) {
+      var view = res.data.view;
+      var viewData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
+        view_id: view._id
+      });
+      (0, _helpers3.insertFileView)(viewData, editor, insertPosition, slateNode);
+    })["catch"](function (error) {
+      var errorMessage = (0, _commonUtils.getErrorMsg)(error);
+      _toast["default"].danger(errorMessage);
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [insertPosition]);
-  console.log(editor.editorType);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, editor.editorType === _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
-    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE_VIEW],
-    menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
-    onClick: insertFileView
-  }), [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
+  }, [editor, insertPosition, slateNode, t]);
+  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])).map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !insertMenuSearchMap[item.type],
       disabled: isNodeEmpty && item.type === _constants2.PARAGRAPH,
@@ -182,14 +192,23 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM],
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
     onClick: onInsertCheckList
-  }), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+  }), editor.editorType === _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE_VIEW],
+    key: "sdoc-insert-menu-file-view",
+    menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
+    className: "pr-2"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  }), /*#__PURE__*/_react["default"].createElement(_linkedRepoPopover["default"], {
+    onRepoClick: onRepoClick
+  })), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.IMAGE],
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
     onClick: onInsertImageToggle
   }), 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, _helpers5.isInMultiColumnNode)(editor, slateNode),
+    disabled: (0, _helpers6.isInMultiColumnNode)(editor, slateNode),
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
     className: "pr-2"
   }, /*#__PURE__*/_react["default"].createElement("i", {

package/dist/extension/utils/index.js

@@ -17,19 +17,19 @@ var isImage = exports.isImage = function isImage(url) {
 var isSameDomain = exports.isSameDomain = function isSameDomain(currentUrl, targetUrl) {
   return String(currentUrl).split('/')[2] === String(targetUrl).split('/')[2];
 };
-var isOverflowPortByDirection = exports.isOverflowPortByDirection = function isOverflowPortByDirection(element, direction) {
+var isOverflowPortByDirection = exports.isOverflowPortByDirection = function isOverflowPortByDirection(targetDom, direction) {
   var viewWidth = window.innerWidth || document.documentElement.clientWidth;
   var viewHeight = window.innerHeight || document.documentElement.clientHeight;
-  var _element$getBoundingC = element.getBoundingClientRect(),
-    top = _element$getBoundingC.top,
-    right = _element$getBoundingC.right,
-    bottom = _element$getBoundingC.bottom,
-    left = _element$getBoundingC.left;
+  var _targetDom$getBoundin = targetDom.getBoundingClientRect(),
+    top = _targetDom$getBoundin.top,
+    right = _targetDom$getBoundin.right,
+    bottom = _targetDom$getBoundin.bottom,
+    left = _targetDom$getBoundin.left;
   if (direction === 'top') {
     return top <= 0;
   }
   if (direction === 'bottom') {
-    return bottom >= viewHeight;
+    return bottom + 370 >= viewHeight;
   }
   if (direction === 'left') {
     return left <= 0;
@@ -62,9 +62,9 @@ var onHandleOverflowScroll = exports.onHandleOverflowScroll = function onHandleO
   }
 };
 var getMenuPosition = exports.getMenuPosition = function getMenuPosition(element, editor) {
-  var _element$getBoundingC2 = element.getBoundingClientRect(),
-    top = _element$getBoundingC2.top,
-    left = _element$getBoundingC2.left;
+  var _element$getBoundingC = element.getBoundingClientRect(),
+    top = _element$getBoundingC.top,
+    left = _element$getBoundingC.left;
   var menuTop = top - 42; // top = top distance - menu height
   var menuPosition = {
     top: menuTop,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.53",
+  "version": "3.0.55",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6904355d314b760e4c87115534c9613f983ff7ed"
+  "gitHead": "beb2ea881f6636565f62cce5e3b58657df523304"
 }