@seafile/sdoc-editor 2.0.10 → 2.0.12-alpha.0

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

@@ -0,0 +1,155 @@
+"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 _slate = require("@seafile/slate");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _seaChart = require("sea-chart");
+var _reactI18next = require("react-i18next");
+var _hoverMenu = _interopRequireDefault(require("./hover-menu/"));
+var _chartEditDialog = _interopRequireDefault(require("./chart-edit-dialog"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _helpers = require("./helpers");
+require("./render-elem.css");
+const Chart = _ref => {
+  var _window, _window$app, _window2, _window2$app, _window2$app$state;
+  let {
+    element,
+    editor,
+    attributes,
+    children,
+    isSelected,
+    t
+  } = _ref;
+  const {
+    statItem
+  } = element;
+  const api = {
+    queryUsers: (_window = window) !== null && _window !== void 0 && (_window$app = _window.app) !== null && _window$app !== void 0 && _window$app.queryUsers ? window.app.queryUsers : () => {},
+    getTableFormulaResults: editor.getTableFormulaResults,
+    getViewRows: editor.getViewRows
+  };
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const readOnly = (0, _slateReact.useReadOnly)();
+  const chartRef = (0, _react.useRef)(null);
+  const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  const [isShowHoverMenu, setIsShowHoverMenu] = (0, _react.useState)(false);
+  const [isShowDialog, setIsShowDialog] = (0, _react.useState)(false);
+  const [isFullScreen, setIsFullScreen] = (0, _react.useState)(false);
+  const setPosition = (0, _react.useCallback)(() => {
+    if (chartRef.current) {
+      const {
+        top,
+        left
+      } = chartRef.current.getBoundingClientRect();
+      setMenuPosition({
+        top: top - 42,
+        left: left - 3
+      });
+    }
+  }, []);
+  const onScroll = (0, _react.useCallback)(e => {
+    setPosition();
+    // Unrendered chart scrolls into viewport for the first time
+    // if (isInViewPort(chartRef.current) && !chartRef.current.chartMetaData && isSelectedTable(statItem, editor?.dtableBases) && !chartRef.current.isStopScroll) {
+    //   chartRef.current.isStopScroll = true;
+    // }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onClickChart = (0, _react.useCallback)(() => {
+    const path = _slateReact.ReactEditor.findPath(editor, element);
+    _slate.Transforms.select(editor, [path[0]]);
+    setPosition();
+    setIsShowHoverMenu(true);
+  }, [editor, element, setPosition]);
+  const onCloseEditDialog = (0, _react.useCallback)(newStatItemData => {
+    const path = _slateReact.ReactEditor.findPath(editor, element);
+    _slate.Transforms.setNodes(editor, {
+      statItem: newStatItemData
+    }, {
+      at: [path[0]]
+    });
+    setIsShowDialog(false);
+  }, [editor, element]);
+
+  // Mount
+  (0, _react.useEffect)(() => {
+    // Init draw
+    if ((0, _helpers.isInViewPort)(chartRef.current)) {
+      // getDtables(statItem.base_id, true);
+    }
+    let observerRefValue = null;
+    if (scrollRef.current) {
+      scrollRef.current.addEventListener('scroll', onScroll);
+      observerRefValue = scrollRef.current;
+    }
+    return () => {
+      observerRefValue.removeEventListener('scroll', onScroll);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    id: element.id,
+    className: "sdoc-chart-container"
+  }, attributes, {
+    onClick: onClickChart
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-chart-view', {
+      'active': isSelected
+    }),
+    ref: chartRef
+  }, children, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-chart-view-content",
+    contentEditable: false
+  }, /*#__PURE__*/_react.default.createElement(_seaChart.View, {
+    chart: statItem,
+    api: api,
+    config: _context.default.getSettings(),
+    tables: editor.tables,
+    collaborators: editor.collaborators || [],
+    departments: ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$app = _window2.app) === null || _window2$app === void 0 ? void 0 : (_window2$app$state = _window2$app.state) === null || _window2$app$state === void 0 ? void 0 : _window2$app$state.departments) || [],
+    isCalculateByView: true,
+    isRenderByD3: true
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-chart-view-rect sdoc-chart-view-rect-lt"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-chart-view-rect sdoc-chart-view-rect-lb"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-chart-view-rect sdoc-chart-view-rect-rt"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-chart-view-rect sdoc-chart-view-rect-rb"
+  }))), isSelected && isShowHoverMenu && !readOnly && /*#__PURE__*/_react.default.createElement(_hoverMenu.default, {
+    menuPosition: menuPosition,
+    onEditChart: () => {
+      setIsFullScreen(false);
+      setIsShowDialog(true);
+    },
+    onFullscreen: () => {
+      setIsFullScreen(true);
+      setIsShowDialog(true);
+    }
+  }), isShowDialog && /*#__PURE__*/_react.default.createElement(_chartEditDialog.default, {
+    editor: editor,
+    element: element,
+    api: api,
+    isFullScreen: isFullScreen,
+    onCloseEditDialog: onCloseEditDialog
+  }));
+};
+const SdocChart = (0, _reactI18next.withTranslation)('sdoc-editor')(Chart);
+function renderChart(props, editor) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const isSelected = (0, _slateReact.useSelected)();
+  return /*#__PURE__*/_react.default.createElement(SdocChart, Object.assign({}, props, {
+    editor: editor,
+    isSelected: isSelected
+  }));
+}
+var _default = exports.default = renderChart;

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

