@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,24 +1,31 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { withTranslation } from 'react-i18next';
-import ObjectUtils from '../../../../../utils/object-utils';
-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, EMPTY_SELECTED_RANGE, TABLE_CELL_STYLE } from '../../constants';
-import { insertTableElement, removeTableElement, combineCells, isTableWidthFitScreen, fitTableColumnToScreen } from '../../helpers';
-import InsertTableElement from './insert-table-element';
-import EventBus from '../../../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../../../constants';
-import VerticalAlignPopover from '../vertical-align-popover';
-import HorizontalAlignPopover from '../horizontal-align-popover';
-import KebabToCamel from '../../../../../utils/Kebab-to-camel';
-import ColorSelectorPopover from '../color-selector-popover';
-import './index.css';
-class TableContextMenu extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _objectUtils = _interopRequireDefault(require("../../../../../utils/object-utils"));
+var _commons = require("../../../../commons");
+var _constants = require("../../../../constants");
+var _core = require("../../../../core");
+var _constants2 = require("../../constants");
+var _helpers = require("../../helpers");
+var _insertTableElement = _interopRequireDefault(require("./insert-table-element"));
+var _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
+var _constants3 = require("../../../../../constants");
+var _verticalAlignPopover = _interopRequireDefault(require("../vertical-align-popover"));
+var _horizontalAlignPopover = _interopRequireDefault(require("../horizontal-align-popover"));
+var _KebabToCamel = _interopRequireDefault(require("../../../../../utils/Kebab-to-camel"));
+var _colorSelectorPopover = _interopRequireDefault(require("../color-selector-popover"));
+require("./index.css");
+class TableContextMenu extends _react.default.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "updateMenuPosition", () => {
+    (0, _defineProperty2.default)(this, "updateMenuPosition", () => {
       const menuHeight = this.menu.offsetHeight;
 
       // get height of context menu when the menu is drawing completed in this page
@@ -40,33 +47,33 @@ class TableContextMenu extends React.Component {
         }
       });
     });
