@seafile/sdoc-editor 2.0.82 → 2.0.83

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

@@ -1,134 +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 _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _constants = require("../../../../constants");
-var _useScrollContext = require("../../../../hooks/use-scroll-context");
-var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
-var _utils = require("../../../utils");
-var _constant = require("../constant");
-var _calloutHoverMenu = _interopRequireDefault(require("./callout-hover-menu"));
-require("./index.css");
-/* eslint-disable react-hooks/rules-of-hooks */
-
-const renderCallout = (_ref, editor) => {
-  let {
-    attributes,
-    children,
-    element
-  } = _ref;
-  const readOnly = (0, _slateReact.useReadOnly)();
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const isSelected = (0, _slateReact.useSelected)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const calloutRef = (0, _react.useRef)();
-  const [isShowColorSelector, setIsShowColorSelector] = (0, _react.useState)(false);
-  const [popoverPosition, setPopoverPosition] = (0, _react.useState)({
-    top: '',
-    left: ''
-  });
-  const containerStyle = (0, _react.useMemo)(() => {
-    const {
-      background_color = 'transparent'
-    } = element.style;
-    let borderColor = 'transparent';
-    if (isSelected) {
-      var _CALLOUT_COLOR_MAP$ba;
-      borderColor = (_CALLOUT_COLOR_MAP$ba = _constant.CALLOUT_COLOR_MAP[background_color]) === null || _CALLOUT_COLOR_MAP$ba === void 0 ? void 0 : _CALLOUT_COLOR_MAP$ba.border_color;
-    }
-    return {
-      backgroundColor: background_color,
-      borderColor
-    };
-  }, [element.style, isSelected]);
-  const calloutIcon = (0, _react.useMemo)(() => {
-    const {
-      callout_icon = ''
-    } = element;
-    if (!callout_icon) return null;
-    return _constant.CALLOUT_ICON_MAP[callout_icon];
-  }, [element]);
-  const isShowPlaceholder = (0, _react.useCallback)(() => {
-    if (readOnly || isSelected) return false;
-    // If element contains more than one element or element is not paragraph, show placeholder
-    const isContainUnitElement = element.children.length !== 1 || element.children.some(childElement => childElement.type !== 'paragraph');
-    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);
-  }, []);
-  const handleScroll = (0, _react.useCallback)(e => {
-    if (readOnly) return;
-    if (!isShowColorSelector) return;
-    if (e.currentTarget.scrollTop) {
-      const menuPosition = (0, _utils.getMenuPosition)(calloutRef.current, editor);
-      setPopoverPosition(menuPosition);
-    }
-  }, [editor, isShowColorSelector, readOnly]);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.CLOSE_CALLOUT_COLOR_PICKER, handleCloseColorSelector);
-    return unsubscribe;
-  }, [handleCloseColorSelector]);
-  (0, _react.useEffect)(() => {
-    if (readOnly) return;
-    let observerRefValue = null;
-    if (scrollRef.current) {
-      scrollRef.current.addEventListener('scroll', handleScroll);
-      observerRefValue = scrollRef.current;
-    }
-    return () => {
-      observerRefValue.removeEventListener('scroll', handleScroll);
-    };
-  }, [handleScroll, readOnly, scrollRef]);
-  (0, _react.useEffect)(() => {
-    if (!isSelected) {
-      setIsShowColorSelector(false);
-    }
-  }, [isSelected]);
-  const handleDisplayColorSelector = (0, _react.useCallback)(() => {
-    if (readOnly) return;
-    const menuPosition = (0, _utils.getMenuPosition)(calloutRef.current, editor);
-    setPopoverPosition(menuPosition);
-    setIsShowColorSelector(true);
-  }, [editor, readOnly]);
-  const handleClick = (0, _react.useCallback)(e => {
-    handleDisplayColorSelector();
-  }, [handleDisplayColorSelector]);
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    "data-id": element.id,
-    className: "sdoc-callout-white-wrapper"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    onClick: handleClick,
-    ref: calloutRef,
-    className: `${attributes.className} sdoc-callout-container`,
-    style: containerStyle
-  }, element.callout_icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: "callout-icon"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: 'sdoc-emoji ' + element.callout_icon
-  }, calloutIcon)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "callout-content"
-  }, children, isShowPlaceholder() && /*#__PURE__*/_react.default.createElement("div", {
-    contentEditable: false,
-    className: "sdoc-callout-placeholder"
-  }, t('Please_enter'), "...")), isShowColorSelector && /*#__PURE__*/_react.default.createElement(_calloutHoverMenu.default, {
-    editor: editor,
-    element: element,
-    popoverPosition: popoverPosition
-  })));
-};
-var _default = exports.default = renderCallout;

