@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/extension/plugins/table/render/table-header/columns-header/column-header.js

@@ -1,10 +1,18 @@
-import React, { useRef, useCallback, useMemo } from 'react';
-import classnames from 'classnames';
-import { useSlateStatic } from '@seafile/slate-react';
-import ObjectUtils from '../../../../../../utils/object-utils';
-import { useTableRootContext, useTableSelectedRangeContext } from '../../hooks';
-import { ELEMENT_TYPE } from '../../../../../constants';
-import { findPath, getSelectedNodeByType } from '../../../../../core';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _slateReact = require("@seafile/slate-react");
+var _objectUtils = _interopRequireDefault(require("../../../../../../utils/object-utils"));
+var _hooks = require("../../hooks");
+var _constants = require("../../../../../constants");
+var _core = require("../../../../../core");
 const ColumnHeader = _ref => {
   let {
     index,
@@ -17,17 +25,17 @@ const ColumnHeader = _ref => {
     handleDragStart,
     handleDragEnd
   } = _ref;
-  const editor = useSlateStatic();
+  const editor = (0, _slateReact.useSlateStatic)();
   const {
     tableSelectedRange
   } = editor;
-  const columnHeaderRef = useRef(null);
-  const tableRoot = useTableRootContext();
-  const selectedRange = useTableSelectedRangeContext();
-  const currentCell = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_CELL);
-  const currentCellPath = currentCell ? findPath(editor, currentCell, [-1, -1]) : [-1, -1];
+  const columnHeaderRef = (0, _react.useRef)(null);
+  const tableRoot = (0, _hooks.useTableRootContext)();
+  const selectedRange = (0, _hooks.useTableSelectedRangeContext)();
+  const currentCell = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_CELL);
+  const currentCellPath = currentCell ? (0, _core.findPath)(editor, currentCell, [-1, -1]) : [-1, -1];
   const pathLength = currentCellPath.length;
