@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/extension/plugins/table/render/render-row.js

@@ -1,8 +1,15 @@
-import React from 'react';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 function renderTableRow(props) {
   const {
     children
   } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 }
-export default renderTableRow;
+var _default = exports.default = renderTableRow;

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/column-resize-handler.js

@@ -1,9 +1,16 @@
-import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { useTableRootContext } from '../hooks';
-import { TABLE_CELL_MIN_WIDTH } from '../../constants';
-import { getTableColumns, updateColumnWidth, focusClosestCellWhenJustifyCellSize } from '../../helpers';
-import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _hooks = require("../hooks");
+var _constants = require("../../constants");
+var _helpers = require("../../helpers");
+var _mouseEvent = require("../../../../../utils/mouse-event");
 const ColumnResizeHandler = _ref => {
   let {
     column,
@@ -16,15 +23,15 @@ const ColumnResizeHandler = _ref => {
     adjustingCell,
     isDraggingResizeHandler
   } = _ref;
-  const editor = useSlateStatic();
-  const resizeHandler = useRef(null);
-  const [left, setLeft] = useState(initLeft);
-  const [mouseDownInfo, setMouseDownInfo] = useState({});
-  const [style, setStyle] = useState({});
+  const editor = (0, _slateReact.useSlateStatic)();
+  const resizeHandler = (0, _react.useRef)(null);
+  const [left, setLeft] = (0, _react.useState)(initLeft);
+  const [mouseDownInfo, setMouseDownInfo] = (0, _react.useState)({});
+  const [style, setStyle] = (0, _react.useState)({});
   const width = column.width;
-  const tableRootScrollContainer = useTableRootContext();
-  useLayoutEffect(() => {
-    const mouseDownInfo = getMouseDownInfo(mouseDownEvent, tableRootScrollContainer);
+  const tableRootScrollContainer = (0, _hooks.useTableRootContext)();
+  (0, _react.useLayoutEffect)(() => {
+    const mouseDownInfo = (0, _mouseEvent.getMouseDownInfo)(mouseDownEvent, tableRootScrollContainer);
     const {
       top
     } = tableRootScrollContainer.getBoundingClientRect();
@@ -35,18 +42,18 @@ const ColumnResizeHandler = _ref => {
     });
     setMouseDownInfo(mouseDownInfo);
   }, [mouseDownEvent, tableRootScrollContainer]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!isDraggingResizeHandler) return;
     const onMouseMove = event => {
-      eventStopPropagation(event);
-      const mouseMoveInfo = getMouseMoveInfo(event, mouseDownInfo, tableRootScrollContainer);
+      (0, _mouseEvent.eventStopPropagation)(event);
+      const mouseMoveInfo = (0, _mouseEvent.getMouseMoveInfo)(event, mouseDownInfo, tableRootScrollContainer);
       const newWidth = width + mouseMoveInfo.displacementX;
-      const columns = getTableColumns(editor, table);
-      if (newWidth < TABLE_CELL_MIN_WIDTH) return;
+      const columns = (0, _helpers.getTableColumns)(editor, table);
+      if (newWidth < _constants.TABLE_CELL_MIN_WIDTH) return;
       const nextColumn = columns[cellIndex + 1];
       if (nextColumn) {
         const nextColumnWidth = nextColumn.width - mouseMoveInfo.displacementX;
-        if (nextColumnWidth < TABLE_CELL_MIN_WIDTH) return;
+        if (nextColumnWidth < _constants.TABLE_CELL_MIN_WIDTH) return;
       }
       const left = initLeft + mouseMoveInfo.displacementX;
       const {
@@ -60,9 +67,9 @@ const ColumnResizeHandler = _ref => {
       setLeft(left);
     };
     const onMouseUp = event => {
-      eventStopPropagation(event);
+      (0, _mouseEvent.eventStopPropagation)(event);
       setStyle({});
-      const columns = getTableColumns(editor, table);
+      const columns = (0, _helpers.getTableColumns)(editor, table);
       const newColumns = columns.slice(0);
       const column = newColumns[cellIndex];
       const newWidth = width + left - initLeft;
@@ -78,16 +85,16 @@ const ColumnResizeHandler = _ref => {
           width: nextColumnWidth
         };
       }
-      updateColumnWidth(editor, table, newColumns);
-      focusClosestCellWhenJustifyCellSize(editor, adjustingCell);
+      (0, _helpers.updateColumnWidth)(editor, table, newColumns);
+      (0, _helpers.focusClosestCellWhenJustifyCellSize)(editor, adjustingCell);
       hideResizeHandlers();
     };
-    registerResizeEvents({
+    (0, _mouseEvent.registerResizeEvents)({
       'mousemove': onMouseMove,
       'mouseup': onMouseUp
     });
     return () => {
-      unregisterResizeEvents({
+      (0, _mouseEvent.unregisterResizeEvents)({
         'mousemove': onMouseMove,
         'mouseup': onMouseUp
       });
@@ -95,13 +102,13 @@ const ColumnResizeHandler = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, left, width, column, editor, table, cellIndex, initLeft, rowBottom]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "table-cell-width-just resizing position-fixed",
     contentEditable: false,
     style: style,
     ref: resizeHandler
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "table-cell-width-just-color-tip"
   }));
 };
-export default ColumnResizeHandler;
+var _default = exports.default = ColumnResizeHandler;

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/first-column-left-resize-handler.js

@@ -1,9 +1,16 @@
-import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { useTableRootContext } from '../hooks';
-import { TABLE_CELL_MIN_WIDTH } from '../../constants';
-import { focusClosestCellWhenJustifyCellSize, getTableColumns, updateColumnWidth } from '../../helpers';
-import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _hooks = require("../hooks");
+var _constants = require("../../constants");
+var _helpers = require("../../helpers");
+var _mouseEvent = require("../../../../../utils/mouse-event");
 const FirstColumnResizeHandler = _ref => {
   let {
     column,
@@ -16,15 +23,15 @@ const FirstColumnResizeHandler = _ref => {
     adjustingCell,
     isDraggingResizeHandler
   } = _ref;
-  const editor = useSlateStatic();
-  const resizeHandler = useRef(null);
-  const [left, setLeft] = useState(initLeft);
-  const [mouseDownInfo, setMouseDownInfo] = useState({});
-  const [style, setStyle] = useState({});
+  const editor = (0, _slateReact.useSlateStatic)();
+  const resizeHandler = (0, _react.useRef)(null);
+  const [left, setLeft] = (0, _react.useState)(initLeft);
+  const [mouseDownInfo, setMouseDownInfo] = (0, _react.useState)({});
+  const [style, setStyle] = (0, _react.useState)({});
   const width = column.width;
-  const tableRootScrollContainer = useTableRootContext();
-  useLayoutEffect(() => {
-    const mouseDownInfo = getMouseDownInfo(mouseDownEvent, tableRootScrollContainer);
+  const tableRootScrollContainer = (0, _hooks.useTableRootContext)();
+  (0, _react.useLayoutEffect)(() => {
+    const mouseDownInfo = (0, _mouseEvent.getMouseDownInfo)(mouseDownEvent, tableRootScrollContainer);
     const {
       top
     } = tableRootScrollContainer.getBoundingClientRect();
@@ -35,13 +42,13 @@ const FirstColumnResizeHandler = _ref => {
     });
     setMouseDownInfo(mouseDownInfo);
   }, [mouseDownEvent, tableRootScrollContainer]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!isDraggingResizeHandler) return;
     const onMouseMove = event => {
-      eventStopPropagation(event);
-      const mouseMoveInfo = getMouseMoveInfo(event, mouseDownInfo, tableRootScrollContainer);
+      (0, _mouseEvent.eventStopPropagation)(event);
+      const mouseMoveInfo = (0, _mouseEvent.getMouseMoveInfo)(event, mouseDownInfo, tableRootScrollContainer);
       const newWidth = width - mouseMoveInfo.displacementX;
-      if (newWidth < TABLE_CELL_MIN_WIDTH) return;
+      if (newWidth < _constants.TABLE_CELL_MIN_WIDTH) return;
       const left = initLeft - mouseMoveInfo.displacementX;
       const {
         top
@@ -54,9 +61,9 @@ const FirstColumnResizeHandler = _ref => {
       setLeft(left);
     };
     const onMouseUp = event => {
-      eventStopPropagation(event);
+      (0, _mouseEvent.eventStopPropagation)(event);
       setStyle({});
-      const columns = getTableColumns(editor, table);
+      const columns = (0, _helpers.getTableColumns)(editor, table);
       const newColumns = columns.slice(0);
       const column = newColumns[cellIndex];
       const newWidth = width + left - initLeft;
@@ -64,16 +71,16 @@ const FirstColumnResizeHandler = _ref => {
         ...column,
         width: newWidth
       };
-      updateColumnWidth(editor, table, newColumns);
-      focusClosestCellWhenJustifyCellSize(editor, adjustingCell);
+      (0, _helpers.updateColumnWidth)(editor, table, newColumns);
+      (0, _helpers.focusClosestCellWhenJustifyCellSize)(editor, adjustingCell);
       hideResizeHandlers();
     };
-    registerResizeEvents({
+    (0, _mouseEvent.registerResizeEvents)({
       'mousemove': onMouseMove,
       'mouseup': onMouseUp
     });
     return () => {
-      unregisterResizeEvents({
+      (0, _mouseEvent.unregisterResizeEvents)({
         'mousemove': onMouseMove,
         'mouseup': onMouseUp
       });
@@ -81,13 +88,13 @@ const FirstColumnResizeHandler = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, left, width, column, editor, table, cellIndex, initLeft, rowBottoms]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "table-cell-width-just resizing position-fixed",
     contentEditable: false,
     style: style,
     ref: resizeHandler
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "table-cell-width-just-color-tip"
   }));
 };
-export default FirstColumnResizeHandler;
+var _default = exports.default = FirstColumnResizeHandler;

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/index.js

@@ -1,13 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _firstColumnLeftResizeHandler = _interopRequireDefault(require("./first-column-left-resize-handler"));
+var _columnResizeHandler = _interopRequireDefault(require("./column-resize-handler"));
+var _rowResizeHandler = _interopRequireDefault(require("./row-resize-handler"));
+var _core = require("../../../../core");
+var _hooks = require("../hooks");
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
 /* eslint-disable react-hooks/rules-of-hooks */
-import React from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import FirstColumnResizeHandler from './first-column-left-resize-handler';
-import ColumnResizeHandler from './column-resize-handler';
-import RowResizeHandler from './row-resize-handler';
-import { getNode, findPath } from '../../../../core';
-import { useResizeHandlersContext } from '../hooks';
-import { getTableColumns } from '../../helpers';
-import { RESIZE_HANDLER_COLUMN, RESIZE_HANDLER_ROW, RESIZE_HANDLER_FIRST_COLUMN } from '../../constants';
+
 const ResizeHandlers = _ref => {
   let {
     element,
@@ -25,14 +33,14 @@ const ResizeHandlers = _ref => {
     displayType,
     cell
   } = resizeCellMaskInfo;
-  const editor = useSlateStatic();
-  const tablePath = findPath(editor, element);
+  const editor = (0, _slateReact.useSlateStatic)();
+  const tablePath = (0, _core.findPath)(editor, element);
   if (!tablePath) return null;
-  const table = getNode(editor, tablePath);
+  const table = (0, _core.getNode)(editor, tablePath);
   if (!table) return null;
-  const columns = useResizeHandlersContext() || getTableColumns(editor, element);
+  const columns = (0, _hooks.useResizeHandlersContext)() || (0, _helpers.getTableColumns)(editor, element);
   const rowBottom = top + height;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, displayType === RESIZE_HANDLER_ROW && /*#__PURE__*/React.createElement(RowResizeHandler, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, displayType === _constants.RESIZE_HANDLER_ROW && /*#__PURE__*/_react.default.createElement(_rowResizeHandler.default, {
     initRowBottom: rowBottom,
     rowIndex: rowIndex,
     table: element,
@@ -40,7 +48,7 @@ const ResizeHandlers = _ref => {
     mouseDownEvent: mouseDownEvent,
     adjustingCell: cell,
     isDraggingResizeHandler: isDraggingResizeHandler
-  }), displayType === RESIZE_HANDLER_FIRST_COLUMN && /*#__PURE__*/React.createElement(FirstColumnResizeHandler, {
+  }), displayType === _constants.RESIZE_HANDLER_FIRST_COLUMN && /*#__PURE__*/_react.default.createElement(_firstColumnLeftResizeHandler.default, {
     key: "column-0-left",
     column: columns[0],
     left: 0,
@@ -51,7 +59,7 @@ const ResizeHandlers = _ref => {
     mouseDownEvent: mouseDownEvent,
     adjustingCell: cell,
     isDraggingResizeHandler: isDraggingResizeHandler
-  }), displayType === RESIZE_HANDLER_COLUMN && /*#__PURE__*/React.createElement(ColumnResizeHandler, {
+  }), displayType === _constants.RESIZE_HANDLER_COLUMN && /*#__PURE__*/_react.default.createElement(_columnResizeHandler.default, {
     rowBottom: rowBottom,
     column: element.columns[cellIndex],
     left: left,
@@ -63,4 +71,4 @@ const ResizeHandlers = _ref => {
     isDraggingResizeHandler: isDraggingResizeHandler
   }));
 };
-export default ResizeHandlers;
+var _default = exports.default = ResizeHandlers;

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/row-resize-handler.js

@@ -1,9 +1,16 @@
-import React, { useEffect, useState, useRef, useLayoutEffect } from 'react';
-import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
-import { TABLE_ROW_MIN_HEIGHT } from '../../constants';
-import { focusClosestCellWhenJustifyCellSize, getRowHeight, updateTableRowHeight } from '../../helpers';
-import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
-import { useScrollContext } from '../../../../../hooks/use-scroll-context';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../constants");
+var _helpers = require("../../helpers");
+var _mouseEvent = require("../../../../../utils/mouse-event");
+var _useScrollContext = require("../../../../../hooks/use-scroll-context");
 const RowResizeHandler = _ref => {
   let {
     rowIndex,
@@ -14,48 +21,48 @@ const RowResizeHandler = _ref => {
     adjustingCell,
     isDraggingResizeHandler
   } = _ref;
-  const editor = useSlateStatic();
-  const [rowBottom, setRowBottom] = useState(initRowBottom);
-  const [mouseDownInfo, setMouseDownInfo] = useState({});
-  const [style, setStyle] = useState({});
+  const editor = (0, _slateReact.useSlateStatic)();
+  const [rowBottom, setRowBottom] = (0, _react.useState)(initRowBottom);
+  const [mouseDownInfo, setMouseDownInfo] = (0, _react.useState)({});
+  const [style, setStyle] = (0, _react.useState)({});
   const row = table.children[rowIndex];
-  const rowHeight = getRowHeight(row, rowIndex);
-  const tableRow = useRef(rowHeight);
-  const [height, setHeight] = useState(rowHeight);
-  const scrollContent = useScrollContext();
-  useLayoutEffect(() => {
-    const mouseDownInfo = getMouseDownInfo(mouseDownEvent, scrollContent.current);
+  const rowHeight = (0, _helpers.getRowHeight)(row, rowIndex);
+  const tableRow = (0, _react.useRef)(rowHeight);
+  const [height, setHeight] = (0, _react.useState)(rowHeight);
+  const scrollContent = (0, _useScrollContext.useScrollContext)();
+  (0, _react.useLayoutEffect)(() => {
+    const mouseDownInfo = (0, _mouseEvent.getMouseDownInfo)(mouseDownEvent, scrollContent.current);
     setMouseDownInfo(mouseDownInfo);
     const lastRowOffset = rowIndex === table.children.length - 1 ? -2 : 0;
     setStyle({
       top: rowBottom + lastRowOffset
     });
   }, [mouseDownEvent, rowBottom, rowIndex, scrollContent, table.children.length]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!isDraggingResizeHandler) return;
     const onMouseMove = event => {
-      eventStopPropagation(event);
-      const mouseMoveInfo = getMouseMoveInfo(event, mouseDownInfo, scrollContent.current);
+      (0, _mouseEvent.eventStopPropagation)(event);
+      const mouseMoveInfo = (0, _mouseEvent.getMouseMoveInfo)(event, mouseDownInfo, scrollContent.current);
       const newHeight = tableRow.current + mouseMoveInfo.displacementY;
-      const validHeight = Math.max(TABLE_ROW_MIN_HEIGHT, newHeight);
+      const validHeight = Math.max(_constants.TABLE_ROW_MIN_HEIGHT, newHeight);
       setHeight(validHeight);
       setStyle({
         top: rowBottom - tableRow.current + validHeight
       });
     };
     const onMouseUp = event => {
-      eventStopPropagation(event);
+      (0, _mouseEvent.eventStopPropagation)(event);
       tableRow.current = height;
-      updateTableRowHeight(editor, row, height);
-      focusClosestCellWhenJustifyCellSize(editor, adjustingCell);
+      (0, _helpers.updateTableRowHeight)(editor, row, height);
+      (0, _helpers.focusClosestCellWhenJustifyCellSize)(editor, adjustingCell);
       hideResizeHandlers();
     };
-    registerResizeEvents({
+    (0, _mouseEvent.registerResizeEvents)({
       'mousemove': onMouseMove,
       'mouseup': onMouseUp
     });
     return () => {
-      unregisterResizeEvents({
+      (0, _mouseEvent.unregisterResizeEvents)({
         'mousemove': onMouseMove,
         'mouseup': onMouseUp
       });
@@ -63,21 +70,21 @@ const RowResizeHandler = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, rowBottom, table, height]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan === 1))[0];
     if (!cell) return;
-    const rowDom = ReactEditor.toDOMNode(editor, cell);
+    const rowDom = _slateReact.ReactEditor.toDOMNode(editor, cell);
     if (!rowDom) return;
     tableRow.current = rowDom.clientHeight;
     setRowBottom(initRowBottom);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [row, initRowBottom]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "table-row-height-just position-absolute resizing",
     contentEditable: false,
     style: style
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "table-row-height-just-color-tip"
   }));
 };
-export default RowResizeHandler;
+var _default = exports.default = RowResizeHandler;

package/dist/basic-sdk/extension/plugins/table/render/resize-mask/index.js

@@ -1,9 +1,17 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import EventBus from '../../../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../../../constants';
-import { getResizeMaskCellInfo } from '../../helpers';
-import { RESIZE_MASK_TOP, RESIZE_MASK_RIGHT, RESIZE_MASK_BOTTOM, RESIZE_MASK_LEFT, RESIZE_HANDLER_ROW, RESIZE_HANDLER_COLUMN, RESIZE_HANDLER_FIRST_COLUMN } from '../../constants';
-import '../index.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 _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
+var _constants = require("../../../../../constants");
+var _helpers = require("../../helpers");
+var _constants2 = require("../../constants");
+require("../index.css");
 const ResizeMask = _ref => {
   let {
     editor,
@@ -13,9 +21,9 @@ const ResizeMask = _ref => {
     handlerStartDragging,
     isDraggingResizeHandler
   } = _ref;
-  const [cellInfo, setCellInfo] = useState({});
-  const [maskStyle, setMaskStyle] = useState({});
-  const handleCellMouseMove = useCallback(cellInfo => {
+  const [cellInfo, setCellInfo] = (0, _react.useState)({});
+  const [maskStyle, setMaskStyle] = (0, _react.useState)({});
+  const handleCellMouseMove = (0, _react.useCallback)(cellInfo => {
     const {
       mouseDownEvent,
       rowIndex,
@@ -23,7 +31,7 @@ const ResizeMask = _ref => {
       tableId
     } = cellInfo;
     if (table.id !== tableId) return;
-    const resizeMaskCellInfo = getResizeMaskCellInfo(editor, table, rowIndex, cellIndex);
+    const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex, cellIndex);
     const {
       width,
       height,
@@ -41,26 +49,26 @@ const ResizeMask = _ref => {
       mouseDownEvent
     });
   }, [editor, table]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unSubscribe = eventBus.subscribe(INTERNAL_EVENT.TABLE_CELL_MOUSE_ENTER, handleCellMouseMove);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unSubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.TABLE_CELL_MOUSE_ENTER, handleCellMouseMove);
     return () => {
       unSubscribe();
     };
   }, [handleCellMouseMove]);
-  const getHandlerDisplayInfo = useCallback(mode => {
+  const getHandlerDisplayInfo = (0, _react.useCallback)(mode => {
     let resizeHandlerInfo = {};
-    if (mode === RESIZE_MASK_BOTTOM) resizeHandlerInfo = {
+    if (mode === _constants2.RESIZE_MASK_BOTTOM) resizeHandlerInfo = {
       ...cellInfo,
       ...maskStyle,
-      displayType: RESIZE_HANDLER_ROW
+      displayType: _constants2.RESIZE_HANDLER_ROW
     };
-    if (mode === RESIZE_MASK_RIGHT) resizeHandlerInfo = {
+    if (mode === _constants2.RESIZE_MASK_RIGHT) resizeHandlerInfo = {
       ...cellInfo,
       ...maskStyle,
-      displayType: RESIZE_HANDLER_COLUMN
+      displayType: _constants2.RESIZE_HANDLER_COLUMN
     };
-    if (mode === RESIZE_MASK_LEFT) {
+    if (mode === _constants2.RESIZE_MASK_LEFT) {
       const {
         cellIndex,
         rowIndex,
@@ -68,61 +76,61 @@ const ResizeMask = _ref => {
         mouseDownEvent
       } = cellInfo;
       const calculateCellIndex = cellIndex === 0 ? 0 : cellIndex - 1;
-      const resizeMaskCellInfo = getResizeMaskCellInfo(editor, table, rowIndex, calculateCellIndex);
-      const displayType = focusCellIndex === 0 ? RESIZE_HANDLER_FIRST_COLUMN : RESIZE_HANDLER_COLUMN;
+      const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex, calculateCellIndex);
+      const displayType = focusCellIndex === 0 ? _constants2.RESIZE_HANDLER_FIRST_COLUMN : _constants2.RESIZE_HANDLER_COLUMN;
       resizeHandlerInfo = {
         displayType,
         ...resizeMaskCellInfo,
         mouseDownEvent
       };
     }
-    if (mode === RESIZE_MASK_TOP) {
+    if (mode === _constants2.RESIZE_MASK_TOP) {
       const {
         rowIndex,
         cellIndex,
         mouseDownEvent
       } = cellInfo;
-      const resizeMaskCellInfo = getResizeMaskCellInfo(editor, table, rowIndex - 1, cellIndex);
+      const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex - 1, cellIndex);
       resizeHandlerInfo = {
-        displayType: RESIZE_HANDLER_ROW,
+        displayType: _constants2.RESIZE_HANDLER_ROW,
         ...resizeMaskCellInfo,
         mouseDownEvent: mouseDownEvent
       };
     }
     return resizeHandlerInfo;
   }, [cellInfo, editor, maskStyle, table]);
-  const handleMouseDown = useCallback((event, mode) => {
+  const handleMouseDown = (0, _react.useCallback)((event, mode) => {
     event.stopPropagation();
     event.preventDefault();
     handlerStartDragging();
     const handlerInfo = getHandlerDisplayInfo(mode);
     handleShowResizeHandler(handlerInfo);
   }, [getHandlerDisplayInfo, handleShowResizeHandler, handlerStartDragging]);
-  const handleMouseOut = useCallback(event => {
+  const handleMouseOut = (0, _react.useCallback)(event => {
     event.stopPropagation();
     event.preventDefault();
     if (isDraggingResizeHandler) return;
     hideResizeHandlers();
   }, [hideResizeHandlers, isDraggingResizeHandler]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-resize-mask",
     style: maskStyle
-  }, cellInfo.rowIndex !== 0 && /*#__PURE__*/React.createElement("div", {
+  }, cellInfo.rowIndex !== 0 && /*#__PURE__*/_react.default.createElement("div", {
     onMouseOut: handleMouseOut,
-    onMouseDown: e => handleMouseDown(e, RESIZE_MASK_TOP),
+    onMouseDown: e => handleMouseDown(e, _constants2.RESIZE_MASK_TOP),
     className: "sdoc-table-resize-top"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     onMouseOut: handleMouseOut,
-    onMouseDown: e => handleMouseDown(e, RESIZE_MASK_RIGHT),
+    onMouseDown: e => handleMouseDown(e, _constants2.RESIZE_MASK_RIGHT),
     className: "sdoc-table-resize-right"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     onMouseOut: handleMouseOut,
-    onMouseDown: e => handleMouseDown(e, RESIZE_MASK_BOTTOM),
+    onMouseDown: e => handleMouseDown(e, _constants2.RESIZE_MASK_BOTTOM),
     className: "sdoc-table-resize-bottom"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     onMouseOut: handleMouseOut,
-    onMouseDown: e => handleMouseDown(e, RESIZE_MASK_LEFT),
+    onMouseDown: e => handleMouseDown(e, _constants2.RESIZE_MASK_LEFT),
     className: "sdoc-table-resize-left"
   }));
 };
-export default ResizeMask;
+var _default = exports.default = ResizeMask;