@seafile/sdoc-editor 2.0.53 → 2.0.55

package/dist/basic-sdk/comment/components/comment-delete-popover.js

@@ -42,6 +42,7 @@ const CommentDeletePopover = _ref => {
       document.removeEventListener('click', hide, true);
       document.removeEventListener('keydown', onHotKey);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const {
     t

package/dist/basic-sdk/comment/components/comment-item-reply.js

@@ -12,7 +12,6 @@ var _reactstrap = require("reactstrap");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context = _interopRequireDefault(require("../../../context"));
 var _commentEditor = _interopRequireDefault(require("./comment-editor"));
-var _notificationHooks = require("../hooks/notification-hooks");
 var _commentDeletePopover = _interopRequireDefault(require("./comment-delete-popover"));
 var _mdToHtml = _interopRequireDefault(require("../../../slate-convert/md-to-html"));
 const CommentItemReply = _ref => {
@@ -25,11 +24,7 @@ const CommentItemReply = _ref => {
     t
   } = _ref;
   const [isDropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
-  const {
-    notificationsInfo
-  } = (0, _notificationHooks.useNotificationContext)();
   const itemRef = (0, _react.useRef)(null);
-  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${reply.comment_id}_${reply.id}`] ? true : false;
   const [isEditing, setIsEditing] = (0, _react.useState)(false);
   const [editorContent, setEditorContent] = (0, _react.useState)('');
   const replyOpToolsId = `replyOpTools_${reply.id}`;

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

@@ -64,52 +64,44 @@ const ColorMenu = _ref => {
       const color = event.target.dataset.color;
       onSetColor(color);
     }
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, recentUsedColorsKey, isShowMenu, isPickerShow]);
   const toggle = (0, _react.useCallback)(() => {
     if (isPickerShow) return;
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu, isPickerShow]);
   const moreColorsPopoverToggle = (0, _react.useCallback)(() => {
     moreColorsPopoverRef.current.toggle();
     setPickerShow(!isPickerShow);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [moreColorsPopoverRef, isPickerShow]);
   const onClick = (0, _react.useCallback)(event => {
     (0, _mouseEvent.eventStopPropagation)(event);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onChange = (0, _react.useCallback)(color => {
     const validColor = color.hex;
     onSetColor(validColor, false);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [disabled]);
-  const validClassName = (0, _classnames.default)(className, 'sdoc-color-menu sdoc-menu-with-dropdown', {
-    'menu-show': isShowMenu,
-    'disabled': disabled,
-    'rich-icon-btn d-flex': isRichEditor,
-    'rich-icon-btn-disabled': isRichEditor && disabled,
-    'rich-icon-btn-hover': isRichEditor && !disabled,
-    'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
-  });
   const setLastUsedColor = (0, _react.useCallback)(event => {
     (0, _mouseEvent.eventStopPropagation)(event);
     onSetColor(lastUsedColor, false);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, lastUsedColor, disabled]);
   const buttonId = `button-${id}`;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel,
-    className: validClassName,
+    className: (0, _classnames.default)(className, 'sdoc-color-menu sdoc-menu-with-dropdown', {
+      'menu-show': isShowMenu,
+      'disabled': disabled,
+      'rich-icon-btn d-flex': isRichEditor,
+      'rich-icon-btn-disabled': isRichEditor && disabled,
+      'rich-icon-btn-hover': isRichEditor && !disabled,
+      'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
+    }),
     id: buttonId,
     disabled: disabled
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -199,7 +191,7 @@ const ColorMenu = _ref => {
     target: "sdoc-more-colors",
     className: "sdoc-more-colors-popover",
     trigger: "hover",
-    placement: "left-end",
+    placement: "right",
     hideArrow: true,
     fade: false,
     toggle: moreColorsPopoverToggle,

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

@@ -150,7 +150,8 @@ const FileLinkInsertDialog = _ref => {
       document.removeEventListener('keydown', onKeydown);
       unsubscribeCloseDialog();
     };
-  }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
+    // eslint-disable-next-line
+  }, [closeDialog, eventBus, getPosition, onClick, onKeydown, onScroll]);
   const onSearch = (0, _react.useCallback)((0, _debounce.default)(async searchText => {
     // Show history files when search is empty
     if (searchText.trim().length === 0) {
@@ -223,6 +224,7 @@ const FileLinkInsertDialog = _ref => {
       newFileName: createName,
       ...external_props
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element, newFileName]);
   const createFileTipDefault = (0, _react.useMemo)(() => {
     return 'Create_a_new_file';

package/dist/basic-sdk/extension/commons/menu/menu-group.js

@@ -5,17 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 class MenuGroup extends _react.default.PureComponent {
   render() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: 'btn-group ' + this.props.className,
+      className: 'btn-group ' + (this.props.className || 'menu-group'),
       role: 'group'
     }, this.props.children);
   }
 }
-(0, _defineProperty2.default)(MenuGroup, "defaultProps", {
-  className: 'menu-group'
-});
 var _default = exports.default = MenuGroup;

package/dist/basic-sdk/extension/plugins/callout/render-elem/index.js

@@ -65,6 +65,7 @@ const renderCallout = (_ref, editor) => {
     if (isContainUnitElement) return false;
     const elementContent = _slate.Node.string(element);
     return !elementContent.length;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [element, isSelected]);
   const handleCloseColorSelector = (0, _react.useCallback)(() => {
     setIsShowColorSelector(false);

package/dist/basic-sdk/extension/plugins/chart/render-elem.js

@@ -17,6 +17,7 @@ var _chartEditDialog = _interopRequireDefault(require("./chart-edit-dialog"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _helpers = require("./helpers");
+var _utils = require("../../utils");
 var _constants = require("../../constants");
 require("./render-elem.css");
 const Chart = _ref => {
@@ -50,11 +51,15 @@ const Chart = _ref => {
         top,
         left
       } = chartRef.current.getBoundingClientRect();
-      setMenuPosition({
-        top: top - 42,
-        left: left - 3
+      const curTop = top - 42; // top = top distance - menu height
+      const curLeft = left - 3;
+      const newMenuPosition = (0, _utils.checkOverflow)(editor, {
+        top: curTop,
+        left: curLeft
       });
+      setMenuPosition(newMenuPosition);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onScroll = (0, _react.useCallback)(e => {
     setPosition();

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -166,6 +166,8 @@ const CodeBlockHoverMenu = _ref2 => {
       case 'Enter':
         onSelectLang(langsData[selectedIndex], selectedIndex);
         break;
+      default:
+        break;
     }
   }, [langsData, selectedIndex, onSelectLang]);
   const scrollToLang = index => {

package/dist/basic-sdk/extension/plugins/list/menu/index.js

@@ -17,7 +17,7 @@ class ListMenu extends _react.default.Component {
     (0, _defineProperty2.default)(this, "isActive", () => {
       const {
         editor,
-        type
+        type = _constants.UNORDERED_LIST
       } = this.props;
       return (0, _helpers.getListType)(editor, type) === type;
     });
@@ -34,7 +34,7 @@ class ListMenu extends _react.default.Component {
       if (this.isDisabled()) return;
       const {
         editor,
-        type
+        type = _constants.UNORDERED_LIST
       } = this.props;
 
       // 执行命令
@@ -46,7 +46,7 @@ class ListMenu extends _react.default.Component {
     const {
       isRichEditor,
       className,
-      type,
+      type = _constants.UNORDERED_LIST,
       ariaLabel
     } = this.props;
     const menuConfig = _constants.MENUS_CONFIG_MAP[type];
@@ -62,7 +62,4 @@ class ListMenu extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
   }
 }
-(0, _defineProperty2.default)(ListMenu, "defaultProps", {
-  type: _constants.UNORDERED_LIST
-});
 var _default = exports.default = ListMenu;

package/dist/basic-sdk/extension/plugins/list/transforms/toggle-list.js

@@ -10,7 +10,6 @@ var _core = require("../../../core");
 var _queries = require("../queries");
 var _unwrapList = require("./unwrap-list");
 var _model = require("../model");
-var _slateReact = require("@seafile/slate-react");
 const wrapLineList = (editor, type) => {
   const list = (0, _model.generateEmptyList)(type);
   _slate.Transforms.wrapNodes(editor, list);

package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js

@@ -187,6 +187,7 @@ const ParticipantPopover = _ref => {
       return;
     }
     handleInvolvedKeyUp(event);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, handleInvolvedKeyUp, handleSelectCollaborator, handleSelectingCollaborator]);
 
   // Add the Enter keydown event listener during the capture phase

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/index.js

@@ -116,6 +116,7 @@ const ResizeHandlers = _ref => {
         'mouseleave': onMouseUp
       });
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [handleResizeColumn, column, isDraggingResizeHandler, isMouseNearBorder]);
   let leftAccumulator = 0;
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/seatable-tables/draggable/index.js

@@ -18,21 +18,23 @@ class Draggable extends _react.default.Component {
       drag: null
     });
     (0, _defineProperty2.default)(this, "onMouseDown", e => {
-      const drag = this.props.onDragStart(e);
-      if (e.preventDefault) {
-        e.preventDefault();
-      }
-      (0, _mouseEvent.eventStopPropagation)(e);
-      if (drag === null && e.button !== 0) {
-        return;
+      if (this.props.onDragStart) {
+        const drag = this.props.onDragStart(e);
+        if (e.preventDefault) {
+          e.preventDefault();
+        }
+        (0, _mouseEvent.eventStopPropagation)(e);
+        if (drag === null && e.button !== 0) {
+          return;
+        }
+        this.setState({
+          drag
+        });
       }
       window.addEventListener('mouseup', this.onMouseUp);
       window.addEventListener('mousemove', this.onMouseMove);
       window.addEventListener('touchend', this.onMouseUp);
       window.addEventListener('touchmove', this.onMouseMove);
-      this.setState({
-        drag
-      });
     });
     (0, _defineProperty2.default)(this, "onMouseMove", e => {
       if (this.state.drag === null) {
@@ -42,12 +44,12 @@ class Draggable extends _react.default.Component {
         e.preventDefault();
       }
       (0, _mouseEvent.eventStopPropagation)(e);
-      this.props.onDrag(e);
+      this.props.onDrag && this.props.onDrag(e);
     });
     (0, _defineProperty2.default)(this, "onMouseUp", e => {
       (0, _mouseEvent.eventStopPropagation)(e);
       this.cleanUp();
-      this.props.onDragEnd(e, this.state.drag);
+      this.props.onDragEnd && this.props.onDragEnd(e, this.state.drag);
       this.setState({
         drag: null
       });
@@ -73,9 +75,4 @@ class Draggable extends _react.default.Component {
     }));
   }
 }
-(0, _defineProperty2.default)(Draggable, "defaultProps", {
-  onDragStart: () => true,
-  onDragEnd: () => {},
-  onDrag: () => {}
-});
 var _default = exports.default = Draggable;

package/dist/basic-sdk/extension/plugins/seatable-tables/formatter/index.js

@@ -55,7 +55,7 @@ class CellFormatter extends _react.default.Component {
         column,
         cellValue,
         collaborators,
-        isSample,
+        isSample = true,
         isSeatableRow
       } = this.props;
       const {
@@ -287,7 +287,4 @@ class CellFormatter extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderFormatter());
   }
 }
-(0, _defineProperty2.default)(CellFormatter, "defaultProps", {
-  isSample: true
-});
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CellFormatter);

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/seatable-table.js

@@ -18,6 +18,7 @@ var _recordList = _interopRequireDefault(require("./record-list"));
 var _opMenu = _interopRequireDefault(require("../op-menu"));
 var _useScrollContext = require("../../../../hooks/use-scroll-context");
 var _helpers = require("../../seatable-column/helpers");
+var _utils = require("../../../utils");
 var _helpers2 = require("../helpers");
 require("./index.css");
 function SeaTableTable(_ref) {
@@ -197,17 +198,13 @@ function SeaTableTable(_ref) {
         left
       } = seaTableRef.current.getBoundingClientRect();
       const menuTop = top - 42; // top = top distance - menu height
-      const newMenuPosition = {
+      const newMenuPosition = (0, _utils.checkOverflow)(editor, {
         top: menuTop,
-        left: left // left = code-block left distance
-      };
-      // 201 is distance with browser top
-      if (menuTop < 201) {
-        newMenuPosition['display'] = 'none';
-      }
+        left
+      });
       setMenuPosition(newMenuPosition);
     }
-  }, [isShowMenu, readOnly]);
+  }, [editor, isShowMenu, readOnly]);
   (0, _react.useEffect)(() => {
     if (readOnly) return;
     let observerRefValue = null;

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -23,7 +23,7 @@ class DtableSearchInput extends _react.Component {
       this.timer && clearTimeout(this.timer);
       const {
         onChange,
-        wait
+        wait = 100
       } = this.props;
       let text = e.target.value;
       this.setState({
@@ -85,7 +85,7 @@ class DtableSearchInput extends _react.Component {
       }, "\xD7");
     });
     this.state = {
-      searchValue: props.value
+      searchValue: props.value || ''
     };
     this.isInputtingChinese = false;
     this.timer = null;
@@ -109,7 +109,7 @@ class DtableSearchInput extends _react.Component {
       autoFocus,
       className,
       onKeyDown,
-      disabled,
+      disabled = false,
       style
     } = this.props;
     const {
@@ -131,9 +131,4 @@ class DtableSearchInput extends _react.Component {
     }), this.renderClear());
   }
 }
-(0, _defineProperty2.default)(DtableSearchInput, "defaultProps", {
-  wait: 100,
-  disabled: false,
-  value: ''
-});
 var _default = exports.default = DtableSearchInput;

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover.js

@@ -163,7 +163,7 @@ class FilterPopover extends _react.Component {
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: ref => this.dtablePopoverRef = ref,
         onClick: this.onPopoverInsideClick,
-        className: this.props.filtersClassName
+        className: this.props.filtersClassName || ''
       }, /*#__PURE__*/_react.default.createElement(_filtersList.default, {
         filterConjunction: filterConjunction,
         filters: filters,
@@ -194,7 +194,4 @@ class FilterPopover extends _react.Component {
     });
   }
 }
-(0, _defineProperty2.default)(FilterPopover, "defaultProps", {
-  filtersClassName: ''
-});
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(FilterPopover);

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/index.js

@@ -37,7 +37,8 @@ class FilterSetter extends _react.default.Component {
       filters,
       columns,
       collaborators,
-      isNeedSubmit,
+      target = 'sdoc-editor-filter-popover',
+      isNeedSubmit = false,
       isShowFilterPopover,
       container
     } = this.props;
@@ -47,7 +48,7 @@ class FilterSetter extends _react.default.Component {
       container: container,
       filtersClassName: filtersClassName,
       popperClassName: popperClassName,
-      target: this.props.target,
+      target: target,
       isNeedSubmit: isNeedSubmit,
       columns: columns,
       collaborators: collaborators,
@@ -59,8 +60,4 @@ class FilterSetter extends _react.default.Component {
     }));
   }
 }
-(0, _defineProperty2.default)(FilterSetter, "defaultProps", {
-  target: 'sdoc-editor-filter-popover',
-  isNeedSubmit: false
-});
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(FilterSetter);

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/hide-column-setter/index.js

@@ -26,7 +26,7 @@ class HideColumnSetter extends _react.Component {
   }
   render() {
     const {
-      target,
+      target = 'sdoc-editor-hide-column-popover',
       columns,
       isShowHideColumnSetter,
       container,
@@ -47,7 +47,4 @@ class HideColumnSetter extends _react.Component {
     }));
   }
 }
-(0, _defineProperty2.default)(HideColumnSetter, "defaultProps", {
-  target: 'sdoc-editor-hide-column-popover'
-});
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(HideColumnSetter);

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/sort-setter/index.js

@@ -23,9 +23,10 @@ class SortSetter extends _react.Component {
   }
   render() {
     const {
+      target = 'sdoc-editor-sort-popover',
+      isNeedSubmit = false,
       sorts,
       columns,
-      isNeedSubmit,
       isShowSortPopover,
       container,
       popperClassName,
@@ -33,7 +34,7 @@ class SortSetter extends _react.Component {
     } = this.props;
     if (!columns) return null;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isShowSortPopover && /*#__PURE__*/_react.default.createElement(_sortPopover.default, {
-      target: this.props.target,
+      target: target,
       popperClassName: popperClassName,
       container: container,
       isNeedSubmit: isNeedSubmit,
@@ -44,8 +45,4 @@ class SortSetter extends _react.Component {
     }));
   }
 }
-(0, _defineProperty2.default)(SortSetter, "defaultProps", {
-  target: 'sdoc-editor-sort-popover',
-  isNeedSubmit: false
-});
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SortSetter);

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/common-menu.js

@@ -14,12 +14,14 @@ class CommonMenu extends _react.Component {
     super(props);
     (0, _defineProperty2.default)(this, "getClassName", () => {
       const {
-        isRichEditor,
-        className,
+        isRichEditor = true,
+        className = 'menu-group-item',
         disabled
       } = this.props;
       let itemClass = 'btn btn-icon btn-secondary btn-active d-flex';
-      if (!isRichEditor) return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
+      if (!isRichEditor) {
+        return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
+      }
       itemClass = `rich-icon-btn d-flex ${disabled ? 'rich-icon-btn-disabled' : 'rich-icon-btn-hover'}`;
       return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
     });
@@ -53,11 +55,10 @@ class CommonMenu extends _react.Component {
     const {
       isShowMenu
     } = this.state;
-    const className = this.getClassName();
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
       id: id,
       type: "button",
-      className: className
+      className: this.getClassName()
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-menu-with-dropdown-icon"
     }, /*#__PURE__*/_react.default.createElement("i", {
@@ -79,8 +80,4 @@ class CommonMenu extends _react.Component {
     }, children)));
   }
 }
-(0, _defineProperty2.default)(CommonMenu, "defaultProps", {
-  isRichEditor: true,
-  className: 'menu-group-item'
-});
 var _default = exports.default = CommonMenu;

package/dist/basic-sdk/extension/plugins/table/menu/color-selector-popover/index.js

@@ -67,31 +67,25 @@ const ColorSelectorPopover = _ref => {
       const color = event.target.dataset.color;
       onSetColor(color);
     }
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, recentUsedColorsKey, isShowMenu, isPickerShow]);
   const toggle = (0, _react.useCallback)(() => {
     if (isPickerShow) return;
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu, isPickerShow]);
   const moreColorsPopoverToggle = (0, _react.useCallback)(() => {
     moreColorsPopoverRef.current.toggle();
     setPickerShow(!isPickerShow);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [moreColorsPopoverRef, isPickerShow]);
   const onMouseDown = (0, _react.useCallback)(event => {
     (0, _mouseEvent.eventStopPropagation)(event);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onChange = (0, _react.useCallback)(color => {
     const validColor = color.hex;
     onSetColor(validColor, false);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [readonly]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
@@ -162,7 +156,7 @@ const ColorSelectorPopover = _ref => {
     target: "sdoc-more-colors",
     className: "sdoc-more-colors-popover sdoc-table-more-colors",
     trigger: "hover",
-    placement: "right-end",
+    placement: "right",
     hideArrow: true,
     fade: false,
     toggle: moreColorsPopoverToggle,

package/dist/basic-sdk/extension/plugins/video/plugin.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _core = require("../../core");

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

@@ -291,6 +291,7 @@ const QuickInsertBlockMenu = _ref => {
       delete items[_constants.VIDEO];
     }
     return items;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn]);
   const getSelectItemDom = selectIndex => {
     const dropDownItemWrapper = downDownWrapperRef.current;

package/dist/basic-sdk/extension/utils/index.js

@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onHandleOverflowScroll = exports.isSameDomain = exports.isOverflowPortByDirection = exports.isImage = exports.IMAGE_TYPES = void 0;
+exports.onHandleOverflowScroll = exports.isSameDomain = exports.isOverflowPortByDirection = exports.isImage = exports.checkOverflow = exports.IMAGE_TYPES = void 0;
 var _isUrl = _interopRequireDefault(require("is-url"));
+var _constants = require("../../constants");
 const IMAGE_TYPES = exports.IMAGE_TYPES = ['png', 'jpg', 'gif'];
 const isImage = url => {
   if (!url) return false;
@@ -68,4 +69,13 @@ const onHandleOverflowScroll = (currentSelectItem, downDownWrapperRef) => {
     });
   }
 };
-exports.onHandleOverflowScroll = onHandleOverflowScroll;
+exports.onHandleOverflowScroll = onHandleOverflowScroll;
+const checkOverflow = (editor, position) => {
+  if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) {
+    if (position.top < 201 || position.top + 42 > window.innerHeight) {
+      position['display'] = 'none';
+    }
+  }
+  return position;
+};
+exports.checkOverflow = checkOverflow;

package/dist/components/doc-operations/collaborators-operation/index.js

@@ -1,13 +1,12 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _basicSdk = require("../../../basic-sdk");
 var _context = _interopRequireDefault(require("../../../context"));
 var _collaboratorsPopover = _interopRequireDefault(require("./collaborators-popover"));
@@ -73,7 +72,7 @@ class CollaboratorsOperation extends _react.default.PureComponent {
     const {
       collaborators
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       className: "op-item collaborators-op-item",
       id: "collaborators"
     }, /*#__PURE__*/_react.default.createElement("i", {

package/dist/components/toast/toast.js

@@ -93,7 +93,7 @@ class Toast extends _react.default.PureComponent {
         padding: 8
       }
     }, /*#__PURE__*/_react.default.createElement(_alert.default, {
-      intent: this.props.intent,
+      intent: this.props.intent || 'none',
       title: this.props.title,
       children: this.props.children || '',
       isRemovable: this.props.hasCloseButton,
@@ -101,7 +101,4 @@ class Toast extends _react.default.PureComponent {
     }))));
   }
 }
-exports.default = Toast;
-(0, _defineProperty2.default)(Toast, "defaultProps", {
-  intent: 'none'
-});
+exports.default = Toast;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.53",
+  "version": "2.0.55",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -39,7 +39,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
-    "sea-chart": "2.0.10",
+    "sea-chart": "2.0.11",
     "slugid": "3.2.0",
     "socket.io-client": "4.8.1",
     "type-of": "2.0.1",
@@ -48,6 +48,7 @@
     "url-parse": "1.5.10"
   },
   "scripts": {
+    "lint-fix": "eslint --ext .jsx,.js ./src --fix",
     "clean": "rm -rf dist && mkdir dist",
     "start.bak": "node scripts/start.js",
     "start": "cross-env NODE_ENV=development node dev-server.js",