-  const canDrag = useMemo(() => {
+  const canDrag = (0, _react.useMemo)(() => {
     const {
       minRowIndex,
       maxRowIndex,
@@ -42,7 +50,7 @@ const ColumnHeader = _ref => {
     if (isSelectColumn && isSelectRangeColumn) return true;
     return false;
   }, [index, tableSelectedRange, tableSize]);
-  const onMouseMove = useCallback(event => {
+  const onMouseMove = (0, _react.useCallback)(event => {
     const {
       left,
       width,
@@ -62,21 +70,21 @@ const ColumnHeader = _ref => {
       setAddIconPosition(undefined);
       return;
     }
-    if (ObjectUtils.isSameObject(nextAddIconPosition, addIconPosition)) return;
+    if (_objectUtils.default.isSameObject(nextAddIconPosition, addIconPosition)) return;
     setInsertColumnIndex(event.clientX > halfElementX ? index : index - 1);
     setAddIconPosition(nextAddIconPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [index, addIconPosition, column, tableSize]);
-  const onMouseLeave = useCallback(event => {
+  const onMouseLeave = (0, _react.useCallback)(event => {
     setAddIconPosition(undefined);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [index, addIconPosition, column, tableSize]);
   const isSelectedAColumn = selectedRange.minRowIndex === 0 && selectedRange.maxRowIndex === tableSize[0] - 1;
   const isSelectedRangeColumn = selectedRange.minColIndex <= index && index <= selectedRange.maxColIndex;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-table-column-header h-100', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-table-column-header h-100', {
       'range-selected': isSelectedAColumn && isSelectedRangeColumn,
       'range-selected-tip': !isSelectedAColumn && isSelectedRangeColumn || currentCellPath[pathLength - 1] === index,
       'drag': canDrag
@@ -93,4 +101,4 @@ const ColumnHeader = _ref => {
     draggable: canDrag
   });
 };
-export default ColumnHeader;
+var _default = exports.default = ColumnHeader;

package/dist/basic-sdk/extension/plugins/table/render/table-header/columns-header/index.js

@@ -1,10 +1,18 @@
-import React, { useCallback, useState } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import classnames from 'classnames';
-import { useResizeHandlersContext, useTableRootScrollLeftContext, useTableRootContext } from '../../hooks';
-import ColumnHeader from './column-header';
-import { insertTableColumn } from '../../../helpers';
-import { TABLE_ELEMENT_POSITION } from '../../../constants';
+"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 _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../../hooks");
+var _columnHeader = _interopRequireDefault(require("./column-header"));
+var _helpers = require("../../../helpers");
+var _constants = require("../../../constants");
 const ColumnsHeader = _ref => {
   let {
     table,
@@ -13,43 +21,43 @@ const ColumnsHeader = _ref => {
     handleDragStart,
     handleDragEnd
   } = _ref;
-  const editor = useSlateStatic();
-  const [insertColumnIndex, setInsertColumnIndex] = useState(0);
-  const [addIconPosition, setAddIconPosition] = useState();
-  const columns = useResizeHandlersContext();
-  const tableRootScrollLeft = useTableRootScrollLeftContext();
-  const [isHoverInAddIcon, setIsHoverInAddIcon] = useState(false);
-  const tableRootContent = useTableRootContext();
-  const onMouseLeave = useCallback(() => {
+  const editor = (0, _slateReact.useSlateStatic)();
+  const [insertColumnIndex, setInsertColumnIndex] = (0, _react.useState)(0);
+  const [addIconPosition, setAddIconPosition] = (0, _react.useState)();
+  const columns = (0, _hooks.useResizeHandlersContext)();
+  const tableRootScrollLeft = (0, _hooks.useTableRootScrollLeftContext)();
+  const [isHoverInAddIcon, setIsHoverInAddIcon] = (0, _react.useState)(false);
+  const tableRootContent = (0, _hooks.useTableRootContext)();
+  const onMouseLeave = (0, _react.useCallback)(() => {
     setAddIconPosition();
     setInsertColumnIndex(0);
     setIsHoverInAddIcon(false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [table, columns, tableSize]);
-  const onMouseEnter = useCallback(addIconPosition => {
+  const onMouseEnter = (0, _react.useCallback)(addIconPosition => {
     setAddIconPosition(addIconPosition);
     setIsHoverInAddIcon(true);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [table, columns, tableSize]);
-  const insertColumn = useCallback(insertColumnIndex => {
+  const insertColumn = (0, _react.useCallback)(insertColumnIndex => {
     const validInsertColumnIndex = insertColumnIndex === -1 ? 0 : insertColumnIndex;
-    const insertColumnPosition = insertColumnIndex === -1 ? TABLE_ELEMENT_POSITION.BEFORE : TABLE_ELEMENT_POSITION.AFTER;
-    insertTableColumn(editor, table, validInsertColumnIndex, insertColumnPosition, 1);
+    const insertColumnPosition = insertColumnIndex === -1 ? _constants.TABLE_ELEMENT_POSITION.BEFORE : _constants.TABLE_ELEMENT_POSITION.AFTER;
+    (0, _helpers.insertTableColumn)(editor, table, validInsertColumnIndex, insertColumnPosition, 1);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [table, columns, tableSize]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-columns-header position-absolute d-print-none",
     contentEditable: false
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-columns-header-container h-100 d-flex position-absolute",
     style: {
       left: -1 * tableRootScrollLeft
     }
   }, columns.map((column, index) => {
-    return /*#__PURE__*/React.createElement(ColumnHeader, {
+    return /*#__PURE__*/_react.default.createElement(_columnHeader.default, {
       key: index,
       column: column,
       index: index,
@@ -61,8 +69,8 @@ const ColumnsHeader = _ref => {
       handleDragStart: handleDragStart,
       handleDragEnd: handleDragEnd
     });
-  }))), addIconPosition && /*#__PURE__*/React.createElement("div", {
-    className: classnames('position-fixed sdoc-table-add-element-icon-content', {
+  }))), addIconPosition && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('position-fixed sdoc-table-add-element-icon-content', {
       'background-color-tip-blue': isHoverInAddIcon
     }),
     contentEditable: false,
@@ -70,7 +78,7 @@ const ColumnsHeader = _ref => {
     onMouseEnter: () => onMouseEnter(addIconPosition),
     onMouseLeave: onMouseLeave,
     onClick: () => insertColumn(insertColumnIndex)
-  }, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/React.createElement("div", {
+  }, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/_react.default.createElement("div", {
     className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue",
     style: {
       left: (addIconPosition === null || addIconPosition === void 0 ? void 0 : addIconPosition.left) + 5,
@@ -81,4 +89,4 @@ const ColumnsHeader = _ref => {
     }
   }));
 };
-export default ColumnsHeader;
+var _default = exports.default = ColumnsHeader;

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

@@ -1,13 +1,21 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import ColumnsHeader from './columns-header';
-import RowsHeader from './rows-header';
-import { useResizeHandlersContext, useTableSelectedRangeContext } from '../hooks';
-import RowsColumnsHeader from './rows-columns-header';
-import { generateDragMoveElement, getTableDragType, getTableRowSelectedRange, getTableColumnSelectedRange } from '../../helpers';
-import { DRAG_HANDLER_COLUMN, DRAG_HANDLER_ROW, EMPTY_SELECTED_RANGE } from '../../constants';
-import { TABLE_DRAG_KEY } 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 _reactI18next = require("react-i18next");
+var _columnsHeader = _interopRequireDefault(require("./columns-header"));
+var _rowsHeader = _interopRequireDefault(require("./rows-header"));
+var _hooks = require("../hooks");
+var _rowsColumnsHeader = _interopRequireDefault(require("./rows-columns-header"));
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
+var _constants2 = require("../../../../constants");
+require("./index.css");
 const TableHeader = _ref => {
   let {
     editor,
@@ -17,22 +25,22 @@ const TableHeader = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const columns = useResizeHandlersContext();
-  const selectedRange = useTableSelectedRangeContext() || EMPTY_SELECTED_RANGE;
-  const selectColumn = useCallback(columnIndex => {
-    const selectedRange = getTableColumnSelectedRange(table, columnIndex);
+  } = (0, _reactI18next.useTranslation)();
+  const columns = (0, _hooks.useResizeHandlersContext)();
+  const selectedRange = (0, _hooks.useTableSelectedRangeContext)() || _constants.EMPTY_SELECTED_RANGE;
+  const selectColumn = (0, _react.useCallback)(columnIndex => {
+    const selectedRange = (0, _helpers.getTableColumnSelectedRange)(table, columnIndex);
     setSelectedRange(selectedRange);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [table, columns]);
-  const selectRow = useCallback(rowIndex => {
-    const selectedRange = getTableRowSelectedRange(table, rowIndex);
+  const selectRow = (0, _react.useCallback)(rowIndex => {
+    const selectedRange = (0, _helpers.getTableRowSelectedRange)(table, rowIndex);
     setSelectedRange(selectedRange);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [table, columns]);
-  const selectTable = useCallback(() => {
+  const selectTable = (0, _react.useCallback)(() => {
     const columnsCount = columns.length;
     const rowsCount = table.children.length;
     const range = {
@@ -58,9 +66,9 @@ const TableHeader = _ref => {
       minRowIndex,
       maxRowIndex
     } = tableSelectedRange;
-    const dragType = getTableDragType(table, selectedRange);
-    const startIndex = dragType === DRAG_HANDLER_COLUMN ? minColIndex : minRowIndex;
-    const endIndex = dragType === DRAG_HANDLER_ROW ? maxRowIndex : maxColIndex;
+    const dragType = (0, _helpers.getTableDragType)(table, selectedRange);
+    const startIndex = dragType === _constants.DRAG_HANDLER_COLUMN ? minColIndex : minRowIndex;
+    const endIndex = dragType === _constants.DRAG_HANDLER_ROW ? maxRowIndex : maxColIndex;
     const data = {
       tableId,
       dragType,
@@ -68,35 +76,34 @@ const TableHeader = _ref => {
       endIndex
     };
     const dragData = JSON.stringify(data);
-    event.dataTransfer.setData(TABLE_DRAG_KEY, dragData);
+    event.dataTransfer.setData(_constants2.TABLE_DRAG_KEY, dragData);
     event.dataTransfer.effectAllowed = 'move';
     const moveCount = endIndex - startIndex + 1;
-    const tipText = dragType === DRAG_HANDLER_COLUMN ? t('Move_column_count', {
+    const tipText = dragType === _constants.DRAG_HANDLER_COLUMN ? t('Move_column_count', {
       count: moveCount
     }) : t('Move_row_count', {
       count: moveCount
     });
-    const dragImage = generateDragMoveElement(tipText);
+    const dragImage = (0, _helpers.generateDragMoveElement)(tipText);
     event.dataTransfer.setDragImage(dragImage, 0, 0);
     setIsDragMove(true);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   };
-
   const handleDragEnd = event => {
     setIsDragMove(false);
     const indicator = document.getElementById('sdoc-drag-image');
     indicator.style.display = 'none';
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ColumnsHeader, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_columnsHeader.default, {
     table: table,
     selectRange: selectColumn,
     tableSize: tableSize,
     handleDragStart: handleDragStart,
     handleDragEnd: handleDragEnd
-  }), /*#__PURE__*/React.createElement(RowsColumnsHeader, {
+  }), /*#__PURE__*/_react.default.createElement(_rowsColumnsHeader.default, {
     selectRange: selectTable,
     tableSize: tableSize
-  }), /*#__PURE__*/React.createElement(RowsHeader, {
+  }), /*#__PURE__*/_react.default.createElement(_rowsHeader.default, {
     table: table,
     selectRange: selectRow,
     tableSize: tableSize,
@@ -104,4 +111,4 @@ const TableHeader = _ref => {
     handleDragEnd: handleDragEnd
   }));
 };
-export default TableHeader;
+var _default = exports.default = TableHeader;

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-columns-header.js

@@ -1,25 +1,32 @@
-import React from 'react';
-import { useTableSelectedRangeContext } from '../hooks';
-import ObjectUtils from '../../../../../utils/object-utils';
-import classnames from 'classnames';
+"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 _hooks = require("../hooks");
+var _objectUtils = _interopRequireDefault(require("../../../../../utils/object-utils"));
+var _classnames = _interopRequireDefault(require("classnames"));
 const RowsColumnsHeader = _ref => {
   let {
     selectRange,
     tableSize
   } = _ref;
-  const selectedRange = useTableSelectedRangeContext();
-  const isSelectedAllTableCells = ObjectUtils.isSameObject(selectedRange, {
+  const selectedRange = (0, _hooks.useTableSelectedRangeContext)();
+  const isSelectedAllTableCells = _objectUtils.default.isSameObject(selectedRange, {
     minRowIndex: 0,
     maxRowIndex: tableSize[0] - 1,
     minColIndex: 0,
     maxColIndex: tableSize[1] - 1
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-table-rows-columns-header d-print-none', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-table-rows-columns-header d-print-none', {
       'range-selected': isSelectedAllTableCells
     }),
     contentEditable: false,
     onClick: selectRange
   });
 };
-export default RowsColumnsHeader;
+var _default = exports.default = RowsColumnsHeader;

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/index.js

@@ -1,10 +1,18 @@
-import React, { useCallback, useState } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import classnames from 'classnames';
-import { useTableRootContext } from '../../hooks';
-import RowHeader from './row-header';
-import { insertTableRow } from '../../../helpers';
-import { TABLE_ELEMENT_POSITION } from '../../../constants';
+"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 _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../../hooks");
+var _rowHeader = _interopRequireDefault(require("./row-header"));
+var _helpers = require("../../../helpers");
+var _constants = require("../../../constants");
 const RowsHeader = _ref => {
   let {
     table,
@@ -13,42 +21,42 @@ const RowsHeader = _ref => {
     handleDragStart,
     handleDragEnd
   } = _ref;
-  const editor = useSlateStatic();
+  const editor = (0, _slateReact.useSlateStatic)();
   const {
     children
   } = table;
-  const [insertRowIndex, setInsertRowIndex] = useState(0);
-  const [addIconPosition, setAddIconPosition] = useState();
-  const [isHoverInAddIcon, setIsHoverInAddIcon] = useState(false);
-  const tableRootContent = useTableRootContext();
-  const onMouseLeave = useCallback(() => {
+  const [insertRowIndex, setInsertRowIndex] = (0, _react.useState)(0);
+  const [addIconPosition, setAddIconPosition] = (0, _react.useState)();
+  const [isHoverInAddIcon, setIsHoverInAddIcon] = (0, _react.useState)(false);
+  const tableRootContent = (0, _hooks.useTableRootContext)();
+  const onMouseLeave = (0, _react.useCallback)(() => {
     setAddIconPosition();
     setInsertRowIndex(0);
     setIsHoverInAddIcon(false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tableSize, table]);
-  const onMouseEnter = useCallback(addIconPosition => {
+  const onMouseEnter = (0, _react.useCallback)(addIconPosition => {
     setAddIconPosition(addIconPosition);
     setIsHoverInAddIcon(true);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tableSize, table]);
-  const insertRow = useCallback(insertRowIndex => {
+  const insertRow = (0, _react.useCallback)(insertRowIndex => {
     const validInsertRowIndex = insertRowIndex === -1 ? 0 : insertRowIndex;
-    const insertRowPosition = insertRowIndex === -1 ? TABLE_ELEMENT_POSITION.BEFORE : TABLE_ELEMENT_POSITION.AFTER;
-    insertTableRow(editor, table, validInsertRowIndex, insertRowPosition, 1);
+    const insertRowPosition = insertRowIndex === -1 ? _constants.TABLE_ELEMENT_POSITION.BEFORE : _constants.TABLE_ELEMENT_POSITION.AFTER;
+    (0, _helpers.insertTableRow)(editor, table, validInsertRowIndex, insertRowPosition, 1);
     setAddIconPosition();
     setIsHoverInAddIcon(false);
     setInsertRowIndex(0);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tableSize, table]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-rows-header h-100 position-absolute d-flex flex-column d-print-none",
     contentEditable: false
   }, children.map((row, index) => {
-    return /*#__PURE__*/React.createElement(RowHeader, {
+    return /*#__PURE__*/_react.default.createElement(_rowHeader.default, {
       key: row.id,
       index: index,
       row: row,
@@ -60,15 +68,15 @@ const RowsHeader = _ref => {
       handleDragStart: handleDragStart,
       handleDragEnd: handleDragEnd
     });
-  })), addIconPosition && /*#__PURE__*/React.createElement("div", {
-    className: classnames('position-fixed sdoc-table-add-element-icon-content', {
+  })), addIconPosition && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('position-fixed sdoc-table-add-element-icon-content', {
       'background-color-tip-blue': isHoverInAddIcon
     }),
     style: addIconPosition,
     onMouseEnter: () => onMouseEnter(addIconPosition),
     onMouseLeave: onMouseLeave,
     onClick: () => insertRow(insertRowIndex)
-  }, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/React.createElement("div", {
+  }, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/_react.default.createElement("div", {
     className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue",
     style: {
       left: (addIconPosition === null || addIconPosition === void 0 ? void 0 : addIconPosition.left) + 11,
@@ -79,4 +87,4 @@ const RowsHeader = _ref => {
     }
   }));
 };
-export default RowsHeader;
+var _default = exports.default = RowsHeader;

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

@@ -1,12 +1,20 @@
-import React, { useRef, useCallback, useState, useEffect, useMemo } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import classnames from 'classnames';
-import ObjectUtils from '../../../../../../utils/object-utils';
-import { useResizeHandlersContext, useTableSelectedRangeContext } from '../../hooks';
-import { useScrollContext } from '../../../../../../hooks/use-scroll-context';
-import { ELEMENT_TYPE } from '../../../../../constants';
-import { findPath, getSelectedNodeByType } from '../../../../../core';
-import { elementHasImage, getRowDomHeight } from '../../../helpers';
+"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 _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _objectUtils = _interopRequireDefault(require("../../../../../../utils/object-utils"));
+var _hooks = require("../../hooks");
+var _useScrollContext = require("../../../../../../hooks/use-scroll-context");
+var _constants = require("../../../../../constants");
+var _core = require("../../../../../core");
+var _helpers = require("../../../helpers");
 const RowHeader = _ref => {
   let {
     row,
@@ -19,23 +27,23 @@ const RowHeader = _ref => {
     handleDragStart,
     handleDragEnd
   } = _ref;
-  const editor = useSlateStatic();
+  const editor = (0, _slateReact.useSlateStatic)();
   const {
     tableSelectedRange
   } = editor;
-  useEffect(() => {
-    setRowHeight(getRowDomHeight(editor, row));
+  (0, _react.useEffect)(() => {
+    setRowHeight((0, _helpers.getRowDomHeight)(editor, row));
   }, [editor, row, tableSize]);
-  const oldRowHeight = getRowDomHeight(editor, row);
-  const [rowHeight, setRowHeight] = useState(oldRowHeight);
-  const rowHeaderRef = useRef(null);
-  const columns = useResizeHandlersContext();
-  const scrollContext = useScrollContext();
-  const selectedRange = useTableSelectedRangeContext();
-  const currentCell = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_CELL);
-  const currentCellPath = currentCell ? findPath(editor, currentCell, [-1, -1]) : [-1, -1];
+  const oldRowHeight = (0, _helpers.getRowDomHeight)(editor, row);
+  const [rowHeight, setRowHeight] = (0, _react.useState)(oldRowHeight);
+  const rowHeaderRef = (0, _react.useRef)(null);
+  const columns = (0, _hooks.useResizeHandlersContext)();
+  const scrollContext = (0, _useScrollContext.useScrollContext)();
+  const selectedRange = (0, _hooks.useTableSelectedRangeContext)();
+  const currentCell = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_CELL);
+  const currentCellPath = currentCell ? (0, _core.findPath)(editor, currentCell, [-1, -1]) : [-1, -1];
   const pathLength = currentCellPath.length;
-  const canDrag = useMemo(() => {
+  const canDrag = (0, _react.useMemo)(() => {
     const {
       minRowIndex,
       maxRowIndex,
@@ -50,10 +58,10 @@ const RowHeader = _ref => {
     if (isSelectRow && isSelectRangeRow) return true;
     return false;
   }, [index, tableSelectedRange, tableSize]);
-  useEffect(() => {
-    if (elementHasImage(row)) {
+  (0, _react.useEffect)(() => {
+    if ((0, _helpers.elementHasImage)(row)) {
       // There is a delay in image loading
-      const time = setTimeout(() => setRowHeight(getRowDomHeight(editor, row)), 300);
+      const time = setTimeout(() => setRowHeight((0, _helpers.getRowDomHeight)(editor, row)), 300);
       return () => {
         clearTimeout(time);
       };
@@ -61,7 +69,7 @@ const RowHeader = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [columns, row, index]);
-  const onMouseMove = useCallback(event => {
+  const onMouseMove = (0, _react.useCallback)(event => {
     const {
       left,
       height,
@@ -84,21 +92,21 @@ const RowHeader = _ref => {
       setAddIconPosition(undefined);
       return;
     }
-    if (ObjectUtils.isSameObject(nextAddIconPosition, addIconPosition)) return;
+    if (_objectUtils.default.isSameObject(nextAddIconPosition, addIconPosition)) return;
     setInsertRowIndex(event.clientY > halfElementY ? index : index - 1);
     setAddIconPosition(nextAddIconPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [index, addIconPosition, row, columns]);
-  const onMouseLeave = useCallback(event => {
+  const onMouseLeave = (0, _react.useCallback)(event => {
     setAddIconPosition(undefined);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [index, addIconPosition, row, columns]);
   const isSelectedARow = selectedRange.minColIndex === 0 && selectedRange.maxColIndex === tableSize[1] - 1;
   const isSelectedSomeRow = selectedRange.minRowIndex <= index && index <= selectedRange.maxRowIndex;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-table-row-header', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-table-row-header', {
       'range-selected': isSelectedARow && isSelectedSomeRow,
       'range-selected-tip': !isSelectedARow && isSelectedSomeRow || currentCellPath[pathLength - 2] === index,
       'drag': canDrag
@@ -115,4 +123,4 @@ const RowHeader = _ref => {
     draggable: canDrag
   });
 };
-export default RowHeader;
+var _default = exports.default = RowHeader;