@seafile/sdoc-editor 2.0.66 → 2.0.68

package/dist/plugin-module/toolbar/header-toolbar/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../../basic-sdk/extension/commons");
+var _constants = require("../../../basic-sdk/extension/constants");
+var _core = require("../../../basic-sdk/extension/core");
+var _menu = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/blockquote/menu"));
+var _menu2 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/callout/menu"));
+var _menu3 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/check-list/menu"));
+var _menu4 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/clear-format/menu"));
+var _menu5 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/font/menu"));
+var _menu6 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/header/menu"));
+var _historyMenu = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/history/history-menu"));
+var _menu7 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/list/menu"));
+var _menu8 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/search-replace/menu"));
+var _menu9 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/text-align/menu"));
+var _menu10 = _interopRequireDefault(require("../../../basic-sdk/extension/plugins/text-style/menu"));
+var _useSelectionUpdate = _interopRequireDefault(require("../../../basic-sdk/hooks/use-selection-update"));
+var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
+const HeaderToolbar = _ref => {
+  let {
+    editor,
+    readonly = false
+  } = _ref;
+  (0, _useSelectionUpdate.default)();
+  const isSelectTableCell = (0, _core.getSelectedNodeByType)(editor, _constants.TABLE_CELL);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-editor-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_historyMenu.default, {
+    editor: editor,
+    readonly: readonly
+  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+    editor: editor,
+    readonly: readonly
+  })), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_insertToolbar.default, {
+    editor: editor,
+    readonly: readonly
+  })), /*#__PURE__*/_react.default.createElement(_menu6.default, {
+    editor: editor,
+    readonly: readonly
+  }), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu5.default, {
+    editor: editor,
+    readonly: readonly
+  }), /*#__PURE__*/_react.default.createElement(_menu10.default, {
+    editor: editor,
+    readonly: readonly
+  })), !isSelectTableCell && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, {
+    editor: editor,
+    readonly: readonly
+  }), /*#__PURE__*/_react.default.createElement(_menu7.default, {
+    editor: editor,
+    type: _constants.UNORDERED_LIST,
+    readonly: readonly,
+    ariaLabel: "unordered list"
+  }), /*#__PURE__*/_react.default.createElement(_menu7.default, {
+    editor: editor,
+    type: _constants.ORDERED_LIST,
+    readonly: readonly,
+    ariaLabel: "ordered list"
+  }), /*#__PURE__*/_react.default.createElement(_menu3.default, {
+    editor: editor,
+    readonly: readonly
+  }), /*#__PURE__*/_react.default.createElement(_menu9.default, {
+    editor: editor,
+    readonly: readonly
+  }), /*#__PURE__*/_react.default.createElement(_menu2.default, {
+    editor: editor,
+    readonly: readonly
+  })), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
+    className: "menu-group sdoc-editor-toolbar-right-menu"
+  }, /*#__PURE__*/_react.default.createElement(_menu8.default, {
+    editor: editor,
+    readonly: readonly
+  })));
+};
+var _default = exports.default = HeaderToolbar;

package/dist/plugin-module/toolbar/header-toolbar/insert-toolbar/index.css

