@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/basic-sdk/extension/plugins/callout/helper.js

@@ -1,262 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapCallout = exports.unwrapCallout = exports.setCalloutIcon = exports.isMenuDisabled = exports.isMenuActive = exports.isCalloutContentEmpty = exports.insertElementAtNewLineInCallout = exports.getCalloutEntry = exports.generateCallout = exports.deleteCalloutIcon = exports.changeFillBackgroundColor = void 0;
-var _slate = require("@seafile/slate");
-var _elementType = require("../../constants/element-type");
-var _core = require("../../core");
-var _constant = require("./constant");
-const isMenuActive = editor => {
-  const {
-    selection
-  } = editor;
-  if (!selection) return false;
-  const isInsideCallout = !!getCalloutEntry(editor);
-  if (isInsideCallout) return true;
-  return false;
-};
-exports.isMenuActive = isMenuActive;
-const isMenuDisabled = (editor, readonly) => {
-  if (readonly) return true;
-  const {
-    selection
-  } = editor;
-  if (!selection) return true;
-  const selectedElements = (0, _core.getSelectedElems)(editor);
-  // If it's not the top list item, disable callout menu
-  const [node] = (0, _core.getTopLevelBlockNode)(editor) || [];
-  if (node && [_elementType.ORDERED_LIST, _elementType.UNORDERED_LIST].includes(node === null || node === void 0 ? void 0 : node.type)) {
-    if (!(0, _core.isTopLevelListItem)(editor)) return true;
-  }
-  const isRangeAcrossBlock = (0, _core.isRangeAcrossBlocks)(editor);
-  // If selected multiple block element contains callout, disable callout menu
-  const isAllSelectedElementsInAllowTypes = selectedElements.length && selectedElements.every(element => {
-    if (element.type === _elementType.CALL_OUT && isRangeAcrossBlock) return false;
-    return _constant.CALLOUT_ALLOWED_INSIDE_TYPES.includes(element.type);
-  });
-  if (isAllSelectedElementsInAllowTypes) return false;
-  // If selection is in multi_column, able callout menu
-  const currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _elementType.MULTI_COLUMN);
-  if (currentMultiColumnEntry) return false;
-  return true;
-};
-
-/**
- * @param {keyof CALLOUT_COLOR_MAP} [background_color] fill color
- */
-exports.isMenuDisabled = isMenuDisabled;
-const generateCallout = function () {
-  let background_color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(_constant.CALLOUT_COLOR_MAP)[5];
-  const props = {
-    style: {
-      background_color
-    }
-  };
-  const callout = (0, _core.generateEmptyElement)(_elementType.CALL_OUT, props);
-  callout.children = [];
-  return callout;
-};
-exports.generateCallout = generateCallout;
-const wrapCallout = editor => {
-  const {
-    selection
-  } = editor;
-  if (!selection) return;
-  const callout = generateCallout();
-  // Handle inserting callout into inside multi_column
-  const currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _elementType.MULTI_COLUMN);
-  if (currentMultiColumnEntry) {
-    _slate.Transforms.wrapNodes(editor, callout, {
-      at: editor.selection.anchor.path.slice(0, 3)
-    });
-    (0, _core.focusEditor)(editor);
-    return;
-  }
-  const [node, path] = (0, _core.getTopLevelBlockNode)(editor);
-  if (node && [_elementType.ORDERED_LIST, _elementType.UNORDERED_LIST].includes(node === null || node === void 0 ? void 0 : node.type)) {
-    if (_slate.Range.isCollapsed(selection)) {
-      _slate.Transforms.collapse(editor);
-    }
-    const {
-      path: startPath
-    } = _slate.Editor.start(editor, path) || {};
-    const {
-      offset: endOffset,
-      path: endPath
-    } = _slate.Editor.end(editor, path) || {};
-    const [, paragraphPath] = _slate.Editor.parent(editor, selection) || [];
-    const [listItemNode, listItemPath] = _slate.Editor.parent(editor, paragraphPath) || [];
-    let focusPoint = null;
-    // Highlight only the top listItem
-    if ((listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.type) === _elementType.LIST_ITEM && listItemPath.length === 2) {
-      const listNode = (0, _core.generateEmptyElement)(node.type);
-      listNode.children = [listItemNode];
-      callout.children = [listNode];
-      const {
-        path: curPath
-      } = _slate.Editor.point(editor, listItemPath) || {};
-      if (_slate.Path.equals(startPath, curPath)) {
-        // start
-        _slate.Transforms.removeNodes(editor, {
-          at: listItemPath
-        });
-        _slate.Transforms.insertNodes(editor, callout, {
-          at: [path[0]]
-        });
-        focusPoint = _slate.Editor.end(editor, [path[0]]);
-      } else if (_slate.Path.equals(endPath, curPath)) {
-        // end
-        _slate.Transforms.removeNodes(editor, {
-          at: listItemPath
-        });
-        _slate.Transforms.insertNodes(editor, callout, {
-          at: _slate.Path.next(path)
-        });
-        focusPoint = _slate.Editor.end(editor, _slate.Path.next(path));
-      } else {
-        // center
-        // Get rest list node
-        const restItemNode = _slate.Editor.nodes(editor, {
-          at: {
-            anchor: {
-              offset: 0,
-              path: curPath
-            },
-            focus: {
-              offset: endOffset,
-              path: endPath
-            }
-          },
-          match: (node, path) => {
-            // Matches the list type is LIST_ITEM
-            // Matches the list after the current path
-            // Matches top-level list-item
-            return (node === null || node === void 0 ? void 0 : node.type) === _elementType.LIST_ITEM && _slate.Path.compare(path, curPath) === 1 && path.length === 2;
-          }
-        });
-        const restListNode = (0, _core.generateEmptyElement)(node.type);
-        restListNode.children = [];
-        for (const [n] of restItemNode) {
-          restListNode.children.push(n);
-        }
-
-        // Delete rest list node
-        _slate.Transforms.removeNodes(editor, {
-          at: {
-            anchor: {
-              offset: 0,
-              path: curPath
-            },
-            focus: {
-              offset: endOffset,
-              path: endPath
-            }
-          },
-          match: (node, path) => (node === null || node === void 0 ? void 0 : node.type) === _elementType.LIST_ITEM && _slate.Path.compare(path, curPath) === 1 && path.length === 2
-        });
-        const insertCalloutPath = _slate.Path.next(path);
-        const insertListPath = _slate.Path.next(insertCalloutPath);
-        // Delete current list node
-        _slate.Transforms.removeNodes(editor, {
-          at: listItemPath
-        });
-        // Insert callout node and list node
-        _slate.Transforms.insertNodes(editor, callout, {
-          at: insertCalloutPath
-        });
-        _slate.Transforms.insertNodes(editor, restListNode, {
-          at: insertListPath
-        });
-        focusPoint = _slate.Editor.end(editor, insertCalloutPath);
-      }
-    }
-    (0, _core.focusEditor)(editor, focusPoint);
-    return;
-  }
-  _slate.Transforms.wrapNodes(editor, callout, {
-    mode: 'highest'
-  });
-  (0, _core.focusEditor)(editor);
-};
-exports.wrapCallout = wrapCallout;
-const unwrapCallout = editor => {
-  const {
-    selection
-  } = editor;
-  if (!selection) return;
-  const aboveNodeEntry = _slate.Editor.above(editor, {
-    match: n => n.type === _elementType.CALL_OUT
-  });
-  if (!aboveNodeEntry) return;
-  const [, calloutPath] = aboveNodeEntry;
-  _slate.Transforms.unwrapNodes(editor, {
-    at: calloutPath,
-    match: n => n.type === _elementType.CALL_OUT
-  });
-  const point = _slate.Editor.point(editor, editor.selection);
-  (0, _core.focusEditor)(editor, point);
-};
-exports.unwrapCallout = unwrapCallout;
-const changeFillBackgroundColor = (editor, background_color) => {
-  _slate.Transforms.setNodes(editor, {
-    style: {
-      background_color
-    }
-  }, {
-    match: n => n.type === _elementType.CALL_OUT
-  });
-  _slate.Transforms.select(editor, _slate.Editor.start(editor, editor.selection));
-};
-exports.changeFillBackgroundColor = changeFillBackgroundColor;
-const setCalloutIcon = (editor, icon_name) => {
-  _slate.Transforms.setNodes(editor, {
-    callout_icon: icon_name
-  }, {
-    match: n => n.type === _elementType.CALL_OUT
-  });
-  _slate.Transforms.select(editor, _slate.Editor.start(editor, editor.selection));
-};
-exports.setCalloutIcon = setCalloutIcon;
-const deleteCalloutIcon = editor => {
-  _slate.Transforms.setNodes(editor, {
-    callout_icon: ''
-  }, {
-    match: n => n.type === _elementType.CALL_OUT
-  });
-  _slate.Transforms.select(editor, _slate.Editor.start(editor, editor.selection));
-};
-
-// Check is cursor in callout
-exports.deleteCalloutIcon = deleteCalloutIcon;
-const getCalloutEntry = function (editor) {
-  let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
-  const aboveNodeEntry = _slate.Editor.above(editor, {
-    match: n => n.type === _elementType.CALL_OUT,
-    mode: 'highest',
-    at
-  });
-  return aboveNodeEntry;
-};
-exports.getCalloutEntry = getCalloutEntry;
-const isCalloutContentEmpty = calloutEntry => {
-  const [calloutNode] = calloutEntry;
-  const contentString = _slate.Node.string(calloutNode);
-  const calloutChildren = calloutNode.children;
-  const isSingleParagraph = calloutChildren.length === 1 && calloutChildren[0].type === _elementType.PARAGRAPH;
-  const isEmptyContent = contentString.length === 0;
-  return isSingleParagraph && isEmptyContent;
-};
-
-// Insert a new element at new line in callout after current path
-exports.isCalloutContentEmpty = isCalloutContentEmpty;
-const insertElementAtNewLineInCallout = (editor, type, currentPath) => {
-  const element = (0, _core.generateEmptyElement)(type);
-  const insertPath = _slate.Path.next(currentPath);
-  _slate.Transforms.insertNodes(editor, element, {
-    at: insertPath
-  });
-  _slate.Transforms.select(editor, insertPath);
-};
-exports.insertElementAtNewLineInCallout = insertElementAtNewLineInCallout;

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

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-var _menu = _interopRequireDefault(require("./menu"));
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = _interopRequireDefault(require("./render-elem"));
-const CalloutPlugin = {
-  type: _constants.CALL_OUT,
-  nodeType: 'element',
-  editorMenus: [_menu.default],
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default]
-};
-var _default = exports.default = CalloutPlugin;

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

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
-var _constants = require("../../../../constants");
-var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
-var _commons = require("../../../commons");
-var _constants2 = require("../../../constants");
-var _elementType = require("../../../constants/element-type");
-var _helper = require("../helper");
-const menuConfig = _constants2.MENUS_CONFIG_MAP[_elementType.CALL_OUT];
-const CalloutMenu = _ref => {
-  let {
-    editor,
-    isRichEditor,
-    className,
-    readonly
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const handleDisplayAlert = (0, _react.useCallback)(type => {
-    setTimeout(() => {
-      _toast.default.warning(`${t('The_current_location_does_not_support_pasting')}${t(type && type.at(0).toUpperCase() + type.slice(1))}`);
-    }, 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.DISPLAY_CALLOUT_UNSUPPORT_ALERT, handleDisplayAlert);
-    return unsubscribe;
-  }, [handleDisplayAlert]);
-  const handleClick = (0, _react.useCallback)(e => {
-    (0, _helper.isMenuActive)(editor) ? (0, _helper.unwrapCallout)(editor) : (0, _helper.wrapCallout)(editor);
-  }, [editor]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
-    isRichEditor: isRichEditor,
-    className: className,
-    ariaLabel: "callout",
-    disabled: (0, _helper.isMenuDisabled)(editor, readonly),
-    isActive: (0, _helper.isMenuActive)(editor),
-    onMouseDown: handleClick
-  }, menuConfig)));
-};
-var _default = exports.default = CalloutMenu;

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

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slate = require("@seafile/slate");
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _constants = require("../../../constants");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants2 = require("../../constants");
-var _core = require("../../core");
-var _helpers = require("../../toolbar/side-toolbar/helpers");
-var _constant = require("./constant");
-var _helper = require("./helper");
-/**
- * @param {Editor} editor
- * @returns
- */
-const withCallout = editor => {
-  const {
-    insertFragment,
-    deleteBackward,
-    onHotKeyDown,
-    insertData
-  } = editor;
-  const newEditor = editor;
-  newEditor.deleteBackward = unit => {
-    const calloutEntry = (0, _helper.getCalloutEntry)(editor);
-    if (calloutEntry) {
-      const node = calloutEntry[0];
-      if ((0, _core.isSelectionAtBlockStart)(editor) && !!node.callout_icon) {
-        (0, _helper.deleteCalloutIcon)(editor);
-        return;
-      }
-      if ((0, _core.isSelectionAtBlockStart)(editor) && (0, _helper.isCalloutContentEmpty)(calloutEntry)) {
-        (0, _helper.unwrapCallout)(editor);
-        return;
-      }
-    }
-    return deleteBackward(unit);
-  };
-  newEditor.insertData = data => {
-    if ((0, _helper.getCalloutEntry)(newEditor)) {
-      if (data.types.includes('text/code-block')) {
-        const eventBus = _eventBus.default.getInstance();
-        eventBus.dispatch(_constants.INTERNAL_EVENT.DISPLAY_CALLOUT_UNSUPPORT_ALERT, _constants2.CODE_BLOCK);
-        return;
-      }
-    }
-    return insertData(data);
-  };
-  newEditor.insertFragment = data => {
-    if ((0, _helper.getCalloutEntry)(editor)) {
-      var _data$find;
-      // No paste any unsupportedType content into callout
-      const unsupportedType = (_data$find = data.find(node => !_constant.CALLOUT_ALLOWED_INSIDE_TYPES.includes(node.type))) === null || _data$find === void 0 ? void 0 : _data$find.type;
-      if (unsupportedType) {
-        const eventBus = _eventBus.default.getInstance();
-        eventBus.dispatch(_constants.INTERNAL_EVENT.DISPLAY_CALLOUT_UNSUPPORT_ALERT, unsupportedType);
-        return;
-      }
-
-      // Unwrap the callout nodes if nested within another callout
-      const hasCalloutNode = data.some(node => node.type === _constants2.CALL_OUT);
-      if (hasCalloutNode) {
-        const newData = data.flatMap(node => node.type === _constants2.CALL_OUT ? node.children : [node]);
-        insertFragment(newData);
-      } else {
-        insertFragment(data);
-      }
-      return;
-    }
-    return insertFragment(data);
-  };
-  newEditor.onHotKeyDown = event => {
-    const calloutEntry = (0, _helper.getCalloutEntry)(editor);
-    if (calloutEntry) {
-      const [, calloutPath] = calloutEntry;
-      // Close color picker
-      const eventBus = _eventBus.default.getInstance();
-      eventBus.dispatch(_constants.INTERNAL_EVENT.CLOSE_CALLOUT_COLOR_PICKER);
-      if ((0, _isHotkey.default)('mod+enter', event)) {
-        (0, _helpers.insertElement)(newEditor, _constants2.PARAGRAPH, _constants2.INSERT_POSITION.AFTER);
-        return true;
-      }
-      if ((0, _isHotkey.default)('mod+a', event)) {
-        event.preventDefault();
-        try {
-          const startPoint = _slate.Editor.start(newEditor, calloutPath);
-          const endPoint = _slate.Editor.end(newEditor, calloutPath);
-          const selectRange = _slate.Editor.range(newEditor, startPoint, endPoint);
-          _slate.Transforms.select(newEditor, selectRange);
-          return true;
-        } catch (error) {
-          return true;
-        }
-      }
-    }
-    return onHotKeyDown && onHotKeyDown(event);
-  };
-  newEditor.onCopy = event => {
-    if ((0, _helper.getCalloutEntry)(editor)) {
-      event.stopPropagation();
-    }
-  };
-  return newEditor;
-};
-var _default = exports.default = withCallout;

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

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _slate = require("@seafile/slate");
-var _core = require("../../../../core");
-var _constant = require("../../constant");
-var _helper = require("../../helper");
-require("./style.css");
-const ColorSelector = _ref => {
-  let {
-    editor,
-    element,
-    onCloseSelector
-  } = _ref;
-  const onColorClick = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    let target = event.target;
-    while (!target.dataset || !target.dataset.backgroundColor) {
-      target = target.parentNode;
-    }
-    const {
-      backgroundColor
-    } = target.dataset;
-    const currentPath = (0, _core.findPath)(editor, element);
-    _slate.Transforms.select(editor, currentPath);
-    (0, _helper.changeFillBackgroundColor)(editor, backgroundColor);
-    onCloseSelector();
-  }, [editor, element, onCloseSelector]);
-  const isShowCheckedIcon = (0, _react.useCallback)(currentBackgroundColor => {
-    const {
-      background_color
-    } = element.style || {};
-    return background_color && background_color === currentBackgroundColor;
-  }, [element.style]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-callout-color-selector-container",
-    contentEditable: false
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "sdoc-color-selector-list"
-  }, Object.values(_constant.CALLOUT_COLOR_MAP).map((_ref2, index) => {
-    let {
-      border_color,
-      background_color
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: `sdoc-callout-color-selector-${index}`,
-      className: "sdoc-callout-color-item",
-      "data-border-color": border_color,
-      "data-background-color": background_color,
-      style: {
-        borderColor: border_color,
-        backgroundColor: background_color
-      },
-      onClick: onColorClick
-    }, isShowCheckedIcon(background_color) && /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdoc-callout-color-checked-icon sdocfont sdoc-check-mark"
-    }));
-  })));
-};
-var _default = exports.default = ColorSelector;

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

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CalloutHoverMenu;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _commons = require("../../../../commons");
-var _helper = require("../../helper");
-var _calloutColorSelector = _interopRequireDefault(require("../callout-color-selector"));
-var _calloutIcon = _interopRequireDefault(require("../callout-icon"));
-require("./style.css");
-function CalloutHoverMenu(_ref) {
-  let {
-    editor,
-    element,
-    popoverPosition
-  } = _ref;
-  const [isShowColorSelector, setIsShowColorSelector] = (0, _react.useState)(false);
-  const [isShowIcon, setIsShowIcon] = (0, _react.useState)(false);
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const onColorSelectorToggle = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    if (!isShowColorSelector) {
-      setIsShowIcon(false);
-    }
-    setIsShowColorSelector(!isShowColorSelector);
-  }, [isShowColorSelector, setIsShowColorSelector]);
-  const onIconToggle = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    if (!isShowIcon) {
-      setIsShowColorSelector(false);
-    }
-    setIsShowIcon(!isShowIcon);
-  }, [isShowIcon, setIsShowIcon]);
-  const onCloseSelector = (0, _react.useCallback)(() => {
-    setIsShowColorSelector(false);
-    setIsShowIcon(false);
-  }, []);
-  const firstItemClass = (0, _classnames.default)({
-    'callout-menu-item': true,
-    'color-active': isShowColorSelector
-  });
-  const secondItemClass = (0, _classnames.default)({
-    'callout-menu-item': true,
-    'icon-active': isShowIcon
-  });
-  const handleRemoveIcon = () => {
-    (0, _helper.setCalloutIcon)(editor, '');
-  };
-  return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-callout-hover-menu",
-    style: popoverPosition
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: firstItemClass,
-    onClick: onColorSelectorToggle
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdocfont sdoc-callout-color mr-1"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdocfont sdoc-drop-down"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "callout-menu-divider"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: secondItemClass,
-    onClick: onIconToggle
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdocfont sdoc-callout-icon mr-1"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdocfont sdoc-drop-down"
-  })), isShowColorSelector && /*#__PURE__*/_react.default.createElement(_calloutColorSelector.default, {
-    editor: editor,
-    element: element,
-    onCloseSelector: onCloseSelector
-  }), isShowIcon && /*#__PURE__*/_react.default.createElement(_calloutIcon.default, {
-    editor: editor,
-    element: element,
-    onCloseSelector: onCloseSelector
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "callout-menu-divider"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "callout-menu-item",
-    onClick: handleRemoveIcon
-  }, t('Remove_icon'))));
-}

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

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _slate = require("@seafile/slate");
-var _core = require("../../../../core");
-var _constant = require("../../constant");
-var _helper = require("../../helper");
-require("./style.css");
-const IconSelector = _ref => {
-  let {
-    editor,
-    element,
-    onCloseSelector
-  } = _ref;
-  const onImageClick = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    const {
-      image
-    } = event.target.dataset;
-    if (!image) return;
-    const currentPath = (0, _core.findPath)(editor, element);
-    _slate.Transforms.select(editor, currentPath);
-    (0, _helper.setCalloutIcon)(editor, image);
-    onCloseSelector();
-  }, [editor, element, onCloseSelector]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-callout-icon-selector-container",
-    onClick: onImageClick
-  }, Object.keys(_constant.CALLOUT_ICON_MAP).map(key => {
-    const content = _constant.CALLOUT_ICON_MAP[key];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: key,
-      className: "icon-item"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: 'sdoc-emoji ' + key,
-      "data-image": key
-    }, content));
-  }));
-};
-var _default = exports.default = IconSelector;