@seafile/sdoc-editor 1.0.14 → 1.0.16

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

@@ -21,8 +21,8 @@ import QuickInsertPlugin from './quick-insert';
 import WikiLinkPlugin from './wiki-link';
 import SeaTableColumnPlugin from './seatable-column';
 import SeaTableViewsPlugin from './seatable-tables';
-const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, QuickInsertPlugin];
-const WikiPlugins = [...Plugins, WikiLinkPlugin];
+const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin];
+const WikiPlugins = [...Plugins, QuickInsertPlugin, WikiLinkPlugin];
 const CommentPlugins = [MarkDownPlugin, HtmlPlugin, ParagraphPlugin, TextPlugin, ListPlugin, ImagePlugin, LinkPlugin, MentionPlugin, BlockquotePlugin];
 export default Plugins;
 export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, MentionPlugin, QuickInsertPlugin, CommentPlugins, WikiPlugins, WikiLinkPlugin, SeaTableColumnPlugin, SeaTableViewsPlugin };

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

@@ -1,6 +1,6 @@
+import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Component } from 'react';
-import { CreatorFormatter } from 'dtable-ui-component';
 import context from '@/context';
 import { isValidEmail } from '@/utils/common-utils';
 class DtableCreatorFormatter extends Component {
@@ -112,7 +112,7 @@ class DtableCreatorFormatter extends Component {
     } = this.props;
     if (!value || !collaborator) return this.props.renderEmptyFormatter();
     if (isDataLoaded) {
-      return /*#__PURE__*/React.createElement(CreatorFormatter, {
+      return /*#__PURE__*/React.createElement(_CreatorFormatter, {
         collaborators: [collaborator],
         value: value,
         containerClassName: containerClassName

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

@@ -1,6 +1,26 @@
+import _ButtonFormatter from "dtable-ui-component/lib/ButtonFormatter";
+import _RateFormatter from "dtable-ui-component/lib/RateFormatter";
+import _DurationFormatter from "dtable-ui-component/lib/DurationFormatter";
+import _EmailFormatter from "dtable-ui-component/lib/EmailFormatter";
+import _UrlFormatter from "dtable-ui-component/lib/UrlFormatter";
+import _AutoNumberFormatter from "dtable-ui-component/lib/AutoNumberFormatter";
+import _FormulaFormatter from "dtable-ui-component/lib/FormulaFormatter";
+import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
+import _MTimeFormatter from "dtable-ui-component/lib/MTimeFormatter";
+import _CTimeFormatter from "dtable-ui-component/lib/CTimeFormatter";
+import _CheckboxFormatter from "dtable-ui-component/lib/CheckboxFormatter";
+import _SingleSelectFormatter from "dtable-ui-component/lib/SingleSelectFormatter";
+import _MultipleSelectFormatter from "dtable-ui-component/lib/MultipleSelectFormatter";
+import _DateFormatter from "dtable-ui-component/lib/DateFormatter";
+import _NumberFormatter from "dtable-ui-component/lib/NumberFormatter";
+import _GeolocationFormatter from "dtable-ui-component/lib/GeolocationFormatter";
+import _FileFormatter from "dtable-ui-component/lib/FileFormatter";
+import _ImageFormatter from "dtable-ui-component/lib/ImageFormatter";
+import _SimpleLongTextFormatter from "dtable-ui-component/lib/SimpleLongTextFormatter";
+import _CollaboratorFormatter from "dtable-ui-component/lib/CollaboratorFormatter";
+import _TextFormatter from "dtable-ui-component/lib/TextFormatter";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Fragment } from 'react';
-import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, ImageFormatter, FileFormatter, SimpleLongTextFormatter, GeolocationFormatter, FormulaFormatter, CTimeFormatter, MTimeFormatter, AutoNumberFormatter, UrlFormatter, EmailFormatter, DurationFormatter, RateFormatter, ButtonFormatter, CreatorFormatter } from 'dtable-ui-component';
 import { CellType, SELECT_OPTION_COLORS } from 'dtable-utils';
 class CellFormatter extends React.Component {
   constructor() {
@@ -35,7 +55,7 @@ class CellFormatter extends React.Component {
         case CellType.TEXT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(TextFormatter, {
+            return /*#__PURE__*/React.createElement(_TextFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -46,7 +66,7 @@ class CellFormatter extends React.Component {
             if (!Array.isArray(cellValue) || cellValue.length === 0) return this.renderEmptyFormatter();
             cellValue = cellValue.filter(item => item);
             if (cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(CollaboratorFormatter, {
+            return /*#__PURE__*/React.createElement(_CollaboratorFormatter, {
               value: cellValue,
               collaborators: collaborators,
               containerClassName: containerClassName
@@ -55,7 +75,7 @@ class CellFormatter extends React.Component {
         case CellType.LONG_TEXT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(SimpleLongTextFormatter, {
+            return /*#__PURE__*/React.createElement(_SimpleLongTextFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -63,7 +83,7 @@ class CellFormatter extends React.Component {
         case CellType.IMAGE:
           {
             if (!cellValue || Array.isArray(cellValue) && cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(ImageFormatter, {
+            return /*#__PURE__*/React.createElement(_ImageFormatter, {
               value: cellValue,
               isSample: isSample,
               containerClassName: containerClassName
@@ -72,7 +92,7 @@ class CellFormatter extends React.Component {
         case CellType.FILE:
           {
             if (!cellValue || Array.isArray(cellValue) && cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(FileFormatter, {
+            return /*#__PURE__*/React.createElement(_FileFormatter, {
               value: cellValue,
               isSample: isSample,
               containerClassName: containerClassName
@@ -81,7 +101,7 @@ class CellFormatter extends React.Component {
         case CellType.GEOLOCATION:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(GeolocationFormatter, {
+            return /*#__PURE__*/React.createElement(_GeolocationFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -89,7 +109,7 @@ class CellFormatter extends React.Component {
         case CellType.NUMBER:
           {
             if (!cellValue && cellValue !== 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(NumberFormatter, {
+            return /*#__PURE__*/React.createElement(_NumberFormatter, {
               value: cellValue,
               data: column.data,
               containerClassName: containerClassName
@@ -98,7 +118,7 @@ class CellFormatter extends React.Component {
         case CellType.DATE:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(DateFormatter, {
+            return /*#__PURE__*/React.createElement(_DateFormatter, {
               value: cellValue,
               format: column.data.format,
               containerClassName: containerClassName
@@ -108,7 +128,7 @@ class CellFormatter extends React.Component {
           {
             if (!cellValue || cellValue.length === 0) return this.renderEmptyFormatter();
             const options = column.data && column.data.options || [];
-            return /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
+            return /*#__PURE__*/React.createElement(_MultipleSelectFormatter, {
               value: cellValue,
               options: options,
               containerClassName: containerClassName
@@ -119,7 +139,7 @@ class CellFormatter extends React.Component {
             if (!cellValue) return this.renderEmptyFormatter();
             const options = this.getSelectColumnOptions(column);
             if (options.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(SingleSelectFormatter, {
+            return /*#__PURE__*/React.createElement(_SingleSelectFormatter, {
               value: cellValue,
               options: options,
               containerClassName: containerClassName
@@ -127,7 +147,7 @@ class CellFormatter extends React.Component {
           }
         case CellType.CHECKBOX:
           {
-            return /*#__PURE__*/React.createElement(CheckboxFormatter, {
+            return /*#__PURE__*/React.createElement(_CheckboxFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -135,7 +155,7 @@ class CellFormatter extends React.Component {
         case CellType.CTIME:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(CTimeFormatter, {
+            return /*#__PURE__*/React.createElement(_CTimeFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -143,7 +163,7 @@ class CellFormatter extends React.Component {
         case CellType.MTIME:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(MTimeFormatter, {
+            return /*#__PURE__*/React.createElement(_MTimeFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -152,7 +172,7 @@ class CellFormatter extends React.Component {
         case CellType.LAST_MODIFIER:
           {
             // TODO
-            return /*#__PURE__*/React.createElement(CreatorFormatter, {
+            return /*#__PURE__*/React.createElement(_CreatorFormatter, {
               value: cellValue,
               collaborators: collaborators,
               containerClassName: containerClassName,
@@ -163,7 +183,7 @@ class CellFormatter extends React.Component {
         case CellType.LINK_FORMULA:
           {
             if (!cellValue && cellValue !== 0 && cellValue !== false) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(FormulaFormatter, {
+            return /*#__PURE__*/React.createElement(_FormulaFormatter, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
@@ -178,7 +198,7 @@ class CellFormatter extends React.Component {
         case CellType.AUTO_NUMBER:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(AutoNumberFormatter, {
+            return /*#__PURE__*/React.createElement(_AutoNumberFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -186,7 +206,7 @@ class CellFormatter extends React.Component {
         case CellType.URL:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(UrlFormatter, {
+            return /*#__PURE__*/React.createElement(_UrlFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -194,7 +214,7 @@ class CellFormatter extends React.Component {
         case CellType.EMAIL:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(EmailFormatter, {
+            return /*#__PURE__*/React.createElement(_EmailFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
@@ -203,7 +223,7 @@ class CellFormatter extends React.Component {
           {
             var _column$data;
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(DurationFormatter, {
+            return /*#__PURE__*/React.createElement(_DurationFormatter, {
               value: cellValue,
               format: column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.duration_format,
               containerClassName: containerClassName
@@ -212,7 +232,7 @@ class CellFormatter extends React.Component {
         case CellType.RATE:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(RateFormatter, {
+            return /*#__PURE__*/React.createElement(_RateFormatter, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
@@ -220,7 +240,7 @@ class CellFormatter extends React.Component {
           }
         case CellType.BUTTON:
           {
-            return /*#__PURE__*/React.createElement(ButtonFormatter, {
+            return /*#__PURE__*/React.createElement(_ButtonFormatter, {
               data: column.data || {},
               containerClassName: containerClassName,
               optionColors: SELECT_OPTION_COLORS

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/custom-switch/index.js

@@ -1,5 +1,5 @@
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import React from 'react';
-import { DTableSwitch } from 'dtable-ui-component';
 import './index.css';
 function CustomSwitch(props) {
   const {
@@ -7,7 +7,7 @@ function CustomSwitch(props) {
     checked,
     title
   } = props;
-  return /*#__PURE__*/React.createElement(DTableSwitch, {
+  return /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: checked,
     disabled: isLocked,
     switchClassName: "widget-table-switch-properties w-100",

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/table-setting/index.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { Label } from 'reactstrap';
-import { DTableSelect } from 'dtable-ui-component';
 class TableSetting extends React.Component {
   render() {
     const {
@@ -29,7 +29,7 @@ class TableSetting extends React.Component {
     }
     return /*#__PURE__*/React.createElement("div", {
       className: "setting-item table-setting"
-    }, /*#__PURE__*/React.createElement(Label, null, t('Table')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, t('Table')), /*#__PURE__*/React.createElement(_DTableSelect, {
       value: selectedOption,
       options: options,
       onChange: this.props.onTableChange,

package/dist/basic-sdk/utils/dom-utils.js

@@ -58,10 +58,7 @@ export const getHeaderHeight = editor => {
   } = editor;
   switch (editorType) {
     case WIKI_EDITOR:
-      // Wiki header is async value
-      const headerTop = document.querySelector('.wiki-page-header-wrapper').offsetHeight;
-      //  top nav is 44px
-      return headerTop + 44;
+      return (editor === null || editor === void 0 ? void 0 : editor.getHeaderHeight()) || 0;
     case DOCUMENT_PLUGIN_EDITOR:
       return 67 + 48 + 49 + 37;
     default:

package/dist/pages/sdoc-wiki-editor.js

@@ -15,6 +15,7 @@ const SdocWikiEditor = _ref => {
     document,
     docUuid,
     isWikiReadOnly,
+    getHeaderHeight,
     scrollRef
   } = _ref;
   context.initApi();
@@ -37,6 +38,7 @@ const SdocWikiEditor = _ref => {
     newEditor.cursors = cursors || {};
     newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
     newEditor.editorType = WIKI_EDITOR;
+    newEditor.getHeaderHeight = getHeaderHeight;
     return newEditor;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -86,6 +86,7 @@
     "babel-eslint": "10.0.3",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
+    "babel-plugin-import": "^1.13.8",
     "babel-plugin-named-asset-import": "^0.3.4",
     "babel-preset-react-app": "^9.0.2",
     "browserslist": "^4.8.0",