@@ -20,9 +20,9 @@ var _objectUtils = _interopRequireDefault(require("../../../../../utils/object-u
 require("./index.css");
 const FontFamily = _ref => {
   let {
+    isRichEditor = true,
+    className = 'menu-group-item',
     editor,
-    isRichEditor,
-    className,
     readonly
   } = _ref;
   const [recentUsedFonts, setRecentUsedFonts] = (0, _react.useState)(_localStorageUtils.default.getItem(_constants.RECENT_USED_FONTS_KEY, []));
@@ -142,8 +142,4 @@ const FontFamily = _ref => {
     });
   }))));
 };
-FontFamily.defaultProps = {
-  isRichEditor: true,
-  className: 'menu-group-item'
-};
 var _default = exports.default = FontFamily;

package/dist/basic-sdk/extension/plugins/font/menu/font-size/font-size-scale.js

@@ -10,11 +10,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _tooltip = _interopRequireDefault(require("../../../../../../components/tooltip"));
 const FontSizeScale = _ref => {
   let {
+    isRichEditor = true,
+    className = 'menu-group-item',
     children,
     id,
-    className,
     disabled,
-    isRichEditor,
     onClick,
     tipMessage
   } = _ref;
@@ -35,8 +35,4 @@ const FontSizeScale = _ref => {
     target: id
   }, tipMessage));
 };
-FontSizeScale.defaultProps = {
-  isRichEditor: true,
-  className: 'menu-group-item'
-};
 var _default = exports.default = FontSizeScale;

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

@@ -16,8 +16,8 @@ var _tooltip = _interopRequireDefault(require("../../../../../../components/tool
 require("./index.css");
 const FontSize = _ref => {
   let {
-    isRichEditor,
-    className,
+    isRichEditor = true,
+    className = 'menu-group-item',
     editor,
     readonly
   } = _ref;
@@ -100,8 +100,4 @@ const FontSize = _ref => {
     }), item.name);
   }))));
 };
-FontSize.defaultProps = {
-  isRichEditor: true,
-  className: 'menu-group-item'
-};
 var _default = exports.default = FontSize;

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

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "CalloutPlugin", {
     return _callout.default;
   }
 });
