@atlaskit/editor-plugin-table 2.3.0 → 2.4.0

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

@@ -1,25 +1,26 @@
 import React from 'react';
+import { table, tableCell, tableHeader, tableRow, tableWithCustomWidth } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
+import { IconTable } from '@atlaskit/editor-common/icons';
+import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { browser } from '@atlaskit/editor-common/utils';
+import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { createTable } from '@atlaskit/editor-tables/utils';
-import { table, tableCell, tableHeader, tableRow, tableWithCustomWidth } from '@atlaskit/adf-schema';
-import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
-import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconTable } from '@atlaskit/editor-common/icons';
 import { pluginConfig } from './create-plugin-config';
-import { createPlugin as createTableLocalIdPlugin } from './pm-plugins/table-local-id';
-import { pluginKey as tableWidthPluginKey, createPlugin as createTableWidthPlugin } from './pm-plugins/table-width';
-import { createPlugin as createTableSafariDeleteCompositionTextIssueWorkaroundPlugin } from './pm-plugins/safari-delete-composition-text-issue-workaround';
 import { createPlugin as createDecorationsPlugin } from './pm-plugins/decorations/plugin';
 import { keymapPlugin } from './pm-plugins/keymap';
-import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
+import { createPlugin as createTableSafariDeleteCompositionTextIssueWorkaroundPlugin } from './pm-plugins/safari-delete-composition-text-issue-workaround';
 import { createPlugin as createStickyHeadersPlugin, findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from './pm-plugins/sticky-headers';
+import { createPlugin as createTableLocalIdPlugin } from './pm-plugins/table-local-id';
 import { createPlugin as createFlexiResizingPlugin, pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
+import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
+import { createPlugin as createTableWidthPlugin, pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
 import { getToolbarConfig } from './toolbar';
 import FloatingContextualButton from './ui/FloatingContextualButton';
 import FloatingContextualMenu from './ui/FloatingContextualMenu';
@@ -27,8 +28,6 @@ import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingInsertButton from './ui/FloatingInsertButton';
 import LayoutButton from './ui/LayoutButton';
 import { isLayoutSupported } from './utils';
-import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
@@ -67,7 +66,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
       }
     },
     nodes: function nodes() {
-      var tableNode = getBooleanFF('platform.editor.custom-table-width') ? tableWithCustomWidth : table;
+      var tableNode = options !== null && options !== void 0 && options.tableResizingEnabled ? tableWithCustomWidth : table;
       return [{
         name: 'table',
         node: tableNode
@@ -93,10 +92,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 createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api);
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, tableResizingEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api);
         }
       }, {
         name: 'tablePMColResizing',
@@ -169,7 +169,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
         plugin: function plugin(_ref8) {
           var _options$fullWidthEna;
           var dispatch = _ref8.dispatch;
-          return getBooleanFF('platform.editor.custom-table-width') ? createTableWidthPlugin(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 ? createTableWidthPlugin(dispatch, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false) : undefined;
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',
@@ -240,7 +240,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
             tableWrapperTarget = _ref11.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
-          var LayoutContent = getBooleanFF('platform.editor.custom-table-width') ? null : isLayoutSupported(state) && options && options.breakoutEnabled ? /*#__PURE__*/React.createElement(LayoutButton, {
+          var LayoutContent = options && !options.tableResizingEnabled && isLayoutSupported(state) && options.breakoutEnabled ? /*#__PURE__*/React.createElement(LayoutButton, {
             editorView: editorView,
             mountPoint: popupsMountPoint,
             boundariesElement: popupsBoundariesElement,

package/dist/esm/plugins/table/nodeviews/OverflowShadowsObserver.js

@@ -1,7 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { ShadowEvent, TableCssClassName as ClassName } from '../types';
+import { TableCssClassName as ClassName, ShadowEvent } from '../types';
 import { tableInsertColumnButtonSize } from '../ui/consts';
 import { updateShadowListForStickyStyles } from './update-overflow-shadows';
 export var OverflowShadowsObserver = /*#__PURE__*/function () {

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -11,13 +11,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
 import classnames from 'classnames';
-import { isTableSelected } from '@atlaskit/editor-tables/utils';
+import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
-import { findTable } from '@atlaskit/editor-tables/utils';
+import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
-import { akEditorMobileBreakoutPoint, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
-import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
+import { akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
+import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { autoSizeTable, clearHoverSelection } from '../commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from '../pm-plugins/sticky-headers';
@@ -25,12 +25,10 @@ import { getLayoutSize, insertColgroupFromNode as recreateResizeColsByNode, scal
 import { updateControls } from '../pm-plugins/table-resizing/utils/dom';
 import { TableCssClassName as ClassName, ShadowEvent } from '../types';
 import TableFloatingControls from '../ui/TableFloatingControls';
-import { containsHeaderRow, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested } from '../utils';
-import { updateOverflowShadows } from './update-overflow-shadows';
-import memoizeOne from 'memoize-one';
+import { containsHeaderRow, isTableNested, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns } from '../utils';
 import { OverflowShadowsObserver } from './OverflowShadowsObserver';
 import { TableContainer } from './TableContainer';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { updateOverflowShadows } from './update-overflow-shadows';
 var isIE11 = browser.ie_version === 11;
 var NOOP = function NOOP() {
   return undefined;
@@ -129,7 +127,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       // This last check is also to cater for dynamic text sizing changing the 'default' layout width
       // Usually happens on window resize.
       layoutSize !== _this.layoutSize || noOfColumnsChanged) {
-        var shouldScaleTable = (!getBooleanFF('platform.editor.custom-table-width') || getBooleanFF('platform.editor.custom-table-width') && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
+        var shouldScaleTable = (!(options !== null && options !== void 0 && options.isTableResizingEnabled) || (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
 
         // If column has been inserted/deleted avoid multi dispatch
         if (shouldScaleTable) {
@@ -271,7 +269,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       var _this$props6 = this.props,
         allowColumnResizing = _this$props6.allowColumnResizing,
-        eventDispatcher = _this$props6.eventDispatcher;
+        eventDispatcher = _this$props6.eventDispatcher,
+        options = _this$props6.options;
       if (allowColumnResizing && this.wrapper && !isIE11) {
         this.wrapper.addEventListener('scroll', this.handleScrollDebounced);
       }
@@ -280,7 +279,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
          * We no longer use `containerWidth` as a variable to determine an update for table resizing (avoids unnecessary updates).
          * Instead we use the resize event to only trigger updates when necessary.
          */
-        if (!getBooleanFF('platform.editor.custom-table-width')) {
+        if (!(options !== null && options !== void 0 && options.isTableResizingEnabled)) {
           window.addEventListener('resize', this.handleWindowResizeDebounced);
         }
         this.handleTableResizingDebounced();
@@ -294,6 +293,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$props7 = this.props,
+        allowColumnResizing = _this$props7.allowColumnResizing,
+        eventDispatcher = _this$props7.eventDispatcher,
+        options = _this$props7.options;
       if (this.wrapper && !isIE11) {
         this.wrapper.removeEventListener('scroll', this.handleScrollDebounced);
       }
@@ -301,25 +304,25 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       this.scaleTableDebounced.cancel();
       this.handleTableResizingDebounced.cancel();
       this.handleAutoSizeDebounced.cancel();
-      if (!getBooleanFF('platform.editor.custom-table-width')) {
+      if (!(options !== null && options !== void 0 && options.isTableResizingEnabled)) {
         this.handleWindowResizeDebounced.cancel();
       }
-      if (!getBooleanFF('platform.editor.custom-table-width') && this.props.allowColumnResizing) {
+      if (!(options !== null && options !== void 0 && options.isTableResizingEnabled) && allowColumnResizing) {
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
       if (this.overflowShadowsObserver) {
         this.overflowShadowsObserver.dispose();
       }
-      this.props.eventDispatcher.off(stickyHeadersPluginKey.key, this.onStickyState);
+      eventDispatcher.off(stickyHeadersPluginKey.key, this.onStickyState);
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this$props7 = this.props,
-        view = _this$props7.view,
-        getNode = _this$props7.getNode,
-        isMediaFullscreen = _this$props7.isMediaFullscreen,
-        allowColumnResizing = _this$props7.allowColumnResizing;
+      var _this$props8 = this.props,
+        view = _this$props8.view,
+        getNode = _this$props8.getNode,
+        isMediaFullscreen = _this$props8.isMediaFullscreen,
+        allowColumnResizing = _this$props8.allowColumnResizing;
       var _getPluginState = getPluginState(view.state),
         isInDanger = _getPluginState.isInDanger;
       var table = findTable(view.state.selection);
@@ -375,20 +378,20 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _classnames,
         _this2 = this;
-      var _this$props8 = this.props,
-        view = _this$props8.view,
-        getNode = _this$props8.getNode,
-        isResizing = _this$props8.isResizing,
-        _this$props8$allowCon = _this$props8.allowControls,
-        allowControls = _this$props8$allowCon === void 0 ? true : _this$props8$allowCon,
-        isHeaderRowEnabled = _this$props8.isHeaderRowEnabled,
-        ordering = _this$props8.ordering,
-        isHeaderColumnEnabled = _this$props8.isHeaderColumnEnabled,
-        tableActive = _this$props8.tableActive,
-        containerWidth = _this$props8.containerWidth,
-        options = _this$props8.options,
-        getPos = _this$props8.getPos,
-        pluginInjectionApi = _this$props8.pluginInjectionApi;
+      var _this$props9 = this.props,
+        view = _this$props9.view,
+        getNode = _this$props9.getNode,
+        isResizing = _this$props9.isResizing,
+        _this$props9$allowCon = _this$props9.allowControls,
+        allowControls = _this$props9$allowCon === void 0 ? true : _this$props9$allowCon,
+        isHeaderRowEnabled = _this$props9.isHeaderRowEnabled,
+        ordering = _this$props9.ordering,
+        isHeaderColumnEnabled = _this$props9.isHeaderColumnEnabled,
+        tableActive = _this$props9.tableActive,
+        containerWidth = _this$props9.containerWidth,
+        options = _this$props9.options,
+        getPos = _this$props9.getPos,
+        pluginInjectionApi = _this$props9.pluginInjectionApi;
       var _this$state = this.state,
         isLoading = _this$state.isLoading,
         showBeforeShadow = _this$state.showBeforeShadow,
@@ -439,16 +442,16 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }) : NOOP;
       var isNested = isTableNested(view.state, getPos());
       return /*#__PURE__*/React.createElement(TableContainer, {
-        className: classnames(ClassName.TABLE_CONTAINER, (_classnames = {}, _defineProperty(_classnames, ClassName.WITH_CONTROLS, allowControls && tableActive), _defineProperty(_classnames, ClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), _defineProperty(_classnames, ClassName.HOVERED_DELETE_BUTTON, isInDanger), _defineProperty(_classnames, ClassName.TABLE_SELECTED, isTableSelected(view.state.selection)), _defineProperty(_classnames, 'less-padding', containerWidth.width < akEditorMobileBreakoutPoint), _classnames)),
+        className: classnames(ClassName.TABLE_CONTAINER, (_classnames = {}, _defineProperty(_classnames, ClassName.WITH_CONTROLS, allowControls && tableActive), _defineProperty(_classnames, ClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), _defineProperty(_classnames, ClassName.HOVERED_DELETE_BUTTON, isInDanger), _defineProperty(_classnames, ClassName.TABLE_SELECTED, isTableSelected(view.state.selection)), _classnames)),
         editorView: view,
         getPos: getPos,
         node: node,
         tableRef: tableRef,
         containerWidth: containerWidth,
-        isFullWidthModeEnabled: options === null || options === void 0 ? void 0 : options.isFullWidthModeEnabled,
         isBreakoutEnabled: options === null || options === void 0 ? void 0 : options.isBreakoutEnabled,
         isNested: isNested,
-        pluginInjectionApi: pluginInjectionApi
+        pluginInjectionApi: pluginInjectionApi,
+        isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.isTableResizingEnabled
       }, stickyHeadersOptimization && /*#__PURE__*/React.createElement("div", {
         className: ClassName.TABLE_STICKY_SENTINEL_TOP,
         "data-testid": "sticky-sentinel-top"

package/dist/esm/plugins/table/nodeviews/TableContainer.js

@@ -1,10 +1,11 @@
-import React, { useCallback, useRef, forwardRef } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import React, { forwardRef, useCallback, useRef } from 'react';
+import classNames from 'classnames';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
+import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
+import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
 import { TableCssClassName as ClassName } from '../types';
 import { TableResizer } from './TableResizer';
-import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
 var getMarginLeft = function getMarginLeft(lineLength, tableWidth) {
   var marginLeft;
   if (tableWidth !== 'inherit' && lineLength) {
@@ -40,10 +41,9 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref2) {
     tableRef = _ref2.tableRef,
     pluginInjectionApi = _ref2.pluginInjectionApi;
   var containerRef = useRef(null);
-  var innerContainerRef = useRef(null);
   var marginLeftRef = useRef(0);
   var updateWidth = useCallback(function (width) {
-    if (!containerRef.current || !innerContainerRef.current) {
+    if (!containerRef.current) {
       return;
     }
     var marginLeft = getMarginLeft(lineLength, width);
@@ -84,7 +84,6 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref2) {
     tableRef: tableRef,
     displayGuideline: displayGuideline
   }, /*#__PURE__*/React.createElement(InnerContainer, {
-    ref: innerContainerRef,
     className: className,
     node: node
   }, children)));
@@ -96,14 +95,14 @@ export var TableContainer = function TableContainer(_ref3) {
     _ref3$containerWidth = _ref3.containerWidth,
     lineLength = _ref3$containerWidth.lineLength,
     editorWidth = _ref3$containerWidth.width,
-    isFullWidthModeEnabled = _ref3.isFullWidthModeEnabled,
+    isTableResizingEnabled = _ref3.isTableResizingEnabled,
     isBreakoutEnabled = _ref3.isBreakoutEnabled,
     editorView = _ref3.editorView,
     getPos = _ref3.getPos,
     tableRef = _ref3.tableRef,
     isNested = _ref3.isNested,
     pluginInjectionApi = _ref3.pluginInjectionApi;
-  if ((isFullWidthModeEnabled || isBreakoutEnabled) && getBooleanFF('platform.editor.custom-table-width') && !isNested) {
+  if (isTableResizingEnabled && !isNested) {
     return /*#__PURE__*/React.createElement(ResizableTableContainer, {
       className: className,
       node: node,
@@ -118,7 +117,9 @@ export var TableContainer = function TableContainer(_ref3) {
   var tableWidth = isBreakoutEnabled ? calcTableWidth(node.attrs.layout, editorWidth) : 'inherit';
   return /*#__PURE__*/React.createElement(InnerContainer, {
     node: node,
-    className: className,
+    className: classNames(className, {
+      'less-padding': editorWidth < akEditorMobileBreakoutPoint
+    }),
     style: {
       width: tableWidth,
       marginLeft: getMarginLeft(lineLength, tableWidth)

package/dist/esm/plugins/table/nodeviews/TableResizer.js

@@ -2,15 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useCallback, useRef, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 import rafSchd from 'raf-schd';
-import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
-import { scaleTable, previewScaleTable, getColgroupChildrenLength, COLUMN_MIN_WIDTH } from '../pm-plugins/table-resizing/utils';
+import { ResizerNext } from '@atlaskit/editor-common/resizer';
+import { COLUMN_MIN_WIDTH, getColgroupChildrenLength, previewScaleTable, scaleTable } from '../pm-plugins/table-resizing/utils';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
+import { TABLE_HIGHLIGHT_GAP, TABLE_SNAP_GAP } from '../ui/consts';
 import { defaultGuidelines, defaultGuidelineWidths } from '../utils/guidelines';
 import { findClosestSnap } from '../utils/snapping';
-import { TABLE_SNAP_GAP, TABLE_HIGHLIGHT_GAP } from '../ui/consts';
 var handles = {
   right: true
 };

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

@@ -12,21 +12,23 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
 import { DOMSerializer } from 'prosemirror-model';
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { pluginConfig as getPluginConfig } from '../create-plugin-config';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizing';
-import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import { generateColgroup } from '../pm-plugins/table-resizing/utils';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import TableComponent from './TableComponent';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import { isTableNested } from '../utils';
-var tableAttributes = function tableAttributes(node, state, pos) {
-  var shouldHaveInlineWidth = getBooleanFF('platform.editor.custom-table-width') && !isTableNested(state, pos);
+import TableComponent from './TableComponent';
+var tableAttributes = function tableAttributes(node, options, state, pos) {
+  // provide a width for tables when custom table width is supported
+  // this is to ensure 'responsive' tables (colgroup widths are undefined) become fixed to
+  // support screen size adjustments
+  var shouldHaveInlineWidth = (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && !isTableNested(state, pos);
   var style = shouldHaveInlineWidth ? "width: ".concat(getTableContainerWidth(node), "px") : undefined;
   return {
     'data-number-column': node.attrs.isNumberColumnEnabled,
@@ -42,7 +44,7 @@ var toDOM = function toDOM(node, props) {
   if (props.allowColumnResizing) {
     colgroup = ['colgroup', {}].concat(_toConsumableArray(generateColgroup(node)));
   }
-  return ['table', tableAttributes(node, props.view.state, props.getPos()), colgroup, ['tbody', 0]];
+  return ['table', tableAttributes(node, props.options, props.view.state, props.getPos()), colgroup, ['tbody', 0]];
 };
 var TableView = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(TableView, _ReactNodeView);
@@ -76,7 +78,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       if (!this.table) {
         return;
       }
-      var attrs = tableAttributes(node, this.view.state, this.getPos());
+      var attrs = tableAttributes(node, this.reactComponentProps.options, this.view.state, this.getPos());
       Object.keys(attrs).forEach(function (attr) {
         _this2.table.setAttribute(attr, attrs[attr]);
       });

package/dist/esm/plugins/table/nodeviews/tableCell.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import uuid from 'uuid';
 import { DOMSerializer } from 'prosemirror-model';
-import { getCellDomAttrs, getCellAttrs } from '@atlaskit/adf-schema';
+import uuid from 'uuid';
+import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
 var DEFAULT_COL_SPAN = 1;
 var DEFAULT_ROW_SPAN = 1;
 var TableCellNodeView = /*#__PURE__*/function () {

package/dist/esm/plugins/table/pm-plugins/decorations/plugin.js

@@ -1,10 +1,9 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey
-
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 } from 'prosemirror-state';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { DecorationSet } from 'prosemirror-view';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { pluginKey as tablePluginKey } from '../plugin-key';
 import { pluginKey as tableWidthPluginKey } from '../table-width';
 import { buildColumnControlsDecorations, maybeUpdateColumnControlsSelectedDecoration } from './utils';

package/dist/esm/plugins/table/pm-plugins/keymap.js

@@ -1,9 +1,9 @@
-import { keymap } from 'prosemirror-keymap';
 import { chainCommands } from 'prosemirror-commands';
-import * as keymaps from '@atlaskit/editor-common/keymaps';
+import { keymap } from 'prosemirror-keymap';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { triggerUnlessTableHeader, createTable, goToNextCell, moveCursorBackward } from '../commands';
-import { addRowAroundSelection, emptyMultipleCellsWithAnalytics, deleteTableIfSelectedWithAnalytics } from '../commands-with-analytics';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
+import { createTable, goToNextCell, moveCursorBackward, triggerUnlessTableHeader } from '../commands';
+import { addRowAroundSelection, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
 import { addColumnAfter, addColumnBefore } from '../commands/insert';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
 var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {

package/dist/esm/plugins/table/pm-plugins/main.js

@@ -1,37 +1,36 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findParentDomRefOfType, findParentNodeOfType } from 'prosemirror-utils';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { insideTable } from '@atlaskit/editor-common/core-utils';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenLayoutNodes } from '@atlaskit/editor-common/transforms';
+import { browser, closestElement } from '@atlaskit/editor-common/utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { browser } from '@atlaskit/editor-common/utils';
-import { closestElement } from '@atlaskit/editor-common/utils';
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
+import { transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
 import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseLeave, handleMouseMove, handleMouseOut, handleMouseOver, handleTripleClick, whenTableInFocus } from '../event-handlers';
 import { createTableView } from '../nodeviews/table';
+import TableCellNodeView from '../nodeviews/tableCell';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { fixTables, replaceSelectedTable } from '../transforms';
 import { TableCssClassName as ClassName } from '../types';
 import { findControlsHoverDecoration, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, updateResizeHandles } from '../utils';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { isHeaderRowRequired } from '../utils/paste';
 import { defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
-import TableCellNodeView from '../nodeviews/tableCell';
-import { transformSliceRemoveCellBackgroundColor, transformSliceToRemoveColumnsWidths, transformSliceToAddTableHeaders } from '../commands/misc';
-import { transformSliceToRemoveOpenLayoutNodes } from '@atlaskit/editor-common/transforms';
-import { transformSliceToRemoveOpenExpand } from '@atlaskit/editor-common/transforms';
-import { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
-import { insideTable } from '@atlaskit/editor-common/core-utils';
-import { isHeaderRowRequired } from '../utils/paste';
 var isBreakoutEnabled;
 var isFullWidthModeEnabled;
 var wasFullWidthModeEnabled;
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) {
+var isTableResizingEnabled;
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, tableResizingEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) {
   var _window;
   isBreakoutEnabled = breakoutEnabled;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
+  isTableResizingEnabled = tableResizingEnabled;
   var state = createPluginState(dispatch, _objectSpread({
     pluginConfig: pluginConfig,
     insertColumnButtonIndex: undefined,
@@ -231,7 +230,8 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
           return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, {
             isBreakoutEnabled: isBreakoutEnabled,
             isFullWidthModeEnabled: isFullWidthModeEnabled,
-            wasFullWidthModeEnabled: wasFullWidthModeEnabled
+            wasFullWidthModeEnabled: wasFullWidthModeEnabled,
+            isTableResizingEnabled: isTableResizingEnabled
           }, getEditorContainerWidth, getEditorFeatureFlags, pluginInjectionApi);
         }
       }),

package/dist/esm/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -3,9 +3,9 @@
  * https://github.com/ProseMirror/prosemirror/issues/934
  * We will remove this plugin when Webkit fix the problem itself.
  */
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 export var tableSafariDeleteCompositionTextIssueWorkaroundKey = new PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
 export var createPlugin = function createPlugin() {
   return new SafePlugin({

package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -1,6 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import debounce from 'lodash/debounce';
+import throttle from 'lodash/throttle';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { mapChildren } from '@atlaskit/editor-common/utils';
 import { TableCssClassName as ClassName, TableCssClassName } from '../../../types';
@@ -9,8 +11,6 @@ import { pluginKey as tablePluginKey } from '../../plugin-key';
 import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../../table-resizing/utils/dom';
 import { updateStickyState } from '../commands';
 import { getTop, getTree } from './dom';
-import debounce from 'lodash/debounce';
-import throttle from 'lodash/throttle';
 
 // limit scroll event calls
 var HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;

package/dist/esm/plugins/table/pm-plugins/table-local-id.js

@@ -17,10 +17,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  *
  */
 
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import rafSchedule from 'raf-schd';
 import { uuid } from '@atlaskit/adf-schema';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { stepHasSlice } from '@atlaskit/editor-common/utils';
 var pluginKey = new PluginKey('tableLocalIdPlugin');
 var getPluginState = function getPluginState(state) {

package/dist/esm/plugins/table/pm-plugins/table-resizing/commands.js

@@ -1,7 +1,7 @@
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
+import { updateColumnWidths } from '../../transforms';
 import { createCommand, getPluginState } from './plugin-factory';
 import { evenAllColumnsWidths, isClickNear } from './utils';
-import { updateColumnWidths } from '../../transforms';
 export var evenColumns = function evenColumns(_ref) {
   var resizeState = _ref.resizeState,
     table = _ref.table,

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

@@ -1,14 +1,14 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { updateColumnWidths } from '../../transforms';
 import { getSelectedColumnIndexes, updateResizeHandles } from '../../utils';
 import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import { currentColWidth, getLayoutSize, getResizeState, pointsAtCell, resizeColumn, updateControls } from './utils';
-import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
   var state = view.state,
     dispatch = view.dispatch;

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

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { DOMSerializer } from 'prosemirror-model';
-import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
+import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var generateColgroup = function generateColgroup(table) {

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

@@ -1,6 +1,6 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { contentWidth } from './content-width';
 import { unitToNumber } from './unit-to-number';
 // Reads `width` and `minWidth` of each column from DOM and returns `ColumnState` containing those values

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

@@ -2,8 +2,8 @@ import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/st
 import { closestElement, containsClassName, parsePx } from '@atlaskit/editor-common/utils';
 import { updateOverflowShadows } from '../../../nodeviews/update-overflow-shadows';
 import { TableCssClassName as ClassName } from '../../../types';
-import { getRowHeights } from '../../../utils/row-controls';
 import { colWidthsForRow } from '../../../utils/column-controls';
+import { getRowHeights } from '../../../utils/row-controls';
 import { getPluginState as getMainPluginState } from '../../plugin-factory';
 export var updateControls = function updateControls(getEditorFeatureFlags) {
   return function (state) {

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

@@ -1,9 +1,8 @@
+import { getParentNodeWidth, layoutToWidth } from '@atlaskit/editor-common/node-width';
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { getBreakpoint, mapBreakpointToLayoutMaxWidth } from '@atlaskit/editor-common/ui';
-import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { containsClassName } from '@atlaskit/editor-common/utils';
-import { getParentNodeWidth, layoutToWidth } from '@atlaskit/editor-common/node-width';
-
+import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 // Translates named layouts in number values.
 export function getLayoutSize(tableLayout) {
   var containerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;