package/dist/basic-sdk/extension/plugins/check-list/helpers.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setCheckListItemType = exports.isMenuDisabled = exports.getCheckListItemType = exports.convertToCheck = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../../constants");
-var _core = require("../../core");
-const isMenuDisabled = (editor, readonly) => {
-  if (readonly) return true;
-  if (editor.selection == null) return true;
-  let selectedElements = [];
-  const nodeEntries = _slate.Editor.nodes(editor, {
-    universal: true
-  });
-  for (let nodeEntry of nodeEntries) {
-    const [node] = nodeEntry;
-    if (_slate.Element.isElement(node)) selectedElements.push(node);
-  }
-  const notMatch = selectedElements.some(element => {
-    if (_slate.Editor.isVoid(editor, element) && _slate.Editor.isBlock(editor, element)) return true;
-    const {
-      type
-    } = element;
-    if (type === _constants.ELEMENT_TYPE.CODE_LINE) return true;
-    if (type === _constants.ELEMENT_TYPE.CODE_BLOCK) return true;
-    if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(type) && (0, _core.isMultiLevelList)(element)) return true;
-    if (type === _constants.ELEMENT_TYPE.TABLE) return true;
-    if (type === _constants.ELEMENT_TYPE.TABLE_ROW) return true;
-    if (type === _constants.ELEMENT_TYPE.TABLE_CELL) return true;
-    return false;
-  });
-  if (notMatch) return true;
-  return false;
-};
-exports.isMenuDisabled = isMenuDisabled;
-const getCheckListItemType = editor => {
-  const node = (0, _core.getSelectedNodeByType)(editor, _constants.CHECK_LIST_ITEM);
-  if (!node) return _constants.PARAGRAPH;
-  return node.type;
-};
-exports.getCheckListItemType = getCheckListItemType;
-const convertToCheck = (editor, listNode, listPath) => {
-  const checkList = [];
-  const {
-    children
-  } = listNode || {};
-  children.forEach(item => {
-    const text = _slate.Node.string(item);
-    const checkNode = (0, _core.generateEmptyElement)(_constants.CHECK_LIST_ITEM, {}, text);
-    checkList.push(checkNode);
-  });
-  _slate.Transforms.removeNodes(editor, {
-    at: [listPath[0]]
-  });
-  _slate.Transforms.insertNodes(editor, checkList, {
-    at: [listPath[0]]
-  });
-  _slate.Transforms.select(editor, {
-    path: [listPath[0], 0],
-    offset: 0
-  });
-};
-exports.convertToCheck = convertToCheck;
-const setCheckListItemType = (editor, newType, insertPosition) => {
-  if (insertPosition === _constants.INSERT_POSITION.AFTER) {
-    const p = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
-    const path = _slate.Editor.path(editor, editor.selection);
-    _slate.Transforms.insertNodes(editor, p, {
-      at: [path[0] + 1]
-    });
-    _slate.Transforms.select(editor, [path[0] + 1]);
-  }
-  if (!(0, _core.isRangeAcrossBlocks)(editor)) {
-    const path = _slate.Editor.path(editor, editor.selection);
-    const [currentNode] = (0, _core.getCurrentNode)(editor);
-    if (path) {
-      const [targetNode, targetPath] = _slate.Editor.node(editor, [path[0]]);
-      if (targetNode && [_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(targetNode === null || targetNode === void 0 ? void 0 : targetNode.type)) {
-        convertToCheck(editor, targetNode, targetPath);
-        if (newType === _constants.CHECK_LIST_ITEM && !_slate.Node.string(currentNode)) {
-          (0, _core.focusEditor)(editor);
-        }
-        return;
-      }
-    }
-    _slate.Transforms.setNodes(editor, {
-      type: newType
-    });
-    // When currentNode is empty
-    if (newType === _constants.CHECK_LIST_ITEM && !_slate.Node.string(currentNode)) {
-      (0, _core.focusEditor)(editor, path);
-    }
-  } else {
-    const nodes = _slate.Editor.nodes(editor, {
-      match: n => {
-        const type = (0, _core.getNodeType)(n);
-        if (!type) return;
-        if (type === _constants.PARAGRAPH) return true;
-        if (type === _constants.CHECK_LIST_ITEM) return true;
-        if (type.startsWith(_constants.HEADER)) return true;
-        if (type === _constants.TITLE) return true;
-        if (type === _constants.SUBTITLE) return true;
-        return false;
-      },
-      universal: false,
-      mode: 'highest' // Match top level
-    });
-    const nodesEntry = Array.from(nodes);
-    if (nodesEntry.length === 0) return;
-    nodesEntry.forEach(nodeEntry => {
-      _slate.Transforms.setNodes(editor, {
-        type: newType
-      }, {
-        at: nodeEntry[1]
-      });
-    });
-  }
-};
-exports.setCheckListItemType = setCheckListItemType;

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

@@ -1,16 +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 _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = require("./render-elem");
-const CheckListPlugin = {
-  type: _constants.CHECK_LIST_ITEM,
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.renderCheckListItem]
-};
-var _default = exports.default = CheckListPlugin;

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