-    _defineProperty(this, "insertTableElement", (type, position, count) => {
+    (0, _defineProperty2.default)(this, "insertTableElement", (type, position, count) => {
       const {
         editor
       } = this.props;
-      insertTableElement(editor, type, position, count);
+      (0, _helpers.insertTableElement)(editor, type, position, count);
     });
-    _defineProperty(this, "removeTableElements", type => {
+    (0, _defineProperty2.default)(this, "removeTableElements", type => {
       const {
         editor
       } = this.props;
-      removeTableElement(editor, type);
+      (0, _helpers.removeTableElement)(editor, type);
     });
-    _defineProperty(this, "renderRemoveBtn", (type, title) => {
-      return /*#__PURE__*/React.createElement("button", {
+    (0, _defineProperty2.default)(this, "renderRemoveBtn", (type, title) => {
+      return /*#__PURE__*/_react.default.createElement("button", {
         onMouseDown: this.removeTableElements.bind(this, type),
         className: "dropdown-item"
       }, this.props.t(title));
     });
-    _defineProperty(this, "combineCells", () => {
+    (0, _defineProperty2.default)(this, "combineCells", () => {
       const {
         editor
       } = this.props;
-      combineCells(editor);
+      (0, _helpers.combineCells)(editor);
     });
-    _defineProperty(this, "toggleSplitCellSettingDialog", () => {
-      this.eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-        type: ELEMENT_TYPE.TABLE_CELL
+    (0, _defineProperty2.default)(this, "toggleSplitCellSettingDialog", () => {
+      this.eventBus.dispatch(_constants3.INTERNAL_EVENT.INSERT_ELEMENT, {
+        type: _constants.ELEMENT_TYPE.TABLE_CELL
       });
     });
     this.state = {
@@ -74,10 +81,10 @@ class TableContextMenu extends React.Component {
       isDisableFitTableWidthToScreen: false
     };
     this.position = null;
-    this.eventBus = EventBus.getInstance();
-    this.horizontalAlignRef = React.createRef();
-    this.verticalAlignRef = React.createRef();
-    this.colorSelectorRef = React.createRef();
+    this.eventBus = _eventBus.default.getInstance();
+    this.horizontalAlignRef = /*#__PURE__*/_react.default.createRef();
+    this.verticalAlignRef = /*#__PURE__*/_react.default.createRef();
+    this.colorSelectorRef = /*#__PURE__*/_react.default.createRef();
   }
   componentDidMount() {
     this.position = this.props.contextMenuPosition;
@@ -85,7 +92,7 @@ class TableContextMenu extends React.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     const nextContextMenuPosition = nextProps.contextMenuPosition;
-    if (!ObjectUtils.isSameObject(nextContextMenuPosition, this.props.contextMenuPosition)) {
+    if (!_objectUtils.default.isSameObject(nextContextMenuPosition, this.props.contextMenuPosition)) {
       this.position = nextContextMenuPosition;
       this.updateMenuPosition();
     }
@@ -100,7 +107,7 @@ class TableContextMenu extends React.Component {
     const {
       colspan,
       rowspan
-    } = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_CELL);
+    } = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_CELL);
     return colspan > 1 || rowspan > 1;
   }
   render() {
@@ -114,9 +121,9 @@ class TableContextMenu extends React.Component {
       t,
       readonly
     } = this.props;
-    const currentTable = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
+    const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE);
     if (!currentTable) return null;
-    const currentRow = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_ROW);
+    const currentRow = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_ROW);
     const currentRowsCount = currentTable.children.length;
     const currentColumnsCount = currentRow.children.length;
     const {
@@ -124,102 +131,102 @@ class TableContextMenu extends React.Component {
     } = editor;
     const selectedRows = tableSelectedRange.maxRowIndex - tableSelectedRange.minRowIndex + 1;
     const selectedCols = tableSelectedRange.maxColIndex - tableSelectedRange.minColIndex + 1;
-    const canAddRowsCount = currentRowsCount + selectedRows > TABLE_MAX_ROWS ? TABLE_MAX_ROWS - currentRowsCount : selectedRows;
-    const canAddColsCount = currentColumnsCount + selectedCols > TABLE_MAX_COLUMNS ? TABLE_MAX_COLUMNS - currentColumnsCount : selectedCols;
-    const enableCombineCell = !ObjectUtils.isSameObject(tableSelectedRange, EMPTY_SELECTED_RANGE);
+    const canAddRowsCount = currentRowsCount + selectedRows > _constants2.TABLE_MAX_ROWS ? _constants2.TABLE_MAX_ROWS - currentRowsCount : selectedRows;
+    const canAddColsCount = currentColumnsCount + selectedCols > _constants2.TABLE_MAX_COLUMNS ? _constants2.TABLE_MAX_COLUMNS - currentColumnsCount : selectedCols;
+    const enableCombineCell = !_objectUtils.default.isSameObject(tableSelectedRange, _constants2.EMPTY_SELECTED_RANGE);
     const enableSplitCell = !enableCombineCell;
     const isMergedCell = this.isMergedCell();
-    const tableCellNode = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_CELL);
-    const horizontalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style = tableCellNode.style) === null || _tableCellNode$style === void 0 ? void 0 : _tableCellNode$style[TABLE_CELL_STYLE.TEXT_ALIGN];
-    const verticalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style2 = tableCellNode.style) === null || _tableCellNode$style2 === void 0 ? void 0 : _tableCellNode$style2[KebabToCamel(TABLE_CELL_STYLE.ALIGN_ITEMS)];
+    const tableCellNode = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_CELL);
+    const horizontalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style = tableCellNode.style) === null || _tableCellNode$style === void 0 ? void 0 : _tableCellNode$style[_constants2.TABLE_CELL_STYLE.TEXT_ALIGN];
+    const verticalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style2 = tableCellNode.style) === null || _tableCellNode$style2 === void 0 ? void 0 : _tableCellNode$style2[(0, _KebabToCamel.default)(_constants2.TABLE_CELL_STYLE.ALIGN_ITEMS)];
     // Check if the table width is fit to screen
     // Use queueMicrotask to resolve the issue that the table cell combined or split, the table width is not updated immediately
     queueMicrotask(() => {
-      const isDisable = isTableWidthFitScreen(editor);
+      const isDisable = (0, _helpers.isTableWidthFitScreen)(editor);
       if (isDisableFitTableWidthToScreen !== isDisable) {
         this.setState({
-          isDisableFitTableWidthToScreen: isTableWidthFitScreen(editor)
+          isDisableFitTableWidthToScreen: (0, _helpers.isTableWidthFitScreen)(editor)
         });
       }
     });
-    return /*#__PURE__*/React.createElement(ElementPopover, {
+    return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, {
       className: "sdoc-context-menu"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       style: contextStyle,
       ref: ref => this.menu = ref,
       className: "sdoc-table-context-menu dropdown-menu"
-    }, /*#__PURE__*/React.createElement(InsertTableElement, {
-      type: TABLE_ELEMENT.ROW,
+    }, /*#__PURE__*/_react.default.createElement(_insertTableElement.default, {
+      type: _constants2.TABLE_ELEMENT.ROW,
       count: canAddRowsCount,
       currentCount: currentRowsCount,
-      position: TABLE_ELEMENT_POSITION.BEFORE,
+      position: _constants2.TABLE_ELEMENT_POSITION.BEFORE,
       insertTableElement: this.insertTableElement
-    }), /*#__PURE__*/React.createElement(InsertTableElement, {
-      type: TABLE_ELEMENT.ROW,
+    }), /*#__PURE__*/_react.default.createElement(_insertTableElement.default, {
+      type: _constants2.TABLE_ELEMENT.ROW,
       count: canAddRowsCount,
       currentCount: currentRowsCount,
-      position: TABLE_ELEMENT_POSITION.AFTER,
+      position: _constants2.TABLE_ELEMENT_POSITION.AFTER,
       insertTableElement: this.insertTableElement
-    }), /*#__PURE__*/React.createElement(InsertTableElement, {
-      type: TABLE_ELEMENT.COLUMN,
+    }), /*#__PURE__*/_react.default.createElement(_insertTableElement.default, {
+      type: _constants2.TABLE_ELEMENT.COLUMN,
       count: canAddColsCount,
       currentCount: currentColumnsCount,
-      position: TABLE_ELEMENT_POSITION.BEFORE,
+      position: _constants2.TABLE_ELEMENT_POSITION.BEFORE,
       insertTableElement: this.insertTableElement
-    }), /*#__PURE__*/React.createElement(InsertTableElement, {
-      type: TABLE_ELEMENT.COLUMN,
+    }), /*#__PURE__*/_react.default.createElement(_insertTableElement.default, {
+      type: _constants2.TABLE_ELEMENT.COLUMN,
       count: canAddColsCount,
       currentCount: currentColumnsCount,
-      position: TABLE_ELEMENT_POSITION.AFTER,
+      position: _constants2.TABLE_ELEMENT_POSITION.AFTER,
       insertTableElement: this.insertTableElement
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: 'seafile-divider dropdown-divider'
-    }), this.renderRemoveBtn(TABLE_ELEMENT.ROW, 'Delete_row'), this.renderRemoveBtn(TABLE_ELEMENT.COLUMN, 'Delete_column'), this.renderRemoveBtn(TABLE_ELEMENT.TABLE, 'Delete_table'), /*#__PURE__*/React.createElement("div", {
+    }), this.renderRemoveBtn(_constants2.TABLE_ELEMENT.ROW, 'Delete_row'), this.renderRemoveBtn(_constants2.TABLE_ELEMENT.COLUMN, 'Delete_column'), this.renderRemoveBtn(_constants2.TABLE_ELEMENT.TABLE, 'Delete_table'), /*#__PURE__*/_react.default.createElement("div", {
       className: 'seafile-divider dropdown-divider'
-    }), /*#__PURE__*/React.createElement("button", {
+    }), /*#__PURE__*/_react.default.createElement("button", {
       className: "dropdown-item",
       disabled: !enableCombineCell,
       onMouseDown: this.combineCells
-    }, t('Combine_cell')), /*#__PURE__*/React.createElement("button", {
+    }, t('Combine_cell')), /*#__PURE__*/_react.default.createElement("button", {
       className: "dropdown-item",
       disabled: !isMergedCell || !enableSplitCell,
       onMouseDown: this.toggleSplitCellSettingDialog
-    }, t('Split_cell')), /*#__PURE__*/React.createElement("button", {
+    }, t('Split_cell')), /*#__PURE__*/_react.default.createElement("button", {
       ref: this.horizontalAlignRef,
       className: "dropdown-item side-extendable"
-    }, /*#__PURE__*/React.createElement("span", null, t('Horizontal_align')), /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('Horizontal_align')), /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-right-slide"
-    })), this.horizontalAlignRef.current && /*#__PURE__*/React.createElement(HorizontalAlignPopover, {
+    })), this.horizontalAlignRef.current && /*#__PURE__*/_react.default.createElement(_horizontalAlignPopover.default, {
       target: this.horizontalAlignRef,
       editor: editor,
       readonly: readonly,
       horizontalAlign: horizontalAlign
-    }), /*#__PURE__*/React.createElement("button", {
+    }), /*#__PURE__*/_react.default.createElement("button", {
       ref: this.verticalAlignRef,
       className: "dropdown-item side-extendable"
-    }, /*#__PURE__*/React.createElement("span", null, t('Vertical_align')), /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('Vertical_align')), /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-right-slide"
-    })), this.verticalAlignRef.current && /*#__PURE__*/React.createElement(VerticalAlignPopover, {
+    })), this.verticalAlignRef.current && /*#__PURE__*/_react.default.createElement(_verticalAlignPopover.default, {
       target: this.verticalAlignRef,
       editor: editor,
       readonly: readonly,
       verticalAlign: verticalAlign
-    }), /*#__PURE__*/React.createElement("button", {
+    }), /*#__PURE__*/_react.default.createElement("button", {
       ref: this.colorSelectorRef,
       className: "dropdown-item side-extendable"
-    }, /*#__PURE__*/React.createElement("span", null, t('Background_color')), /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('Background_color')), /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-right-slide"
-    })), this.colorSelectorRef.current && /*#__PURE__*/React.createElement(ColorSelectorPopover, {
+    })), this.colorSelectorRef.current && /*#__PURE__*/_react.default.createElement(_colorSelectorPopover.default, {
       target: this.colorSelectorRef,
       editor: editor,
       readonly: readonly
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: 'seafile-divider dropdown-divider'
-    }), /*#__PURE__*/React.createElement("button", {
+    }), /*#__PURE__*/_react.default.createElement("button", {
       className: "dropdown-item",
       disabled: isDisableFitTableWidthToScreen,
-      onMouseDown: () => fitTableColumnToScreen(editor)
+      onMouseDown: () => (0, _helpers.fitTableColumnToScreen)(editor)
     }, t('Fit_table_to_page_width'))));
   }
 }
