@atlaskit/editor-plugin-table 7.6.13 → 7.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-table
 
+## 7.7.0
+
+### Minor Changes
+
+- [#86368](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86368) [`d07ec8d13230`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d07ec8d13230) - [ux] Remove the custom table width platform flag and remove Layout/Breakout button
+
+## 7.6.14
+
+### Patch Changes
+
+- [#89135](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89135) [`134b3db4945d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/134b3db4945d) - fix drag menu flicker issue
+
 ## 7.6.13
 
 ### Patch Changes

package/dist/cjs/commands/misc.js

@@ -38,7 +38,6 @@ var setTableRef = exports.setTableRef = function setTableRef(ref) {
     var tableNode = ref && foundTable ? foundTable.node : undefined;
     var tablePos = ref && foundTable ? foundTable.pos : undefined;
     var tableWrapperTarget = (0, _utils.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER)) || undefined;
-    var layout = tableNode ? tableNode.attrs.layout : undefined;
     var _getPluginState = (0, _pluginFactory.getPluginState)(state),
       isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
     return {
@@ -48,7 +47,6 @@ var setTableRef = exports.setTableRef = function setTableRef(ref) {
         tableNode: tableNode,
         tablePos: tablePos,
         tableWrapperTarget: tableWrapperTarget,
-        layout: layout || 'default',
         isNumberColumnEnabled: (0, _nodes.checkIfNumberColumnEnabled)(state.selection),
         isHeaderRowEnabled: (0, _nodes.checkIfHeaderRowEnabled)(state.selection),
         isHeaderColumnEnabled: (0, _nodes.checkIfHeaderColumnEnabled)(state.selection),

package/dist/cjs/nodeviews/OverflowShadowsObserver.js

@@ -9,9 +9,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../types");
-var _consts = require("../ui/consts");
 var _updateOverflowShadows = require("./update-overflow-shadows");
 var OverflowShadowsObserver = exports.OverflowShadowsObserver = /*#__PURE__*/function () {
   // updateShadowState is a method to update shadow key
@@ -43,7 +41,7 @@ var OverflowShadowsObserver = exports.OverflowShadowsObserver = /*#__PURE__*/fun
         }, {
           threshold: [0, 1],
           root: _this.wrapper,
-          rootMargin: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? '0px' : "0px ".concat(_consts.tableInsertColumnButtonSize / 2, "px 0px 0px")
+          rootMargin: '0px'
         });
         return;
       }

package/dist/cjs/nodeviews/TableComponent.js

@@ -135,16 +135,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var node = getNode();
       var prevAttrs = prevNode.attrs;
       var isNested = (0, _utils5.isTableNested)(_this.props.view.state, _this.props.getPos());
-      // We only consider a layout change valid if it's done outside of an autoSize.
-      var layoutChanged = prevAttrs.layout !== node.attrs.layout && prevAttrs.__autoSize === node.attrs.__autoSize;
       var parentWidth = _this.getParentNodeWidth();
       var parentWidthChanged = parentWidth && parentWidth !== _this.state.parentWidth;
       var layoutSize = _this.tableNodeLayoutSize(node, containerWidth.width, options);
       var hasNumberedColumnChanged = prevAttrs.isNumberColumnEnabled !== node.attrs.isNumberColumnEnabled;
       var noOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(node, prevNode);
       if (
-      // Breakout mode/layout changed
-      layoutChanged ||
       // We need to react if our parent changes
       // Scales the cols widths relative to the new parent width.
       parentWidthChanged ||
@@ -158,8 +154,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // If column has been inserted/deleted avoid multi dispatch
         if (shouldScaleTable) {
           _this.scaleTable({
-            parentWidth: parentWidth,
-            layoutChanged: layoutChanged
+            parentWidth: parentWidth
           });
         }
 
@@ -167,8 +162,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         if (options !== null && options !== void 0 && options.isTableResizingEnabled && hasNumberedColumnChanged) {
           if (!(0, _colgroup.hasTableBeenResized)(prevNode)) {
             _this.scaleTable({
-              parentWidth: node.attrs.width,
-              layoutChanged: layoutChanged
+              parentWidth: node.attrs.width
             });
           }
         }
@@ -246,21 +240,16 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
     });
     (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "handleWindowResize", function () {
-      var _node$attrs, _node$attrs2;
       var _this$props5 = _this.props,
         getNode = _this$props5.getNode,
         containerWidth = _this$props5.containerWidth;
       var node = getNode();
-      var prevNode = _this.node;
       var layoutSize = _this.tableNodeLayoutSize(node);
-      var prevAttrs = prevNode === null || prevNode === void 0 ? void 0 : prevNode.attrs;
-      var layoutChanged = (prevAttrs === null || prevAttrs === void 0 ? void 0 : prevAttrs.layout) !== (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) && (prevAttrs === null || prevAttrs === void 0 ? void 0 : prevAttrs.__autoSize) === (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.__autoSize);
       if (containerWidth.width > layoutSize) {
         return;
       }
       var parentWidth = _this.getParentNodeWidth();
       _this.scaleTableDebounced({
-        layoutChanged: layoutChanged,
         parentWidth: parentWidth
       });
     });
@@ -713,7 +702,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         node: node,
         tableRef: tableRef,
         containerWidth: containerWidth,
-        isBreakoutEnabled: options === null || options === void 0 ? void 0 : options.isBreakoutEnabled,
         isNested: isNested,
         pluginInjectionApi: pluginInjectionApi,
         tableWrapperHeight: this.state.tableWrapperHeight,
@@ -784,10 +772,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }), this.state.stickyHeader && /*#__PURE__*/_react.default.createElement("div", {
         style: {
           position: 'absolute',
-          right: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
-          :
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          '22px'
+          right: "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(_types.TableCssClassName.TABLE_RIGHT_SHADOW, " ").concat(_types.TableCssClassName.TABLE_STICKY_SHADOW),

package/dist/cjs/nodeviews/TableContainer.js

@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
-var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../pm-plugins/table-resizing/utils");
@@ -22,16 +21,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getMarginLeft = function getMarginLeft(lineLength, tableWidth) {
-  var marginLeft;
-  if (tableWidth !== 'inherit' && lineLength) {
-    var containerWidth = tableWidth;
-    if (containerWidth) {
-      marginLeft = (lineLength - containerWidth) / 2;
-    }
-  }
-  return marginLeft;
-};
 var InnerContainer = exports.InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
@@ -174,11 +163,8 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref3) {
   var children = _ref3.children,
     node = _ref3.node,
     className = _ref3.className,
-    _ref3$containerWidth = _ref3.containerWidth,
-    lineLength = _ref3$containerWidth.lineLength,
-    editorWidth = _ref3$containerWidth.width,
+    editorWidth = _ref3.containerWidth.width,
     isTableResizingEnabled = _ref3.isTableResizingEnabled,
-    isBreakoutEnabled = _ref3.isBreakoutEnabled,
     editorView = _ref3.editorView,
     getPos = _ref3.getPos,
     tableRef = _ref3.tableRef,
@@ -203,15 +189,13 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref3) {
       isWholeTableInDanger: isWholeTableInDanger
     }, children);
   }
