@seafile/sdoc-editor 0.1.152 → 0.1.154-beta

package/dist/api/sdoc-server-api.js

@@ -58,6 +58,16 @@ var SDocServerApi = /*#__PURE__*/function () {
         }
       });
     }
+
+    // saveDocContentByRebase(content) {
+    //   const { server, docUuid, accessToken } = this;
+    //   const url = `${server}/api/v1/docs/${docUuid}/rebase/`;
+
+    //   const formData = new FormData();
+    //   formData.append('doc_content', JSON.stringify(content));
+
+    //   return axios.post(url, formData, {headers: {Authorization: `Token ${accessToken}`}});
+    // }
   }, {
     key: "getCollaborators",
     value: function getCollaborators() {

package/dist/api/seafile-api.js

@@ -46,12 +46,6 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
       return this.req.get(url);
     }
-  }, {
-    key: "sdocPublishRevision",
-    value: function sdocPublishRevision(docUuid) {
-      var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
-      return this.req.post(url);
-    }
   }, {
     key: "startRevise",
     value: function startRevise(repoID, fileUuid, path) {
@@ -63,9 +57,9 @@ var SeafileAPI = /*#__PURE__*/function () {
       return this._sendPostRequest(url, form);
     }
   }, {
-    key: "getSeadocRevisionDownloadLinks",
-    value: function getSeadocRevisionDownloadLinks(docUuid) {
-      var url = '/api/v2.1/seadoc/revision/download-links/' + docUuid + '/';
+    key: "getSeadocOriginFileDownloadLink",
+    value: function getSeadocOriginFileDownloadLink(docUuid) {
+      var url = '/api/v2.1/seadoc/origin-file-download-link/' + docUuid + '/';
       return this.req.get(url);
     }
   }, {
@@ -81,6 +75,20 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
       return this.req.get(url);
     }
+  }, {
+    key: "updateSdocRevision",
+    value: function updateSdocRevision(docUuid) {
+      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
+      return this.req.put(url);
+    }
+  }, {
+    key: "getFileHistoryVersion",
+    value: function getFileHistoryVersion(docUuid, fileVersion, docPath) {
+      var url = 'api/v2.1/seadoc/history-content/' + docUuid + '/?p=' + encodeURIComponent(docPath) + '&file_version=' + fileVersion;
+      return this.req.get(url);
+    }
+
+    // local files
   }, {
     key: "getSdocFiles",
     value: function getSdocFiles(docUuid, p, type) {

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

@@ -6,4 +6,28 @@ export var INTERNAL_EVENT = {
   INSERT_ELEMENT: 'insert_element',
   OUTLINE_STATE_CHANGED: 'outline_state_changed'
 };
-export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
+export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
+
+export var MODIFY_TYPE = {
+  ADD: 'add',
+  DELETE: 'delete',
+  MODIFY: 'modify',
+  CHILDREN_MODIFY: 'children_modify'
+};
+export var REBASE_TYPE = {
+  MODIFY_MODIFY: 'modify_modify',
+  DELETE_MODIFY: 'delete_modify',
+  MODIFY_DELETE: 'modify_delete',
+  CHILDREN_MODIFY: 'children_modify'
+};
+export var REBASE_MARK_KEY = {
+  ORIGIN: 'origin',
+  REBASE_TYPE: 'rebase_type',
+  MODIFY_TYPE: 'modify_type',
+  OLD_ELEMENT: 'old_element'
+};
+export var REBASE_ORIGIN = {
+  OTHER: 'other',
+  MY: 'my'
+};
+export var REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];

package/dist/basic-sdk/editor/common-editor.js

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect } from 'react';
+import { Editor } from '@seafile/slate';
+import { focusEditor } from '../extension/core';
+import { EditorContainer, EditorContent } from '../layout';
+import SlateEditor from './slate-editor';
+import InsertElementDialog from '../extension/commons/insert-element-dialog';
+var CommonEditor = function CommonEditor(_ref) {
+  var slateValue = _ref.slateValue,
+    updateSlateValue = _ref.updateSlateValue,
+    editor = _ref.editor,
+    renderElement = _ref.renderElement;
+  // useMount: focus editor
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      var _editor$children = _slicedToArray(editor.children, 1),
+        firstNode = _editor$children[0];
+      if (firstNode) {
+        var _firstNode$children = _slicedToArray(firstNode.children, 1),
+          firstNodeFirstChild = _firstNode$children[0];
+        if (firstNodeFirstChild) {
+          var endOfFirstNode = Editor.end(editor, [0, 0]);
+          var range = {
+            anchor: endOfFirstNode,
+            focus: endOfFirstNode
+          };
+          focusEditor(editor, range);
+        }
+      }
+    }, 300);
+    return function () {
+      clearTimeout(timer);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
+    editor: editor
+  }, /*#__PURE__*/React.createElement(EditorContent, {
+    docValue: slateValue,
+    showOutline: true
+  }, /*#__PURE__*/React.createElement(SlateEditor, {
+    editor: editor,
+    slateValue: slateValue,
+    setSlateValue: updateSlateValue,
+    renderElement: renderElement
+  }))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+    editor: editor
+  }));
+};
+export default CommonEditor;

