@seafile/sdoc-editor 2.0.201 → 2.0.203

package/dist/extension/commons/file-link-preview/index.css

@@ -106,7 +106,7 @@
 .file-preview-panel-body .sdoc-article-container .article.sdoc-editor__article {
   border: none;
   box-shadow: none;
-  padding: 8px;
+  padding: 8px 16px;
 }
 
 .file-preview-panel-body .sdoc-article-container .sdoc-table-wrapper {

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

@@ -159,6 +159,7 @@
 
 .sdoc-toggle-view .sdoc-tree-view,
 .sdoc-toggle-view .sdoc-list-view {
+  color: #666666;
   min-width: 66px;
   width: fit-content;
   border-radius: 2px;

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

@@ -33,6 +33,12 @@
   flex: 1 1;
   margin-left: .25rem;
   overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.sdoc-file-wrapper:has(.sdoc-file-checked) .sdoc-item-content {
+  padding-right: 32px;
 }
 
 .sdoc-item-name {

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

@@ -76,6 +76,13 @@
 
 .sdoc-files-tree .sdoc-file-info .sdoc-file-name {
   font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.sdoc-files-tree .sdoc-file-info:has(.sdoc-file-checked) .sdoc-file-name {
+  padding-right: 32px;
 }
 
 .sdoc-files-tree .sdoc-folder-children {

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

@@ -293,7 +293,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   type: _elementType.IMAGE,
   text: 'Image'
 }), _elementType.VIDEO, {
-  id: 'sdoc-side-menu-item-video',
+  id: '',
   iconClass: 'sdocfont sdoc-video',
   type: _elementType.VIDEO,
   text: 'Video'

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -173,7 +173,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     return function () {
       return clearTimeout(timer);
     };
-  }, []);
+  }, [linked_id]);
   (0, _react.useEffect)(function () {
     var genHtml = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {

package/dist/extension/plugins/link/helpers.js

@@ -252,7 +252,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   var parser = new DOMParser();
   var doc = parser.parseFromString(htmlString, 'text/html');
   var resultHtml;
-  if (targetType == 'img') {
+  if (targetType === 'img') {
     resultHtml = (0, _toConsumableArray2["default"])(doc.querySelectorAll('p:has(img)')).map(function (p) {
       return p.outerHTML;
     }).join('');
@@ -264,6 +264,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   return resultHtml;
 };
 var isEmptyNode = exports.isEmptyNode = function isEmptyNode(node) {
+  if (node.type === _constants.IMAGE_BLOCK) return false;
   var text = _slate.Node.string(node);
   return text.trim() === '';
 };

package/dist/extension/plugins/video/helpers.js

@@ -125,6 +125,7 @@ var insertVideo = exports.insertVideo = function insertVideo(editor, videoFiles,
     _slate.Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
     });
+    (0, _core.focusEditor)(editor, [path[0] + 1, 2]);
     return;
   }
   var aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);

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

@@ -58,7 +58,7 @@ var VideoMenu = function VideoMenu(_ref) {
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
+    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openLocalVideoDialog

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
@@ -27,9 +27,8 @@ var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
 var _helpers3 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helpers4 = require("../../plugins/video/helpers");
 var _utils = require("../../utils");
-var _helpers5 = require("../side-toolbar/helpers");
+var _helpers4 = require("../side-toolbar/helpers");
 var _const = require("./const");
 require("./style.css");
 var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
@@ -74,28 +73,11 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.LOCAL_VIDEO,
-      editor: editor
+      insertPosition: insertPosition,
+      slateNode: slateNode
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
-  var addVideoLink = (0, _react.useCallback)(function () {
-    callback && callback();
-    var eventBus = _eventBus["default"].getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
-      editor: editor
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
-    callback && callback();
-    var eventBus = _eventBus["default"].getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.VIDEO,
-      insertVideo: _helpers4.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;
@@ -130,7 +112,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, _helpers4.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsertCallout = (0, _react.useCallback)(function (type) {
@@ -143,7 +125,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         }
       });
     } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers5.insertElement)(editor, type, insertPosition);
+      (0, _helpers4.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [callback, editor, insertPosition]);
@@ -203,49 +185,26 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [callback, editor, insertPosition, slateNode]);
   var dropDownItems = (0, _react.useMemo)(function () {
-    var items = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    var items = (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"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
       disabled: isDisableImage,
       key: "sdoc-insert-menu-image",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_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 && (0, _defineProperty2["default"])({}, _constants2.VIDEO,
-    /*#__PURE__*/
-    // eslint-disable-next-line react/jsx-indent
-    _react["default"].createElement(_dropdownMenuItem["default"], {
+    })), _constants2.VIDEO, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.VIDEO],
       disabled: isDisableVideo,
       key: "sdoc-insert-menu-video",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
-      className: "pr-2"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-    }), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
-      target: "sdoc-side-menu-item-video",
-      trigger: "hover",
-      className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
-      placement: "left-start",
-      hideArrow: true,
-      fade: false
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-menu-item",
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
       onClick: onInsertVideoToggle
