@seafile/sdoc-editor 0.1.83 → 0.1.85

package/dist/basic-sdk/comment/color-menu/color-item.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+import classnames from 'classnames';
+var ColorItem = function ColorItem(_ref) {
+  var t = _ref.t,
+    color = _ref.color,
+    recentUsedColor = _ref.recentUsedColor;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('sdoc-color-item', {
+      'selected': recentUsedColor === color.value
+    }),
+    style: {
+      backgroundColor: color.value
+    },
+    color: color.value,
+    "data-color": color.value,
+    title: color.index ? t(color.name, {
+      value: color.index
+    }) : t(color.name)
+  });
+};
+export default withTranslation('sdoc-editor')(ColorItem);

package/dist/basic-sdk/comment/color-menu/index.css

@@ -0,0 +1,109 @@
+.sdoc-color-menu .sdoc-color-icon {
+  font-size: 12px !important;
+  height: 12px;
+  line-height: 12px;
+}
+
+.sdoc-color-menu .recent-used-color {
+  width: 12px;
+  height: 3px;
+  border-radius: 1px;
+  margin-top: 2px;
+  border: 1px solid rgba(0, 0, 0, .08);
+}
+
+.sdoc-color-menu-popover .sdoc-color-dropdown-menu {
+  width: 251px;
+  padding: 0 0 12px 0;
+}
+
+.sdoc-color-menu-popover .sdoc-color-no-color-container {
+  width: 100%;
+  height: 24px;
+  margin-bottom: 5px;
+}
+
+.sdoc-color-menu-popover .sdoc-color-no-color-content {
+  height: 100%;
+  width: 100%;
+  text-align: center;
+  border: 1px solid rgba(0, 0, 0, .12);
+  border-radius: 2px;
+  font-size: 12px;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.sdoc-color-menu-popover .sdoc-color-default-colors-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.sdoc-color-menu-popover .sdoc-color-item {
+  height: 20px;
+  width: 20px;
+  margin-right: 3px;
+  margin-bottom: 3px;
+  border: 0.5px solid rgba(0, 0, 0, .08);
+}
+
+.sdoc-color-menu-popover .sdoc-color-item.selected {
+  position: relative;
+}
+
+.sdoc-color-menu-popover .sdoc-color-item.selected::after {
+  content: '';
+  position: absolute;
+  width: calc(100% + 4px);
+  height: calc((100% + 4px));
+  top: -2px;
+  left: -2px;
+  pointer-events: none;
+  border: 1px solid rgba(0, 0, 0, .88);
+}
+
+.sdoc-color-menu-popover .sdoc-color-item:hover {
+  cursor: pointer;
+}
+
+.sdoc-color-menu-popover .sdoc-color-item:nth-child(10n) {
+  margin-right: 0px;
+}
+
+.sdoc-color-menu-popover .sdoc-color-sub-title {
+  font-size: 11px;
+  line-height: 16px;
+  margin: 7px 0;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.sdoc-color-menu-popover .sdoc-colors-divider {
+  width: 100%;
+  height: 1px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  margin: 0px 0 8px 0;
+}
+
+.sdoc-color-menu-popover .sdoc-more-colors {
+  display: flex;
+  align-items: center;
+  justify-content: baseline;
+  height: 30px;
+  font-size: 12px;
+  padding: 0 12px;
+}
+
+.sdoc-color-menu-popover .sdoc-more-colors .sdocfont {
+  font-size: 12px;
+  transform: scale(.6);
+  color: #888;
+}
+
+.sdoc-color-menu-popover .sdoc-more-colors.show-pick {
+  cursor: pointer;
+  background-color: rgba(51, 77, 102, .06);
+}
+
+.sdoc-more-colors-popover .popover {
+  left: 10px !important;
+}

package/dist/basic-sdk/comment/color-menu/index.js

@@ -0,0 +1,199 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useRef, useState } from 'react';
+import { withTranslation } from 'react-i18next';
+import classnames from 'classnames';
+import { UncontrolledPopover } from 'reactstrap';
+import { ChromePicker } from 'react-color';
+import { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_COLORS } from '../../extension/constants';
+import { LocalStorage } from '../../../utils';
+import { eventStopPropagation } from '../../utils/mouse-event';
+import ColorItem from './color-item';
+import './index.css';
+var ColorMenu = function ColorMenu(_ref) {
+  var iconClass = _ref.iconClass,
+    id = _ref.id,
+    isRichEditor = _ref.isRichEditor,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    t = _ref.t,
+    setColor = _ref.setColor,
+    localStorageKey = _ref.localStorageKey;
+  var popoverRef = useRef(null);
+  var moreColorsPopoverRef = useRef(null);
+  var _useState = useState(LocalStorage.getItem(localStorageKey, DEFAULT_RECENT_USED_COLORS)),
+    _useState2 = _slicedToArray(_useState, 2),
+    recentUsedColors = _useState2[0],
+    setRecentUsedColors = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isShowMenu = _useState4[0],
+    setMenuShow = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isPickerShow = _useState6[0],
+    setPickerShow = _useState6[1];
+  var onSetColor = useCallback(function (color) {
+    var shouldClose = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var validColor = color || 'transparent';
+    setColor(validColor);
+    if (validColor !== 'transparent' && recentUsedColors[0] !== validColor) {
+      var newRecentUsedColors = recentUsedColors.slice(0, 9);
+      newRecentUsedColors.unshift(validColor);
+      LocalStorage.setItem(localStorageKey, newRecentUsedColors);
+      setRecentUsedColors(newRecentUsedColors);
+    }
+    if (shouldClose) {
+      popoverRef.current.toggle();
+      setMenuShow(!isShowMenu);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [recentUsedColors, localStorageKey, isShowMenu, isPickerShow]);
+  var setColorProxy = useCallback(function (event) {
+    if (event.target.className.includes('sdoc-color-item')) {
+      var color = event.target.dataset.color;
+      onSetColor(color);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [recentUsedColors, localStorageKey, isShowMenu, isPickerShow]);
+  var toggle = useCallback(function () {
+    if (isPickerShow) return;
+    popoverRef.current.toggle();
+    setMenuShow(!isShowMenu);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowMenu, isPickerShow]);
+  var moreColorsPopoverToggle = useCallback(function () {
+    moreColorsPopoverRef.current.toggle();
+    setPickerShow(!isPickerShow);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [moreColorsPopoverRef, isPickerShow]);
+  var onClick = useCallback(function (event) {
+    eventStopPropagation(event);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onChange = useCallback(function (color) {
+    var validColor = color.hex;
+    onSetColor(validColor, false);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var validClassName = classnames(className, 'sdoc-color-menu', {
+    '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
+  });
+  var setRecentUsedColor = useCallback(function (event) {
+    eventStopPropagation(event);
+    onSetColor(recentUsedColors[0], false);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [recentUsedColors]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: validClassName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "d-flex flex-column justify-content-center h-100 mr-1 pt-1",
+    onClick: setRecentUsedColor
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classnames(iconClass, 'sdoc-color-icon')
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "recent-used-color",
+    style: {
+      backgroundColor: recentUsedColors[0] || 'transparent'
+    }
+  })), /*#__PURE__*/React.createElement("i", {
+    id: id,
+    className: "sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
+  })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    target: id,
+    className: "sdoc-color-menu-popover",
+    trigger: "legacy",
+    placement: "bottom-start",
+    hideArrow: true,
+    toggle: toggle,
+    fade: false,
+    ref: popoverRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu sdoc-color-dropdown-menu"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-3 d-flex flex-column"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-no-color-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-no-color-content",
+    onClick: function onClick() {
+      return onSetColor();
+    }
+  }, t('No_color'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-default-colors-container",
+    onClick: setColorProxy
+  }, DEFAULT_COLORS.map(function (color, index) {
+    return /*#__PURE__*/React.createElement(ColorItem, {
+      key: "default-color-".concat(index),
+      color: color,
+      recentUsedColor: recentUsedColors[0]
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-standard-colors-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-sub-title"
+  }, t('Standard_color')), /*#__PURE__*/React.createElement("div", {
+    className: "d-flex",
+    onClick: setColorProxy
+  }, STANDARD_COLORS.map(function (color, index) {
+    return /*#__PURE__*/React.createElement(ColorItem, {
+      key: "standard-color-".concat(index),
+      color: color,
+      recentUsedColor: recentUsedColors[0]
+    });
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-recent-used-colors-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-color-sub-title"
+  }, t('Recently_used')), /*#__PURE__*/React.createElement("div", {
+    className: "d-flex",
+    onClick: setColorProxy
+  }, recentUsedColors.map(function (color, index) {
+    return /*#__PURE__*/React.createElement(ColorItem, {
+      key: "standard-color-".concat(index),
+      color: {
+        value: color,
+        name: color
+      }
+    });
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-colors-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classnames('sdoc-more-colors', {
+      'show-pick': isPickerShow
+    }),
+    id: "sdoc-more-colors"
+  }, /*#__PURE__*/React.createElement("span", null, t('More_color')), /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-right-slide"
+  })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    target: "sdoc-more-colors",
+    className: "sdoc-more-colors-popover",
+    trigger: "hover",
+    placement: "left-end",
+    hideArrow: true,
+    toggle: moreColorsPopoverToggle,
+    ref: moreColorsPopoverRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-more-colors-container",
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(ChromePicker, {
+    disableAlpha: true,
+    color: recentUsedColors[0] || '',
+    onChange: onChange
+  }))))));
+};
+ColorMenu.defaultProps = {
+  isRichEditor: true,
+  className: 'menu-group-item'
+};
+export default withTranslation('sdoc-editor')(ColorMenu);

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

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

package/dist/basic-sdk/editor.js

@@ -100,6 +100,7 @@ var SDocEditor = function SDocEditor(_ref) {
   }, []);
   var onMouseDown = useCallback(function (event) {
     if (event.button === 0) {
+      editor.reSetTableSelectedRange();
       eventBus.dispatch(EXTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -263,7 +264,8 @@ var SDocEditor = function SDocEditor(_ref) {
     onKeyDown: onKeyDown,
     onContextMenu: onContextMenu,
     onMouseDown: onMouseDown,
-    decorate: decorate
+    decorate: decorate,
+    onCut: eventProxy.onCut
   })), /*#__PURE__*/React.createElement(CommentWrapper, null))))))))), isShowContextMenu && /*#__PURE__*/React.createElement(ContextMenu, {
     editor: editor,
     contextMenuPosition: menuPosition

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

@@ -0,0 +1,265 @@
+export var DEFAULT_COLORS = [{
+  value: '#FFFFFF',
+  name: 'White'
+}, {
+  value: '#000000',
+  name: 'Black'
+}, {
+  value: '#485368',
+  name: 'Blue_grey'
+}, {
+  value: '#2972F4',
+  name: 'Blue'
+}, {
+  value: '#00A3F5',
+  name: 'Sky_blue'
+}, {
+  value: '#319B62',
+  name: 'Green'
+}, {
+  value: '#DE3C36',
+  name: 'Red'
+}, {
+  value: '#F88825',
+  name: 'Orange'
+}, {
+  value: '#F5C400',
+  name: 'Yellow'
+}, {
+  value: '#9A38D7',
+  name: 'Purple'
+}, {
+  value: '#F2F2F2',
+  name: 'Light_grey_x',
+  index: 1
+}, {
+  value: '#7F7F7F',
+  name: 'Dark_grey_x',
+  index: 1
+}, {
+  value: '#F3F5F7',
+  name: 'Light_blue_grey_x',
+  index: 1
+}, {
+  value: '#E5EFFF',
+  name: 'Light_blue_x',
+  index: 1
+}, {
+  value: '#E5F6FF',
+  name: 'Light_sky_blue_x',
+  index: 1
+}, {
+  value: '#EAFAF1',
+  name: 'Light_green_x',
+  index: 1
+}, {
+  value: '#FFE9E8',
+  name: 'Light_red_x',
+  index: 1
+}, {
+  value: '#FFF3EB',
+  name: 'Light_orange_x',
+  index: 1
+}, {
+  value: '#FFF9E3',
+  name: 'Light_yellow_x',
+  index: 1
+}, {
+  value: '#FDEBFF',
+  name: 'Light_purple_x',
+  index: 1
+}, {
+  value: '#D8D8D8',
+  name: 'Light_grey_x',
+  index: 2
+}, {
+  value: '#595959',
+  name: 'Dark_grey_x',
+  index: 2
+}, {
+  value: '#C5CAD3',
+  name: 'Light_blue_grey_x',
+  index: 2
+}, {
+  value: '#C7DCFF',
+  name: 'Light_blue_x',
+  index: 2
+}, {
+  value: '#C7ECFF',
+  name: 'Light_sky_blue_x',
+  index: 2
+}, {
+  value: '#C3EAD5',
+  name: 'Light_green_x',
+  index: 2
+}, {
+  value: '#FFC9C7',
+  name: 'Light_red_x',
+  index: 2
+}, {
+  value: '#FFDCC4',
+  name: 'Light_orange_x',
+  index: 2
+}, {
+  value: '#FFEEAD',
+  name: 'Light_yellow_x',
+  index: 2
+}, {
+  value: '#F2C7FF',
+  name: 'Light_purple_x',
+  index: 2
+}, {
+  value: '#BFBFBF',
+  name: 'Light_grey_x',
+  index: 3
+}, {
+  value: '#3F3F3F',
+  name: 'Dark_grey_x',
+  index: 3
+}, {
+  value: '#808B9E',
+  name: 'Light_blue_grey_x',
+  index: 3
+}, {
+  value: '#99BEFF',
+  name: 'Light_blue_x',
+  index: 3
+}, {
+  value: '#99DDFF',
+  name: 'Light_sky_blue_x',
+  index: 3
+}, {
+  value: '#98D7B6',
+  name: 'Light_green_x',
+  index: 3
+}, {
+  value: '#FF9C99',
+  name: 'Light_red_x',
+  index: 3
+}, {
+  value: '#FFBA84',
+  name: 'Light_orange_x',
+  index: 3
+}, {
+  value: '#FFE270',
+  name: 'Light_yellow_x',
+  index: 3
+}, {
+  value: '#D58EFF',
+  name: 'Light_purple_x',
+  index: 3
+}, {
+  value: '#A5A5A5',
+  name: 'Light_grey_x',
+  index: 4
+}, {
+  value: '#262626',
+  name: 'Dark_grey_x',
+  index: 4
+}, {
+  value: '#353B45',
+  name: 'Dark_blue_grey_x',
+  index: 1
+}, {
+  value: '#1450B8',
+  name: 'Dark_blue_x',
+  index: 1
+}, {
+  value: '#1274A5',
+  name: 'Dark_sky_blue_x',
+  index: 1
+}, {
+  value: '#277C4F',
+  name: 'Dark_green_x',
+  index: 1
+}, {
+  value: '#9E1E1A',
+  name: 'Dark_red_x',
+  index: 1
+}, {
+  value: '#B86014',
+  name: 'Dark_orange_x',
+  index: 1
+}, {
+  value: '#A38200',
+  name: 'Dark_yellow_x',
+  index: 1
+}, {
+  value: '#5E2281',
+  name: 'Dark_purple_x',
+  index: 1
+}, {
+  value: '#939393',
+  name: 'Light_grey_x',
+  index: 5
+}, {
+  value: '#0D0D0D',
+  name: 'Dark_grey_x',
+  index: 5
+}, {
+  value: '#24272E',
+  name: 'Dark_blue_grey_x',
+  index: 2
+}, {
+  value: '#0C306E',
+  name: 'Dark_blue_x',
+  index: 2
+}, {
+  value: '#0A415C',
+  name: 'Dark_sky_blue_x',
+  index: 2
+}, {
+  value: '#184E32',
+  name: 'Dark_green_x',
+  index: 2
+}, {
+  value: '#58110E',
+  name: 'Dark_red_x',
+  index: 2
+}, {
+  value: '#5C300A',
+  name: 'Dark_orange_x',
+  index: 2
+}, {
+  value: '#665200',
+  name: 'Dark_yellow_x',
+  index: 2
+}, {
+  value: '#3b1551',
+  name: 'Dark_purple_x',
+  index: 2
+}];
+export var STANDARD_COLORS = [{
+  value: '#C00000',
+  name: 'Standard_dark_red'
+}, {
+  value: '#FF0000',
+  name: 'Standard_red'
+}, {
+  value: '#FFC000',
+  name: 'Standard_orange'
+}, {
+  value: '#FFFF00',
+  name: 'Standard_yellow'
+}, {
+  value: '#92D050',
+  name: 'Standard_light_green'
+}, {
+  value: '#00B050',
+  name: 'Standard_green'
+}, {
+  value: '#00B0F0',
+  name: 'Standard_light_blue'
+}, {
+  value: '#0070C0',
+  name: 'Standard_blue'
+}, {
+  value: '#002060',
+  name: 'Standard_dark_blue'
+}, {
+  value: '#7030A0',
+  name: 'Standard_purple'
+}];
+
+// Initialize the most recently used colors
+export var DEFAULT_RECENT_USED_COLORS = new Array(10).fill('');

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

@@ -4,6 +4,7 @@ var _MENUS_CONFIG_MAP, _HEADER_TITLE_MAP;
 import * as ELEMENT_TYPE from './element-type';
 import { 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 } from './element-type';
 import KEYBOARD from './keyboard';
+import { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_COLORS } from './color';
 
 // history
 export var UNDO = 'undo';
@@ -11,6 +12,7 @@ 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, {
@@ -101,6 +103,10 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   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'
 }), _MENUS_CONFIG_MAP);
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _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 = {
@@ -110,7 +116,8 @@ export var DIFF_TYPE = {
   COMMON: 'common'
 };
 export var STYLE_KEY = {
-  TEXT_ALIGN: 'textAlign'
+  TEXT_ALIGN: 'textAlign',
+  BG_COLOR: 'bg_color'
 };
 export var DELETED_STYLE = {
   computed_bg_color: '#ffeef0',
@@ -122,4 +129,4 @@ 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 { 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 };
+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 };

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

@@ -54,11 +54,12 @@ var withHeader = function withHeader(editor) {
     }
   };
   newEditor.insertFragment = function (data) {
+    var _data$, _data$$children;
     var headerNode = getSelectedNodeByTypes(editor, HEADER_TYPE_ARRAY);
     var headerText = Node.string(headerNode || {
       children: []
     });
-    var isSingleListItem = data.length === 1 && data[0].children.length === 1 && LIST_TYPE_ARRAY.includes(data[0].type);
+    var isSingleListItem = data.length === 1 && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : (_data$$children = _data$.children) === null || _data$$children === void 0 ? void 0 : _data$$children.length) === 1 && LIST_TYPE_ARRAY.includes(data[0].type);
     // Insert a list item when the header is empty, insert only the text
     if (headerNode && headerText.length === 0 && isSingleListItem) {
       var text = Node.string(data[0]);