@atlaskit/editor-plugin-table 1.1.1 → 1.1.3

package/dist/cjs/plugins/table/toolbar.js

@@ -1,61 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = exports.getToolbarMenuConfig = exports.getToolbarConfig = exports.getToolbarCellOptionsConfig = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
-
 var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
-
 var _commands = require("./commands");
-
 var _commandsWithAnalytics = require("./commands-with-analytics");
-
 var _pluginFactory = require("./pm-plugins/plugin-factory");
-
 var _tableResizing = require("./pm-plugins/table-resizing");
-
 var _types = require("./types");
-
 var _utils = require("./utils");
-
 var _utils2 = require("@atlaskit/editor-common/utils");
-
 var _analytics = require("@atlaskit/editor-common/analytics");
-
 var _utils3 = require("@atlaskit/editor-tables/utils");
-
 var _transforms = require("./transforms");
-
 var _messages2 = _interopRequireDefault(require("./ui/messages"));
-
 var _ContextualMenu = require("./ui/FloatingContextualMenu/ContextualMenu");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-
 var _resizeState = require("./pm-plugins/table-resizing/utils/resize-state");
-
 var _steps = require("@atlaskit/adf-schema/steps");
-
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 /** @jsx jsx */
+
 var messages = (0, _reactIntlNext.defineMessages)({
   tableOptions: {
     id: 'fabric.editor.tableOptions',
@@ -84,7 +58,6 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 exports.messages = messages;
-
 var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {
   var formatMessage = _ref.formatMessage;
   var options = [{
@@ -123,21 +96,19 @@ var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, ed
     }),
     options: options
   };
-}; // Added these options for mobile. Mobile bridge translates this menu and
+};
+
+// Added these options for mobile. Mobile bridge translates this menu and
 // relay it to the native mobile. Native mobile displays the menu
 // with native widgets. It's enabled via a plugin config.
-
-
 exports.getToolbarMenuConfig = getToolbarMenuConfig;
-
 var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorState, editorView, initialSelectionRect, _ref2, getEditorContainerWidth, editorAnalyticsAPI) {
   var _pluginState$pluginCo, _pluginState$pluginCo2;
-
   var formatMessage = _ref2.formatMessage;
   var top = initialSelectionRect.top,
-      bottom = initialSelectionRect.bottom,
-      right = initialSelectionRect.right,
-      left = initialSelectionRect.left;
+    bottom = initialSelectionRect.bottom,
+    right = initialSelectionRect.right,
+    left = initialSelectionRect.left;
   var numberOfColumns = right - left;
   var numberOfRows = bottom - top;
   var pluginState = (0, _pluginFactory.getPluginState)(editorState);
@@ -147,11 +118,9 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     onClick: function onClick(state, dispatch, view) {
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
-
       if (index) {
         (0, _commandsWithAnalytics.insertColumnWithAnalytics)(getEditorContainerWidth, editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
       }
-
       return true;
     },
     selected: false,
@@ -165,14 +134,12 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     onClick: function onClick(state, dispatch) {
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
-
       if (index) {
         (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, {
           index: index,
           moveCursorToInsertedRow: true
         })(state, dispatch);
       }
-
       return true;
     },
     selected: false,
@@ -187,11 +154,9 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     }),
     onClick: function onClick(state, dispatch, view) {
       var selectionRect = getClosestSelectionRect(state);
-
       if (selectionRect) {
         (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
       }
-
       return true;
     },
     onFocus: highlightColumnsHandler,
@@ -207,11 +172,9 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     }),
     onClick: function onClick(state, dispatch) {
       var selectionRect = getClosestSelectionRect(state);
-
       if (selectionRect) {
         (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, selectionRect, false)(state, dispatch);
       }
-
       return true;
     },
     onFocus: highlightRowsHandler,
@@ -233,22 +196,17 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     selected: false,
     disabled: !(0, _utils3.splitCell)(editorState)
   }];