-export default withTranslation('sdoc-editor')(TableContextMenu);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableContextMenu);

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

@@ -1,13 +1,21 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component } from 'react';
-import { withTranslation } from 'react-i18next';
-import { Input } from 'reactstrap';
-import isHotkey from 'is-hotkey';
-import { TABLE_MAX_COLUMNS, TABLE_MAX_ROWS, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from '../../constants';
-class InsertTableElement extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _constants = require("../../constants");
+class InsertTableElement extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "insertTableElement", () => {
+    (0, _defineProperty2.default)(this, "insertTableElement", () => {
       const {
         type,
         position
@@ -17,25 +25,25 @@ class InsertTableElement extends Component {
       } = this.state;
       this.props.insertTableElement(type, position, count);
     });
-    _defineProperty(this, "getTip", () => {
+    (0, _defineProperty2.default)(this, "getTip", () => {
       const {
         type,
         position,
         t
       } = this.props;
-      if (type === TABLE_ELEMENT.ROW) {
-        return position === TABLE_ELEMENT_POSITION.AFTER ? t('Insert_below') : t('Insert_above');
+      if (type === _constants.TABLE_ELEMENT.ROW) {
+        return position === _constants.TABLE_ELEMENT_POSITION.AFTER ? t('Insert_below') : t('Insert_above');
       }
-      return position === TABLE_ELEMENT_POSITION.AFTER ? t('Insert_on_the_right') : t('Insert_on_the_left');
+      return position === _constants.TABLE_ELEMENT_POSITION.AFTER ? t('Insert_on_the_right') : t('Insert_on_the_left');
     });
-    _defineProperty(this, "onKeyDown", event => {
-      if (isHotkey('enter', event)) {
+    (0, _defineProperty2.default)(this, "onKeyDown", event => {
+      if ((0, _isHotkey.default)('enter', event)) {
         event.preventDefault();
         this.insertTableElement();
         return;
       }
     });
-    _defineProperty(this, "onChange", event => {
+    (0, _defineProperty2.default)(this, "onChange", event => {
       const value = event.target.value || '0';
       const newValue = value ? value.replace(/[^\d,]/g, '') : value;
       if (newValue === this.state.count) return;
@@ -56,7 +64,7 @@ class InsertTableElement extends Component {
     this.state = {
       count: props.count || 1
     };
-    this.maxCount = props.type === TABLE_ELEMENT.ROW ? TABLE_MAX_ROWS : TABLE_MAX_COLUMNS;
+    this.maxCount = props.type === _constants.TABLE_ELEMENT.ROW ? _constants.TABLE_MAX_ROWS : _constants.TABLE_MAX_COLUMNS;
   }
   render() {
     const {
@@ -68,13 +76,13 @@ class InsertTableElement extends Component {
       currentCount
     } = this.props;
     const isDisabled = currentCount >= this.maxCount;
-    return /*#__PURE__*/React.createElement("button", {
+    return /*#__PURE__*/_react.default.createElement("button", {
       onMouseDown: this.insertTableElement,
       className: "dropdown-item d-flex align-items-center justify-content-between",
       disabled: isDisabled
-    }, this.getTip(), /*#__PURE__*/React.createElement("div", {
+    }, this.getTip(), /*#__PURE__*/_react.default.createElement("div", {
       className: "insert-number d-flex align-items-center"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       disabled: isDisabled,
       className: "insert-number-input",
       onMouseDown: e => {
@@ -83,7 +91,7 @@ class InsertTableElement extends Component {
       onKeyDown: this.onKeyDown,
       value: count,
       onChange: this.onChange
-    }), /*#__PURE__*/React.createElement("span", null, type === TABLE_ELEMENT.ROW ? t('Row(s)') : t('Column(s)'))));
+    }), /*#__PURE__*/_react.default.createElement("span", null, type === _constants.TABLE_ELEMENT.ROW ? t('Row(s)') : t('Column(s)'))));
   }
 }
-export default withTranslation('sdoc-editor')(InsertTableElement);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(InsertTableElement);

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

@@ -1,28 +1,36 @@
-import React, { useCallback } from 'react';
-import { withTranslation } from 'react-i18next';
-import { getInsertPosition, insertTable, isTableMenuDisabled } from '../../helpers';
-import { MENUS_CONFIG_MAP, ELEMENT_TYPE, INSERT_POSITION } from '../../../../constants';
-import TableSizePopover from '../../popover/table-size-popover';
-import ElementDropdownMenuItem from '../../../../commons/dropdown-menu-item';
+"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 _reactI18next = require("react-i18next");
+var _helpers = require("../../helpers");
+var _constants = require("../../../../constants");
+var _tableSizePopover = _interopRequireDefault(require("../../popover/table-size-popover"));
+var _dropdownMenuItem = _interopRequireDefault(require("../../../../commons/dropdown-menu-item"));
 const TableMenu = _ref => {
   let {
     editor,
     readonly,
     eventBus
   } = _ref;
-  const disabled = isTableMenuDisabled(editor, readonly);
-  const menuConfig = MENUS_CONFIG_MAP[ELEMENT_TYPE.TABLE];
-  const createTable = useCallback(size => {
-    const insertPosition = getInsertPosition(editor, INSERT_POSITION.AFTER);
-    insertTable(editor, size, editor.selection, insertPosition);
+  const disabled = (0, _helpers.isTableMenuDisabled)(editor, readonly);
+  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.ELEMENT_TYPE.TABLE];
+  const createTable = (0, _react.useCallback)(size => {
+    const insertPosition = (0, _helpers.getInsertPosition)(editor, _constants.INSERT_POSITION.AFTER);
+    (0, _helpers.insertTable)(editor, size, editor.selection, insertPosition);
   }, [editor]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ElementDropdownMenuItem, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,
     menuConfig: menuConfig,
     className: "pr-2"
-  }, !disabled && /*#__PURE__*/React.createElement("i", {
+  }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  })), !disabled && /*#__PURE__*/React.createElement(TableSizePopover, {
+  })), !disabled && /*#__PURE__*/_react.default.createElement(_tableSizePopover.default, {
     editor: editor,
     target: menuConfig.id,
     trigger: "hover",
@@ -30,4 +38,4 @@ const TableMenu = _ref => {
     createTable: createTable
   }));
 };
-export default withTranslation('sdoc-editor')(TableMenu);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableMenu);

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

@@ -1,12 +1,20 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { UncontrolledPopover } from 'reactstrap';
-import classNames from 'classnames';
-import KebabToCamel from '../../../../../utils/Kebab-to-camel';
-import { setCellStyle } from '../../helpers';
-import { TABLE_CELL_STYLE } from '../../constants';
-import { focusEditor } from '../../../../core';
-import './style.css';
+"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 _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _KebabToCamel = _interopRequireDefault(require("../../../../../utils/Kebab-to-camel"));
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
+var _core = require("../../../../core");
+require("./style.css");
 const VerticalAlignPopover = _ref => {
   let {
     target,
@@ -16,58 +24,58 @@ const VerticalAlignPopover = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const setVerticalAlignStyle = useCallback(position => {
+  } = (0, _reactI18next.useTranslation)();
+  const setVerticalAlignStyle = (0, _react.useCallback)(position => {
     if (readonly) return;
-    const alignItems = KebabToCamel(TABLE_CELL_STYLE.ALIGN_ITEMS);
-    setCellStyle(editor, {
+    const alignItems = (0, _KebabToCamel.default)(_constants.TABLE_CELL_STYLE.ALIGN_ITEMS);
+    (0, _helpers.setCellStyle)(editor, {
       [alignItems]: position
     });
     const focusPoint = editor.selection.focus;
     // prevent select all text in the editor
-    focusEditor(editor, focusPoint);
+    (0, _core.focusEditor)(editor, focusPoint);
     // Select last focus point
     setTimeout(() => {
-      focusEditor(editor, focusPoint);
+      (0, _core.focusEditor)(editor, focusPoint);
     }, 0);
   }, [editor, readonly]);
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: target.current,
     trigger: "hover",
     placement: "right-start",
     hideArrow: true,
     fade: false
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu sdoc-table-alignment-menu"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onMouseDown: () => setVerticalAlignStyle('flex-start')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-checked"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: classNames('sdocfont sdoc-check-mark', {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('sdocfont sdoc-check-mark', {
       active: !verticalAlign || verticalAlign === 'flex-start'
     })
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "active"
-  }, t('Top_align'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Top_align'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onMouseDown: () => setVerticalAlignStyle('center')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-checked"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: classNames('sdocfont sdoc-check-mark', {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('sdocfont sdoc-check-mark', {
       active: verticalAlign === 'center'
     })
-  })), /*#__PURE__*/React.createElement("span", null, t('Center_align'))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("span", null, t('Center_align'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onMouseDown: () => setVerticalAlignStyle('flex-end')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-checked"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: classNames('sdocfont sdoc-check-mark', {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('sdocfont sdoc-check-mark', {
       active: verticalAlign === 'flex-end'
     })
-  })), /*#__PURE__*/React.createElement("span", null, t('Bottom_align')))));
+  })), /*#__PURE__*/_react.default.createElement("span", null, t('Bottom_align')))));
 };