@@ -0,0 +1,28 @@
+.menu-group .menu-group-item.sdoc-insert-toolbar-btn {
+  width: 76px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.menu-group .menu-group-item.sdoc-insert-toolbar-btn.disabled {
+  /* 64: 76 - 12 */
+  width: 64px !important;
+  color: #BDBDBD;
+}
+
+.menu-group .sdoc-insert-toolbar-btn .sdoc-menu-with-dropdown-icon {
+  flex: 1;
+  justify-content: flex-start;
+  padding-left: 6px;
+  padding-right: 2px;
+  font-size: 14px;
+}
+
+.sdoc-insert-menu-popover .popover {
+  min-width: 200px;
+}
+
+.sdoc-insert-menu-popover .sdoc-insert-menu-container {
+  padding: 8px 0;
+}

package/dist/plugin-module/toolbar/header-toolbar/insert-toolbar/index.js

@@ -0,0 +1,104 @@
+"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 _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _menu = _interopRequireDefault(require("../../../../basic-sdk/extension/plugins/code-block/menu"));
+var _menu2 = _interopRequireDefault(require("../../../../basic-sdk/extension/plugins/image/menu"));
+var _menu3 = _interopRequireDefault(require("../../../../basic-sdk/extension/plugins/link/menu"));
+var _tableMenu = _interopRequireDefault(require("../../../../basic-sdk/extension/plugins/table/menu/table-menu"));
+var _eventBus = _interopRequireDefault(require("../../../../basic-sdk/utils/event-bus"));
+var _menu4 = _interopRequireDefault(require("../../../plugins/chart/menu"));
+var _menu5 = _interopRequireDefault(require("../../../plugins/seatable-column/menu"));
+var _menu6 = _interopRequireDefault(require("../../../plugins/seatable-row/menu"));
+var _menu7 = _interopRequireDefault(require("../../../plugins/seatable-tables/menu"));
+require("./index.css");
+const InsertToolbar = _ref => {
+  let {
+    isRichEditor = true,
+    className = 'menu-group-item',
+    editor,
+    readonly
+  } = _ref;
+  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const popoverRef = (0, _react.useRef)(null);
+  const disabled = readonly;
+  const insertButtonRef = (0, _react.useRef)(null);
+  const insertToolbarId = 'sdoc-insert-toolbar-btn';
+  const eventBus = (0, _react.useMemo)(() => {
+    return _eventBus.default.getInstance();
+  }, []);
+  const toggle = (0, _react.useCallback)(event => {
+    var _event$target;
+    if (event !== null && event !== void 0 && event.target && (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) === 'INPUT') {
+      return;
+    }
+    popoverRef.current && popoverRef.current.toggle();
+    setMenuShow(!isShowMenu);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowMenu]);
+  const validClassName = (0, _classnames.default)(className, 'sdoc-menu-with-dropdown sdoc-insert-toolbar-btn', {
+    '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 caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
+  const {
+    bottom
+  } = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {
+    bottom: 92.5
+  };
+  const props = {
+    eventBus,
+    editor,
+    readonly,
+    toggle
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: validClassName,
+    id: insertToolbarId,
+    disabled: disabled,
+    ref: insertButtonRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-menu-with-dropdown-icon"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-insert mr-1"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-truncate"
+  }, t('Insert'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-menu-with-dropdown-triangle"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: caretIconClass
+  }))), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    target: insertToolbarId,
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-insert-menu-popover",
+    trigger: "legacy",
+    placement: "bottom-start",
+    hideArrow: true,
+    toggle: toggle,
+    fade: false,
+    ref: popoverRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-insert-menu-container sdoc-dropdown-menu-container",
+    style: {
+      maxHeight: window.innerHeight - bottom - 100
+    }
+  }, /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-divider"
+  }), /*#__PURE__*/_react.default.createElement(_menu6.default, props), /*#__PURE__*/_react.default.createElement(_menu5.default, props), /*#__PURE__*/_react.default.createElement(_menu7.default, props))));
+};
+var _default = exports.default = InsertToolbar;

package/dist/plugin-module/views/plugin-viewer.js

@@ -0,0 +1,55 @@
+"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 _extension = require("../../basic-sdk/extension");
+var _useColorContext = require("../../basic-sdk/hooks/use-color-context");
+var _nodeId = _interopRequireDefault(require("../../basic-sdk/node-id"));
+var _context = _interopRequireDefault(require("../../context"));
+var _hooks = require("../../hooks");
+var _utils = require("../../utils");
+var _layout = require("../layout");
+var _headerToolbar = _interopRequireDefault(require("../toolbar/header-toolbar"));
+var _readonlyArticle = _interopRequireDefault(require("./readonly-article"));
+require("../assets/css/sdoc-viewer.css");
+const PluginViewer = _ref => {
+  let {
+    editor,
+    document,
+    showToolbar = false,
+    showOutline = false,
+    showComment = false,
+    plugins = []
+  } = _ref;
+  if (!_context.default.api) {
+    _context.default.initApi();
+  }
+  const validEditor = editor || (0, _nodeId.default)((0, _extension.createDefaultEditor)());
+  const slateValue = (document || (0, _utils.generateDefaultDocContent)()).elements;
+  const Provider = showComment ? _hooks.CollaboratorsProvider : _react.Fragment;
+  return /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_hooks.PluginsProvider, {
+    plugins: plugins,
+    showComment: showComment
+  }, /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
+    editor: validEditor,
+    readonly: true
+  }, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, showToolbar && /*#__PURE__*/_react.default.createElement(_headerToolbar.default, {
+    editor: validEditor,
+    readonly: true
+  }), /*#__PURE__*/_react.default.createElement(_layout.EditorContent, {
+    docValue: slateValue,
+    readonly: true,
+    showOutline: showOutline,
+    editor: validEditor,
+    showComment: showComment
+  }, /*#__PURE__*/_react.default.createElement(_readonlyArticle.default, {
+    editor: validEditor,
+    slateValue: slateValue
+  }))))));
+};
+var _default = exports.default = PluginViewer;