-
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo = pluginState.pluginConfig) !== null && _pluginState$pluginCo !== void 0 && _pluginState$pluginCo.allowDistributeColumns) {
     var _newResizeStateWithAn;
-
     var newResizeStateWithAnalytics = editorView ? (0, _resizeState.getNewResizeStateFromSelectedColumns)(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth) : undefined;
     var wouldChange = (_newResizeStateWithAn = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
-
     var distributeColumnWidths = function distributeColumnWidths(state, dispatch) {
       if (newResizeStateWithAnalytics) {
         (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
         return true;
       }
-
       return false;
     };
-
     options.push({
       id: 'editor.table.distributeColumns',
       title: formatMessage(_ContextualMenu.messages.distributeColumns),
@@ -257,7 +215,6 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
       disabled: !wouldChange
     });
   }
-
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo2 = pluginState.pluginConfig) !== null && _pluginState$pluginCo2 !== void 0 && _pluginState$pluginCo2.allowColumnSorting) {
     var hasMergedCellsInTable = (0, _utils.getMergedCellsPositions)(editorState.tr).length > 0;
     var warning = hasMergedCellsInTable ? formatMessage(_ContextualMenu.messages.canNotSortTable) : undefined;
@@ -269,7 +226,6 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
           (0, _commands.hoverMergedCells)()(state, dispatch);
           return true;
         }
-
         return false;
       },
       onMouseOut: function onMouseOut(state, dispatch) {
@@ -292,7 +248,6 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
           (0, _commands.hoverMergedCells)()(state, dispatch);
           return true;
         }
-
         return false;
       },
       onMouseOut: function onMouseOut(state, dispatch) {
@@ -308,7 +263,6 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
       tooltip: warning
     });
   }
-
   options.push({
     id: 'editor.table.clearCells',
     title: formatMessage(_ContextualMenu.messages.clearCells, {
@@ -316,8 +270,7 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     }),
     onClick: function onClick(state, dispatch) {
       var _getPluginState = (0, _pluginFactory.getPluginState)(state),
-          targetCellPosition = _getPluginState.targetCellPosition;
-
+        targetCellPosition = _getPluginState.targetCellPosition;
       (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, targetCellPosition)(state, dispatch);
       return true;
     },
@@ -338,34 +291,27 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     showSelected: false
   };
 };
-
 exports.getToolbarCellOptionsConfig = getToolbarCellOptionsConfig;
-
 var getClosestSelectionRect = function getClosestSelectionRect(state) {
   var selection = state.selection;
   return (0, _utils3.isSelectionType)(selection, 'cell') ? (0, _utils3.getSelectionRect)(selection) : (0, _utils3.findCellRectClosestToPos)(selection.$from);
 };
