@atlaskit/editor-plugin-table 7.5.4 → 7.5.6

package/dist/es2019/ui/TableFloatingControls/index.js

@@ -1,205 +1,131 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
+import React, { useCallback } from 'react';
 import { browser } from '@atlaskit/editor-common/utils';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../commands';
 import { TableCssClassName as ClassName } from '../../types';
-import { isSelectionUpdated } from '../../utils';
 import { CornerControls, DragCornerControls } from './CornerControls';
 import NumberColumn from './NumberColumn';
 import { DragControls, RowControls } from './RowControls';
-export default class TableFloatingControls extends Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "selectRow", (row, expand) => {
-      const {
-        editorView
-      } = this.props;
-      const {
-        state,
-        dispatch
-      } = editorView;
-      // fix for issue ED-4665
-      if (browser.ie_version === 11) {
-        editorView.dom.blur();
-      }
-      selectRow(row, expand)(state, dispatch);
-    });
-    _defineProperty(this, "selectRows", rowIndexes => {
-      const {
-        editorView
-      } = this.props;
-      const {
-        state,
-        dispatch
-      } = editorView;
-      // fix for issue ED-4665
-      if (browser.ie_version === 11) {
-        editorView.dom.blur();
-      }
-      selectRows(rowIndexes)(state, dispatch);
-    });
-    _defineProperty(this, "hoverRows", (rows, danger) => {
-      const {
-        state,
-        dispatch
-      } = this.props.editorView;
-      hoverRows(rows, danger)(state, dispatch);
-    });
-    // re-use across numbered columns and row controls
-    _defineProperty(this, "updateCellHoverLocation", rowIndex => {
-      const {
-        editorView,
-        tableActive
-      } = this.props;
-      const {
-        state,
-        dispatch
-      } = editorView;
-      if (tableActive) {
-        // For context:  Whenever we mouse over a column or row drag handle, we will ALWAYS be hovering over the 0 index
-        // of the opposite dimension. For example; here when we mouse over the row drag handle then we're technically
-        // also hovering over column 0 index. And vice-versa with columns. This means we don't need to worry about knowing the
-        // current column index. We can just force it to 0.
-        hoverCell(rowIndex, 0)(state, dispatch);
-      }
-    });
-    this.state = {
-      tableWrapperWidth: 0,
-      /** Height needs to be tracked to re-render decorations correctly, do not remove */
-      tableWrapperHeight: 0
-    };
-  }
-  componentDidMount() {
-    this.tryInitResizeObserver();
-  }
-  componentDidUpdate() {
-    // tableRef prop is not guaranteed to be defined after componentDidMount, so retry to init resize observer on update
-    this.tryInitResizeObserver();
-  }
-
-  // tracking the table height changes to update floating controls
-  tryInitResizeObserver() {
-    var _window;
-    let {
-      tableRef
-    } = this.props;
-    if (tableRef && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
-      const tableWrapper = tableRef.closest(`.${ClassName.TABLE_NODE_WRAPPER}`);
-      this.resizeObserver = new ResizeObserver(entries => {
-        for (let entry of entries) {
-          this.setState(prev => {
-            return (prev === null || prev === void 0 ? void 0 : prev.tableWrapperWidth) === entry.contentRect.width && prev.tableWrapperHeight === entry.contentRect.height ? prev : {
-              tableWrapperWidth: entry.contentRect.width,
-              tableWrapperHeight: entry.contentRect.height
-            };
-          });
-        }
-      });
-      this.resizeObserver.observe(tableWrapper);
+export const TableFloatingControls = ({
+  editorView,
+  tableRef,
+  tableNode,
+  isInDanger,
+  isResizing,
+  isNumberColumnEnabled,
+  isHeaderRowEnabled,
+  isHeaderColumnEnabled,
+  tableActive,
+  hasHeaderRow,
+  hoveredRows,
+  stickyHeader,
+  isDragAndDropEnabled,
+  hoveredCell,
+  isTableHovered,
+  tableWrapperWidth
+}) => {
+  const _selectRow = useCallback((row, expand) => {
+    const {
+      state,
+      dispatch
+    } = editorView;
+    // fix for issue ED-4665
+    if (browser.ie_version === 11) {
+      editorView.dom.blur();
     }
-  }
-  shouldComponentUpdate(nextProps, nextState) {
+    selectRow(row, expand)(state, dispatch);
+  }, [editorView]);
+  const _selectRows = useCallback(rowIndexes => {
     const {
-      tableRef,
-      isInDanger,
-      isResizing,
-      isHeaderRowEnabled,
-      isNumberColumnEnabled,
-      hoveredRows,
-      selection,
-      tableActive,
-      isHeaderColumnEnabled,
-      ordering,
-      headerRowHeight,
-      stickyHeader,
-      hoveredCell,
-      isTableHovered
-    } = this.props;
-    return this.state.tableWrapperWidth !== nextState.tableWrapperWidth || this.state.tableWrapperHeight !== nextState.tableWrapperHeight || ordering !== nextProps.ordering || tableRef !== nextProps.tableRef || tableActive !== nextProps.tableActive || isInDanger !== nextProps.isInDanger || isResizing !== nextProps.isResizing || hoveredRows !== nextProps.hoveredRows || isHeaderRowEnabled !== nextProps.isHeaderRowEnabled || isHeaderColumnEnabled !== nextProps.isHeaderColumnEnabled || isNumberColumnEnabled !== nextProps.isNumberColumnEnabled || isSelectionUpdated(selection, nextProps.selection) || headerRowHeight !== nextProps.headerRowHeight || stickyHeader !== nextProps.stickyHeader || hoveredCell !== nextProps.hoveredCell || isTableHovered !== nextProps.isTableHovered;
-  }
-  componentWillUnmount() {
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
+      state,
+      dispatch
+    } = editorView;
+    // fix for issue ED-4665
+    if (browser.ie_version === 11) {
+      editorView.dom.blur();
     }
-  }
-  render() {
+    selectRows(rowIndexes)(state, dispatch);
+  }, [editorView]);
+  const _hoverRows = useCallback((rows, danger) => {
+    const {
+      state,
+      dispatch
+    } = editorView;
+    hoverRows(rows, danger)(state, dispatch);
+  }, [editorView]);
+
+  // re-use across numbered columns and row controls
+  const updateCellHoverLocation = useCallback(rowIndex => {
     const {
-      editorView,
-      tableRef,
-      tableNode,
-      isInDanger,
-      isResizing,
-      isNumberColumnEnabled,
-      isHeaderRowEnabled,
-      isHeaderColumnEnabled,
-      tableActive,
-      hasHeaderRow,
-      hoveredRows,
-      stickyHeader,
-      isDragAndDropEnabled,
-      hoveredCell,
-      isTableHovered
-    } = this.props;
-    if (!tableRef) {
-      return null;
+      state,
+      dispatch
+    } = editorView;
+    if (tableActive) {
+      // For context:  Whenever we mouse over a column or row drag handle, we will ALWAYS be hovering over the 0 index
+      // of the opposite dimension. For example; here when we mouse over the row drag handle then we're technically
+      // also hovering over column 0 index. And vice-versa with columns. This means we don't need to worry about knowing the
+      // current column index. We can just force it to 0.
+      hoverCell(rowIndex, 0)(state, dispatch);
     }
-    const stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
-    const wrapperClassName = isDragAndDropEnabled ? ClassName.DRAG_ROW_CONTROLS_WRAPPER : ClassName.ROW_CONTROLS_WRAPPER;
-    return /*#__PURE__*/React.createElement("div", {
-      className: wrapperClassName
-    }, /*#__PURE__*/React.createElement("div", {
-      onMouseDown: e => !isDragAndDropEnabled && e.preventDefault()
-    }, isNumberColumnEnabled ? /*#__PURE__*/React.createElement(NumberColumn, {
-      editorView: editorView,
-      hoverRows: this.hoverRows,
-      tableRef: tableRef,
-      tableActive: tableActive,
-      hoveredRows: hoveredRows,
-      hasHeaderRow: hasHeaderRow,
-      isInDanger: isInDanger,
-      isResizing: isResizing,
-      selectRow: this.selectRow,
-      updateCellHoverLocation: this.updateCellHoverLocation,
-      stickyTop: stickyTop,
-      isDragAndDropEnabled: isDragAndDropEnabled
-    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DragCornerControls, {
-      editorView: editorView,
-      tableRef: tableRef,
-      isInDanger: isInDanger,
-      isResizing: isResizing
-    }), /*#__PURE__*/React.createElement(DragControls, {
-      tableRef: tableRef,
-      tableNode: tableNode,
-      hoveredCell: hoveredCell,
-      isTableHovered: isTableHovered,
-      editorView: editorView,
-      tableActive: tableActive,
-      isInDanger: isInDanger,
-      isResizing: isResizing,
-      tableWidth: this.state.tableWrapperWidth,
-      hoverRows: this.hoverRows,
-      selectRow: this.selectRow,
-      selectRows: this.selectRows,
-      updateCellHoverLocation: this.updateCellHoverLocation
-    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CornerControls, {
-      editorView: editorView,
-      tableRef: tableRef,
-      isInDanger: isInDanger,
-      isResizing: isResizing,
-      isHeaderRowEnabled: isHeaderRowEnabled,
-      isHeaderColumnEnabled: isHeaderColumnEnabled,
-      hoveredRows: hoveredRows,
-      stickyTop: tableActive ? stickyTop : undefined
-    }), /*#__PURE__*/React.createElement(RowControls, {
-      editorView: editorView,
-      tableRef: tableRef,
-      hoverRows: this.hoverRows,
-      hoveredRows: hoveredRows,
-      isInDanger: isInDanger,
-      isResizing: isResizing,
-      selectRow: this.selectRow,
-      stickyTop: tableActive ? stickyTop : undefined
-    })))));
+  }, [editorView, tableActive]);
+  if (!tableRef) {
+    return null;
   }
-}
-_defineProperty(TableFloatingControls, "displayName", 'TableFloatingControls');
+  const stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
+  const wrapperClassName = isDragAndDropEnabled ? ClassName.DRAG_ROW_CONTROLS_WRAPPER : ClassName.ROW_CONTROLS_WRAPPER;
+  return /*#__PURE__*/React.createElement("div", {
+    className: wrapperClassName
+  }, /*#__PURE__*/React.createElement("div", {
+    onMouseDown: e => !isDragAndDropEnabled && e.preventDefault()
+  }, isNumberColumnEnabled ? /*#__PURE__*/React.createElement(NumberColumn, {
+    editorView: editorView,
+    hoverRows: _hoverRows,
+    tableRef: tableRef,
+    tableActive: tableActive,
+    hoveredRows: hoveredRows,
+    hasHeaderRow: hasHeaderRow,
+    isInDanger: isInDanger,
+    isResizing: isResizing,
+    selectRow: _selectRow,
+    updateCellHoverLocation: updateCellHoverLocation,
+    stickyTop: stickyTop,
+    isDragAndDropEnabled: isDragAndDropEnabled
+  }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DragCornerControls, {
+    editorView: editorView,
+    tableRef: tableRef,
+    isInDanger: isInDanger,
+    isResizing: isResizing
+  }), /*#__PURE__*/React.createElement(DragControls, {
+    tableRef: tableRef,
+    tableNode: tableNode,
+    hoveredCell: hoveredCell,
+    isTableHovered: isTableHovered,
+    editorView: editorView,
+    tableActive: tableActive,
+    isInDanger: isInDanger,
+    isResizing: isResizing,
+    tableWidth: tableWrapperWidth,
+    hoverRows: _hoverRows,
+    selectRow: _selectRow,
+    selectRows: _selectRows,
+    updateCellHoverLocation: updateCellHoverLocation
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CornerControls, {
+    editorView: editorView,
+    tableRef: tableRef,
+    isInDanger: isInDanger,
+    isResizing: isResizing,
+    isHeaderRowEnabled: isHeaderRowEnabled,
+    isHeaderColumnEnabled: isHeaderColumnEnabled,
+    hoveredRows: hoveredRows,
+    stickyTop: tableActive ? stickyTop : undefined
+  }), /*#__PURE__*/React.createElement(RowControls, {
+    editorView: editorView,
+    tableRef: tableRef,
+    hoverRows: _hoverRows,
+    hoveredRows: hoveredRows,
+    isInDanger: isInDanger,
+    isResizing: isResizing,
+    selectRow: _selectRow,
+    stickyTop: tableActive ? stickyTop : undefined
+  })))));
+};
+export default TableFloatingControls;

