@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

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

@@ -1,9 +1,6 @@
 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 { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { hasTableBeenResized, insertColgroupFromNode } from './colgroup';
@@ -13,12 +10,11 @@ import { getTableMaxWidth } from './misc';
 import { getSelectedTableInfo } from '../../../utils';
 export var getResizeState = function getResizeState(_ref) {
   var minWidth = _ref.minWidth,
-      maxSize = _ref.maxSize,
-      table = _ref.table,
-      tableRef = _ref.tableRef,
-      start = _ref.start,
-      domAtPos = _ref.domAtPos;
-
+    maxSize = _ref.maxSize,
+    table = _ref.table,
+    tableRef = _ref.tableRef,
+    start = _ref.start,
+    domAtPos = _ref.domAtPos;
   if (hasTableBeenResized(table)) {
     var _cols = calcTableColumnWidths(table).map(function (width, index) {
       return {
@@ -27,17 +23,13 @@ export var getResizeState = function getResizeState(_ref) {
         index: index
       };
     });
-
     var _widths = _cols.map(function (col) {
       return col.width;
     });
-
     var _tableWidth = _widths.reduce(function (sum, width) {
       return sum + width;
     }, 0);
-
     var _overflow = _tableWidth > maxSize;
-
     return {
       cols: _cols,
       widths: _widths,
@@ -45,9 +37,9 @@ export var getResizeState = function getResizeState(_ref) {
       tableWidth: _tableWidth,
       overflow: _overflow
     };
-  } // Getting the resize state from DOM
-
+  }
 
+  // Getting the resize state from DOM
   var colgroupChildren = insertColgroupFromNode(tableRef, table);
   var cols = Array.from(colgroupChildren).map(function (_, index) {
     var cellsRefs = getCellsRefsInColumn(index, table, start, domAtPos);
@@ -67,8 +59,9 @@ export var getResizeState = function getResizeState(_ref) {
     tableWidth: tableWidth,
     overflow: overflow
   };
-}; // updates Colgroup DOM node with new widths
+};
 
+// updates Colgroup DOM node with new widths
 export var updateColgroup = function updateColgroup(state, tableRef) {
   var cols = tableRef.querySelectorAll('col');
   state.cols.filter(function (column) {
@@ -78,8 +71,9 @@ export var updateColgroup = function updateColgroup(state, tableRef) {
     if (cols[i]) {
       cols[i].style.width = "".concat(column.width, "px");
     }
-  }); // colgroup has updated, reflect new widths in sticky header
+  });
 
+  // colgroup has updated, reflect new widths in sticky header
   syncStickyRowToTable(tableRef);
 };
 export var getTotalWidth = function getTotalWidth(_ref2) {
@@ -87,13 +81,13 @@ export var getTotalWidth = function getTotalWidth(_ref2) {
   return cols.reduce(function (totalWidth, col) {
     return totalWidth + col.width;
   }, 0);
-}; // adjust columns to take up the total width
-// difference in total columns widths vs table width happens due to the "Math.floor"
+};
 
+// adjust columns to take up the total width
+// difference in total columns widths vs table width happens due to the "Math.floor"
 export var adjustColumnsWidths = function adjustColumnsWidths(resizeState, maxSize) {
   var totalWidth = getTotalWidth(resizeState);
   var diff = maxSize - totalWidth;
-
   if (diff > 0 || diff < 0 && Math.abs(diff) < tableCellMinWidth) {
     var updated = false;
     return _objectSpread(_objectSpread({}, resizeState), {}, {
@@ -104,12 +98,10 @@ export var adjustColumnsWidths = function adjustColumnsWidths(resizeState, maxSi
             width: col.width + diff
           });
         }
-
         return col;
       })
     });
   }
-
   return resizeState;
 };
 export var evenAllColumnsWidths = function evenAllColumnsWidths(resizeState) {
@@ -124,7 +116,6 @@ export var evenAllColumnsWidths = function evenAllColumnsWidths(resizeState) {
     cols: cols
   }), maxSize);
 };