-    }, t('Upload_local_video')), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-menu-item",
-      onClick: addVideoLink
-    }, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-menu-item",
-      onClick: openSelectVideoFileDialog
-    }, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
+    })), _constants2.TABLE,
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-indent
     _react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
       disabled: isDisableTable,
       key: "sdoc-insert-menu-table",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
@@ -262,75 +221,75 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }))), _constants2.LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
       key: "sdoc-insert-menu-link",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
       onClick: openLinkDialog
     })), _constants2.CODE_BLOCK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
       disabled: isDisableCodeBlock,
       key: "sdoc-insert-menu-code-block",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
       onClick: onInsertCodeBlock
     })), _constants2.CALL_OUT, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CALL_OUT],
       disabled: isDisableCallout,
       key: "sdoc-insert-menu-callout",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
       onClick: function onClick() {
         return onInsertCallout(_constants2.PARAGRAPH);
       }
     })), _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
       key: "sdoc-insert-menu-unorder-list",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
       onClick: function onClick() {
         onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
       }
     })), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
       key: "sdoc-insert-menu-order-list",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
       onClick: function onClick() {
         onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
       }
     })), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
       key: "sdoc-insert-menu-check-list",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
       onClick: onInsertCheckList
     })), _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
       disabled: isEmptyNode,
       key: "sdoc-insert-menu-paragraph",
-      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
       onClick: function onClick() {
         return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
       }
-    })));
+    }));
     if (_commonUtils.isMobile) {
       items = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
         key: "sdoc-insert-menu-unorder-list",
-        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
         onClick: function onClick() {
           onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
         }
       })), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
-        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
         onClick: function onClick() {
           onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
         }
       })), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
         key: "sdoc-insert-menu-check-list",
-        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
         onClick: onInsertCheckList
       })), _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
-        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
         onClick: function onClick() {
           return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
         }
@@ -458,7 +417,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, _helpers4.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
       setQuickInsertMenuSearchMap(newMenuSearchMap);
     }
   }, [editor, t]);

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

@@ -10,7 +10,6 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../../../constants");
@@ -24,8 +23,7 @@ var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
 var _helpers3 = 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 _helpers4 = require("./helpers");
 var InsertBlockMenu = function InsertBlockMenu(_ref) {
   var _ref$insertPosition = _ref.insertPosition,
     insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
@@ -50,42 +48,17 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
   var onInsertVideoToggle = (0, _react.useCallback)(function () {
-    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+    var eventBus = _eventBus["default"].getInstance();
+    if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
       _slate.Transforms.select(editor, editor.selection.focus);
     }
-    var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.LOCAL_VIDEO,
-      editor: editor,
-      insertPosition: insertPosition
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, insertPosition]);
-  var addVideoLink = (0, _react.useCallback)(function () {
-    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
-    }
-    var eventBus = _eventBus["default"].getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
-      editor: editor,
-      insertPosition: insertPosition
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [insertPosition, editor]);
-  var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
-    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers5.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,
       insertPosition: insertPosition,
       slateNode: slateNode
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [insertPosition, slateNode]);
+  }, [editor, insertPosition]);
   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);
@@ -93,9 +66,6 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var openLinkDialog = (0, _react.useCallback)(function () {
-    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      _slate.Transforms.select(editor, editor.selection.focus);
-    }
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.ELEMENT_TYPE.LINK,
@@ -104,7 +74,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [insertPosition, editor]);
+  }, [insertPosition]);
 
   // const onInsertChart = useCallback(() => {
   //   const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
@@ -127,14 +97,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, _helpers4.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, _helpers4.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [editor, insertPosition]);
@@ -174,31 +144,10 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     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, _helpers4.isInMultiColumnNode)(editor, slateNode),
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
-    className: "pr-2"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  }), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
-    target: "sdoc-side-menu-item-video",
-    trigger: "hover",
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
-    placement: "right-start",
-    hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-dropdown-menu-item",
     onClick: onInsertVideoToggle
-  }, t('Upload_local_video')), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: addVideoLink
-  }, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: openSelectVideoFileDialog
-  }, t('Link_video_file'))))), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.TABLE],
     key: "sdoc-insert-menu-table",
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.201",
+  "version": "2.0.203",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c5d1daac72acaf2bae69134ce1cc4778312c6579"
+  "gitHead": "43c4ac276fa9d7333f769fc7029a918785875191"
 }