+Object.defineProperty(exports, "ChartPlugin", {
+  enumerable: true,
+  get: function () {
+    return _chart.default;
+  }
+});
 Object.defineProperty(exports, "CheckListPlugin", {
   enumerable: true,
   get: function () {
@@ -188,7 +194,8 @@ var _wikiLink = _interopRequireDefault(require("./wiki-link"));
 var _seatableColumn = _interopRequireDefault(require("./seatable-column"));
 var _seatableTables = _interopRequireDefault(require("./seatable-tables"));
 var _group = _interopRequireDefault(require("./group"));
-const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _video.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default, _group.default];
+var _chart = _interopRequireDefault(require("./chart"));
+const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _video.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default, _group.default, _chart.default];
 const WikiPlugins = exports.WikiPlugins = [...Plugins, _wikiLink.default];
 const CommentPlugins = exports.CommentPlugins = [_markdown.default, _html.default, _paragraph.default, _textStyle.default, _list.default, _image.default, _link.default, _mention.default, _blockquote.default];
 var _default = exports.default = Plugins;

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

@@ -282,7 +282,7 @@ class CellFormatter extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderFormatter());
   }
 }
-CellFormatter.defaultProps = {
+(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/op-menu/index.css

@@ -108,7 +108,7 @@
 }
 
 .sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-right-popover {
-  left: 200px;
+  left: 190px;
   width: 300px;
 }
 

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

@@ -130,9 +130,7 @@ function OpMenu(_ref3) {
           (0, _helpers.updateSeaTableTable)(editor, filterData);
           seaTableRef.current['filterData'] = {};
         }
-        setTimeout(() => {
-          setIsShowFilter(false);
-        }, 1000);
+        setIsShowFilter(false);
       }
       if (item === 'tableSort') {
         if (sortsData && Object.keys(sortsData).length > 0) {

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

@@ -131,9 +131,9 @@ class DtableSearchInput extends _react.Component {
     }), this.renderClear());
   }
 }
-DtableSearchInput.defaultProps = {
+(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-widgets/department-filter/selected-departments.js

@@ -9,15 +9,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _dtableUtils = require("dtable-utils");
 var _departmentUtils = require("./_department-utils");
-function SelectedDepartments(props) {
+function SelectedDepartments(_ref) {
+  let {
+    value,
+    removeDepartment,
+    isShowRemoveIcon = false
+  } = _ref;
   const {
     departments = []
   } = window.seafile || window.seafileConfig;
-  const {
-    value,
-    removeDepartment,
-    isShowRemoveIcon
-  } = props;
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
@@ -85,7 +85,4 @@ function SelectedDepartments(props) {
   }) : null;
   return dom;
 }
-SelectedDepartments.defaultProps = {
-  isShowRemoveIcon: false
-};
 var _default = exports.default = SelectedDepartments;

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

@@ -158,7 +158,7 @@ class FilterPopover extends _react.Component {
       boundariesElement: document.body
     }, _ref => {
       let {
-        scheduleUpdate
+        update: scheduleUpdate
       } = _ref;
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: ref => this.dtablePopoverRef = ref,

package/dist/basic-sdk/extension/plugins/table/dialogs/custom-table-size-dialog/number-input.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-function NumberInput(props) {
-  const {
+function NumberInput(_ref) {
+  let {
     value,
     onChange,
-    min,
-    step,
-    max,
-    readOnly,
-    className
-  } = props;
+    className,
+    min = 0,
+    step = 1,
+    max = Infinity,
+    readOnly = false
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
     type: "number",
     className: className,
@@ -28,10 +28,4 @@ function NumberInput(props) {
     onChange: onChange
   });
 }
-NumberInput.defaultProps = {
-  min: 0,
-  step: 1,
-  max: Infinity,
-  readOnly: false
-};
 var _default = exports.default = NumberInput;

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

@@ -16,8 +16,8 @@ var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip
 require("./index.css");
 const TextAlignMenu = _ref => {
   let {
-    isRichEditor,
-    className,
+    isRichEditor = true,
+    className = 'menu-group-item',
     editor,
     readonly
   } = _ref;
@@ -95,8 +95,4 @@ const TextAlignMenu = _ref => {
     }));
   }))));
 };
-TextAlignMenu.defaultProps = {
-  isRichEditor: true,
-  className: 'menu-group-item'
-};
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextAlignMenu);

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