-
 var getSpace = function getSpace(columns, start, end) {
   return columns.slice(start, end).map(function (col) {
     return col.width;
@@ -132,15 +123,15 @@ var getSpace = function getSpace(columns, start, end) {
     return sum + width;
   }, 0);
 };
-
 export var evenSelectedColumnsWidths = function evenSelectedColumnsWidths(resizeState, rect) {
   var cols = resizeState.cols;
   var selectedSpace = getSpace(cols, rect.left, rect.right);
   var allSpace = getSpace(cols, 0, cols.length);
   var allWidth = allSpace / cols.length;
-  var width = selectedSpace / (rect.right - rect.left); // Result equals even distribution of all columns -
-  // unset widths of all columns
+  var width = selectedSpace / (rect.right - rect.left);
 
+  // Result equals even distribution of all columns -
+  // unset widths of all columns
   if (allWidth === width) {
     return _objectSpread(_objectSpread({}, resizeState), {}, {
       widths: cols.map(function () {
@@ -153,7 +144,6 @@ export var evenSelectedColumnsWidths = function evenSelectedColumnsWidths(resize
       })
     });
   }
-
   return _objectSpread(_objectSpread({}, resizeState), {}, {
     widths: cols.map(function (col, i) {
       return i >= rect.left && i < rect.right ? width : col.width;
@@ -174,31 +164,26 @@ export var bulkColumnsResize = function bulkColumnsResize(resizeState, columnsIn
   var cols = resizeState.cols.map(function (col) {
     if (columnsIndexes.indexOf(col.index) > -1) {
       var diff = col.width - sourceCol.width;
-
       if (diff !== 0) {
         widthsDiffs.push(diff);
       }
-
       return _objectSpread(_objectSpread({}, col), {}, {
         width: sourceCol.width
       });
     }
-
     return col;
   });
-
   var newState = _objectSpread(_objectSpread({}, resizeState), {}, {
     cols: cols.map(function (col) {
-      if (columnsIndexes.indexOf(col.index) > -1 || // take from prev columns only if dragging the first handle to the left
+      if (columnsIndexes.indexOf(col.index) > -1 ||
+      // take from prev columns only if dragging the first handle to the left
       columnsIndexes.indexOf(sourceColumnIndex) > -1 && col.index < colIndex) {
         return col;
       }
-
       while (widthsDiffs.length) {
         var diff = widthsDiffs.shift() || 0;
         var column = seenColumns[col.index] || col;
         var maybeWidth = column.width + diff;
-
         if (maybeWidth > column.minWidth) {
           seenColumns[column.index] = _objectSpread(_objectSpread({}, column), {}, {
             width: maybeWidth
@@ -211,21 +196,21 @@ export var bulkColumnsResize = function bulkColumnsResize(resizeState, columnsIn
           break;
         }
       }
-
       return seenColumns[col.index] || col;
     })
-  }); // minimum possible table widths at the current layout
-
-
-  var minTableWidth = resizeState.maxSize; // new table widths after bulk resize
-
-  var newTotalWidth = getTotalWidth(newState); // when all columns are selected, what do we do when sum of columns widths is lower than min possible table widths?
+  });
 
+  // minimum possible table widths at the current layout
+  var minTableWidth = resizeState.maxSize;
+  // new table widths after bulk resize
+  var newTotalWidth = getTotalWidth(newState);
+  // when all columns are selected, what do we do when sum of columns widths is lower than min possible table widths?
   if (columnsIndexes.length === resizeState.cols.length && newTotalWidth < minTableWidth) {
     // table is not in overflow -> normal resize of a single column
     if (currentTableWidth === minTableWidth) {
       return resizeState;
-    } // table is in overflow: keep the dragged column at its widths and evenly distribute columns
+    }
+    // table is in overflow: keep the dragged column at its widths and evenly distribute columns
     // to recover from overflow state
     else {
       var columnWidth = Math.floor((minTableWidth - sourceCol.width) / (newState.cols.length - 1));
@@ -234,16 +219,15 @@ export var bulkColumnsResize = function bulkColumnsResize(resizeState, columnsIn
           if (col.index === sourceCol.index) {
             return col;
           }
-
           return _objectSpread(_objectSpread({}, col), {}, {
             width: columnWidth
           });
         })
       });
     }
-  } // fix total table widths by adding missing pixels to columns widths here and there
-
+  }
 
+  // fix total table widths by adding missing pixels to columns widths here and there
   return adjustColumnsWidths(newState, resizeState.maxSize);
 };
 export var areColumnsEven = function areColumnsEven(resizeState) {
@@ -251,37 +235,32 @@ export var areColumnsEven = function areColumnsEven(resizeState) {
   return newResizeState.cols.every(function (col, i) {
     return col.width === resizeState.cols[i].width;
   });
-}; // Get the layout
+};
 
+// Get the layout
 export var normaliseTableLayout = function normaliseTableLayout(input) {
   switch (input) {
     case 'wide':
       return input;
-
     case 'full-width':
       return input;
-
     default:
       return 'default';
   }
 };
 export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos, getEditorContainerWidth) {
   var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo.totalColumnCount,
-      table = _getSelectedTableInfo.table;
-
+    totalRowCount = _getSelectedTableInfo.totalRowCount,
+    totalColumnCount = _getSelectedTableInfo.totalColumnCount,
+    table = _getSelectedTableInfo.table;
   if (!table) {
     return;
   }
-
   var maybeTable = domAtPos(table.start).node;
   var tableRef = maybeTable.closest('table');
-
   if (!tableRef) {
     return;
   }
-
   var layout = normaliseTableLayout(tableRef === null || tableRef === void 0 ? void 0 : tableRef.dataset.layout);
   var maxSize = getTableMaxWidth({
     table: table.node,

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

@@ -1,9 +1,6 @@
 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 { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { getTableWidth } from '../../../utils';
@@ -17,13 +14,14 @@ export var scale = function scale(tableRef, options, domAtPos) {
    * isBreakoutEnabled === true -> default center aligned
    * isBreakoutEnabled === false -> full width mode
    */
+
   var node = options.node,
-      containerWidth = options.containerWidth,
-      previousContainerWidth = options.previousContainerWidth,
-      prevNode = options.prevNode,
-      start = options.start,
-      isBreakoutEnabled = options.isBreakoutEnabled,
-      layoutChanged = options.layoutChanged;
+    containerWidth = options.containerWidth,
+    previousContainerWidth = options.previousContainerWidth,
+    prevNode = options.prevNode,
+    start = options.start,
+    isBreakoutEnabled = options.isBreakoutEnabled,
+    layoutChanged = options.layoutChanged;
   var maxSize = getLayoutSize(node.attrs.layout, containerWidth, {
     isBreakoutEnabled: isBreakoutEnabled
   });
@@ -31,14 +29,13 @@ export var scale = function scale(tableRef, options, domAtPos) {
   var previousMaxSize = getLayoutSize(prevNode.attrs.layout, previousContainerWidth, {
     isBreakoutEnabled: isBreakoutEnabled
   });
-  var newWidth = maxSize; // adjust table width if layout is updated
+  var newWidth = maxSize;
 
+  // adjust table width if layout is updated
   var hasOverflow = prevTableWidth > previousMaxSize;
-
   if (layoutChanged && hasOverflow) {
     // No keep overflow if the old content can be in the new size
     var canFitInNewSize = prevTableWidth < maxSize;
-
     if (canFitInNewSize) {
       newWidth = maxSize;
     } else {
@@ -47,11 +44,9 @@ export var scale = function scale(tableRef, options, domAtPos) {
       newWidth = Math.floor(newWidth * overflowScale);
     }
   }
-
   if (node.attrs.isNumberColumnEnabled) {
     newWidth -= akEditorTableNumberColumnWidth;
   }
-
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: maxSize,
@@ -71,39 +66,32 @@ export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, tab
     start: start,
     domAtPos: domAtPos
   });
-
   if (table.attrs.isNumberColumnEnabled) {
     parentWidth -= akEditorTableNumberColumnWidth;
   }
-
   return scaleTableTo(resizeState, Math.floor(parentWidth));
-}; // Scales the table to a given size and updates its colgroup DOM node
+};
 
+// Scales the table to a given size and updates its colgroup DOM node
 export function scaleTableTo(state, maxSize) {
   var scaleFactor = maxSize / getTotalWidth(state);
-
   var newState = _objectSpread(_objectSpread({}, state), {}, {
     maxSize: maxSize,
     cols: state.cols.map(function (col) {
       var minWidth = col.minWidth,
-          width = col.width;
+        width = col.width;
       var newColWidth = Math.floor(width * scaleFactor);
-
       if (newColWidth < minWidth) {
         newColWidth = minWidth;
       }
-
       return _objectSpread(_objectSpread({}, col), {}, {
         width: newColWidth
       });
     })
   });
-
   var newTotalWidth = getTotalWidth(newState);
-
   if (newTotalWidth > maxSize) {
     newState = reduceSpace(newState, newTotalWidth - maxSize);
   }
-
   return adjustColumnsWidths(newState, maxSize);
 }

package/dist/esm/plugins/table/reducer.js

@@ -1,9 +1,6 @@
 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 { defaultTableSelection } from './pm-plugins/default-table-selection';
 export default (function (pluginState, action) {
   switch (action.type) {
@@ -11,51 +8,40 @@ export default (function (pluginState, action) {
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         isHeaderColumnEnabled: !pluginState.isHeaderColumnEnabled
       });
-
     case 'TOGGLE_HEADER_ROW':
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         isHeaderRowEnabled: !pluginState.isHeaderRowEnabled
       });
-
     case 'CLEAR_HOVER_SELECTION':
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), defaultTableSelection);
-
     case 'SELECT_COLUMN':
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         isContextualMenuOpen: false
       });
-
     case 'SET_TARGET_CELL_POSITION':
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         isContextualMenuOpen: false
       });
-
     case 'SET_TABLE_LAYOUT':
       return _objectSpread(_objectSpread({}, pluginState), action.data);
-
     case 'TOGGLE_CONTEXTUAL_MENU':
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         isContextualMenuOpen: !pluginState.isContextualMenuOpen
       });