package/dist/basic-sdk/editor/index.css

@@ -0,0 +1,29 @@
+.sdoc-rebase-btn-group {
+  color: #aaa;
+}
+
+.sdoc-rebase-btn-group .sdoc-rebase-btn {
+  cursor: pointer;
+}
+
+.sdoc-rebase-current-changes-start {
+  background-color: rgb(202, 232, 254);
+}
+
+.sdoc-rebase-current-changes {
+  background-color: rgba(202, 232, 254, .8);
+}
+
+.sdoc-rebase-incoming-changes {
+  background-color: rgb(222, 232, 254);
+}
+
+.sdoc-rebase-incoming-changes > *:first-child,
+.sdoc-rebase-current-changes > *:first-child {
+  margin: 0;
+  padding: 0.8em 0 0.8em 0.2em;
+}
+
+.sdoc-rebase-incoming-changes-end {
+  background-color: rgb(212, 212, 254);
+}

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

@@ -0,0 +1,129 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useMemo, useEffect, useState, useCallback, useImperativeHandle, forwardRef } from 'react';
+import deepCopy from 'deep-copy';
+import { createDefaultEditor, renderElement } from '../extension';
+import { withSocketIO } from '../socket';
+import withNodeId from '../node-id';
+import { PAGE_EDIT_AREA_WIDTH } from '../constants';
+import { MODE } from '../../constants';
+import DiffViewer from '../views/diff-viewer';
+import SDocEditor from './common-editor';
+import CommonLoading from '../../components/common-loading';
+import context from '../../context';
+import './index.css';
+var Editor = forwardRef(function (_ref, ref) {
+  var mode = _ref.mode,
+    document = _ref.document,
+    setDiffChanges = _ref.setDiffChanges;
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    var editorConfig = context.getEditorConfig();
+    defaultEditor.mode = MODE.EDITOR;
+    var newEditor = withNodeId(withSocketIO(defaultEditor, {
+      document: document,
+      config: editorConfig
+    }));
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    return newEditor;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useState = useState(document.children),
+    _useState2 = _slicedToArray(_useState, 2),
+    slateValue = _useState2[0],
+    _setSlateValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    _setLoading = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    diffContent = _useState6[0],
+    _setDiffContent = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentContent = _useState8[0],
+    setCurrentContent = _useState8[1];
+
+  // useMount: init socket connection
+  useEffect(function () {
+    editor.openConnection();
+    return function () {
+      editor.closeConnection();
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var updateSlateValue = useCallback(function (value) {
+    _setSlateValue(value);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // The parent component can call the method of this component through ref
+  useImperativeHandle(ref, function () {
+    return {
+      // set value
+      setLoading: function setLoading(isLoading) {
+        _setLoading(isLoading);
+      },
+      setDiffContent: function setDiffContent(content) {
+        setCurrentContent(deepCopy(_objectSpread(_objectSpread({}, document), {}, {
+          children: slateValue
+        })));
+        _setDiffContent(content);
+      },
+      setEditorMode: function setEditorMode(mode) {
+        editor.cursors = {};
+        editor.selection = null;
+        if (mode === MODE.EDITOR) {
+          editor.operations = [];
+        }
+        editor.mode = mode;
+      },
+      setSlateValue: function setSlateValue(document) {
+        _setSlateValue(document.children);
+      },
+      // get value
+      getSlateValue: function getSlateValue() {
+        return deepCopy(_objectSpread(_objectSpread({}, document), {}, {
+          children: slateValue
+        }));
+      },
+      // send message
+      publishDocument: function publishDocument(originDocUuid, originDocName, isNeedUpdateOriginDoc, callback) {
+        editor.publishDocument(originDocUuid, originDocName, isNeedUpdateOriginDoc, callback);
+      },
+      replaceDocument: function replaceDocument(value, originFileVersion) {
+        editor.replaceDocument(value, originFileVersion);
+      }
+
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+  }, [document, editor, slateValue]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "h-100 w-100 d-flex align-items-center justify-content-center"
+    }, /*#__PURE__*/React.createElement(CommonLoading, null));
+  }
+  if (mode === MODE.DIFF_VIEWER) {
+    return /*#__PURE__*/React.createElement(DiffViewer, {
+      showToolbar: true,
+      showOutline: true,
+      editor: editor,
+      currentContent: currentContent,
+      lastContent: diffContent,
+      didMountCallback: setDiffChanges
+    });
+  }
+  return /*#__PURE__*/React.createElement(SDocEditor, {
+    slateValue: slateValue,
+    editor: editor,
+    updateSlateValue: updateSlateValue,
+    renderElement: renderElement
+  });
+});
+export default Editor;

package/dist/basic-sdk/{slate-editor.js → editor/slate-editor.js}

@@ -1,22 +1,24 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from './extension';
-import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from './extension/core';
-import EventProxy from './utils/event-handler';
-import { useCursors } from './cursor/use-cursors';
-import { INTERNAL_EVENT } from './constants';
-import { SetNodeToDecorations } from './highlight-decorate/setNodeToDecorations';
-import CommentContextProvider from './comment/comment-context-provider';
-import CommentWrapper from './comment';
-import { usePipDecorate } from './decorates';
-import { getCursorPosition, getDomHeight, getDomMarginTop } from './utils/dom-utils';
-import EventBus from './utils/event-bus';
-import { ArticleContainer } from './layout';
-import { useScrollContext } from './hooks/use-scroll-context';
+import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
+import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
+import EventProxy from '../utils/event-handler';
+import { useCursors } from '../cursor/use-cursors';
+import { INTERNAL_EVENT } from '../constants';
+import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
+import CommentContextProvider from '../comment/comment-context-provider';
+import CommentWrapper from '../comment';
+import { usePipDecorate } from '../decorates';
+import { getCursorPosition, getDomHeight, getDomMarginTop } from '../utils/dom-utils';
+import EventBus from '../utils/event-bus';
+import { ArticleContainer } from '../layout';
+import { useScrollContext } from '../hooks/use-scroll-context';
 var SlateEditor = function SlateEditor(_ref) {
   var editor = _ref.editor,
     setSlateValue = _ref.setSlateValue,
-    slateValue = _ref.slateValue;
+    slateValue = _ref.slateValue,
+    customRenderElement = _ref.renderElement,
+    isShowComment = _ref.isShowComment;
   var _useCursors = useCursors(editor),
     cursors = _useCursors.cursors;
   var decorate = usePipDecorate(editor);
@@ -138,12 +140,15 @@ var SlateEditor = function SlateEditor(_ref) {
     editor: editor
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContextToolbar, null), /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     cursors: cursors,
-    renderElement: renderElement,
+    renderElement: customRenderElement || renderElement,
     renderLeaf: renderLeaf,
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     decorate: decorate,
     onCut: eventProxy.onCut
-  })), /*#__PURE__*/React.createElement(SideToolbar, null), /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
+  })), /*#__PURE__*/React.createElement(SideToolbar, null), isShowComment && /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
+};
+SlateEditor.defaultProps = {
+  isShowComment: true
 };
 export default SlateEditor;