@@ -99,6 +99,10 @@ const renderText = (props, editor) => {
   }, attributes, {
     style: style,
     className: Object.keys(rest).join(' ')
-  }), leaf.isCaret ? /*#__PURE__*/_react.default.createElement(_caret.default, leaf) : null, leaf.isCaret && /*#__PURE__*/_react.default.createElement(_InlineBugFixWrapper.default, null, markedChildren), !leaf.isCaret && markedChildren);
+  }), leaf.isCaret ? /*#__PURE__*/_react.default.createElement(_caret.default, leaf) : null, leaf.isCaret && /*#__PURE__*/_react.default.createElement("span", {
+    key: Math.random(),
+    "data-slate-zero-width": "z",
+    "data-slate-length": "0"
+  }, '\uFEFF'), !leaf.isCaret && markedChildren);
 };
 var _default = exports.default = renderText;

package/dist/basic-sdk/extension/render/custom-element.js

@@ -215,6 +215,11 @@ const CustomRenderElement = props => {
         const [renderGroup] = _plugins.GroupPlugin.renderElements;
         return renderGroup(props);
       }
+    case _constants.CHART:
+      {
+        const [renderChart] = _plugins.ChartPlugin.renderElements;
+        return renderChart(props, editor);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js

@@ -19,7 +19,7 @@ var _menu4 = _interopRequireDefault(require("../../plugins/blockquote/menu"));
 const CommentEditorToolbar = _ref => {
   let {
     editor,
-    readonly,
+    readonly = false,
     onSubmit,
     submitBtnText,
     onCancel
@@ -61,7 +61,4 @@ const CommentEditorToolbar = _ref => {
     onCancel: onCancel
   })));
 };
-CommentEditorToolbar.defaultProps = {
-  readonly: false
-};
 var _default = exports.default = CommentEditorToolbar;

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

@@ -19,13 +19,14 @@ var _menu5 = _interopRequireDefault(require("../../../plugins/sdoc-link/menu"));
 var _menu6 = _interopRequireDefault(require("../../../plugins/file-link/menu"));
 var _menu7 = _interopRequireDefault(require("../../../plugins/seatable-column/menu"));
 var _menu8 = _interopRequireDefault(require("../../../plugins/seatable-tables/menu"));
+var _menu9 = _interopRequireDefault(require("../../../plugins/chart/menu"));
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
 const InsertToolbar = _ref => {
   let {
-    isRichEditor,
-    className,
+    isRichEditor = true,
+    className = 'menu-group-item',
     editor,
     readonly
   } = _ref;
@@ -99,12 +100,8 @@ const InsertToolbar = _ref => {
     style: {
       maxHeight: window.innerHeight - bottom - 100
     }
-  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu9.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu7.default, props), editor.tables && /*#__PURE__*/_react.default.createElement(_menu8.default, props), !editor.tables && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_menu5.default, props), /*#__PURE__*/_react.default.createElement(_menu6.default, props)))));
 };
-InsertToolbar.defaultProps = {
-  isRichEditor: true,
-  className: 'menu-group-item'
-};
 var _default = exports.default = InsertToolbar;

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

@@ -30,7 +30,7 @@ var _utils = require("../../utils");
 require("./style.css");
 const QuickInsertBlockMenu = _ref => {
   let {
-    insertPosition,
+    insertPosition = _constants.INSERT_POSITION.CURRENT,
     slateNode,
     callback,
     isEmptyNode,
@@ -277,7 +277,7 @@ const QuickInsertBlockMenu = _ref => {
       delete items[_constants.VIDEO];
     }
     return items;
-  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, onInsertVideoToggle, editor, createTable, callback, handleClosePopover, openLinkDialog, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn]);
+  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn]);
   const getSelectItemDom = selectIndex => {
     const dropDownItemWrapper = downDownWrapperRef.current;
     const searchedDropDownItemWrapper = [];
@@ -405,7 +405,4 @@ const QuickInsertBlockMenu = _ref => {
     className: "sdoc-dropdown-menu-item-no-results"
   }, t('No_results'))));
 };