-  var tableWidth = isBreakoutEnabled ? (0, _styles.calcTableWidth)(node.attrs.layout, editorWidth) : 'inherit';
   return /*#__PURE__*/_react.default.createElement(InnerContainer, {
     node: node,
     className: (0, _classnames.default)(className, {
       'less-padding': editorWidth < _editorSharedStyles.akEditorMobileBreakoutPoint && !isNested
     }),
     style: {
-      width: tableWidth,
-      marginLeft: getMarginLeft(lineLength, tableWidth)
+      width: 'inherit'
     }
   }, children);
 };

package/dist/cjs/nodeviews/table.js

@@ -279,7 +279,6 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
 var createTableView = exports.createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi) {
   var _getPluginState2 = (0, _pluginFactory.getPluginState)(view.state),
     pluginConfig = _getPluginState2.pluginConfig,
-    isBreakoutEnabled = _getPluginState2.isBreakoutEnabled,
     isFullWidthModeEnabled = _getPluginState2.isFullWidthModeEnabled,
     wasFullWidthModeEnabled = _getPluginState2.wasFullWidthModeEnabled,
     isTableResizingEnabled = _getPluginState2.isTableResizingEnabled,
@@ -298,7 +297,6 @@ var createTableView = exports.createTableView = function createTableView(node, v
     eventDispatcher: eventDispatcher,
     getPos: getPos,
     options: {
-      isBreakoutEnabled: isBreakoutEnabled,
       isFullWidthModeEnabled: isFullWidthModeEnabled,
       wasFullWidthModeEnabled: wasFullWidthModeEnabled,
       isTableResizingEnabled: isTableResizingEnabled,

package/dist/cjs/plugin.js

@@ -40,7 +40,6 @@ var _FloatingContextualMenu = _interopRequireDefault(require("./ui/FloatingConte
 var _FloatingDeleteButton = _interopRequireDefault(require("./ui/FloatingDeleteButton"));
 var _FloatingDragMenu = _interopRequireDefault(require("./ui/FloatingDragMenu"));
 var _FloatingInsertButton = _interopRequireDefault(require("./ui/FloatingInsertButton"));
-var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
 var _utils2 = require("./utils");
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
@@ -117,10 +116,9 @@ var tablesPlugin = function tablesPlugin(_ref) {
       insertTableWithSize: (0, _insert.insertTableWithSize)(options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
     },
     nodes: function nodes() {
-      var tableNode = options !== null && options !== void 0 && options.tableResizingEnabled ? _adfSchema.tableWithCustomWidth : _adfSchema.table;
       return [{
         name: 'table',
-        node: tableNode
+        node: _adfSchema.table
       }, {
         name: 'tableHeader',
         node: _adfSchema.tableHeader
@@ -145,12 +143,11 @@ var tablesPlugin = function tablesPlugin(_ref) {
             fullWidthEnabled = _ref3.fullWidthEnabled,
             wasFullWidthEnabled = _ref3.wasFullWidthEnabled,
             tableResizingEnabled = _ref3.tableResizingEnabled,
-            breakoutEnabled = _ref3.breakoutEnabled,
             tableOptions = _ref3.tableOptions,
             getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
             dragAndDropEnabled = _ref3.dragAndDropEnabled,
             isTableScalingEnabled = _ref3.isTableScalingEnabled;
-          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, breakoutEnabled, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled);
+          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled);
         }
       }, {
         name: 'tablePMColResizing',
@@ -312,7 +309,6 @@ var tablesPlugin = function tablesPlugin(_ref) {
             tablePluginState = _ref17.tablePluginState,
             tableWidthPluginState = _ref17.tableWidthPluginState,
             dragAndDropState = _ref17.dragAndDropState;
-          var state = editorView.state;
           var isColumnResizing = resizingPluginState === null || resizingPluginState === void 0 ? void 0 : resizingPluginState.dragging;
           var isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
           var isResizing = isColumnResizing || isTableResizing;
@@ -321,7 +317,6 @@ var tablesPlugin = function tablesPlugin(_ref) {
             tablePos = _ref18.tablePos,
             targetCellPosition = _ref18.targetCellPosition,
             isContextualMenuOpen = _ref18.isContextualMenuOpen,
-            layout = _ref18.layout,
             tableRef = _ref18.tableRef,
             pluginConfig = _ref18.pluginConfig,
             insertColumnButtonIndex = _ref18.insertColumnButtonIndex,
@@ -332,17 +327,6 @@ var tablesPlugin = function tablesPlugin(_ref) {
             tableWrapperTarget = _ref18.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? (0, _stickyHeaders.findStickyHeaderForTable)(stickyHeadersState, tablePos) : undefined;
-          var LayoutContent = options && !options.tableResizingEnabled && (0, _utils2.isLayoutSupported)(state) && options.breakoutEnabled ? /*#__PURE__*/_react.default.createElement(_LayoutButton.default, {
-            editorView: editorView,
-            mountPoint: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            scrollableElement: popupsScrollableElement,
-            targetRef: tableWrapperTarget,
-            layout: layout,
-            isResizing: !!resizingPluginState && !!resizingPluginState.dragging,
-            stickyHeader: stickyHeader,
-            editorAnalyticsAPI: editorAnalyticsAPI
-          }) : null;
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, targetCellPosition && tableRef && !isResizing && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
             editorView: editorView,
@@ -352,7 +336,6 @@ var tablesPlugin = function tablesPlugin(_ref) {
             scrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
             isContextualMenuOpen: isContextualMenuOpen,
-            layout: layout,
             stickyHeader: stickyHeader,
             tableWrapper: tableWrapperTarget
           }), allowControls && /*#__PURE__*/_react.default.createElement(_FloatingInsertButton.default, {
@@ -405,7 +388,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
             stickyHeaders: stickyHeader,
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
             editorAnalyticsAPI: editorAnalyticsAPI
-          }), LayoutContent);
+          }));
         }
       }));
     },