@@ -1,58 +0,0 @@
-"use strict";
-
-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 = _interopRequireDefault(require("react"));
-var _commons = require("../../../commons");
-var _constants = require("../../../constants");
-var _core = require("../../../core");
-var _helpers = require("../helpers");
-class CheckListMenu extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "isActive", () => {
-      const {
-        editor
-      } = this.props;
-      return (0, _helpers.getCheckListItemType)(editor) === _constants.CHECK_LIST_ITEM;
-    });
-    (0, _defineProperty2.default)(this, "isDisabled", () => {
-      const {
-        editor,
-        readonly
-      } = this.props;
-      return (0, _helpers.isMenuDisabled)(editor, readonly);
-    });
-    (0, _defineProperty2.default)(this, "onMouseDown", () => {
-      const {
-        editor
-      } = this.props;
-      const active = this.isActive(editor);
-      const newType = active ? _constants.PARAGRAPH : _constants.CHECK_LIST_ITEM;
-      (0, _helpers.setCheckListItemType)(editor, newType);
-      (0, _core.focusEditor)(editor, editor.selection);
-    });
-  }
-  render() {
-    const {
-      isRichEditor,
-      className
-    } = this.props;
-    const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.CHECK_LIST_ITEM];
-    const props = {
-      isRichEditor,
-      className,
-      ariaLabel: 'check list',
-      ...menuConfig,
-      disabled: this.isDisabled(),
-      isActive: this.isActive(),
-      onMouseDown: this.onMouseDown
-    };
-    return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
-  }
-}
-var _default = exports.default = CheckListMenu;

package/dist/basic-sdk/extension/plugins/check-list/model.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-class CheckListItem {
-  constructor(options) {
-    this.type = options.type || _constants.CHECK_LIST_ITEM;
-    this.checked = options.checked || false;
-    this.children = options.children || [{
-      text: ''
-    }];
-  }
-}
-var _default = exports.default = CheckListItem;

package/dist/basic-sdk/extension/plugins/check-list/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 _core = require("../../core");
-const withCheckList = editor => {
-  const {
-    insertBreak,
-    deleteBackward,
-    onHotKeyDown
-  } = editor;
-  const newEditor = editor;
-  newEditor.insertBreak = () => {
-    const {
-      selection
-    } = newEditor;
-    if (!selection) {
-      insertBreak();
-      return;
-    }
-    const node = (0, _core.getSelectedNodeByType)(editor, _constants.CHECK_LIST_ITEM);
-    if (!node) {
-      insertBreak();
-      return;
-    }
-    if (_slate.Node.string(node).length === 0) {
-      _slate.Transforms.setNodes(editor, {
-        type: _constants.PARAGRAPH,
-        children: [(0, _core.generateDefaultText)()]
-      }, {
-        at: node[1]
-      });
-      return;
-    }
-
-    // If it is check-list-item, handle your own business logic
-    if ((0, _core.isCursorAtBlockStart)(editor)) {
-      const path = (0, _core.findPath)(editor, node);
-      const newNode = (0, _core.generateEmptyElement)(_constants.CHECK_LIST_ITEM);
-      _slate.Transforms.insertNodes(editor, newNode, {
-        at: path
-      });
-      return;
-    }
-    _slate.Transforms.splitNodes(editor, {
-      always: true
-    });
-    _slate.Transforms.setNodes(editor, {
-      checked: false
-    }, {
-      at: node[1]
-    });
-  };
-  newEditor.deleteBackward = unit => {
-    const {
-      selection
-    } = newEditor;
-    if (selection && _slate.Range.isCollapsed(selection)) {
-      const selectedTodo = (0, _core.getSelectedNodeByType)(editor, _constants.CHECK_LIST_ITEM);
-      if (selectedTodo) {
-        // If the current todo has no text, it will be converted to a paragraph
-        if (_slate.Node.string(selectedTodo).length === 0) {
-          _slate.Transforms.setNodes(editor, {
-            type: _constants.PARAGRAPH,
-            children: [(0, _core.generateDefaultText)()]
-          }, {
-            at: selectedTodo[1]
-          });
-          return;
-        }
-      }
-    }
-    deleteBackward(unit);
-  };
-  newEditor.onHotKeyDown = event => {
-    const selectedTodo = (0, _core.getSelectedNodeByType)(editor, _constants.CHECK_LIST_ITEM);
-    if (selectedTodo) {
-      if ((0, _isHotkey.default)('shift+enter', event)) {
-        event.preventDefault();
-        const {
-          selection
-        } = newEditor;
-        const insertPoint = _slate.Editor.start(editor, selection);
-        _slate.Transforms.insertText(editor, '\n', {
-          at: insertPoint
-        });
-        (0, _core.focusEditor)(editor, {
-          anchor: {
-            path: insertPoint.path,
-            offset: insertPoint.offset + 1
-          },
-          focus: {
-            path: insertPoint.path,
-            offset: insertPoint.offset + 1
-          }
-        });
-      }
-      return true;
-    }
-    return onHotKeyDown && onHotKeyDown(event);
-  };
-  return newEditor;
-};
-var _default = exports.default = withCheckList;

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

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderCheckListItem = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-class CheckListItem extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "onChange", event => {
-      const {
-        editor,
-        element,
-        readOnly
-      } = this.props;
-      if (readOnly) return;
-      const checked = event.target.checked;
-      const path = _slateReact.ReactEditor.findPath(editor, element);
-      _slate.Transforms.setNodes(editor, {
-        checked
-      }, {
-        at: path
-      });
-    });
-  }
-  render() {
-    const {
-      attributes,
-      children,
-      element
-    } = this.props;
-    const {
-      id,
-      align,
-      checked = false
-    } = element || {};
-    const style = {
-      textAlign: align
-    };
-    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-      "data-id": id
-    }, attributes, {
-      className: `sdoc-checkbox-container ${attributes.className}`,
-      style: style
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-checkbox-input-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      contentEditable: false,
-      className: "sdoc-checkbox-input",
-      type: "checkbox",
-      onChange: this.onChange,
-      checked: checked
-    }), /*#__PURE__*/_react.default.createElement("p", {
-      className: "sdoc-checkbox-content-container"
-    }, children)));
-  }
-}
-const renderCheckListItem = (props, editor) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const readOnly = (0, _slateReact.useReadOnly)();
-  return /*#__PURE__*/_react.default.createElement(CheckListItem, Object.assign({}, props, {
-    editor: editor,
-    readOnly: readOnly
-  }));
-};
-exports.renderCheckListItem = renderCheckListItem;

