@atlaskit/editor-plugin-table 2.3.1 → 2.5.0

package/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  rules: {
+    'no-duplicate-imports': 'off',
+    '@typescript-eslint/no-duplicate-imports': 'error',
+  },
+};

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 2.5.0
+
+### Minor Changes
+
+- [`22a59977bb3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22a59977bb3) - [ux] Updated ResizerNext to allow handle style overrides. Updated the table resizer to space and align the resizer handle according the the design specifications
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.4.0
+
+### Minor Changes
+
+- [`e7ed90bad7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ed90bad7c) - Remove platform feature flag calls to editor-core and pass through a new option instead for custom table widths project, allowing for simpler clean up and reference
+
 ## 2.3.1
 
 ### Patch Changes

package/dist/cjs/plugins/table/commands/go-to-next-cell.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.goToNextCell = void 0;
-var _utils = require("@atlaskit/editor-tables/utils");
-var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _utils = require("@atlaskit/editor-tables/utils");
 var _commandsWithAnalytics = require("../commands-with-analytics");
 // #region Constants
 

package/dist/cjs/plugins/table/commands/insert.js

@@ -7,13 +7,13 @@ exports.addColumnAfter = void 0;
 exports.addColumnAt = addColumnAt;
 exports.insertRow = exports.insertColumn = exports.createTable = exports.addColumnBefore = void 0;
 var _prosemirrorState = require("prosemirror-state");
-var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _steps = require("@atlaskit/adf-schema/steps");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _utils = require("@atlaskit/editor-tables/utils");
+var _columnWidth = require("../transforms/column-width");
 var _utils2 = require("../utils");
 var _getAllowAddColumnCustomStep = require("../utils/get-allow-add-column-custom-step");
-var _columnWidth = require("../transforms/column-width");
 // #region Imports
 
 // #endregion