package/dist/cjs/pm-plugins/main.js

@@ -32,7 +32,7 @@ var _pluginFactory = require("./plugin-factory");
 var _pluginKey = require("./plugin-key");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, breakoutEnabled, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled) {
+var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled) {
   var _accessibilityUtils;
   var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -40,7 +40,6 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
     insertColumnButtonIndex: undefined,
     insertRowButtonIndex: undefined,
     isFullWidthModeEnabled: fullWidthModeEnabled,
-    isBreakoutEnabled: breakoutEnabled,
     wasFullWidthModeEnabled: previousFullWidthModeEnabled,
     isTableResizingEnabled: tableResizingEnabled,
     isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,

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

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleMouseDown = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -50,25 +48,13 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
   if (dom && dom.nodeName !== 'TABLE') {
     dom = dom.closest('table');
   }
-  var maxSize;
-  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-column-resizing_emcvz')) {
-    var containerWidth = getEditorContainerWidth();
-    var parentWidth = (0, _nodeWidth.getParentNodeWidth)(start, state, containerWidth);
-    maxSize = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? parentWidth ||
-    // its safe to reference table width from node as this will not have changed
-    originalTable.attrs.width || (0, _utils3.getLayoutSize)(dom.getAttribute('data-layout'), containerWidth.width, {}) : parentWidth || (0, _utils3.getLayoutSize)(dom.getAttribute('data-layout'), containerWidth.width, {});
-    if (originalTable.attrs.isNumberColumnEnabled) {
-      maxSize -= _editorSharedStyles.akEditorTableNumberColumnWidth;
-    }
-  } else {
-    maxSize = (0, _utils3.getTableMaxWidth)({
-      table: originalTable,
-      tableStart: start,
-      state: state,
-      layout: originalTable.attrs.layout,
-      getEditorContainerWidth: getEditorContainerWidth
-    });
-  }
+  var maxSize = (0, _utils3.getTableMaxWidth)({
+    table: originalTable,
+    tableStart: start,
+    state: state,
+    layout: originalTable.attrs.layout,
+    getEditorContainerWidth: getEditorContainerWidth
+  });
   var shouldScale = tableDepth === 0 && isTableScalingEnabled;
   var resizeState = (0, _utils3.getResizeState)({
     minWidth: _styles.tableCellMinWidth,

package/dist/cjs/pm-plugins/table-resizing/utils/colgroup.js

@@ -10,7 +10,6 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _misc = require("./misc");
 /**
  * This ensures the combined width of the columns (and tbody) of table is always smaller or equal
@@ -23,66 +22,42 @@ var getColWidthFix = exports.getColWidthFix = function getColWidthFix(colwidth,
 };
 var generateColgroup = exports.generateColgroup = function generateColgroup(table, tableRef) {
   var cols = [];
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width')) {
-    var map = _tableMap.TableMap.get(table);
-    table.content.firstChild.content.forEach(function (cell) {
-      var colspan = cell.attrs.colspan || 1;
-      if (Array.isArray(cell.attrs.colwidth)) {
-        // We slice here to guard against our colwidth array having more entries
-        // Than the we actually span. We'll patch the document at a later point.
-        if (tableRef) {
-          var scalePercent = (0, _misc.getTableScalingPercent)(table, tableRef);
-          cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
-            var fixedColWidth = getColWidthFix(width, map.width);
-            var scaledWidth = fixedColWidth * scalePercent;
-            var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
-            cols.push(['col', {
-              style: "width: ".concat(finalWidth, "px;")
-            }]);
-          });
-        } else {
-          cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
-            cols.push(['col', {
-              style: "width: ".concat(getColWidthFix(width ? Math.max(width, _styles.tableCellMinWidth) : _styles.tableCellMinWidth, map.width), "px;")
-            }]);
-          });
-        }
-      } else {
-        // When we have merged cells on the first row (firstChild),
-        // We want to ensure we're creating the appropriate amount of
-        // cols the table still has.
-        cols.push.apply(cols, (0, _toConsumableArray2.default)(Array.from({
-          length: colspan
-        }, function (_) {
-          return ['col', {
-            style: "width: ".concat(_styles.tableCellMinWidth, "px;")
-          }];
-        })));
-      }
-    });
-  } else {
-    table.content.firstChild.content.forEach(function (cell) {
-      var colspan = cell.attrs.colspan || 1;
-      if (Array.isArray(cell.attrs.colwidth)) {
-        // We slice here to guard against our colwidth array having more entries
-        // Than the we actually span. We'll patch the document at a later point.
+  var map = _tableMap.TableMap.get(table);
+  table.content.firstChild.content.forEach(function (cell) {
+    var colspan = cell.attrs.colspan || 1;
+    if (Array.isArray(cell.attrs.colwidth)) {
+      // We slice here to guard against our colwidth array having more entries
+      // Than the we actually span. We'll patch the document at a later point.
+      if (tableRef) {
+        var scalePercent = (0, _misc.getTableScalingPercent)(table, tableRef);
         cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
-          cols.push(['col', width ? {
-            style: "width: ".concat(width, "px;")
-          } : {}]);
+          var fixedColWidth = getColWidthFix(width, map.width);
+          var scaledWidth = fixedColWidth * scalePercent;
+          var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
+          cols.push(['col', {
+            style: "width: ".concat(finalWidth, "px;")
+          }]);
         });
       } else {
-        // When we have merged cells on the first row (firstChild),
-        // We want to ensure we're creating the appropriate amount of
-        // cols the table still has.
-        cols.push.apply(cols, (0, _toConsumableArray2.default)(Array.from({
-          length: colspan
-        }, function (_) {
-          return ['col', {}];
-        })));
+        cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
+          cols.push(['col', {
+            style: "width: ".concat(getColWidthFix(width ? Math.max(width, _styles.tableCellMinWidth) : _styles.tableCellMinWidth, map.width), "px;")
+          }]);
+        });
       }
-    });
-  }
+    } else {
+      // When we have merged cells on the first row (firstChild),
+      // We want to ensure we're creating the appropriate amount of
+      // cols the table still has.
+      cols.push.apply(cols, (0, _toConsumableArray2.default)(Array.from({
+        length: colspan
+      }, function (_) {
+        return ['col', {
+          style: "width: ".concat(_styles.tableCellMinWidth, "px;")
+        }];
+      })));
+    }
+  });
   return cols;
 };
 var insertColgroupFromNode = exports.insertColgroupFromNode = function insertColgroupFromNode(tableRef, table) {

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

@@ -14,7 +14,6 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colgroup = require("./colgroup");
 var _consts = require("./consts");
 // Translates named layouts in number values.
@@ -77,7 +76,7 @@ var getTableMaxWidth = exports.getTableMaxWidth = function getTableMaxWidth(_ref
     getEditorContainerWidth = _ref2.getEditorContainerWidth;
   var containerWidth = getEditorContainerWidth();
   var parentWidth = (0, _nodeWidth.getParentNodeWidth)(tableStart, state, containerWidth);
-  var maxWidth = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? parentWidth || table.attrs.width || getLayoutSize(layout, containerWidth.width, {}) : parentWidth || getLayoutSize(layout, containerWidth.width, {});
+  var maxWidth = parentWidth || table.attrs.width || getLayoutSize(layout, containerWidth.width, {});
   if (table.attrs.isNumberColumnEnabled) {
     maxWidth -= _editorSharedStyles.akEditorTableNumberColumnWidth;
   }

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

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils2 = require("../../../utils");
 var _colgroup = require("./colgroup");
 var _columnState = require("./column-state");
@@ -94,39 +93,28 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
 // updates Colgroup DOM node with new widths
 var updateColgroup = exports.updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled) {
   var cols = tableRef.querySelectorAll('col');
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width')) {
-    var columnsCount = cols.length;
-    if (isTableScalingEnabled && tableNode) {
-      var scalePercent = (0, _misc.getTableScalingPercent)(tableNode, tableRef);
-      state.cols.filter(function (column) {
-        return column && !!column.width;
-      }) // if width is 0, we dont want to apply that.
-      .forEach(function (column, i) {
-        var fixedColWidth = (0, _colgroup.getColWidthFix)(column.width, columnsCount);
-        var scaledWidth = fixedColWidth * scalePercent;
-        var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
-        // we aren't handling the remaining pixels here when the 48px min width is reached
-        if (cols[i]) {
-          cols[i].style.width = "".concat(finalWidth, "px");
-        }
-      });
-    } else {
-      state.cols.filter(function (column) {
-        return column && !!column.width;
-      }) // if width is 0, we dont want to apply that.
-      .forEach(function (column, i) {
-        if (cols[i]) {
-          cols[i].style.width = "".concat((0, _colgroup.getColWidthFix)(column.width, columnsCount), "px");
-        }
-      });
-    }
+  var columnsCount = cols.length;
+  if (isTableScalingEnabled && tableNode) {
+    var scalePercent = (0, _misc.getTableScalingPercent)(tableNode, tableRef);
+    state.cols.filter(function (column) {
+      return column && !!column.width;
+    }) // if width is 0, we dont want to apply that.
+    .forEach(function (column, i) {
+      var fixedColWidth = (0, _colgroup.getColWidthFix)(column.width, columnsCount);
+      var scaledWidth = fixedColWidth * scalePercent;
+      var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
+      // we aren't handling the remaining pixels here when the 48px min width is reached
+      if (cols[i]) {
+        cols[i].style.width = "".concat(finalWidth, "px");
+      }
+    });
   } else {
     state.cols.filter(function (column) {
       return column && !!column.width;
     }) // if width is 0, we dont want to apply that.
     .forEach(function (column, i) {
       if (cols[i]) {
-        cols[i].style.width = "".concat(column.width, "px");
+        cols[i].style.width = "".concat((0, _colgroup.getColWidthFix)(column.width, columnsCount), "px");
       }
     });
   }

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

@@ -24,26 +24,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // Will only resize/scale if a table has been previously resized.
 var scale = exports.scale = function scale(tableRef, options, domAtPos) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  /**
-   * 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,
     isTableResizingEnabled = options.isTableResizingEnabled;
-  var maxSize = isTableResizingEnabled ? (0, _nodeWidth.getTableContainerWidth)(node) : (0, _misc.getLayoutSize)(node.attrs.layout, containerWidth, {
-    isBreakoutEnabled: isBreakoutEnabled
-  });
+  var maxSize = isTableResizingEnabled ? (0, _nodeWidth.getTableContainerWidth)(node) : (0, _misc.getLayoutSize)(node.attrs.layout, containerWidth, {});
   var prevTableWidth = (0, _utils.getTableWidth)(prevNode);
-  var previousMaxSize = isTableResizingEnabled ? (0, _nodeWidth.getTableContainerWidth)(node) : (0, _misc.getLayoutSize)(prevNode.attrs.layout, previousContainerWidth, {
-    isBreakoutEnabled: isBreakoutEnabled
-  });
+  var previousMaxSize = isTableResizingEnabled ? (0, _nodeWidth.getTableContainerWidth)(node) : (0, _misc.getLayoutSize)(prevNode.attrs.layout, previousContainerWidth, {});
   var newWidth = maxSize;
 
   // adjust table width if layout is updated

package/dist/cjs/reducer.js

@@ -29,8 +29,6 @@ var _default = exports.default = function _default(pluginState, action) {
       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

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

@@ -9,12 +9,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _styles = require("@atlaskit/editor-common/styles");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../pm-plugins/table-resizing/utils");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
 var _scaleTable = require("../pm-plugins/table-resizing/utils/scale-table");
-var _commonStyles = require("../ui/common-styles");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -122,16 +120,16 @@ var rescaleColumns = exports.rescaleColumns = function rescaleColumns() {
       if (shouldScale) {
         previousTableInfo = {
           width: (0, _utils.getTableElementWidth)(table.node),
-          possibleMaxWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? (0, _utils.getTableContainerElementWidth)(table.node) : (0, _utils.getTableContainerElementWidth)(table.node) - _commonStyles.insertColumnButtonOffset,
+          possibleMaxWidth: (0, _utils.getTableContainerElementWidth)(table.node),
           isResized: isResized
         };
       } else {
-        var _tableRef$parentEleme, _tableRef$parentEleme2;
+        var _tableRef$parentEleme;
         previousTableInfo = {
           // when table is resized the tableRef client width will be 1px larger than colGroup, which is used in calculations
           width: isResized ? tableRef.clientWidth - 1 : tableRef.clientWidth,
           /** the is the width the table can reach before overflowing */
-          possibleMaxWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 0 : ((tableRef === null || tableRef === void 0 || (_tableRef$parentEleme2 = tableRef.parentElement) === null || _tableRef$parentEleme2 === void 0 ? void 0 : _tableRef$parentEleme2.clientWidth) || 0) - _commonStyles.insertColumnButtonOffset,
+          possibleMaxWidth: (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 0,
           isResized: isResized
         };
       }

package/dist/cjs/types.js

@@ -77,7 +77,6 @@ var TableCssClassName = exports.TableCssClassName = _objectSpread(_objectSpread(
   CONTROLS_INSERT_BUTTON_WRAP: "".concat(_adfSchema.tablePrefixSelector, "-controls__insert-button-wrap"),
   CONTROLS_INSERT_LINE: "".concat(_adfSchema.tablePrefixSelector, "-controls__insert-line"),
   CONTROLS_BUTTON_OVERLAY: "".concat(_adfSchema.tablePrefixSelector, "-controls__button-overlay"),
-  LAYOUT_BUTTON: "".concat(_adfSchema.tablePrefixSelector, "-layout-button"),
   DRAG_CONTROLS_INSERT_BUTTON: "".concat(_adfSchema.tablePrefixSelector, "-controls__drag-insert-button"),
   DRAG_CONTROLS_INSERT_BUTTON_INNER: "".concat(_adfSchema.tablePrefixSelector, "-controls__drag-insert-button-inner"),
   DRAG_CONTROLS_INSERT_BUTTON_INNER_COLUMN: "".concat(_adfSchema.tablePrefixSelector, "-controls__drag-insert-button-inner-column"),