package/dist/basic-sdk/extension/constants/diff-view.js

@@ -0,0 +1,14 @@
+export var DIFF_TYPE = {
+  ADD: 'add',
+  DELETE: 'delete',
+  MODIFY: 'modify',
+  COMMON: 'common'
+};
+export var DELETED_STYLE = {
+  computed_bg_color: '#ffeef0',
+  color: 'rgb(165, 32, 21)'
+};
+export var ADDED_STYLE = {
+  computed_bg_color: '#e6ffed',
+  color: 'rgb(137, 181, 66)'
+};

package/dist/basic-sdk/extension/constants/element-type.js

@@ -1,12 +1,4 @@
 export var BLOCKQUOTE = 'blockquote';
-export var BOLD = 'bold';
-export var ITALIC = 'italic';
-export var UNDERLINE = 'underline';
-export var STRIKETHROUGH = 'strikethrough';
-export var SUPERSCRIPT = 'superscript';
-export var SUBSCRIPT = 'subscript';
-export var COLOR = 'color';
-export var HIGHLIGHT_COLOR = 'highlight-color';
 export var TITLE = 'title';
 export var SUBTITLE = 'subtitle';
 export var HEADER = 'header';
@@ -20,29 +12,17 @@ export var ORDERED_LIST = 'ordered_list';
 export var UNORDERED_LIST = 'unordered_list'; // unordered_list can not work
 export var LIST_ITEM = 'list-item';
 export var LIST_LIC = 'list-lic'; // placeholder