-QuickInsertBlockMenu.defaultProps = {
-  insertPosition: _constants.INSERT_POSITION.CURRENT
-};
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(QuickInsertBlockMenu);

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

@@ -26,7 +26,7 @@ var _helper = require("../../plugins/callout/helper");
 var _helper2 = require("../../plugins/multi-column/helper");
 const InsertBlockMenu = _ref => {
   let {
-    insertPosition,
+    insertPosition = _constants.INSERT_POSITION.CURRENT,
     slateNode,
     isNodeEmpty,
     insertMenuSearchMap = _constants.SIDE_INSERT_MENUS_SEARCH_MAP
@@ -204,7 +204,4 @@ const InsertBlockMenu = _ref => {
     className: "sdoc-dropdown-menu-item-no-results"
   }, t('No_results')));
 };
-InsertBlockMenu.defaultProps = {
-  insertPosition: _constants.INSERT_POSITION.CURRENT
-};
 var _default = exports.default = InsertBlockMenu;

package/dist/basic-sdk/layout/editor-content.js

@@ -17,12 +17,12 @@ var _fullWidthMode = require("../utils/full-width-mode");
 var _constants = require("../../basic-sdk/constants");
 const EditorContent = _ref => {
   let {
-    readonly,
-    showOutline,
+    readonly = false,
     children,
     docValue,
     editor,
-    showComment
+    showOutline = true,
+    showComment = false
   } = _ref;
   const scrollRef = (0, _react.useRef)(null);
   const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
@@ -76,9 +76,4 @@ const EditorContent = _ref => {
     editor: editor
   })));
 };
-EditorContent.defaultProps = {
-  readonly: false,
-  showOutline: true,
-  showComment: false
-};
 var _default = exports.default = EditorContent;

package/dist/basic-sdk/views/sdoc-wiki-viewer.js

@@ -21,7 +21,7 @@ const SDocMdViewer = _ref => {
   let {
     editor,
     document,
-    showOutline,
+    showOutline = false,
     scrollRef: propsScrollRef
   } = _ref;
   const validEditor = editor || (0, _nodeId.default)((0, _extension.createDefaultEditor)());
@@ -48,8 +48,4 @@ const SDocMdViewer = _ref => {
     editor: validEditor
   }))))));
 };
-SDocMdViewer.defaultProps = {
-  showToolbar: false,
-  showOutline: false
-};
 var _default = exports.default = SDocMdViewer;

package/dist/pages/document-plugin-editor.js

@@ -34,6 +34,7 @@ const DocumentPluginEditor = _ref => {
     collaborators,
     formulaRows,
     getTableFormulaResults,
+    getViewRows,
     getArticleStyle
   } = _ref;
   _context.default.initApi();
@@ -66,6 +67,7 @@ const DocumentPluginEditor = _ref => {
     newEditor.collaborators = collaborators;
     newEditor.formulaRows = formulaRows;
     newEditor.getTableFormulaResults = getTableFormulaResults;
+    newEditor.getViewRows = getViewRows;
     newEditor.cursors = cursors || {};
     newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
     newEditor.editorType = _constants.DOCUMENT_PLUGIN_EDITOR;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.10",
+  "version": "2.0.12-alpha.0",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -38,6 +38,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
+    "sea-chart": "~1.1.63-alpha.15",
     "slugid": "3.2.0",
     "socket.io-client": "4.8.1",
     "type-of": "2.0.1",

package/public/locales/cs/sdoc-editor.json

@@ -613,5 +613,9 @@
   "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
   "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
   "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
-  "Image_copy_error": "Image copy error"
+  "Image_copy_error": "Image copy error",
+  "Image_is_uploading": "Image is uploading...",
+  "Insert_chart": "Insert chart",
+  "Edit_chart": "Edit chart",
+  "Please_complete_the_chart_configuration_first": "Please complete the chart configuration first"
 }