package/dist/plugin-module/views/readonly-article.js

@@ -0,0 +1,41 @@
+"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 _slateReact = require("@seafile/slate-react");
+var _comment = _interopRequireDefault(require("../../basic-sdk/comment"));
+var _decorates = require("../../basic-sdk/decorates");
+var _extension = require("../../basic-sdk/extension");
+var _highlight = require("../../basic-sdk/highlight");
+var _layout = require("../layout");
+var _renderElements = _interopRequireDefault(require("../render/render-elements"));
+const ReadOnlyArticle = _ref => {
+  let {
+    editor,
+    slateValue,
+    showComment = false
+  } = _ref;
+  const decorate = (0, _decorates.usePipDecorate)(editor);
+  return /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
+    editor: editor,
+    value: slateValue
+  }, /*#__PURE__*/_react.default.createElement(_layout.ArticleContainer, {
+    editor: editor
+  }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_highlight.SetNodeToDecorations, null), /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
+    id: "sdoc-editor",
+    readOnly: true,
+    placeholder: "",
+    renderElement: _renderElements.default,
+    renderLeaf: _extension.renderLeaf,
+    decorate: decorate
+  })), showComment && /*#__PURE__*/_react.default.createElement(_comment.default, {
+    editor: editor,
+    type: "editor"
+  })));
+};
+var _default = exports.default = ReadOnlyArticle;

package/dist/slate-convert/html-to-slate/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SEATABLE_COLUMN = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE = exports.HEADER_TYPE_MAP = exports.HEADER_LIST = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
+exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE = exports.HEADER_TYPE_MAP = exports.HEADER_LIST = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
@@ -26,7 +26,6 @@ const TABLE_CELL = exports.TABLE_CELL = 'table_cell';
 const IMAGE = exports.IMAGE = 'image';
 const LINK = exports.LINK = 'link';
 const FORMULA = exports.FORMULA = 'formula';
-const SEATABLE_COLUMN = exports.SEATABLE_COLUMN = 'seatable_column';
 const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, PARAGRAPH, CODE_BLOCK, TABLE];
 const INLINE_LEVEL_TYPES = exports.INLINE_LEVEL_TYPES = [IMAGE, LINK];
 const HEADER_LIST = exports.HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];

package/dist/slate-convert/slate-to-md/transform.js

@@ -101,6 +101,8 @@ const transformInlineChildren = (result, item) => {
     });
     return result;
   }
+
+  // TODO: seatable
   if (item.type && item.type === 'seatable_column') {
     const data = item.data;
     const newNode = {
@@ -146,6 +148,8 @@ const transformParagraph = node => {
       children: transformNodeWithInlineChildren(node)
     };
   }
+
+  // TODO: seatable
   const voidNodeTypes = ['image', 'seatable_column', 'formula'];
   const hasBlock = children.some(item => voidNodeTypes.includes(item.type));
   if (!hasBlock && _slate.Node.string(node).length === 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.66",
+  "version": "2.0.68",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -88,6 +88,7 @@
     "@svgr/webpack": "8.1.0",
     "babel-loader": "9.1.3",
     "babel-plugin-import": "^1.13.8",
+    "babel-plugin-module-resolver": "5.0.2",
     "babel-plugin-named-asset-import": "^0.3.4",
     "babel-plugin-transform-goober": "1.2.0",
     "babel-preset-react-app": "^10.0.1",