-export default VerticalAlignPopover;
+var _default = exports.default = VerticalAlignPopover;

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

@@ -1,16 +1,22 @@
-import { ELEMENT_TYPE } from '../../constants';
-import { TABLE_CELL_MIN_WIDTH, TABLE_ROW_MIN_HEIGHT } from './constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _constants2 = require("./constants");
 class Table {
   constructor(options) {
-    this.type = options.type || ELEMENT_TYPE.TABLE;
+    this.type = options.type || _constants.ELEMENT_TYPE.TABLE;
     this.children = options.children || [
     // 1 x 1
     {
       id: '',
-      type: ELEMENT_TYPE.TABLE_ROW,
+      type: _constants.ELEMENT_TYPE.TABLE_ROW,
       children: [{
         id: '',
-        type: ELEMENT_TYPE.TABLE_CELL,
+        type: _constants.ELEMENT_TYPE.TABLE_CELL,
         children: [{
           text: '',
           id: ''
@@ -31,7 +37,7 @@ class Table {
       }
     }];
     this.columns = options.columns || [{
-      width: TABLE_CELL_MIN_WIDTH
+      width: _constants2.TABLE_CELL_MIN_WIDTH
     }];
     this.ui = options.ui || {
       alternate_highlight: true,
@@ -39,10 +45,10 @@ class Table {
       alternate_highlight_color: ''
     };
     this.style = options.style || {
-      gridTemplateColumns: "repeat(1, ".concat(TABLE_CELL_MIN_WIDTH, "}px)"),
+      gridTemplateColumns: `repeat(1, ${_constants2.TABLE_CELL_MIN_WIDTH}}px)`,
       // grid
-      gridAutoRows: "minmax(".concat(TABLE_ROW_MIN_HEIGHT, "}px, auto)")
+      gridAutoRows: `minmax(${_constants2.TABLE_ROW_MIN_HEIGHT}}px, auto)`
     };
   }
 }
-export default Table;
+var _default = exports.default = Table;