-
     case 'SHOW_INSERT_ROW_BUTTON':
       if (action.data.insertRowButtonIndex === pluginState.insertRowButtonIndex) {
         return pluginState;
       }
-
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         insertColumnButtonIndex: undefined // We need to assure that column is not shown
-
       });
 
     case 'SHOW_INSERT_COLUMN_BUTTON':
       if (action.data.insertColumnButtonIndex === pluginState.insertColumnButtonIndex) {
         return pluginState;
       }
-
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         insertRowButtonIndex: undefined // We need to assure that row is not shown
-
       });
 
     case 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON':
@@ -65,22 +51,17 @@ export default (function (pluginState, action) {
           insertColumnButtonIndex: undefined
         });
       }
-
       return pluginState;
-
     case 'HIDE_RESIZE_HANDLE_LINE':
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         resizeHandleColumnIndex: undefined,
         resizeHandleRowIndex: undefined
       });
-
     case 'ADD_RESIZE_HANDLE_DECORATIONS':
       if (action.data.resizeHandleColumnIndex === pluginState.resizeHandleColumnIndex && action.data.resizeHandleRowIndex === pluginState.resizeHandleRowIndex) {
         return pluginState;
       }
-
       return _objectSpread(_objectSpread({}, pluginState), action.data);
-
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':
@@ -89,7 +70,6 @@ export default (function (pluginState, action) {
     case 'SHOW_RESIZE_HANDLE_LINE':
     case 'SET_EDITOR_FOCUS':
       return _objectSpread(_objectSpread({}, pluginState), action.data);
-
     default:
       return pluginState;
   }