@atlaskit/editor-core 174.0.0 → 175.0.0

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/column-state.js

@@ -1,80 +0,0 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findDomRefAtPos } from 'prosemirror-utils';
-import { tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
-import { contentWidth } from './content-width';
-import { unitToNumber } from './unit-to-number';
-// Reads `width` and `minWidth` of each column from DOM and returns `ColumnState` containing those values
-export var getColumnStateFromDOM = function getColumnStateFromDOM(cells, index, minWidth) {
-  var width = calculateColumnWidth(cells, calculateColumnWidthCallback);
-  var minColumnWidth = width < minWidth ? // for newly created column (where width < minWidth) we set minWidth = tableNewColumnMinWidth (140px atm)
-  tableNewColumnMinWidth : calculateColumnWidth(cells, calculateColumnMinWidthCallback(minWidth));
-  return {
-    index: index,
-    width: width < minWidth ? tableNewColumnMinWidth : width,
-    minWidth: minColumnWidth
-  };
-};
-export var getFreeSpace = function getFreeSpace(state) {
-  return Math.max(state.width - state.minWidth, 0);
-}; // Returns DOM refs of all cells in a column by `columnIndex`
-
-export var getCellsRefsInColumn = function getCellsRefsInColumn(columnIndex, table, tableStart, domAtPos) {
-  var map = TableMap.get(table);
-  var cellsPositions = map.cellsInRect({
-    left: columnIndex,
-    right: columnIndex + 1,
-    top: 0,
-    bottom: map.height
-  });
-  var cells = [];
-  cellsPositions.forEach(function (pos) {
-    var col = findDomRefAtPos(pos + tableStart, domAtPos);
-
-    if (col) {
-      cells.push(col);
-    }
-  });
-  return cells;
-}; // calculates column withs based on `cells` DOM refs
-
-export var calculateColumnWidth = function calculateColumnWidth(cells, calculateColumnWidthCb) {
-  var maxColWidth = 0;
-  var colSpanWidth = 0;
-  cells.forEach(function (cellRef) {
-    var css = getComputedStyle(cellRef);
-    var colspan = Number(cellRef.getAttribute('colspan') || 1);
-
-    if (colspan > 1) {
-      colSpanWidth = calculateColumnWidthCb(css, cellRef, colspan);
-      return;
-    }
-
-    if (css) {
-      var colWidth = calculateColumnWidthCb(css, cellRef, colspan);
-      maxColWidth = Math.max(colWidth, maxColWidth);
-    }
-  });
-  return maxColWidth || colSpanWidth;
-};
-export var addContainerLeftRightPadding = function addContainerLeftRightPadding(amount, css) {
-  return amount + unitToNumber(css.paddingLeft) + unitToNumber(css.paddingRight);
-};
-
-function calculateColumnWidthCallback(css) {
-  return unitToNumber(css.width);
-}
-
-function calculateColumnMinWidthCallback(minColumnWidth) {
-  return function (css, cellRef, colSpan) {
-    if (colSpan && colSpan > 1) {
-      return unitToNumber(css.width);
-    }
-
-    var _contentWidth = contentWidth(cellRef, cellRef),
-        minContentWidth = _contentWidth.minWidth; // Override the min width, if there is content that can't collapse
-    // Past a certain width.
-
-
-    return Math.max(addContainerLeftRightPadding(minContentWidth, css), minContentWidth, minColumnWidth);
-  };
-}

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/content-width.js

@@ -1,104 +0,0 @@
-import { unitToNumber } from './unit-to-number'; // calculates content width of a cell
-
-export function contentWidth(elem, container) {
-  var colWidths = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var canvas = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document.createElement('canvas');
-  return calcContentWidth(elem, container || elem, canvas, colWidths);
-}
-
-function calcContentWidth(elem, container, canvas, colWidths) {
-  var flowWidths = [];
-  var curWidth = 0;
-
-  for (var i = 0; i < elem.childNodes.length; i++) {
-    var child = elem.childNodes[i];
-
-    if (child.nodeType === Node.COMMENT_NODE) {
-      continue;
-    }
-
-    if (child.nodeType === Node.TEXT_NODE) {
-      var parent = child.parentNode;
-      var parentStyle = getComputedStyle(parent);
-      var contentLength = 0;
-
-      if (parent.nodeName === 'CODE' || parent.nodeName === 'PRE') {
-        contentLength = handlePreText(canvas, parent, child.textContent, parentStyle.font);
-      } else {
-        contentLength = measureText(canvas, child.textContent, parentStyle.font);
-      }
-
-      var left = parent.offsetLeft - container.offsetLeft;
-      flowWidths.push(curWidth);
-      curWidth += contentLength + left; // If the text isn't meant to wrap, we should set that as a hard limit.
-
-      if (parentStyle.whiteSpace === 'nowrap') {
-        // + 3 is for date offset plus cursor
-        // TODO There should be a programmatic way to get this.
-        colWidths.push(parent.offsetWidth + 3);
-      }
-    } else {
-      // FIXME: doesn't quite work right with spacing
-      var style = getComputedStyle(child);
-
-      if (style.minWidth && style.minWidth.endsWith('px') && style.minWidth !== '0px') {
-        colWidths.push(unitToNumber(style.minWidth));
-      }
-
-      var _contentWidth = contentWidth(child, container, colWidths, canvas),
-          width = _contentWidth.width;
-
-      if (style.display && style.display.indexOf('inline') > -1) {
-        // is inline element, add to curWidth
-        curWidth += width;
-      } else {
-        // block element, reset curWidth
-        flowWidths.push(curWidth);
-        curWidth = width;
-      }
-    }
-  }
-
-  flowWidths.push(curWidth);
-  return {
-    minWidth: colWidths.reduce(function (oldMax, width) {
-      return Math.max(width, oldMax);
-    }, 0),
-    width: flowWidths.reduce(function (oldMax, width) {
-      return Math.max(width, oldMax);
-    }, 0)
-  };
-}
-
-function measureText(canvas, text, font) {
-  var ctx = canvas.getContext('2d');
-
-  if (!ctx) {
-    return 0;
-  }
-
-  if (font) {
-    ctx.font = font;
-  }
-
-  return Math.round(ctx.measureText(text || '').width);
-}
-
-function handlePreText(canvas, node, textContent, font) {
-  var parent = node;
-
-  if (node.nodeName === 'CODE') {
-    parent = node.parentNode;
-  }
-
-  var computedStyle = getComputedStyle(parent);
-
-  if (textContent && computedStyle.whiteSpace === 'pre') {
-    // If white space is pre grab the longest line in the block.
-    return textContent.split('\n').reduce(function (acc, current) {
-      return Math.max(measureText(canvas, current, font), acc);
-    }, 0);
-  }
-
-  return measureText(canvas, textContent, font);
-}

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/dom.js

@@ -1,125 +0,0 @@
-import { tableCellBorderWidth, tableCellPadding, tableMarginTop } from '@atlaskit/editor-common/styles';
-import { browser } from '@atlaskit/editor-common/utils';
-import { closestElement, containsClassName, parsePx } from '../../../../../utils/dom';
-import { updateOverflowShadows } from '../../../nodeviews/update-overflow-shadows';
-import { TableCssClassName as ClassName } from '../../../types';
-import { getRowHeights } from '../../../utils';
-import { colWidthsForRow } from '../../../utils/column-controls';
-import { getPluginState as getMainPluginState } from '../../plugin-factory';
-export var updateControls = function updateControls(getEditorFeatureFlags) {
-  return function (state) {
-    var _getMainPluginState = getMainPluginState(state),
-        tableRef = _getMainPluginState.tableRef;
-
-    if (!tableRef) {
-      return;
-    }
-
-    var tr = tableRef.querySelector('tr');
-
-    if (!tr) {
-      return;
-    }
-
-    var wrapper = tableRef.parentElement;
-
-    if (!(wrapper && wrapper.parentElement)) {
-      return;
-    }
-
-    var rowControls = wrapper.parentElement.querySelectorAll(".".concat(ClassName.ROW_CONTROLS_BUTTON_WRAP));
-    var numberedRows = wrapper.parentElement.querySelectorAll(ClassName.NUMBERED_COLUMN_BUTTON);
-    syncStickyRowToTable(tableRef);
-    var rowHeights = getRowHeights(tableRef); // update rows controls height on resize
-
-    for (var i = 0, count = rowControls.length; i < count; i++) {
-      var height = rowHeights[i];
-
-      if (height) {
-        rowControls[i].style.height = "".concat(height, "px");
-
-        if (numberedRows.length) {
-          numberedRows[i].style.height = "".concat(height, "px");
-        }
-      }
-    }
-
-    var rightShadows = wrapper.parentElement.querySelectorAll(".".concat(ClassName.TABLE_RIGHT_SHADOW));
-    var leftShadows = wrapper.parentElement.querySelectorAll(".".concat(ClassName.TABLE_LEFT_SHADOW));
-    updateOverflowShadows(getEditorFeatureFlags)(state, wrapper, tableRef, rightShadows, leftShadows);
-  };
-};
-export var isClickNear = function isClickNear(event, click) {
-  var dx = click.x - event.clientX,
-      dy = click.y - event.clientY;
-  return dx * dx + dy * dy < 100;
-};
-export var getResizeCellPos = function getResizeCellPos(view, event, lastColumnResizable) {
-  var target = event.target;
-
-  if (!containsClassName(target, ClassName.RESIZE_HANDLE_DECORATION)) {
-    return null;
-  }
-
-  var tableCell = closestElement(target, 'td, th');
-
-  if (!tableCell) {
-    return null;
-  }
-
-  var cellStartPosition = view.posAtDOM(tableCell, 0);
-  return cellStartPosition - 1;
-};
-export var updateStickyMargins = function updateStickyMargins(table) {
-  var row = table.querySelector('tr.sticky');
-
-  if (!row) {
-    table.style.marginTop = '';
-    return;
-  }
-
-  var paddingTop = parsePx(window.getComputedStyle(row).paddingTop || '') || 0;
-  var firstRowHeight = row.clientHeight - paddingTop - 2;
-  /* border */
-  // firefox handles margin and padding differently
-  // when applied with tables
-
-  table.style.marginTop = "".concat(browser.gecko ? firstRowHeight + tableCellPadding - tableCellBorderWidth : tableMarginTop + firstRowHeight, "px");
-};
-export var applyColWidthsToStickyRow = function applyColWidthsToStickyRow(colGroup, headerRow) {
-  // sync column widths for the sticky row
-  var newCols = colWidthsForRow(colGroup, headerRow);
-
-  if (newCols) {
-    headerRow.style.gridTemplateColumns = newCols;
-  }
-};
-export var syncStickyRowToTable = function syncStickyRowToTable(tableRef) {
-  if (!tableRef) {
-    return;
-  }
-
-  var headerRow = tableRef.querySelector('tr[data-header-row]');
-
-  if (!headerRow) {
-    return;
-  }
-
-  applyColWidthsToStickyRow(tableRef.querySelector('colgroup'), headerRow);
-  applyTableWidthToStickyRow(tableRef, headerRow);
-};
-export var applyTableWidthToStickyRow = function applyTableWidthToStickyRow(tableRef, headerRow) {
-  var tbody = tableRef.querySelector('tbody');
-  var wrapper = tableRef.parentElement;
-
-  if (tbody && wrapper) {
-    // when resizing in Chrome, clientWidth will give us 759px
-    // but toggling the sticky class will reset it to 760px.
-    //
-    // both elements in the dom + inspector will
-    // be the same width but at layout will be different..
-    var newWidth = Math.min(tbody.offsetWidth + 1, wrapper.offsetWidth);
-    headerRow.style.width = "".concat(newWidth, "px");
-    headerRow.scrollLeft = wrapper.scrollLeft;
-  }
-};

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/index.js

@@ -1,9 +0,0 @@
-export { generateColgroup, insertColgroupFromNode, hasTableBeenResized } from './colgroup';
-export { contentWidth } from './content-width';
-export { getColumnStateFromDOM, getFreeSpace, getCellsRefsInColumn, calculateColumnWidth, addContainerLeftRightPadding } from './column-state';
-export { growColumn, shrinkColumn, reduceSpace } from './resize-logic';
-export { getResizeState, updateColgroup, getTotalWidth, evenAllColumnsWidths, bulkColumnsResize, areColumnsEven, adjustColumnsWidths } from './resize-state';
-export { tableLayoutToSize, getLayoutSize, getDefaultLayoutMaxWidth, pointsAtCell, currentColWidth, domCellAround } from './misc';
-export { updateControls, isClickNear, getResizeCellPos } from './dom';
-export { scale, scaleWithParent } from './scale-table';
-export { resizeColumn } from './resize-column';

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/misc.js

@@ -1,88 +0,0 @@
-import { calcTableWidth } from '@atlaskit/editor-common/styles';
-import { getBreakpoint, mapBreakpointToLayoutMaxWidth } from '@atlaskit/editor-common/ui';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorWideLayoutWidth, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { containsClassName } from '../../../../../utils';
-import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
-export var tableLayoutToSize = {
-  default: akEditorDefaultLayoutWidth,
-  wide: akEditorWideLayoutWidth,
-  'full-width': akEditorFullWidthLayoutWidth
-}; // Translates named layouts in number values.
-
-export function getLayoutSize(tableLayout) {
-  var containerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var options = arguments.length > 2 ? arguments[2] : undefined;
-  var isFullWidthModeEnabled = options.isFullWidthModeEnabled;
-
-  if (isFullWidthModeEnabled) {
-    return containerWidth ? Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) : akEditorFullWidthLayoutWidth;
-  }
-
-  var calculatedTableWidth = calcTableWidth(tableLayout, containerWidth, true);
-
-  if (calculatedTableWidth.endsWith('px')) {
-    return parseInt(calculatedTableWidth, 10);
-  }
-
-  if (tableLayout === 'default') {
-    return getDefaultLayoutMaxWidth(containerWidth);
-  }
-
-  return tableLayoutToSize[tableLayout] || containerWidth;
-}
-export function getDefaultLayoutMaxWidth(containerWidth) {
-  return mapBreakpointToLayoutMaxWidth(getBreakpoint(containerWidth));
-} // Does the current position point at a cell.
-
-export function pointsAtCell($pos) {
-  return $pos.parent.type.spec.tableRole === 'row' && $pos.nodeAfter;
-} // Get the current col width, handles colspan.
-
-export function currentColWidth(view, cellPos, _ref) {
-  var colspan = _ref.colspan,
-      colwidth = _ref.colwidth;
-  var width = colwidth && colwidth[colwidth.length - 1];
-
-  if (width) {
-    return width;
-  } // Not fixed, read current width from DOM
-
-
-  var domWidth = view.domAtPos(cellPos + 1).node.offsetWidth;
-  var parts = colspan || 0;
-
-  if (colwidth) {
-    for (var i = 0; i < (colspan || 0); i++) {
-      if (colwidth[i]) {
-        domWidth -= colwidth[i];
-        parts--;
-      }
-    }
-  }
-
-  return domWidth / parts;
-} // Attempts to find a parent TD/TH depending on target element.
-
-export function domCellAround(target) {
-  while (target && target.nodeName !== 'TD' && target.nodeName !== 'TH') {
-    target = containsClassName(target, 'ProseMirror') ? null : target.parentNode;
-  }
-
-  return target;
-}
-export var getTableMaxWidth = function getTableMaxWidth(_ref2) {
-  var table = _ref2.table,
-      tableStart = _ref2.tableStart,
-      state = _ref2.state,
-      layout = _ref2.layout,
-      getEditorContainerWidth = _ref2.getEditorContainerWidth;
-  var containerWidth = getEditorContainerWidth();
-  var parentWidth = getParentNodeWidth(tableStart, state, containerWidth);
-  var maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {});
-
-  if (table.attrs.isNumberColumnEnabled) {
-    maxWidth -= akEditorTableNumberColumnWidth;
-  }
-
-  return maxWidth;
-};

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-column.js

