@seafile/sdoc-editor 0.1.89 → 0.1.90

package/dist/basic-sdk/assets/css/layout.css

@@ -61,7 +61,7 @@
 
 .sdoc-editor-container .sdoc-editor-content .article {
   width: 794px;
-  min-height: 100%;
+  min-height: 800px;
   padding: 40px 60px;
   background-color: #fff;
   border: 1px solid #e5e6e8;

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

@@ -0,0 +1,5 @@
+import ColorMenu from './color-menu';
+import ElementPopover from './element-popover';
+import MoreDropdown from './more-dropdown';
+import { MenuGroup, MenuItem } from './menu';
+export { ColorMenu, ElementPopover, MenuGroup, MenuItem, MoreDropdown };

package/dist/{components → basic-sdk/extension/commons}/more-dropdown/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import { UncontrolledPopover } from 'reactstrap';
-var MoreDropdownMenu = function MoreDropdownMenu(_ref) {
+var MoreDropdown = function MoreDropdown(_ref) {
   var className = _ref.className,
     disabled = _ref.disabled,
     isRichEditor = _ref.isRichEditor,
@@ -31,8 +31,8 @@ var MoreDropdownMenu = function MoreDropdownMenu(_ref) {
     className: "menu-group"
   }, children)));
 };
-MoreDropdownMenu.defaultProps = {
+MoreDropdown.defaultProps = {
   isRichEditor: true,
   className: 'menu-group-item'
 };
-export default MoreDropdownMenu;
+export default MoreDropdown;

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

@@ -151,4 +151,5 @@ export var ADDED_STYLE = {
 export var HEADER_TYPE_ARRAY = ['header1', 'header2', 'header3', 'header4', 'header5', 'header6'];
 export var LIST_TYPE_ARRAY = ['unordered_list', 'ordered_list'];
 export var TRANSPARENT = 'transparent';
+export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';
 export { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, SUPERSCRIPT, SUBSCRIPT, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST, CHECK_LIST_ITEM, LINK, HTML, CODE_BLOCK, CODE_LINE, IMAGE, TABLE, TABLE_CELL, TABLE_ROW, FORMULA, COLUMN, TEXT_STYLE, TEXT_STYLE_MORE, BOLD_ITALIC, TEXT_ALIGN, ALIGN_LEFT, ALIGN_RIGHT, ALIGN_CENTER, ELEMENT_TYPE, KEYBOARD, DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_COLORS, CLEAR_FORMAT, DEFAULT_FONT_COLOR };

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

@@ -4,8 +4,7 @@ import { withHistory } from '@seafile/slate-history';
 import Plugins from './plugins';
 import renderElement from './render/render-element';
 import renderLeaf from './render/render-leaf';
-import Toolbar from './toolbar';
-import ContextToolbar from './toolbar/context-toolbar';
+import { Toolbar, ContextToolbar } from './toolbar';
 var baseEditor = withHistory(withReact(createEditor()));
 var defaultEditor = Plugins.reduce(function (editor, pluginItem) {
   var withPlugin = pluginItem.editorPlugin;

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

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { BLOCKQUOTE, MENUS_CONFIG_MAP } from '../../../constants';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import { getBlockQuoteType, isMenuDisabled, setBlockQuoteType } from '../helpers';
 var QuoteMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(QuoteMenu, _React$Component);

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

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { CHECK_LIST, CHECK_LIST_ITEM, MENUS_CONFIG_MAP, PARAGRAPH } from '../../../constants';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import { isMenuDisabled, setCheckListItemType, getCheckListItemType } from '../helpers';
 var CheckListMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(CheckListMenu, _React$Component);

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

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback } from 'react';
 import { CLEAR_FORMAT, MENUS_CONFIG_MAP } from '../../../constants';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import { isMenuDisabled, clearStyles } from '../helpers';
 var menuConfig = MENUS_CONFIG_MAP[CLEAR_FORMAT];
 var ClearFormatMenu = function ClearFormatMenu(_ref) {

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState } from 'react';
 import { withTranslation } from 'react-i18next';
-import ElementPopover from '../../../commons/element-popover';
+import { ElementPopover } from '../../../commons/';
 import { genCodeLangs } from '../prismjs';
 import './index.css';
 var CodeBlockHoverMenu = function CodeBlockHoverMenu(_ref) {

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

@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { focusEditor } from '../../../core';
 import { CODE_BLOCK, MENUS_CONFIG_MAP } from '../../../constants';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import { getSelectCodeElem, isMenuDisabled, changeToCodeBlock, changeToPlainText } from '../helpers';
 var CodeBlockMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(CodeBlockMenu, _React$Component);

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

@@ -8,7 +8,7 @@ import { withTranslation } from 'react-i18next';
 import { insertImage, isInsertImageMenuDisabled } from '../helpers';
 import context from '../../../../../context';
 import { IMAGE, MENUS_CONFIG_MAP } from '../../../constants';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import InsertWebImageDialog from '../dialogs/insert-web-image-dialog';
 import './style.css';
 var ImageMenu = /*#__PURE__*/function (_React$Component) {

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

@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { LINK, MENUS_CONFIG_MAP } from '../../../constants';
 import { getEditorString } from '../../../core';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import { getLinkType, isMenuDisabled } from '../helpers';
 import AddLinkDialog from './add-link-dialog';
 var LinkMenu = /*#__PURE__*/function (_React$Component) {

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

@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { MENUS_CONFIG_MAP, ORDERED_LIST, UNORDERED_LIST } from '../../../constants';
 import { focusEditor } from '../../../core';
-import { MenuItem } from '../../../menu';
+import { MenuItem } from '../../../commons';
 import { getListType, isMenuDisabled, setListType } from '../helpers';
 var ListMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(ListMenu, _React$Component);

package/dist/basic-sdk/extension/plugins/table/helpers.js

@@ -6,13 +6,12 @@ import slugid from 'slugid';
 import { Editor, Range, Transforms, Point, Node } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import { getNodeType, getParentNode, getSelectedNodeByType, isTextNode, getSelectedElems, focusEditor, getNode, findPath, replaceNodeChildren } from '../../core';
-import { ELEMENT_TYPE, KEYBOARD } from '../../constants';
+import { ELEMENT_TYPE, KEYBOARD, CLIPBOARD_FORMAT_KEY } from '../../constants';
 import { TABLE_MAX_ROWS, TABLE_MAX_COLUMNS, EMPTY_SELECTED_RANGE, TABLE_ROW_MIN_HEIGHT, TABLE_CELL_MIN_WIDTH, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from './constants';
 import EventBus from '../../../utils/event-bus';
 import { EXTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../../../../constants';
 import ObjectUtils from '../../../utils/object-utils';
 import { replacePastedDataId } from '../../../node-id/helpers';
-import { CLIPBOARD_FORMAT_KEY } from '../../../constants';
 export var isTableMenuDisabled = function isTableMenuDisabled(editor) {
   var selection = editor.selection;
   if (selection === null) return true;

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

@@ -7,12 +7,11 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { withTranslation } from 'react-i18next';
 import classnames from 'classnames';
-import { MenuGroup, MenuItem } from '../../../../menu';
+import { ColorMenu, MenuGroup, MenuItem } from '../../../../commons';
 import CommonMenu from './common-menu';
 import { MENUS_CONFIG_MAP, REMOVE_TABLE, BG_COLOR } from '../../../../constants';
 import { setCellStyle, insertTableElement, removeTableElement, isAllInTable } from '../../helpers';
 import { TABLE_ELEMENT } from '../../constants';
-import ColorMenu from '../../../../menu/color-menu';
 import './index.css';
 var ActiveTableMenu = /*#__PURE__*/function (_Component) {
   _inherits(ActiveTableMenu, _Component);

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

@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { withTranslation } from 'react-i18next';
 import ObjectUtils from '../../../../../utils/object-utils';
-import ElementPopover from '../../../../commons/element-popover';
+import { ElementPopover } from '../../../../commons';
 import { ELEMENT_TYPE } from '../../../../constants';
 import { getSelectedNodeByType } from '../../../../core';
 import { TABLE_MAX_COLUMNS, TABLE_MAX_ROWS, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from '../../constants';

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

@@ -7,7 +7,7 @@ import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { insertTable, isTableMenuDisabled } from '../../helpers';
 import { TABLE, MENUS_CONFIG_MAP } from '../../../../constants';
-import { MenuItem } from '../../../../menu';
+import { MenuItem } from '../../../../commons';
 import TableSizePopover from '../../popover/table-size-popover';
 var TableMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(TableMenu, _React$Component);

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

@@ -4,13 +4,12 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import isHotkey from 'is-hotkey';
 import { Editor, Transforms, Path } from '@seafile/slate';
 import { getNodeType, getParentNode, getSelectedNodeByType, isLastNode, generateEmptyElement } from '../../core';
-import { ELEMENT_TYPE, KEYBOARD, PARAGRAPH } from '../../constants';
+import { ELEMENT_TYPE, KEYBOARD, PARAGRAPH, CLIPBOARD_FORMAT_KEY } from '../../constants';
 import { TABLE_MAX_ROWS, EMPTY_SELECTED_RANGE, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from './constants';
 import ObjectUtils from '../../../utils/object-utils';
 import { getSelectedInfo, insertTableElement, removeTable, insertMultipleRowsAndColumns, setTableFragmentData, deleteTableRangeData, focusCell, deleteHandler, isTableLocation, isLastTableCell } from './helpers';
 import EventBus from '../../../utils/event-bus';
 import { EXTERNAL_EVENT } from '../../../../constants';
-import { CLIPBOARD_FORMAT_KEY } from '../../../constants';
 var withTable = function withTable(editor) {
   var insertBreak = editor.insertBreak,
     deleteBackward = editor.deleteBackward,

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

@@ -4,10 +4,8 @@ import { withTranslation } from 'react-i18next';
 import { Editor } from '@seafile/slate';
 import { TEXT_STYLE, TEXT_STYLE_MORE, MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
 import { focusEditor } from '../../../core';
-import { MenuItem } from '../../../menu';
+import { MenuItem, ColorMenu, MoreDropdown } from '../../../commons';
 import { getValue, isMenuDisabled, addMark, removeMark } from '../helpers';
-import MoreDropdown from '../../../../../components/more-dropdown';
-import ColorMenu from '../../../menu/color-menu';
 var TextStyleMenuList = function TextStyleMenuList(_ref) {
   var editor = _ref.editor,
     t = _ref.t,

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -2,7 +2,7 @@ import React, { useRef, useEffect, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { useFocused, useSlateStatic, useReadOnly } from '@seafile/slate-react';
 import { Editor, Range } from '@seafile/slate';
-import { MenuGroup } from '../../menu';
+import { MenuGroup } from '../../commons';
 import TextStyleMenuList from '../../plugins/text-style/menu';
 import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { getSelectedNodeByType } from '../../core';
@@ -41,15 +41,16 @@ var ContextToolbar = function ContextToolbar() {
     scrollRef.current && scrollRef.current.addEventListener('scroll', onScroll);
     setContextToolbarPosition();
   });
+  var onMouseDown = useCallback(function (event) {
+    event.preventDefault(); // prevent toolbar from taking focus away from editor
+  }, []);
   return createPortal( /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
-    onMouseDown: function onMouseDown(e) {
-      e.preventDefault(); // prevent toolbar from taking focus away from editor
-    }
+    onMouseDown: onMouseDown
   }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
     editor: editor,
-    idPrefix: 'sdoc_context_toolar'
+    idPrefix: 'sdoc_context_toolbar'
   }))), document.body);
 };
 export default ContextToolbar;

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import useSelectionUpdate from '../../../hooks/use-selection-update';
+import { ORDERED_LIST, UNORDERED_LIST } from '../../constants';
+import { MenuGroup } from '../../commons';
+import QuoteMenu from '../../plugins/blockquote/menu';
+import LinkMenu from '../../plugins/link/menu';
+import ListMenu from '../../plugins/list/menu';
+import ImageMenu from '../../plugins/image/menu';
+import HeaderMenu from '../../plugins/header/menu';
+import CheckListMenu from '../../plugins/check-list/menu';
+import TextStyleMenuList from '../../plugins/text-style/menu';
+import CodeBlockMenu from '../../plugins/code-block/menu';
+import TextAlignMenu from '../../plugins/text-align/menu';
+import { TableMenu, ActiveTableMenu } from '../../plugins/table/menu';
+import ClearFormatMenu from '../../plugins/clear-format/menu';
+import HistoryMenu from './redo-undo';
+var Toolbar = function Toolbar(_ref) {
+  var editor = _ref.editor;
+  useSelectionUpdate();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-editor-toolbar"
+  }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(HistoryMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(ClearFormatMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(HeaderMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(QuoteMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(ListMenu, {
+    editor: editor,
+    type: UNORDERED_LIST
+  }), /*#__PURE__*/React.createElement(ListMenu, {
+    editor: editor,
+    type: ORDERED_LIST
+  }), /*#__PURE__*/React.createElement(CheckListMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(TextAlignMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(CodeBlockMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(TableMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(ActiveTableMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ImageMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(LinkMenu, {
+    editor: editor
+  })));
+};
+export default Toolbar;

package/dist/basic-sdk/extension/toolbar/{redo-undo.js → header-toolbar/redo-undo.js}

@@ -4,8 +4,8 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import { MenuItem } from '../menu';
-import { MENUS_CONFIG_MAP, REDO, UNDO } from '../constants';
+import { MenuItem } from '../../commons';
+import { MENUS_CONFIG_MAP, REDO, UNDO } from '../../constants';
 var HistoryMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(HistoryMenu, _React$Component);
   var _super = _createSuper(HistoryMenu);

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

@@ -1,54 +1,3 @@
-import React from 'react';
-import useSelectionUpdate from '../../hooks/use-selection-update';
-import { ORDERED_LIST, UNORDERED_LIST } from '../constants';
-import { MenuGroup } from '../menu';
-import QuoteMenu from '../plugins/blockquote/menu';
-import LinkMenu from '../plugins/link/menu';
-import ListMenu from '../plugins/list/menu';
-import ImageMenu from '../plugins/image/menu';
-import HeaderMenu from '../plugins/header/menu';
-import CheckListMenu from '../plugins/check-list/menu';
-import TextStyleMenuList from '../plugins/text-style/menu';
-import CodeBlockMenu from '../plugins/code-block/menu';
-import TextAlignMenu from '../plugins/text-align/menu';
-import HistoryMenu from './redo-undo';
-import { TableMenu, ActiveTableMenu } from '../plugins/table/menu';
-import ClearFormatMenu from '../plugins/clear-format/menu';
-var Toolbar = function Toolbar(_ref) {
-  var editor = _ref.editor;
-  useSelectionUpdate();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-editor-toolbar"
-  }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(HistoryMenu, {
-    editor: editor
-  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ClearFormatMenu, {
-    editor: editor
-  })), /*#__PURE__*/React.createElement(HeaderMenu, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
-    editor: editor
-  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(QuoteMenu, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(ListMenu, {
-    editor: editor,
-    type: UNORDERED_LIST
-  }), /*#__PURE__*/React.createElement(ListMenu, {
-    editor: editor,
-    type: ORDERED_LIST
-  }), /*#__PURE__*/React.createElement(CheckListMenu, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(TextAlignMenu, {
-    editor: editor
-  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(CodeBlockMenu, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(TableMenu, {
-    editor: editor
-  })), /*#__PURE__*/React.createElement(ActiveTableMenu, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ImageMenu, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(LinkMenu, {
-    editor: editor
-  })));
-};
-export default Toolbar;
+import Toolbar from './header-toolbar';
+import ContextToolbar from './context-toolbar';
+export { Toolbar, ContextToolbar };

package/dist/basic-sdk/node-id/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { decorateOperation, replacePastedDataId } from './helpers';
-import { CLIPBOARD_FORMAT_KEY } from '../constants';
+import { CLIPBOARD_FORMAT_KEY } from '../extension/constants';
 var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
 var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
   var htmlData = dataTransfer.getData('text/html');

package/dist/layout/layout.css

@@ -21,7 +21,7 @@ html, body {
   flex-shrink: 0;
   height: 56px;
   position: relative;
-  z-index: 102;
+  z-index: 103;
   background-color: #fff;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.89",
+  "version": "0.1.90",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/dist/basic-sdk/constants/index.js

@@ -1 +0,0 @@
-export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';