-export var CHECK_LIST = 'check-list';
 export var CHECK_LIST_ITEM = 'check-list-item';
 export var PARAGRAPH = 'paragraph';
-export var LINK = 'link';
-export var HTML = 'html';
 export var CODE_BLOCK = 'code-block';
 export var CODE_LINE = 'code-line';
-export var IMAGE = 'image';
 export var TABLE = 'table';
 export var TABLE_ROW = 'table-row';
 export var TABLE_CELL = 'table-cell';
-export var FORMULA = 'formula';
-export var COLUMN = 'column';
-export var TEXT_STYLE = 'text-style';
-export var TEXT_STYLE_MORE = 'text-style-more';
-export var BOLD_ITALIC = 'bold-italic';
-export var TEXT_ALIGN = 'text-align';
-export var ALIGN_LEFT = 'align-left';
-export var ALIGN_RIGHT = 'align-right';
-export var ALIGN_CENTER = 'align-center';
-export var CLEAR_FORMAT = 'clear-format';
+export var LINK = 'link';
 export var SDOC_LINK = 'sdoc-link';
-export var FILE_LINK = 'file-link';
+export var FILE_LINK = 'file_link';
+export var IMAGE = 'image';
 
 // font
 export var FONT_SIZE = 'font-size';

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

@@ -1,240 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _MENUS_CONFIG_MAP, _HEADER_TITLE_MAP;
+var _HEADER_TITLE_MAP;
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
-import { BLOCKQUOTE, HEADER, TITLE, SUBTITLE, 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, CLEAR_FORMAT, COLOR, HIGHLIGHT_COLOR, SDOC_LINK, FILE_LINK } from './element-type';
-import { KEYBOARD, MAC_HOTKEYS, WIN_HOTKEYS } from './keyboard';
-import { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from './color';
-import { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';
-
-// history
-export var UNDO = 'undo';
-export var REDO = 'redo';
-
-// remove
-export var REMOVE_TABLE = 'remove_table';
-export var BG_COLOR = 'bg_color';
-
-// menus config
-export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CONFIG_MAP, BLOCKQUOTE, {
-  id: "sdoc_".concat(BLOCKQUOTE),
-  iconClass: 'sdocfont sdoc-quote-left',
-  text: 'Quote'
-}), _defineProperty(_MENUS_CONFIG_MAP, ORDERED_LIST, {
-  id: ORDERED_LIST,
-  iconClass: 'sdocfont sdoc-list-ol',
-  text: 'Ordered_list'
-}), _defineProperty(_MENUS_CONFIG_MAP, UNORDERED_LIST, {
-  id: UNORDERED_LIST,
-  iconClass: 'sdocfont sdoc-list-ul',
-  text: 'Unordered_list'
-}), _defineProperty(_MENUS_CONFIG_MAP, CHECK_LIST, {
-  id: CHECK_LIST,
-  iconClass: 'sdocfont sdoc-check-square',
-  text: 'Check_list_item'
-}), _defineProperty(_MENUS_CONFIG_MAP, CODE_BLOCK, {
-  id: CODE_BLOCK,
-  iconClass: 'sdocfont sdoc-code-block',
-  text: 'Code_block'
-}), _defineProperty(_MENUS_CONFIG_MAP, LINK, {
-  id: "sdoc_".concat(LINK),
-  iconClass: 'sdocfont sdoc-link',
-  text: 'Insert_link'
-}), _defineProperty(_MENUS_CONFIG_MAP, IMAGE, {
-  id: "sdoc_".concat(IMAGE),
-  iconClass: 'sdocfont sdoc-image',
-  text: 'Insert_image'
-}), _defineProperty(_MENUS_CONFIG_MAP, TABLE, {
-  id: "sdoc_".concat(TABLE),
-  iconClass: 'sdocfont sdoc-table',
-  text: 'Insert_table'
-}), _defineProperty(_MENUS_CONFIG_MAP, REMOVE_TABLE, {
-  id: "sdoc_".concat(REMOVE_TABLE),
-  iconClass: 'sdocfont sdoc-delete-table',
-  text: 'Delete_table'
-}), _defineProperty(_MENUS_CONFIG_MAP, TEXT_STYLE, [{
-  id: ITALIC,
-  iconClass: 'sdocfont sdoc-italic',
-  text: 'Italic',
-  type: 'ITALIC'
-}, {
-  id: BOLD,
-  iconClass: 'sdocfont sdoc-bold',
-  text: 'Bold',
-  type: 'BOLD'
-}, {
-  id: UNDERLINE,
-  iconClass: 'sdocfont sdoc-underline',
-  text: 'Underline',
-  type: 'UNDERLINE'
-}, {
-  id: "sdoc-".concat(HIGHLIGHT_COLOR),
-  iconClass: 'sdocfont sdoc-highlight-color',
-  text: 'Highlight_color',
-  type: HIGHLIGHT_COLOR,
-  isColor: true,
-  recentUsedColorsKey: RECENT_USED_HIGHLIGHT_COLORS_KEY,
-  defaultLastUsedColor: DEFAULT_LAST_USED_HIGHLIGHT_COLOR
-}, {
-  id: "sdoc-font-".concat(COLOR),
-  iconClass: 'sdocfont sdoc-font-color',
-  text: 'Font_color',
-  type: COLOR,
-  defaultColor: DEFAULT_FONT_COLOR,
-  isColor: true,
-  recentUsedColorsKey: RECENT_USED_FONT_COLORS_KEY,
-  defaultLastUsedColor: DEFAULT_LAST_USED_FONT_COLOR
-}]), _defineProperty(_MENUS_CONFIG_MAP, TEXT_STYLE_MORE, [
-//
-{
-  id: STRIKETHROUGH,
-  iconClass: 'sdocfont sdoc-strikethrough',
-  text: 'Strikethrough',
-  type: 'STRIKETHROUGH'
-}, {
-  id: SUPERSCRIPT,
-  iconClass: 'sdocfont sdoc-subscripts',
-  text: 'Superscript',
-  type: 'SUPERSCRIPT'
-}, {
-  id: SUBSCRIPT,
-  iconClass: 'sdocfont sdoc-subscripts',
-  text: 'Subscript',
-  type: 'SUBSCRIPT'
-}]), _defineProperty(_MENUS_CONFIG_MAP, TEXT_ALIGN, [{
-  id: ALIGN_LEFT,
-  iconClass: 'sdocfont sdoc-align-left',
-  type: 'left'
-}, {
-  id: ALIGN_CENTER,
-  iconClass: 'sdocfont sdoc-align-center',
-  type: 'center'
-}, {
-  id: ALIGN_RIGHT,
-  iconClass: 'sdocfont sdoc-align-right',
-  type: 'right'
-}]), _defineProperty(_MENUS_CONFIG_MAP, UNDO, {
-  id: UNDO,
-  iconClass: 'sdocfont sdoc-revoke',
-  text: 'Undo',
-  type: 'undo'
-}), _defineProperty(_MENUS_CONFIG_MAP, REDO, {
-  id: REDO,
-  iconClass: 'sdocfont sdoc-redo',
-  text: 'Redo',
-  type: 'redo'
-}), _defineProperty(_MENUS_CONFIG_MAP, BG_COLOR, {
-  id: "sdoc_".concat(BG_COLOR),
-  iconClass: 'sdocfont sdoc-bg-color',
-  text: 'Background_color'
-}), _defineProperty(_MENUS_CONFIG_MAP, CLEAR_FORMAT, {
-  id: "sdoc_".concat(CLEAR_FORMAT),
-  iconClass: 'sdocfont sdoc-format-clear',
-  text: 'Clear_format'
-}), _defineProperty(_MENUS_CONFIG_MAP, SDOC_LINK, {
-  id: "sdoc_".concat(SDOC_LINK),
-  iconClass: 'sdocfont sdoc-document',
-  text: 'Link_sdoc'
-}), _defineProperty(_MENUS_CONFIG_MAP, FILE_LINK, {
-  id: "sdoc_".concat(FILE_LINK),
-  iconClass: 'sdocfont sdoc-link-file',
-  text: 'Link_file'
-}), _MENUS_CONFIG_MAP);
+import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE } from './element-type';
+export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from './color';
+export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';
+export { DIFF_TYPE, ADDED_STYLE, DELETED_STYLE } from './diff-view';
+export { KEYBOARD, MAC_HOTKEYS, WIN_HOTKEYS } from './keyboard';
+export { UNDO, REDO, TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, TEXT_ALIGN, REMOVE_TABLE, BG_COLOR, CLEAR_FORMAT, MENUS_CONFIG_MAP, SIDE_MENUS_CONFIG } from './menus-config';
 export var HEADERS = [HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6];
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _defineProperty(_HEADER_TITLE_MAP, TITLE, 'Title'), _defineProperty(_HEADER_TITLE_MAP, SUBTITLE, 'Subtitle'), _defineProperty(_HEADER_TITLE_MAP, HEADER1, 'Header_one'), _defineProperty(_HEADER_TITLE_MAP, HEADER2, 'Header_two'), _defineProperty(_HEADER_TITLE_MAP, HEADER3, 'Header_three'), _defineProperty(_HEADER_TITLE_MAP, HEADER4, 'Header_four'), _defineProperty(_HEADER_TITLE_MAP, HEADER5, 'Header_five'), _defineProperty(_HEADER_TITLE_MAP, HEADER6, 'Header_six'), _defineProperty(_HEADER_TITLE_MAP, PARAGRAPH, 'Paragraph'), _HEADER_TITLE_MAP);
-export var DIFF_TYPE = {
-  ADD: 'add',
-  DELETE: 'delete',
-  MODIFY: 'modify',
-  COMMON: 'common'
-};
-export var STYLE_KEY = {
-  TEXT_ALIGN: 'textAlign',
-  BG_COLOR: 'bg_color'
-};
-export var DELETED_STYLE = {
-  computed_bg_color: '#ffeef0',
-  color: 'rgb(165, 32, 21)'
-};
-export var ADDED_STYLE = {
-  computed_bg_color: '#e6ffed',
-  color: 'rgb(137, 181, 66)'
-};
 export var LIST_TYPE_ARRAY = ['unordered_list', 'ordered_list'];
 export var TRANSPARENT = 'transparent';
 export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';
 export var INSERT_FILE_DISPLAY_TYPE = ['text_link', 'icon_link', 'card_link'];