@@ -1,8 +0,0 @@
-// Resize a given column by an amount from the current state
-import { growColumn, shrinkColumn } from './resize-logic';
-import { updateColgroup } from './resize-state';
-export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, selectedColumns) {
-  var newState = amount > 0 ? growColumn(resizeState, colIndex, amount, selectedColumns) : amount < 0 ? shrinkColumn(resizeState, colIndex, amount, selectedColumns) : resizeState;
-  updateColgroup(newState, tableRef);
-  return newState;
-};

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js

@@ -1,257 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { getFreeSpace } from './column-state';
-import { bulkColumnsResize, getTotalWidth } from './resize-state';
-export var growColumn = function growColumn(state, colIndex, amount, selectedColumns) {
-  // can't grow the last column
-  if (!state.cols[colIndex + 1]) {
-    return state;
-  }
-
-  var res = moveSpaceFrom(state, colIndex + 1, colIndex, amount);
-  var remaining = amount - res.amount;
-  var newState = res.state;
-
-  if (remaining > 0) {
-    newState = stackSpace(newState, colIndex, remaining).state;
-  }
-
-  if (selectedColumns) {
-    return bulkColumnsResize(newState, selectedColumns, colIndex);
-  }
-
-  return newState;
-};
-export var shrinkColumn = function shrinkColumn(state, colIndex, amount, selectedColumns) {
-  // try to shrink dragging column by giving from the column to the right first
-  var res = moveSpaceFrom(state, colIndex, colIndex + 1, -amount);
-  var newState = res.state;
-  var isOverflownTable = getTotalWidth(newState) > newState.maxSize;
-  var isLastColumn = !newState.cols[colIndex + 1]; // stop resizing the last column once table is not overflown
-
-  if (isLastColumn && !isOverflownTable) {
-    return newState;
-  }
-
-  var remaining = amount + res.amount;
-
-  if (remaining < 0) {
-    newState = stackSpace(newState, colIndex + 1, remaining).state;
-  }
-
-  if (selectedColumns) {
-    return bulkColumnsResize(newState, selectedColumns, colIndex);
-  }
-
-  return newState;
-};
-export function reduceSpace(state, amount) {
-  var ignoreCols = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var remaining = amount; // keep trying to resolve resize request until we run out of free space,
-  // or nothing to resize
-
-  var _loop = function _loop() {
-    // filter candidates only with free space
-    var candidates = state.cols.filter(function (column) {
-      return getFreeSpace(column) && ignoreCols.indexOf(column.index) === -1;
-    });
-
-    if (candidates.length === 0) {
-      return "break";
-    }
-
-    var requestedResize = Math.floor(remaining / candidates.length);
-
-    if (requestedResize === 0) {
-      return "break";
-    }
-
-    candidates.forEach(function (candidate) {
-      var newWidth = candidate.width - requestedResize;
-
-      if (newWidth < candidate.minWidth) {
-        // If the new requested width is less than our min
-        // Calc what width we didn't use, we'll try extract that
-        // from other cols.
-        var remainder = candidate.minWidth - newWidth;
-        newWidth = candidate.minWidth;
-        remaining = remaining - requestedResize + remainder;
-      } else {
-        remaining -= requestedResize;
-      }
-
-      state = _objectSpread(_objectSpread({}, state), {}, {
-        cols: [].concat(_toConsumableArray(state.cols.slice(0, candidate.index)), [_objectSpread(_objectSpread({}, candidate), {}, {
-          width: newWidth
-        })], _toConsumableArray(state.cols.slice(candidate.index + 1)))
-      });
-    });
-  };
-
-  while (remaining > 0) {
-    var _ret = _loop();
-
-    if (_ret === "break") break;
-  }
-
-  return state;
-}
-var ColType; // TODO: should handle when destIdx:
-// - is beyond the range, and then not give it back
-
-(function (ColType) {
-  ColType["SOURCE"] = "src";
-  ColType["DEST"] = "dest";
-})(ColType || (ColType = {}));
-
-function moveSpaceFrom(state, srcIdx, destIdx, amount) {
-  var useFreeSpace = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-  var srcCol = state.cols[srcIdx];
-  var destCol = state.cols[destIdx];
-
-  if (useFreeSpace) {
-    var freeSpace = getFreeSpace(srcCol); // if taking more than source column's free space, only take that much
-
-    if (amountFor(ColType.DEST)(amount) > freeSpace) {
-      amount = amount > 0 ? freeSpace : -freeSpace;
-    }
-  } // if the source column shrinks past its min size, don't give the space away
-
-
-  if (amountFor(ColType.SOURCE)(amount) < 0 && widthFor(ColType.SOURCE)(amount, srcCol, destCol) < srcCol.minWidth) {
-    amount = srcCol.width - srcCol.minWidth;
-  }
-
-  var newDest = destCol ? _objectSpread(_objectSpread({}, destCol), {}, {
-    width: widthFor(ColType.DEST)(amount, srcCol, destCol)
-  }) : undefined;
-
-  if (!newDest && amountFor(ColType.SOURCE)(amount) < 0) {
-    // non-zero-sum game, ensure that we're not removing more than the total table width either
-    var totalWidth = getTotalWidth(state);
-
-    if (totalWidth - srcCol.width + widthFor(ColType.SOURCE)(amount, srcCol, destCol) < state.maxSize) {
-      // would shrink table below max width, stop it
-      amount = state.maxSize - (totalWidth - srcCol.width) - srcCol.width - 1;
-    }
-  }
-
-  var newSrc = _objectSpread(_objectSpread({}, srcCol), {}, {
-    width: widthFor(ColType.SOURCE)(amount, srcCol, destCol)
-  });
-
-  var newCols = state.cols.map(function (existingCol, idx) {
-    return idx === srcIdx ? newSrc : idx === destIdx ? newDest : existingCol;
-  }).filter(Boolean);
-  return {
-    state: _objectSpread(_objectSpread({}, state), {}, {
-      cols: newCols
-    }),
-    amount: amount
-  };
-}
-
-function stackSpace(state, destIdx, amount) {
-  var candidates = getCandidates(state, destIdx, amount);
-
-  var _loop2 = function _loop2() {
-    // search for most (or least) free space in candidates
-    var candidateIdx = findNextFreeColumn(candidates, amount);
-
-    if (candidateIdx === -1) {
-      // stack to the right -> growing the dragging column and go overflow
-      if (amount > 0) {
-        return {
-          v: {
-            state: _objectSpread(_objectSpread({}, state), {}, {
-              cols: [].concat(_toConsumableArray(state.cols.slice(0, destIdx)), [_objectSpread(_objectSpread({}, state.cols[destIdx]), {}, {
-                width: state.cols[destIdx].width + amount
-              })], _toConsumableArray(state.cols.slice(destIdx + 1)))
-            }),
-            remaining: amount
-          }
-        };
-      } // stacking to the left, if no free space remains
-
-
-      return "break";
-    }
-
-    var column = candidates.find(function (col) {
-      return col.index === candidateIdx;
-    });
-
-    if (!column || getFreeSpace(column) <= 0) {
-      // no more columns with free space remain
-      return "break";
-    }
-
-    var res = moveSpaceFrom(state, column.index, destIdx, amount);
-    state = res.state;
-    amount -= res.amount;
-    candidates = candidates.filter(function (col) {
-      return col.index !== candidateIdx;
-    });
-  };
-
-  while (candidates.length && amount) {
-    var _ret2 = _loop2();
-
-    if (_ret2 === "break") break;
-    if (_typeof(_ret2) === "object") return _ret2.v;
-  }
-
-  return {
-    state: state,
-    remaining: amount
-  };
-}
-
-function findNextFreeColumn(columns, amount) {
-  if (columns.length === 0) {
-    return -1;
-  }
-
-  var direction = amount < 0 ? 'left' : 'right';
-
-  if (direction === 'left') {
-    columns = columns.slice().reverse();
-  }
-
-  var freeIndex = -1;
-  columns.forEach(function (column) {
-    if (getFreeSpace(column) && freeIndex === -1) {
-      freeIndex = column.index;
-    }
-  });
-
-  if (freeIndex === -1) {
-    return -1;
-  }
-
-  return freeIndex;
-}
-
-function amountFor(colType) {
-  return function (amount) {
-    return colType === ColType.SOURCE ? amount > 0 ? -amount : amount : amount < 0 ? -amount : amount;
-  };
-}
-
-function widthFor(colType) {
-  return function (amount, srcCol, destCol) {
-    return (colType === ColType.SOURCE ? srcCol : destCol).width + amountFor(colType)(amount);
-  };
-}
-
-function getCandidates(state, destIdx, amount) {
-  var candidates = state.cols; // only consider rows after the selected column in the direction of resize
-
-  return amount < 0 ? candidates.slice(0, destIdx) : candidates.slice(destIdx + 1);
-}