package/dist/es2019/utils/column-controls.js

@@ -2,7 +2,7 @@ import { maphElem } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, getCellsInColumn, getSelectionRect, isColumnSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { findTable, getSelectionRect, isColumnSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { TableCssClassName as ClassName } from '../types';
 import { tableDeleteButtonSize } from '../ui/consts';
 export const getColumnsWidths = view => {
@@ -20,13 +20,13 @@ export const getColumnsWidths = view => {
       length: map.width
     });
     for (let i = 0; i < map.width; i++) {
-      const cells = getCellsInColumn(i)(selection);
-      const cell = cells[0];
-      if (cell) {
-        const cellRef = findDomRefAtPos(cell.pos, domAtPos);
+      if (!map.isCellMergedTopLeft(0, i)) {
+        const node = table.node.nodeAt(map.map[i]);
+        const pos = map.map[i] + table.start;
+        const cellRef = findDomRefAtPos(pos, domAtPos);
         const rect = cellRef.getBoundingClientRect();
         widths[i] = (rect ? rect.width : cellRef.offsetWidth) + 1;
-        i += cell.node.attrs.colspan - 1;
+        i += node.attrs.colspan - 1;
       }
     }
   }

package/dist/es2019/utils/create.js

@@ -1,10 +1,7 @@
 import { createTable } from '@atlaskit/editor-tables/utils';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
-export const createTableWithWidth = (isFullWidthModeEnabled, getEditorFeatureFlags, createTableProps) => schema => {
-  const {
-    tablePreserveWidth = false
-  } = (getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags()) || {};
-  if (tablePreserveWidth && isFullWidthModeEnabled) {
+export const createTableWithWidth = (isTableScalingEnabled, isFullWidthModeEnabled, createTableProps) => schema => {
+  if (isTableScalingEnabled && isFullWidthModeEnabled) {
     return createTable({
       schema,
       tableWidth: TABLE_MAX_WIDTH,

package/dist/es2019/utils/dom.js

@@ -1,6 +1,5 @@
 import { closestElement, containsClassName } from '@atlaskit/editor-common/utils';
 import { TableCssClassName as ClassName } from '../types';
-const SELECTOR_TABLE_LEAFS = `.${ClassName.TABLE_CELL}, .${ClassName.TABLE_HEADER_CELL}`;
 export const isCell = node => {
   return Boolean(node && (['TH', 'TD'].indexOf(node.tagName) > -1 || !!closestElement(node, `.${ClassName.TABLE_HEADER_CELL}`) || !!closestElement(node, `.${ClassName.TABLE_CELL}`)));
 };
@@ -72,22 +71,21 @@ export const isDragCornerButton = node => containsClassName(node, ClassName.DRAG
  *
  * the same is valid to the right side.
  */
-
-export const getMousePositionHorizontalRelativeByElement = (mouseEvent, elementContentRects, gapInPixels, isDragAndDropEnabled) => {
+/**
+ * This can be used with mouse events to determine the left/right side of the target the pointer is closest too.
+ *
+ * WARNING: This metod reads properties which can trigger a reflow; use this wisely.
+ *
+ * @param mouseEvent
+ * @param gapInPixels
+ * @returns
+ */
+export const getMousePositionHorizontalRelativeByElement = (mouseEvent, offsetX, gapInPixels) => {
   const element = mouseEvent.target;
   if (element instanceof HTMLElement) {
-    let width, x;
-    if (isDragAndDropEnabled) {
-      // mouse event fires for new overlapping column controls, so the cell can not get detected. Get width
-      // directly from element that will be .pm-table-drag-columns-floating-insert-dot-wrapper
-      width = element.clientWidth;
-    } else {
-      var _closestCell$id, _elementContentRects$, _elementContentRects$2;
-      const closestCell = element.closest(SELECTOR_TABLE_LEAFS);
-      const id = (_closestCell$id = closestCell === null || closestCell === void 0 ? void 0 : closestCell.id) !== null && _closestCell$id !== void 0 ? _closestCell$id : '';
-      width = (_elementContentRects$ = elementContentRects === null || elementContentRects === void 0 ? void 0 : (_elementContentRects$2 = elementContentRects[id]) === null || _elementContentRects$2 === void 0 ? void 0 : _elementContentRects$2.width) !== null && _elementContentRects$ !== void 0 ? _elementContentRects$ : 0;
-    }
-    x = mouseEvent.offsetX;
+    const width = element.clientWidth; // reflow
+    const x = !Number.isNaN(offsetX) ? offsetX : mouseEvent.offsetX; // reflow
+
     if (width <= 0) {
       return null;
     }

package/dist/es2019/utils/drag-menu.js

@@ -58,7 +58,7 @@ const defaultSelectionRect = {
   right: 0,
   bottom: 0
 };
-export const getDragMenuConfig = (direction, getEditorContainerWidth, canDrag, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, tablePreserveWidth = false) => {
+export const getDragMenuConfig = (direction, getEditorContainerWidth, canDrag, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false) => {
   var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
   const addOptions = direction === 'row' ? [{
     label: 'above',
@@ -138,7 +138,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, canDrag, h
           moveCursorToInsertedRow: true
         })(state, dispatch);
       } else {
-        insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
+        insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
       }
       return true;
     },
@@ -150,7 +150,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, canDrag, h
     onClick: (state, dispatch) => {
       const selectionRect = getClosestSelectionRect(state);
       if (selectionRect) {
-        const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, tablePreserveWidth);
+        const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled);
         if (newResizeState) {
           distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(state, dispatch);
           return true;
@@ -176,7 +176,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, canDrag, h
       if (direction === 'row') {
         deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect, !!isHeaderRowRequired)(state, dispatch);
       } else {
-        deleteColumnsWithAnalytics(editorAnalyticsAPI, tablePreserveWidth)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
+        deleteColumnsWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
       }
       return true;
     },

package/dist/esm/commands/column-resize.js

@@ -122,7 +122,7 @@ export var activateNextResizeArea = function activateNextResizeArea(direction) {
   };
 };
 export var changeColumnWidthByStep = function changeColumnWidthByStep(stepSize, getEditorContainerWidth) {
-  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return function (state, dispatch, view) {
     var customTr = state.tr;
     var fakeDispatch = function fakeDispatch(tr) {
@@ -172,14 +172,14 @@ export var changeColumnWidthByStep = function changeColumnWidthByStep(stepSize,
       tableRef: dom,
       start: tableStartPosition,
       domAtPos: domAtPos,
-      tablePreserveWidth: tablePreserveWidth
+      isTableScalingEnabled: isTableScalingEnabled
     });
     updateControls()(state);
     var selectionRect = getSelectionRect(state.selection);
     var selectedColumns = selectionRect ? getSelectedColumnIndexes(selectionRect) : [];
     // only selected (or selected - 1) columns should be distributed
     var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
-    var newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, resizingSelectedColumns ? selectedColumns : undefined, tablePreserveWidth);
+    var newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, isTableScalingEnabled);
     customTr = updateColumnWidths(newResizeState, originalTable, tableStartPosition)(customTr);
     if (dispatch) {
       dispatch(customTr);

package/dist/esm/commands/delete.js

@@ -1,9 +1,9 @@
 import { deleteColumns } from '../transforms/delete-columns';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 export var deleteColumnsCommand = function deleteColumnsCommand(rect) {
-  var tablePreserveWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return function (state, dispatch, view) {
-    var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), view, tablePreserveWidth)(state.tr);
+    var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), view, isTableScalingEnabled)(state.tr);
     if (dispatch) {
       dispatch(tr);
       return true;

package/dist/esm/commands/insert.js

@@ -20,8 +20,8 @@ function addColumnAtCustomStep(column) {
     return tr;
   };
 }
-export function addColumnAt(getEditorContainerWidth) {
-  var tablePreserveWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+export function addColumnAt() {
+  var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return function (column) {
     var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var view = arguments.length > 2 ? arguments[2] : undefined;
@@ -35,7 +35,7 @@ export function addColumnAt(getEditorContainerWidth) {
       var table = findTable(updatedTr.selection);
       if (table) {
         // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
-        updatedTr = rescaleColumns(tablePreserveWidth)(table, view)(updatedTr);
+        updatedTr = rescaleColumns(isTableScalingEnabled)(table, view)(updatedTr);
       }
       if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event') && view) {
         updatedTr = updateRowOrColumnMovedTransform({
@@ -52,8 +52,8 @@ export function addColumnAt(getEditorContainerWidth) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column before the column with the selection.
-export var addColumnBefore = function addColumnBefore(getEditorContainerWidth) {
-  var tablePreserveWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+export var addColumnBefore = function addColumnBefore() {
+  var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return function (state, dispatch, view) {
     var table = findTable(state.selection);
     if (!table) {
@@ -61,7 +61,7 @@ export var addColumnBefore = function addColumnBefore(getEditorContainerWidth) {
     }
     if (dispatch) {
       var rect = selectedRect(state);
-      dispatch(addColumnAt(getEditorContainerWidth, tablePreserveWidth)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
+      dispatch(addColumnAt(isTableScalingEnabled)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
     }
     return true;
   };
@@ -69,7 +69,7 @@ export var addColumnBefore = function addColumnBefore(getEditorContainerWidth) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
-export var addColumnAfter = function addColumnAfter(getEditorContainerWidth) {
+export var addColumnAfter = function addColumnAfter(isTableScalingEnabled) {
   return function (state, dispatch, view) {
     var table = findTable(state.selection);
     if (!table) {
@@ -77,16 +77,16 @@ export var addColumnAfter = function addColumnAfter(getEditorContainerWidth) {
     }
     if (dispatch) {
       var rect = selectedRect(state);
-      dispatch(addColumnAt(getEditorContainerWidth)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
+      dispatch(addColumnAt(isTableScalingEnabled)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
     }
     return true;
   };
 };
-export var insertColumn = function insertColumn(getEditorContainerWidth) {
-  var tablePreserveWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+export var insertColumn = function insertColumn() {
+  var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return function (column) {
     return function (state, dispatch, view) {
-      var tr = addColumnAt(getEditorContainerWidth, tablePreserveWidth)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
+      var tr = addColumnAt(isTableScalingEnabled)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
       var table = findTable(tr.selection);
       if (!table) {
         return false;
@@ -135,20 +135,20 @@ export var insertRow = function insertRow(row, moveCursorToTheNewRow) {
     return true;
   };
 };
-export var createTable = function createTable(isFullWidthModeEnabled, getEditorFeatureFlags) {
+export var createTable = function createTable(isTableScalingEnabled, isFullWidthModeEnabled) {
   return function (state, dispatch) {
-    var table = createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags)(state.schema);
+    var table = createTableWithWidth(isTableScalingEnabled, isFullWidthModeEnabled)(state.schema);
     if (dispatch) {
       dispatch(safeInsert(table)(state.tr).scrollIntoView());
     }
     return true;
   };
 };
-export var insertTableWithSize = function insertTableWithSize(isFullWidthModeEnabled, getEditorFeatureFlags, editorAnalyticsAPI) {
+export var insertTableWithSize = function insertTableWithSize(isFullWidthModeEnabled, isTableScalingEnabled, editorAnalyticsAPI) {
   return function (rowsCount, colsCount, inputMethod) {
     return function (_ref) {
       var tr = _ref.tr;
-      var tableNode = createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags, {
+      var tableNode = createTableWithWidth(isTableScalingEnabled, isFullWidthModeEnabled, {
         rowsCount: rowsCount,
         colsCount: colsCount
       })(tr.doc.type.schema);

package/dist/esm/commands-with-analytics.js

@@ -184,7 +184,7 @@ export var insertRowWithAnalytics = function insertRowWithAnalytics(editorAnalyt
   };
 };
 export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI) {
-  return function (stepSize, getEditorContainerWidth, tablePreserveWidth, inputMethod) {
+  return function (stepSize, getEditorContainerWidth, isTableScalingEnabled, inputMethod) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo2 = getSelectedTableInfo(state.selection),
         table = _getSelectedTableInfo2.table,
@@ -206,11 +206,11 @@ export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthBySt
           totalColumnCount: totalColumnCount
         }
       };
-    })(editorAnalyticsAPI)(changeColumnWidthByStep(stepSize, getEditorContainerWidth, tablePreserveWidth));
+    })(editorAnalyticsAPI)(changeColumnWidthByStep(stepSize, getEditorContainerWidth, isTableScalingEnabled));
   };
 };
-export var insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
-  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export var insertColumnWithAnalytics = function insertColumnWithAnalytics(editorAnalyticsAPI) {
+  var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return function (inputMethod, position) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo3 = getSelectedTableInfo(state.selection),
@@ -228,7 +228,7 @@ export var insertColumnWithAnalytics = function insertColumnWithAnalytics(getEdi
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(insertColumn(getEditorContainerWidth, tablePreserveWidth)(position));
+    })(editorAnalyticsAPI)(insertColumn(isTableScalingEnabled)(position));
   };
 };
 export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnalyticsAPI) {
@@ -260,7 +260,7 @@ export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnal
   };
 };
 export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(editorAnalyticsAPI) {
-  var tablePreserveWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return function (inputMethod, rect) {
     return withEditorAnalyticsAPI(function (_ref6) {
       var selection = _ref6.selection;
@@ -280,7 +280,7 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(deleteColumnsCommand(rect, tablePreserveWidth));
+    })(editorAnalyticsAPI)(deleteColumnsCommand(rect, isTableScalingEnabled));
   };
 };
 export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI) {