package/dist/cjs/plugins/table/commands/misc.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.triggerUnlessTableHeader = exports.transformSliceToRemoveColumnsWidths = exports.transformSliceToAddTableHeaders = exports.transformSliceRemoveCellBackgroundColor = exports.showInsertRowButton = exports.showInsertColumnButton = exports.setTableRef = exports.setMultipleCellAttrs = exports.setEditorFocus = exports.setCellAttr = exports.selectRow = exports.selectColumn = exports.moveCursorBackward = exports.hideInsertColumnOrRowButton = exports.deleteTableIfSelected = exports.deleteTable = exports.convertFirstRowToHeader = exports.autoSizeTable = exports.addResizeHandleDecorations = exports.addBoldInEmptyHeaderCells = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _prosemirrorState = require("prosemirror-state");
-var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _utils = require("@atlaskit/editor-common/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _plugin = require("../pm-plugins/decorations/plugin");
 var _utils3 = require("../pm-plugins/decorations/utils");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
@@ -38,10 +38,10 @@ exports.setEditorFocus = setEditorFocus;
 var setTableRef = function setTableRef(ref) {
   return (0, _pluginFactory.createCommand)(function (state) {
     var tableRef = ref;
-    var foundTable = (0, _utils.findTable)(state.selection);
+    var foundTable = (0, _utils2.findTable)(state.selection);
     var tableNode = ref && foundTable ? foundTable.node : undefined;
     var tablePos = ref && foundTable ? foundTable.pos : undefined;
-    var tableWrapperTarget = (0, _utils2.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER)) || undefined;
+    var tableWrapperTarget = (0, _utils.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER)) || undefined;
     var layout = tableNode ? tableNode.attrs.layout : undefined;
     var decorationSet = (0, _updatePluginStateDecorations.updatePluginStateDecorations)(state, (0, _decoration.createColumnControlsDecoration)(state.selection), _types.TableDecorations.COLUMN_CONTROLS_DECORATIONS);
     return {
@@ -84,7 +84,7 @@ var setCellAttr = function setCellAttr(name, value) {
         return true;
       }
     } else {
-      var cell = (0, _utils.selectionCell)(state.selection);
+      var cell = (0, _utils2.selectionCell)(state.selection);
       if (cell) {
         if (dispatch) {
           var _cell$nodeAfter, _cell$nodeAfter2;
@@ -102,13 +102,13 @@ var triggerUnlessTableHeader = function triggerUnlessTableHeader(command) {
     var selection = state.selection,
       tableHeader = state.schema.nodes.tableHeader;
     if (selection instanceof _prosemirrorState.TextSelection) {
-      var cell = (0, _utils.findCellClosestToPos)(selection.$from);
+      var cell = (0, _utils2.findCellClosestToPos)(selection.$from);
       if (cell && cell.node.type !== tableHeader) {
         return command(state, dispatch, view);
       }
     }
     if (selection instanceof _cellSelection.CellSelection) {
-      var rect = (0, _utils.getSelectionRect)(selection);
+      var rect = (0, _utils2.getSelectionRect)(selection);
       if (!(0, _nodes.checkIfHeaderRowEnabled)(selection) || rect && rect.top > 0) {
         return command(state, dispatch, view);
       }
@@ -121,7 +121,7 @@ var transformSliceRemoveCellBackgroundColor = function transformSliceRemoveCellB
   var _schema$nodes = schema.nodes,
     tableCell = _schema$nodes.tableCell,
     tableHeader = _schema$nodes.tableHeader;
-  return (0, _utils2.mapSlice)(slice, function (maybeCell) {
+  return (0, _utils.mapSlice)(slice, function (maybeCell) {
     if (maybeCell.type === tableCell || maybeCell.type === tableHeader) {
       var cellAttrs = _objectSpread({}, maybeCell.attrs);
       cellAttrs.background = undefined;
@@ -136,7 +136,7 @@ var transformSliceToAddTableHeaders = function transformSliceToAddTableHeaders(s
     table = _schema$nodes2.table,
     tableHeader = _schema$nodes2.tableHeader,
     tableRow = _schema$nodes2.tableRow;
-  return (0, _utils2.mapSlice)(slice, function (maybeTable) {
+  return (0, _utils.mapSlice)(slice, function (maybeTable) {
     if (maybeTable.type === table) {
       var firstRow = maybeTable.firstChild;
       if (firstRow) {
@@ -156,7 +156,7 @@ var transformSliceToRemoveColumnsWidths = function transformSliceToRemoveColumns
   var _schema$nodes3 = schema.nodes,
     tableHeader = _schema$nodes3.tableHeader,
     tableCell = _schema$nodes3.tableCell;
-  return (0, _utils2.mapSlice)(slice, function (maybeCell) {
+  return (0, _utils.mapSlice)(slice, function (maybeCell) {
     if (maybeCell.type === tableCell || maybeCell.type === tableHeader) {
       if (!maybeCell.attrs.colwidth) {
         return maybeCell;
@@ -171,13 +171,13 @@ var transformSliceToRemoveColumnsWidths = function transformSliceToRemoveColumns
 exports.transformSliceToRemoveColumnsWidths = transformSliceToRemoveColumnsWidths;
 var deleteTable = function deleteTable(state, dispatch) {
   if (dispatch) {
-    dispatch((0, _utils.removeTable)(state.tr));
+    dispatch((0, _utils2.removeTable)(state.tr));
   }
   return true;
 };
 exports.deleteTable = deleteTable;
 var deleteTableIfSelected = function deleteTableIfSelected(state, dispatch) {
-  if ((0, _utils.isTableSelected)(state.selection)) {
+  if ((0, _utils2.isTableSelected)(state.selection)) {
     return deleteTable(state, dispatch);
   }
   return false;
@@ -185,7 +185,7 @@ var deleteTableIfSelected = function deleteTableIfSelected(state, dispatch) {
 exports.deleteTableIfSelected = deleteTableIfSelected;
 var convertFirstRowToHeader = function convertFirstRowToHeader(schema) {
   return function (tr) {
-    var table = (0, _utils.findTable)(tr.selection);
+    var table = (0, _utils2.findTable)(tr.selection);
     var map = _tableMap.TableMap.get(table.node);
     for (var i = 0; i < map.width; i++) {
       var cell = table.node.child(0).child(i);
@@ -262,16 +262,16 @@ var setMultipleCellAttrs = function setMultipleCellAttrs(attrs, targetCellPositi
   return function (state, dispatch) {
     var cursorPos;
     var tr = state.tr;
-    if ((0, _utils.isSelectionType)(tr.selection, 'cell')) {
+    if ((0, _utils2.isSelectionType)(tr.selection, 'cell')) {
       var selection = tr.selection;
       selection.forEachCell(function (_cell, pos) {
         var $pos = tr.doc.resolve(tr.mapping.map(pos + 1));
-        tr = (0, _utils.setCellAttrs)((0, _utils.findCellClosestToPos)($pos), attrs)(tr);
+        tr = (0, _utils2.setCellAttrs)((0, _utils2.findCellClosestToPos)($pos), attrs)(tr);
       });
       cursorPos = selection.$headCell.pos;
     } else if (targetCellPosition) {
-      var cell = (0, _utils.findCellClosestToPos)(tr.doc.resolve(targetCellPosition + 1));
-      tr = (0, _utils.setCellAttrs)(cell, attrs)(tr);
+      var cell = (0, _utils2.findCellClosestToPos)(tr.doc.resolve(targetCellPosition + 1));
+      tr = (0, _utils2.setCellAttrs)(cell, attrs)(tr);
       cursorPos = cell.pos;
     }
     if (tr.docChanged && cursorPos !== undefined) {
@@ -286,11 +286,11 @@ var setMultipleCellAttrs = function setMultipleCellAttrs(attrs, targetCellPositi
 exports.setMultipleCellAttrs = setMultipleCellAttrs;
 var selectColumn = function selectColumn(column, expand) {
   return (0, _pluginFactory.createCommand)(function (state) {
-    var cells = (0, _utils.getCellsInColumn)(column)(state.tr.selection);
+    var cells = (0, _utils2.getCellsInColumn)(column)(state.tr.selection);
     if (!cells || !cells.length || typeof cells[0].pos !== 'number') {
       return false;
     }
-    var decorations = (0, _decoration.createColumnSelectedDecoration)((0, _utils.selectColumn)(column, expand)(state.tr));
+    var decorations = (0, _decoration.createColumnSelectedDecoration)((0, _utils2.selectColumn)(column, expand)(state.tr));
     var decorationSet = (0, _updatePluginStateDecorations.updatePluginStateDecorations)(state, decorations, _types.TableDecorations.COLUMN_SELECTED);
     var targetCellPosition = cells[0].pos;
     return {
@@ -301,14 +301,14 @@ var selectColumn = function selectColumn(column, expand) {
       }
     };
   }, function (tr) {
-    return (0, _utils.selectColumn)(column, expand)(tr).setMeta('addToHistory', false);
+    return (0, _utils2.selectColumn)(column, expand)(tr).setMeta('addToHistory', false);
   });
 };
 exports.selectColumn = selectColumn;
 var selectRow = function selectRow(row, expand) {
   return (0, _pluginFactory.createCommand)(function (state) {
     var targetCellPosition;
-    var cells = (0, _utils.getCellsInRow)(row)(state.tr.selection);
+    var cells = (0, _utils2.getCellsInRow)(row)(state.tr.selection);
     if (cells && cells.length) {
       targetCellPosition = cells[0].pos;
     }
@@ -319,7 +319,7 @@ var selectRow = function selectRow(row, expand) {
       }
     };
   }, function (tr) {
-    return (0, _utils.selectRow)(row, expand)(tr).setMeta('addToHistory', false);
+    return (0, _utils2.selectRow)(row, expand)(tr).setMeta('addToHistory', false);
   });
 };
 exports.selectRow = selectRow;
@@ -359,7 +359,7 @@ var hideInsertColumnOrRowButton = function hideInsertColumnOrRowButton() {
 exports.hideInsertColumnOrRowButton = hideInsertColumnOrRowButton;
 var addResizeHandleDecorations = function addResizeHandleDecorations(rowIndex, columnIndex) {
   return (0, _pluginFactory.createCommand)(function (state) {
-    var tableNode = (0, _utils.findTable)(state.selection);
+    var tableNode = (0, _utils2.findTable)(state.selection);
     var _getPluginState = (0, _pluginFactory.getPluginState)(state),
       allowColumnResizing = _getPluginState.pluginConfig.allowColumnResizing;
     if (!tableNode || !allowColumnResizing) {
@@ -394,7 +394,7 @@ var addBoldInEmptyHeaderCells = function addBoldInEmptyHeaderCells(tableCellHead
     var tr = state.tr;
     if (
     // Avoid infinite loop when the current selection is not a TextSelection
-    (0, _utils2.isTextSelection)(tr.selection) && tr.selection.$cursor &&
+    (0, _utils.isTextSelection)(tr.selection) && tr.selection.$cursor &&
     // When storedMark is null that means this is the initial state
     // if the user press to remove the mark storedMark will be an empty array
     // and we shouldn't apply the strong mark
@@ -402,7 +402,7 @@ var addBoldInEmptyHeaderCells = function addBoldInEmptyHeaderCells(tableCellHead
     // Check if the current node is a direct child from paragraph
     tr.selection.$from.depth === tableCellHeader.depth + 1 &&
     // this logic is applied only for empty paragraph
-    tableCellHeader.node.nodeSize === 4 && (0, _utils2.isParagraph)(tableCellHeader.node.firstChild, state.schema)) {
+    tableCellHeader.node.nodeSize === 4 && (0, _utils.isParagraph)(tableCellHeader.node.firstChild, state.schema)) {
       var strong = state.schema.marks.strong;
       tr.setStoredMarks([strong.create()]).setMeta('addToHistory', false);
       if (dispatch) {

package/dist/cjs/plugins/table/commands/referentiality.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeDescendantNodes = void 0;
-var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _utils = require("@atlaskit/editor-common/utils");
+var _pluginFactory = require("../pm-plugins/plugin-factory");
 var removeDescendantNodes = function removeDescendantNodes(sourceNode) {
   return (0, _pluginFactory.createCommand)({
     type: 'UPDATE_STATE',

package/dist/cjs/plugins/table/commands/selection.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.arrowRightFromTable = exports.arrowLeftFromTable = exports.TableSelectionDirection = void 0;
 var _prosemirrorState = require("prosemirror-state");
-var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _selection = require("@atlaskit/editor-common/selection");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _selection = require("@atlaskit/editor-common/selection");
 var TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
   TableSelectionDirection["BottomToTop"] = "BottomToTop";

package/dist/cjs/plugins/table/commands/sort.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sortByColumn = void 0;
 var _prosemirrorState = require("prosemirror-state");
+var _steps = require("@atlaskit/adf-schema/steps");
+var _utils = require("@atlaskit/editor-common/utils");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
-var _steps = require("@atlaskit/adf-schema/steps");
 var createGetInlineCardTextFromStore = function createGetInlineCardTextFromStore(attrs) {
   var _ref = attrs,
     data = _ref.data;
@@ -33,21 +33,21 @@ var sortByColumn = function sortByColumn(columnIndex) {
       }
     };
   }, function (tr, state) {
-    var table = (0, _utils.findTable)(tr.selection);
+    var table = (0, _utils2.findTable)(tr.selection);
     if (!table || !table.node) {
       return tr;
     }
-    var selectionRect = (0, _utils.isSelectionType)(tr.selection, 'cell') ? (0, _utils.getSelectionRect)(tr.selection) : (0, _utils.findCellRectClosestToPos)(tr.selection.$from);
+    var selectionRect = (0, _utils2.isSelectionType)(tr.selection, 'cell') ? (0, _utils2.getSelectionRect)(tr.selection) : (0, _utils2.findCellRectClosestToPos)(tr.selection.$from);
     if (!selectionRect) {
       return tr;
     }
     var tablePluginState = (0, _pluginFactory.getPluginState)(state);
-    var tableArray = (0, _utils.convertTableNodeToArrayOfRows)(table.node);
+    var tableArray = (0, _utils2.convertTableNodeToArrayOfRows)(table.node);
     var headerRow;
     if (tablePluginState.isHeaderRowEnabled) {
       headerRow = tableArray.shift();
     }
-    var compareNodesInOrder = (0, _utils2.createCompareNodes)({
+    var compareNodesInOrder = (0, _utils.createCompareNodes)({
       getInlineCardTextFromStore: createGetInlineCardTextFromStore
     }, order);
     var sortedTable = tableArray.sort(function (rowA, rowB) {
@@ -56,7 +56,7 @@ var sortByColumn = function sortByColumn(columnIndex) {
     if (headerRow) {
       sortedTable.unshift(headerRow);
     }
-    var newTableNode = (0, _utils.convertArrayOfRowsToTableNode)(table.node, sortedTable);
+    var newTableNode = (0, _utils2.convertArrayOfRowsToTableNode)(table.node, sortedTable);
     tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTableNode);
     var pos = _tableMap.TableMap.get(table.node).positionAt(selectionRect.top, columnIndex, table.node);
     var prev = tablePluginState.ordering;

package/dist/cjs/plugins/table/commands-with-analytics.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.wrapTableInExpandWithAnalytics = exports.toggleTableLayoutWithAnalytics = exports.toggleNumberColumnWithAnalytics = exports.toggleHeaderRowWithAnalytics = exports.toggleHeaderColumnWithAnalytics = exports.splitCellWithAnalytics = exports.sortColumnWithAnalytics = exports.setColorWithAnalytics = exports.mergeCellsWithAnalytics = exports.insertRowWithAnalytics = exports.insertColumnWithAnalytics = exports.emptyMultipleCellsWithAnalytics = exports.distributeColumnsWidthsWithAnalytics = exports.deleteTableWithAnalytics = exports.deleteTableIfSelectedWithAnalytics = exports.deleteRowsWithAnalytics = exports.deleteColumnsWithAnalytics = exports.addRowAroundSelection = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+var _utils = require("@atlaskit/editor-tables/utils");
 var _clear = require("./commands/clear");
 var _collapse = require("./commands/collapse");
 var _insert = require("./commands/insert");
@@ -17,8 +17,8 @@ var _misc = require("./commands/misc");
 var _sort = require("./commands/sort");
 var _splitCell = require("./commands/split-cell");
 var _toggle = require("./commands/toggle");
-var _commands = require("./pm-plugins/table-resizing/commands");
 var _pluginFactory = require("./pm-plugins/plugin-factory");
+var _commands = require("./pm-plugins/table-resizing/commands");
 var _transforms = require("./transforms");
 var _utils2 = require("./utils");
 var _analytics2 = require("./utils/analytics");

package/dist/cjs/plugins/table/event-handlers.js

@@ -9,11 +9,11 @@ exports.handleTripleClick = handleTripleClick;
 exports.whenTableInFocus = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _prosemirrorState = require("prosemirror-state");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _commands = require("./commands");
 var _pluginFactory = require("./pm-plugins/plugin-factory");
 var _pluginFactory2 = require("./pm-plugins/table-resizing/plugin-factory");
@@ -35,7 +35,7 @@ var handleBlur = function handleBlur(view, event) {
     dispatch = view.dispatch;
   // IE version check for ED-4665
   // Calendar focus check for ED-10466
-  if (_utils2.browser.ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event) && !isFocusingFloatingToolbar(event)) {
+  if (_utils.browser.ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event) && !isFocusingFloatingToolbar(event)) {
     (0, _commands.setEditorFocus)(false)(state, dispatch);
   }
   event.preventDefault();
@@ -55,7 +55,7 @@ var handleClick = function handleClick(view, event) {
     return false;
   }
   var element = event.target;
-  var table = (0, _utils.findTable)(view.state.selection);
+  var table = (0, _utils2.findTable)(view.state.selection);
   if (event instanceof MouseEvent && (0, _utils3.isColumnControlsDecorations)(element)) {
     var _getColumnOrRowIndex = (0, _utils3.getColumnOrRowIndex)(element),
       _getColumnOrRowIndex2 = (0, _slicedToArray2.default)(_getColumnOrRowIndex, 1),
@@ -67,15 +67,15 @@ var handleClick = function handleClick(view, event) {
   var matchfn = element.matches ? element.matches : element.msMatchesSelector;
 
   // check if the table cell with an image is clicked and its not the image itself
-  if (!table || !(0, _utils2.isElementInTableCell)(element) || !matchfn || matchfn.call(element, 'table .image, table p, table .image div')) {
+  if (!table || !(0, _utils.isElementInTableCell)(element) || !matchfn || matchfn.call(element, 'table .image, table p, table .image div')) {
     return false;
   }
   var map = _tableMap.TableMap.get(table.node);
 
   /** Getting the offset of current item clicked */
-  var colElement = (0, _utils2.closestElement)(element, 'td') || (0, _utils2.closestElement)(element, 'th');
+  var colElement = (0, _utils.closestElement)(element, 'td') || (0, _utils.closestElement)(element, 'th');
   var colIndex = colElement && colElement.cellIndex;
-  var rowElement = (0, _utils2.closestElement)(element, 'tr');
+  var rowElement = (0, _utils.closestElement)(element, 'tr');
   var rowIndex = rowElement && rowElement.rowIndex;
   var cellIndex = map.width * rowIndex + colIndex;
   var dispatch = view.dispatch,
@@ -88,11 +88,11 @@ var handleClick = function handleClick(view, event) {
   }
   var editorElement = table.node.nodeAt(cellPos);
   /** Only if the last item is media group, insert a paragraph */
-  if ((0, _utils2.isLastItemMediaGroup)(editorElement)) {
+  if ((0, _utils.isLastItemMediaGroup)(editorElement)) {
     var posInTable = map.map[cellIndex] + editorElement.nodeSize;
     tr.insert(posInTable + table.pos, paragraph.create());
     dispatch(tr);
-    (0, _utils2.setNodeSelection)(view, posInTable + table.pos);
+    (0, _utils.setNodeSelection)(view, posInTable + table.pos);
   }
   return true;
 };
@@ -234,9 +234,9 @@ var handleMouseMove = function handleMouseMove(getEditorFeatureFlags) {
         var _getPluginState5 = (0, _pluginFactory.getPluginState)(_state4),
           resizeHandleColumnIndex = _getPluginState5.resizeHandleColumnIndex,
           resizeHandleRowIndex = _getPluginState5.resizeHandleRowIndex;
-        var tableCell = (0, _utils2.closestElement)(element, 'td, th');
+        var tableCell = (0, _utils.closestElement)(element, 'td, th');
         var cellStartPosition = view.posAtDOM(tableCell, 0);
-        var rect = (0, _utils.findCellRectClosestToPos)(_state4.doc.resolve(cellStartPosition));
+        var rect = (0, _utils2.findCellRectClosestToPos)(_state4.doc.resolve(cellStartPosition));
         if (rect) {
           var columnEndIndexTarget = _positionColumn === 'left' ? rect.left : rect.right;
           var rowIndexTarget = rect.top;
@@ -256,7 +256,7 @@ exports.handleMouseMove = handleMouseMove;
 function handleTripleClick(view, pos) {
   var state = view.state,
     dispatch = view.dispatch;
-  var $cellPos = (0, _utils.cellAround)(state.doc.resolve(pos));
+  var $cellPos = (0, _utils2.cellAround)(state.doc.resolve(pos));
   if (!$cellPos) {
     return false;
   }
@@ -280,7 +280,7 @@ var handleCut = function handleCut(oldTr, oldState, newState, editorAnalyticsAPI
     var cellSelection = new _cellSelection.CellSelection($anchorCell, $headCell);
     tr.setSelection(cellSelection);
     if (tr.selection instanceof _cellSelection.CellSelection) {
-      var rect = (0, _utils.getSelectionRect)(cellSelection);
+      var rect = (0, _utils2.getSelectionRect)(cellSelection);
       if (rect) {
         var _getSelectedCellInfo = (0, _utils3.getSelectedCellInfo)(tr.selection),
           verticalCells = _getSelectedCellInfo.verticalCells,
@@ -308,7 +308,7 @@ var handleCut = function handleCut(oldTr, oldState, newState, editorAnalyticsAPI
         if (tr.selection instanceof _cellSelection.CellSelection) {
           var isTableSelected = tr.selection.isRowSelection() && tr.selection.isColSelection();
           if (isTableSelected) {
-            tr = (0, _utils.removeTable)(tr);
+            tr = (0, _utils2.removeTable)(tr);
           } else if (tr.selection.isRowSelection()) {
             var _getPluginState6 = (0, _pluginFactory.getPluginState)(newState),
               isHeaderRowRequired = _getPluginState6.pluginConfig.isHeaderRowRequired;

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

@@ -7,17 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleDocOrSelectionChanged = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _prosemirrorUtils = require("prosemirror-utils");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
-var _collapse = require("./utils/collapse");
+var _steps = require("@atlaskit/adf-schema/steps");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _defaultTableSelection = require("./pm-plugins/default-table-selection");
 var _tableResizing = require("./pm-plugins/table-resizing");
-var _steps = require("@atlaskit/adf-schema/steps");
+var _collapse = require("./utils/collapse");
 var _nodes = require("./utils/nodes");
 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; } // #region Imports
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
-// #endregion
 var nextTableSorting = function nextTableSorting(tr, table) {
   var tableSortStep = tr.steps.find(function (step) {
     return step instanceof _steps.TableSortStep;
@@ -58,7 +57,7 @@ var updateTableNodePluginState = function updateTableNodePluginState(_ref2) {
     table = _ref2.table;
   return function (pluginState) {
     var tableNode = table && table.node;
-    if (!tableNode || (0, _utils2.isTextInput)(tr)) {
+    if (!tableNode || (0, _utils.isTextInput)(tr)) {
       return pluginState;
     }
     return _objectSpread(_objectSpread(_objectSpread({}, pluginState), _defaultTableSelection.defaultTableSelection), {}, {
@@ -122,7 +121,7 @@ var buildPluginState = function buildPluginState(builders) {
 var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr, pluginState) {
   return buildPluginState([updateTargetCellPosition, updateTableNodePluginState, updateCollapseHandler])({
     tr: tr,
-    table: (0, _utils.findTable)(tr.selection)
+    table: (0, _utils2.findTable)(tr.selection)
   })(pluginState);
 };
 exports.handleDocOrSelectionChanged = handleDocOrSelectionChanged;

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

@@ -6,27 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _adfSchema = require("@atlaskit/adf-schema");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
+var _icons = require("@atlaskit/editor-common/icons");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
+var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
 var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _icons = require("@atlaskit/editor-common/icons");
 var _createPluginConfig = require("./create-plugin-config");
-var _tableLocalId = require("./pm-plugins/table-local-id");
-var _tableWidth = require("./pm-plugins/table-width");
-var _safariDeleteCompositionTextIssueWorkaround = require("./pm-plugins/safari-delete-composition-text-issue-workaround");
 var _plugin = require("./pm-plugins/decorations/plugin");
 var _keymap = require("./pm-plugins/keymap");
-var _tableSelectionKeymap = require("./pm-plugins/table-selection-keymap");
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
+var _safariDeleteCompositionTextIssueWorkaround = require("./pm-plugins/safari-delete-composition-text-issue-workaround");
 var _stickyHeaders = require("./pm-plugins/sticky-headers");
+var _tableLocalId = require("./pm-plugins/table-local-id");
 var _tableResizing = require("./pm-plugins/table-resizing");
+var _tableSelectionKeymap = require("./pm-plugins/table-selection-keymap");
+var _tableWidth = require("./pm-plugins/table-width");
 var _toolbar = require("./toolbar");
 var _FloatingContextualButton = _interopRequireDefault(require("./ui/FloatingContextualButton"));
 var _FloatingContextualMenu = _interopRequireDefault(require("./ui/FloatingContextualMenu"));
@@ -34,8 +35,6 @@ var _FloatingDeleteButton = _interopRequireDefault(require("./ui/FloatingDeleteB
 var _FloatingInsertButton = _interopRequireDefault(require("./ui/FloatingInsertButton"));
 var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
 var _utils3 = require("./utils");
-var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
@@ -74,7 +73,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
       }
     },
     nodes: function nodes() {
-      var tableNode = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? _adfSchema.tableWithCustomWidth : _adfSchema.table;
+      var tableNode = options !== null && options !== void 0 && options.tableResizingEnabled ? _adfSchema.tableWithCustomWidth : _adfSchema.table;
       return [{
         name: 'table',
         node: tableNode
@@ -100,10 +99,11 @@ var tablesPlugin = function tablesPlugin(options, api) {
           var _ref2 = options || {},
             fullWidthEnabled = _ref2.fullWidthEnabled,
             wasFullWidthEnabled = _ref2.wasFullWidthEnabled,
+            tableResizingEnabled = _ref2.tableResizingEnabled,
             breakoutEnabled = _ref2.breakoutEnabled,
             tableOptions = _ref2.tableOptions,
             getEditorFeatureFlags = _ref2.getEditorFeatureFlags;
-          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api);
+          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, tableResizingEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api);
         }
       }, {
         name: 'tablePMColResizing',
@@ -176,7 +176,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
         plugin: function plugin(_ref8) {
           var _options$fullWidthEna;
           var dispatch = _ref8.dispatch;
-          return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? (0, _tableWidth.createPlugin)(dispatch, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false) : undefined;
+          return options !== null && options !== void 0 && options.tableResizingEnabled ? (0, _tableWidth.createPlugin)(dispatch, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false) : undefined;
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',
@@ -247,7 +247,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
             tableWrapperTarget = _ref11.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? (0, _stickyHeaders.findStickyHeaderForTable)(stickyHeadersState, tablePos) : undefined;
-          var LayoutContent = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? null : (0, _utils3.isLayoutSupported)(state) && options && options.breakoutEnabled ? /*#__PURE__*/_react.default.createElement(_LayoutButton.default, {
+          var LayoutContent = options && !options.tableResizingEnabled && (0, _utils3.isLayoutSupported)(state) && options.breakoutEnabled ? /*#__PURE__*/_react.default.createElement(_LayoutButton.default, {
             editorView: editorView,
             mountPoint: popupsMountPoint,
             boundariesElement: popupsBoundariesElement,