-
 var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editorAnalyticsAPI, getEditorFeatureFlags, getEditorView) {
   return function (config) {
     return function (state, intl) {
       var tableObject = (0, _utils3.findTable)(state.selection);
       var pluginState = (0, _pluginFactory.getPluginState)(state);
-
       var resizeState = _tableResizing.pluginKey.getState(state);
-
       if (tableObject && pluginState.editorHasFocus) {
         var nodeType = state.schema.nodes.table;
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI);
-
         var _ref3 = getEditorFeatureFlags() || {},
-            tableCellOptionsInFloatingToolbar = _ref3.tableCellOptionsInFloatingToolbar;
-
+          tableCellOptionsInFloatingToolbar = _ref3.tableCellOptionsInFloatingToolbar;
         var cellItems = getCellItems(config, state, getEditorView(), intl, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar);
-        var colorPicker = getColorPicker(state, menu, intl, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar); // Check if we need to show confirm dialog for delete button
+        var colorPicker = getColorPicker(state, menu, intl, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar);
 
+        // Check if we need to show confirm dialog for delete button
         var confirmDialog;
-
         if ((0, _utils2.isReferencedSource)(state, tableObject.node)) {
           confirmDialog = function confirmDialog() {
             return {
@@ -387,23 +333,18 @@ var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editor
             };
           };
         }
-
         var getDomRef = function getDomRef(editorView) {
           var element;
           var domAtPos = editorView.domAtPos.bind(editorView);
           var parent = (0, _prosemirrorUtils.findParentDomRefOfType)(nodeType, domAtPos)(state.selection);
-
           if (parent) {
             var tableRef = parent.querySelector('table') || undefined;
-
             if (tableRef) {
               element = (0, _utils2.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER)) || undefined;
             }
           }
-
           return element;
         };
-
         return {
           title: 'Table floating controls',
           getDomRef: getDomRef,
@@ -411,7 +352,7 @@ var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editor
           offset: [0, 3],
           zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex + 1,
           // Place the context menu slightly above the others
-          items: [menu, separator(menu.hidden)].concat((0, _toConsumableArray2.default)(cellItems), (0, _toConsumableArray2.default)(colorPicker), [{
+          items: [menu, separator(menu.hidden)].concat(cellItems, colorPicker, [{
             type: 'extensions-placeholder',
             separator: 'end'
           }, {
@@ -445,27 +386,21 @@ var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editor
           scrollable: true
         };
       }
-
       return;
     };
   };
 };
-
 exports.getToolbarConfig = getToolbarConfig;
-
 var separator = function separator(hidden) {
   return {
     type: 'separator',
     hidden: hidden
   };
 };
-
 var getCellItems = function getCellItems(pluginConfig, state, view, _ref4, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar) {
   var formatMessage = _ref4.formatMessage;
-
   if (pluginConfig.allowCellOptionsInFloatingToolbar || tableCellOptionsInFloatingToolbar) {
     var initialSelectionRect = getClosestSelectionRect(state);
-
     if (initialSelectionRect) {
       var cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
         formatMessage: formatMessage
@@ -473,23 +408,17 @@ var getCellItems = function getCellItems(pluginConfig, state, view, _ref4, getEd
       return [cellOptions, separator(cellOptions.hidden)];
     }
   }
-
   return [];
 };
-
 var getColorPicker = function getColorPicker(state, menu, _ref5, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar) {
   var _node$attrs;
-
   var formatMessage = _ref5.formatMessage;
-
   var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
-      targetCellPosition = _getPluginState2.targetCellPosition,
-      pluginConfig = _getPluginState2.pluginConfig;
-
+    targetCellPosition = _getPluginState2.targetCellPosition,
+    pluginConfig = _getPluginState2.pluginConfig;
   if (!pluginConfig.allowBackgroundColor || !tableCellOptionsInFloatingToolbar) {
     return [];
   }
-
   var node = targetCellPosition ? state.doc.nodeAt(targetCellPosition) : undefined;
   var currentBackground = (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff';
   var defaultPalette = _uiColor.cellBackgroundColorPalette.find(function (item) {
@@ -511,41 +440,32 @@ var getColorPicker = function getColorPicker(state, menu, _ref5, getEditorContai
     }
   }, separator(menu.hidden)];
 };
-
 var clickWithCheckboxHandler = function clickWithCheckboxHandler(isChecked, node, editorAnalyticsAPI) {
   return function (state, dispatch) {
     if (!node) {
       return false;
     }
-
     if (!isChecked) {
       return (0, _commandsWithAnalytics.deleteTableWithAnalytics)(editorAnalyticsAPI)(state, dispatch);
     } else {
       (0, _commands.removeDescendantNodes)(node)(state, dispatch);
     }
-
     return true;
   };
 };
-
 var highlightRowsHandler = function highlightRowsHandler(state, dispatch) {
   var selectionRect = getClosestSelectionRect(state);
-
   if (selectionRect) {
     (0, _commands.hoverRows)((0, _utils.getSelectedRowIndexes)(selectionRect), true)(state, dispatch);
     return true;
   }
-
   return false;
 };
-
 var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch) {
   var selectionRect = getClosestSelectionRect(state);
-
   if (selectionRect) {
     (0, _commands.hoverColumns)((0, _utils.getSelectedColumnIndexes)(selectionRect), true)(state, dispatch);
     return true;
   }
-
   return false;
 };

package/dist/cjs/plugins/table/transforms/column-width.js

@@ -1,48 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateColumnWidths = exports.rescaleColumns = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-
 var _styles = require("@atlaskit/editor-common/styles");
-
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("../pm-plugins/table-resizing/utils");
-
 var _metadata = require("./metadata");
-
 var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
-
 var _misc = require("../pm-plugins/table-resizing/utils/misc");
-
 var _scaleTable = require("../pm-plugins/table-resizing/utils/scale-table");
-
+var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
+var _commonStyles = require("../ui/common-styles");
 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) { (0, _defineProperty2.default)(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; }
-
 var updateColumnWidths = function updateColumnWidths(resizeState, table, start) {
   return function (tr) {
     var map = _tableMap.TableMap.get(table);
+    var updatedCellsAttrs = {};
 
-    var updatedCellsAttrs = {}; // calculating new attributes for each cell
-
+    // calculating new attributes for each cell
     for (var columnIndex = 0; columnIndex < map.width; columnIndex++) {
       for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
         var width = resizeState.cols[columnIndex].width;
         var mapIndex = rowIndex * map.width + columnIndex;
         var cellPos = map.map[mapIndex];
-
         var attrs = updatedCellsAttrs[cellPos] || _objectSpread({}, table.nodeAt(cellPos).attrs);
-
         var colspan = attrs.colspan || 1;
-
         if (attrs.colwidth && attrs.colwidth.length > colspan) {
           tr = (0, _metadata.setMeta)({
             type: 'UPDATE_COLUMN_WIDTHS',
@@ -53,26 +41,22 @@ var updateColumnWidths = function updateColumnWidths(resizeState, table, start)
             }
           })(tr);
           attrs.colwidth = attrs.colwidth.slice(0, colspan);
-        } // Rowspanning cell that has already been handled
-
+        }
 
+        // Rowspanning cell that has already been handled
         if (rowIndex && map.map[mapIndex] === map.map[mapIndex - map.width]) {
           continue;
         }
-
         var colspanIndex = colspan === 1 ? 0 : columnIndex - map.colCount(cellPos);
-
         if (attrs.colwidth && attrs.colwidth[colspanIndex] === width) {
           continue;
         }
-
         var colwidths = attrs.colwidth ? attrs.colwidth.slice() : Array.from({
           length: colspan
         }, function (_) {
           return 0;
         });
         colwidths[colspanIndex] = width;
-
         if (colwidths.length > colspan) {
           tr = (0, _metadata.setMeta)({
             type: 'UPDATE_COLUMN_WIDTHS',
@@ -84,36 +68,29 @@ var updateColumnWidths = function updateColumnWidths(resizeState, table, start)
           })(tr);
           colwidths = colwidths.slice(0, colspan);
         }
-
         updatedCellsAttrs[cellPos] = _objectSpread(_objectSpread({}, attrs), {}, {
           colwidth: colwidths.includes(0) ? undefined : colwidths
         });
       }
-    } // updating all cells with new attributes
-
+    }
 
+    // updating all cells with new attributes
     var rows = [];
     var seen = {};
-
     for (var _rowIndex = 0; _rowIndex < map.height; _rowIndex++) {
       var row = table.child(_rowIndex);
       var cells = [];
-
       for (var _columnIndex = 0; _columnIndex < map.width; _columnIndex++) {
         var _mapIndex = _rowIndex * map.width + _columnIndex;
-
         var pos = map.map[_mapIndex];
         var cell = table.nodeAt(pos);
-
         if (!seen[pos] && cell) {
           cells.push(cell.type.createChecked(updatedCellsAttrs[pos] || cell.attrs, cell.content, cell.marks));
           seen[pos] = true;
         }
       }
-
       rows.push(row.type.createChecked(row.attrs, cells, row.marks));
     }
-
     var tablePos = start - 1;
     var selectionBookmark = tr.selection.getBookmark();
     tr.replaceWith(tablePos, tablePos + table.nodeSize, table.type.createChecked(table.attrs, rows, table.marks));
@@ -127,10 +104,10 @@ var updateColumnWidths = function updateColumnWidths(resizeState, table, start)
      *
      * @see https://github.com/ProseMirror/prosemirror/issues/645
      */
-
     return tr.setSelection(selectionBookmark.resolve(tr.doc));
   };
 };
+
 /**
  * This function is called when user inserts/deletes a column in a table to;
  * - rescale all columns (if the table did not overflow before the insertion)
@@ -141,30 +118,25 @@ var updateColumnWidths = function updateColumnWidths(resizeState, table, start)
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-
-
 exports.updateColumnWidths = updateColumnWidths;
-
 var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
   return function (table, view) {
     return function (tr) {
-      // If the table has been not been resized we skip updating the size
-      // of columns here.
-      if (!view || !(0, _utils.hasTableBeenResized)(table.node)) {
+      var _tableRef$parentEleme;
+      if (!view) {
         return tr;
       }
-
+      var pos = table.pos;
+      var newTable = tr.doc.nodeAt(pos);
       var state = view.state;
       var domAtPos = view.domAtPos.bind(view);
       var maybeTable = domAtPos(table.start).node;
       var tableRef = maybeTable.closest('table');
-
-      if (!tableRef) {
+      if (!tableRef || !newTable) {
         return tr;
       }
-
-      var layout = (0, _resizeState.normaliseTableLayout)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.dataset.layout); // The is the width the table can reach before overflowing
-
+      var layout = (0, _resizeState.normaliseTableLayout)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.dataset.layout);
+      // The is the width the table can reach before overflowing
       var maxSize = (0, _misc.getTableMaxWidth)({
         table: table.node,
         tableStart: table.start,
@@ -172,6 +144,44 @@ var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
         layout: layout,
         getEditorContainerWidth: getEditorContainerWidth
       });
+      var tableWidth = tableRef.clientWidth || _editorSharedStyles.akEditorDefaultLayoutWidth;
+      var tableMaxWidth = (tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 0;
+      tableMaxWidth -= _commonStyles.insertColumnButtonOffset;
+      var newTableMap = _tableMap.TableMap.get(newTable);
+      var noOfColumns = newTableMap.width;
+      if (!noOfColumns || noOfColumns <= 0) {
+        return tr;
+      }
+      var columnWidthUnresized = tableWidth / noOfColumns;
+
+      // If the table has not been resized, and the column width is bigger than the minimum column width
+      // we skip updating the size of columns here.
+      if (!(0, _utils.hasTableBeenResized)(table.node) && columnWidthUnresized > _styles.tableCellMinWidth) {
+        return tr;
+      }
+
+      // If the table has not been resized, and the column width is smaller than the minimum column width
+      // Or if the table has been resized, but each column width is either 48px or null
+      // we update the table to have 48px for each column
+      if (!(0, _utils.hasTableBeenResized)(table.node) && columnWidthUnresized <= _styles.tableCellMinWidth || (0, _utils.hasTableBeenResized)(table.node) && (0, _colgroup.isMinCellWidthTable)(table.node)) {
+        var widths = new Array(noOfColumns).fill(_styles.tableCellMinWidth);
+        var cols = widths.map(function (width, index) {
+          return {
+            width: _styles.tableCellMinWidth,
+            minWidth: _styles.tableCellMinWidth,
+            index: index
+          };
+        });
+        var overflow = tableWidth > maxSize;
+        var minWidthResizeState = {
+          cols: cols,
+          widths: widths,
+          maxSize: maxSize,
+          tableWidth: tableWidth,
+          overflow: overflow
+        };
+        return updateColumnWidths(minWidthResizeState, table.node, table.start)(tr);
+      }
       var resizeState = (0, _resizeState.getResizeState)({
         minWidth: _styles.tableCellMinWidth,
         table: table.node,
@@ -181,16 +191,15 @@ var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
         maxSize: maxSize
       });
       var previousTableWidth = resizeState.tableWidth - _styles.tableNewColumnMinWidth;
-      var tableDidntPreviouslyOverflow = previousTableWidth <= maxSize; // If the new table width will result in the table going into an overflow state
-      // we resize the cells to avoid the overflow occuring
+      var tableDidntPreviouslyOverflow = previousTableWidth <= Math.max(maxSize, tableMaxWidth);
 
+      // If the new table width will result in the table going into an overflow state
+      // we resize the cells to avoid the overflow occuring
       if (tableDidntPreviouslyOverflow && resizeState.overflow) {
         resizeState = (0, _scaleTable.scaleTableTo)(resizeState, maxSize);
       }
-
       return updateColumnWidths(resizeState, table.node, table.start)(tr);
     };
   };
 };
-
 exports.rescaleColumns = rescaleColumns;