package/dist/basic-sdk/extension/plugins/clear-format/helpers.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isMenuDisabled = exports.clearStyles = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../../constants");
-var _core = require("../../core");
-const isMenuDisabled = function (editor) {
-  let readonly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (readonly) return true;
-  if (editor.selection == null) return true;
-  const [match] = _slate.Editor.nodes(editor, {
-    match: n => {
-      const type = (0, _core.getNodeType)(n);
-      if ([_constants.CODE_BLOCK, _constants.CODE_LINE].includes(type)) return true; // code-block
-      if (_slate.Editor.isVoid(editor, n)) return true; // void node
-
-      return false;
-    },
-    universal: true
-  });
-  if (match) return true;
-  return false;
-};
-exports.isMenuDisabled = isMenuDisabled;
-const removeMarks = (editor, textNode) => {
-  // Iterate text node properties, clearing styles
-  const keys = Object.keys(textNode);
-  keys.forEach(key => {
-    if (key === 'text') {
-      // Keep only the text attribute （Text attributes are necessary）
-      return;
-    }
-    // All other attributes are deleted
-    _slate.Editor.removeMark(editor, key);
-  });
-};
-const clearStyles = editor => {
-  _slate.Transforms.unwrapNodes(editor, {
-    match: n => (0, _core.getNodeType)(n) === 'link'
-  });
-  const nodeEntries = _slate.Editor.nodes(editor, {
-    match: n => _slate.Text.isText(n),
-    universal: true
-  });
-  for (const nodeEntry of nodeEntries) {
-    // single text node
-    const n = nodeEntry[0];
-    removeMarks(editor, n);
-  }
-};
-exports.clearStyles = clearStyles;

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

@@ -1,35 +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 _commons = require("../../../commons");
-var _constants = require("../../../constants");
-var _helpers = require("../helpers");
-const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.CLEAR_FORMAT];
-const ClearFormatMenu = _ref => {
-  let {
-    isRichEditor,
-    className,
-    editor,
-    readonly
-  } = _ref;
-  const onMouseDown = (0, _react.useCallback)(() => {
-    (0, _helpers.clearStyles)(editor);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const props = {
-    isRichEditor,
-    className,
-    ariaLabel: 'clear',
-    ...menuConfig,
-    disabled: (0, _helpers.isMenuDisabled)(editor, readonly),
-    isActive: false,
-    'onMouseDown': onMouseDown
-  };
-  return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
-};
-var _default = exports.default = ClearFormatMenu;