-export var SIDE_MENUS_CONFIG = [{
-  id: PARAGRAPH,
-  iconClass: 'sdocfont sdoc-text',
-  type: PARAGRAPH,
-  text: 'Paragraph'
-}, {
-  id: HEADER1,
-  iconClass: 'sdocfont sdoc-header1',
-  type: HEADER1,
-  text: 'Header_one'
-}, {
-  id: HEADER2,
-  iconClass: 'sdocfont sdoc-header2',
-  type: HEADER2,
-  text: 'Header_two'
-}, {
-  id: HEADER3,
-  iconClass: 'sdocfont sdoc-header3',
-  type: HEADER3,
-  text: 'Header_three'
-}, {
-  id: HEADER4,
-  iconClass: 'sdocfont sdoc-header4',
-  type: HEADER4,
-  text: 'Header_four'
-}, {
-  id: HEADER5,
-  iconClass: 'sdocfont sdoc-header5',
-  type: HEADER5,
-  text: 'Header_five'
-}, {
-  id: HEADER6,
-  iconClass: 'sdocfont sdoc-header6',
-  type: HEADER6,
-  text: 'Header_six'
-}, {
-  id: UNORDERED_LIST,
-  iconClass: 'sdocfont sdoc-list-ul',
-  type: UNORDERED_LIST,
-  text: 'Unordered_list'
-}, {
-  id: ORDERED_LIST,
-  iconClass: 'sdocfont sdoc-list-ol',
-  type: ORDERED_LIST,
-  text: 'Ordered_list'
-}, {
-  id: CHECK_LIST_ITEM,
-  iconClass: 'sdocfont sdoc-check-square',
-  type: CHECK_LIST_ITEM,
-  text: 'Check_list_item'
-}, {
-  id: ALIGN_LEFT,
-  iconClass: 'sdocfont sdoc-align-left',
-  type: 'left',
-  text: 'Left'
-}, {
-  id: ALIGN_CENTER,
-  iconClass: 'sdocfont sdoc-align-center',
-  type: 'center',
-  text: 'Center'
-}, {
-  id: ALIGN_RIGHT,
-  iconClass: 'sdocfont sdoc-align-right',
-  type: 'right',
-  text: 'Right'
-}, {
-  id: BLOCKQUOTE,
-  iconClass: 'sdocfont sdoc-quote1',
-  type: BLOCKQUOTE,
-  text: 'Quote'
-}];
 export var INSERT_POSITION = {
   BEFORE: 'before',
   CURRENT: 'current',
@@ -243,4 +22,4 @@ export var INSERT_POSITION = {
 export var LOCAL_IMAGE = 'local-image';
 export var LIST_ITEM_CORRELATION_TYPE = ['unordered_list', 'ordered_list', 'list-item'];
 export var LIST_ITEM_SUPPORTED_TRANSFORMATION = ['unordered_list', 'ordered_list', 'left', 'center', 'right', 'blockquote'];
-export { BLOCKQUOTE, HEADER, TITLE, SUBTITLE, 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, MAC_HOTKEYS, WIN_HOTKEYS, DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, CLEAR_FORMAT, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR, FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE, SDOC_LINK, FILE_LINK };
+export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE };