@atlaskit/editor-plugin-table 2.3.1 → 2.5.0

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

@@ -1,13 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
-import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
+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';
@@ -15,12 +15,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';
 const isIE11 = browser.ie_version === 11;
 const NOOP = () => undefined;
 class TableComponent extends React.Component {
@@ -121,7 +119,7 @@ class TableComponent extends 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) {
-        const shouldScaleTable = (!getBooleanFF('platform.editor.custom-table-width') || getBooleanFF('platform.editor.custom-table-width') && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
+        const 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) {
@@ -273,7 +271,8 @@ class TableComponent extends React.Component {
   componentDidMount() {
     const {
       allowColumnResizing,
-      eventDispatcher
+      eventDispatcher,
+      options
     } = this.props;
     if (allowColumnResizing && this.wrapper && !isIE11) {
       this.wrapper.addEventListener('scroll', this.handleScrollDebounced);
@@ -283,7 +282,7 @@ class TableComponent extends 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();
@@ -295,6 +294,11 @@ class TableComponent extends React.Component {
     eventDispatcher.on(stickyHeadersPluginKey.key, this.onStickyState);
   }
   componentWillUnmount() {
+    const {
+      allowColumnResizing,
+      eventDispatcher,
+      options
+    } = this.props;
     if (this.wrapper && !isIE11) {
       this.wrapper.removeEventListener('scroll', this.handleScrollDebounced);
     }
@@ -302,16 +306,16 @@ class TableComponent extends 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);
   }
   componentDidUpdate() {
     const {
@@ -449,10 +453,10 @@ class TableComponent extends React.Component {
       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/es2019/plugins/table/nodeviews/TableContainer.js

@@ -1,12 +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';
-import classNames from 'classnames';
-import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 const getMarginLeft = (lineLength, tableWidth) => {
   let marginLeft;
   if (tableWidth !== 'inherit' && lineLength) {
@@ -44,10 +43,9 @@ export const ResizableTableContainer = ({
   pluginInjectionApi
 }) => {
   const containerRef = useRef(null);
-  const innerContainerRef = useRef(null);
   const marginLeftRef = useRef(0);
   const updateWidth = useCallback(width => {
-    if (!containerRef.current || !innerContainerRef.current) {
+    if (!containerRef.current) {
       return;
     }
     const marginLeft = getMarginLeft(lineLength, width);
@@ -88,7 +86,6 @@ export const ResizableTableContainer = ({
     tableRef: tableRef,
     displayGuideline: displayGuideline
   }, /*#__PURE__*/React.createElement(InnerContainer, {
-    ref: innerContainerRef,
     className: className,
     node: node
   }, children)));
@@ -101,7 +98,7 @@ export const TableContainer = ({
     lineLength,
     width: editorWidth
   },
-  isFullWidthModeEnabled,
+  isTableResizingEnabled,
   isBreakoutEnabled,
   editorView,
   getPos,
@@ -109,7 +106,7 @@ export const TableContainer = ({
   isNested,
   pluginInjectionApi
 }) => {
-  if ((isFullWidthModeEnabled || isBreakoutEnabled) && getBooleanFF('platform.editor.custom-table-width') && !isNested) {
+  if (isTableResizingEnabled && !isNested) {
     return /*#__PURE__*/React.createElement(ResizableTableContainer, {
       className: className,
       node: node,

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

@@ -1,12 +1,12 @@
-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';
 const handles = {
   right: true
 };
@@ -124,6 +124,7 @@ export const TableResizer = ({
     minWidth: minColumnWidth,
     maxWidth: maxWidth,
     snapGap: TABLE_SNAP_GAP,
-    snap: guidelineSnaps
+    snap: guidelineSnaps,
+    handlePositioning: "adjacent"
   }, children);
 };

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

@@ -1,21 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
-const tableAttributes = (node, state, pos) => {
-  const shouldHaveInlineWidth = getBooleanFF('platform.editor.custom-table-width') && !isTableNested(state, pos);
+import TableComponent from './TableComponent';
+const 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
+  const shouldHaveInlineWidth = (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && !isTableNested(state, pos);
   let style = shouldHaveInlineWidth ? `width: ${getTableContainerWidth(node)}px` : undefined;
   return {
     'data-number-column': node.attrs.isNumberColumnEnabled,
@@ -31,7 +33,7 @@ const toDOM = (node, props) => {
   if (props.allowColumnResizing) {
     colgroup = ['colgroup', {}, ...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]];
 };
 export default class TableView extends ReactNodeView {
   constructor(props) {
@@ -55,7 +57,7 @@ export default class TableView extends ReactNodeView {
     if (!this.table) {
       return;
     }
-    const attrs = tableAttributes(node, this.view.state, this.getPos());
+    const attrs = tableAttributes(node, this.reactComponentProps.options, this.view.state, this.getPos());
     Object.keys(attrs).forEach(attr => {
       this.table.setAttribute(attr, attrs[attr]);
     });

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

@@ -1,6 +1,6 @@
-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';
 const DEFAULT_COL_SPAN = 1;
 const DEFAULT_ROW_SPAN = 1;
 export default class TableCellNodeView {

package/dist/es2019/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/es2019/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';
 const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({

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

@@ -1,34 +1,33 @@
-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';
 let isBreakoutEnabled;
 let isFullWidthModeEnabled;
 let wasFullWidthModeEnabled;
-export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) => {
+let isTableResizingEnabled;
+export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, tableResizingEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) => {
   var _window;
   isBreakoutEnabled = breakoutEnabled;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
+  isTableResizingEnabled = tableResizingEnabled;
   const state = createPluginState(dispatch, {
     pluginConfig,
     insertColumnButtonIndex: undefined,
@@ -231,7 +230,8 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
         table: (node, view, getPos) => createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, {
           isBreakoutEnabled,
           isFullWidthModeEnabled,
-          wasFullWidthModeEnabled
+          wasFullWidthModeEnabled,
+          isTableResizingEnabled
         }, getEditorContainerWidth, getEditorFeatureFlags, pluginInjectionApi)
       },
       handleDOMEvents: {

package/dist/es2019/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 const tableSafariDeleteCompositionTextIssueWorkaroundKey = new PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
 export const createPlugin = () => {
   return new SafePlugin({

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

@@ -1,4 +1,6 @@
 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';
@@ -7,8 +9,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
 const HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;

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

@@ -11,10 +11,10 @@
  *
  */
 
-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';
 const pluginKey = new PluginKey('tableLocalIdPlugin');
 const getPluginState = state => state && pluginKey.getState(state);

package/dist/es2019/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 const evenColumns = ({
   resizeState,
   table,

package/dist/es2019/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 const handleMouseDown = (view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) => {
   const {
     state,

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

@@ -1,6 +1,6 @@
 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 const generateColgroup = table => {

package/dist/es2019/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/es2019/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 const updateControls = getEditorFeatureFlags => state => {
   const {

package/dist/es2019/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, containerWidth = 0, options) {
   const {

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

@@ -1,10 +1,10 @@
 import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
+import { getSelectedTableInfo } from '../../../utils';
 import { hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';
 import { getTableMaxWidth } from './misc';
-import { getSelectedTableInfo } from '../../../utils';
 export const getResizeState = ({
   minWidth,
   maxSize,

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

@@ -1,12 +1,11 @@
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { updateColumnWidths } from '../../../transforms';
 import { getTableWidth } from '../../../utils';
 import { getLayoutSize } from '../utils/misc';
 import { reduceSpace } from '../utils/resize-logic';
 import { adjustColumnsWidths, getResizeState, getTotalWidth, updateColgroup } from '../utils/resize-state';
 import { hasTableBeenResized, insertColgroupFromNode } from './colgroup';
-import { updateColumnWidths } from '../../../transforms';
 // Base function to trigger the actual scale on a table node.
 // Will only resize/scale if a table has been previously resized.
 export const scale = (tableRef, options, domAtPos) => {
@@ -110,7 +109,7 @@ export const previewScaleTable = (tableRef, options, domAtPos) => {
   if (!tableRef) {
     return;
   }
-  if (getBooleanFF('platform.editor.custom-table-width') && parentWidth) {
+  if (parentWidth) {
     tableRef.style.width = `${parentWidth}px`;
   }
   if (!hasTableBeenResized(node)) {

package/dist/es2019/plugins/table/pm-plugins/table-selection-keymap.js

@@ -1,5 +1,5 @@
 import { keymap } from 'prosemirror-keymap';
-import { bindKeymapWithCommand, moveRight, moveLeft } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapWithCommand, moveLeft, moveRight } from '@atlaskit/editor-common/keymaps';
 import { arrowLeftFromTable, arrowRightFromTable } from '../commands/selection';
 export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   const list = {};

package/dist/es2019/plugins/table/pm-plugins/table-width.js

@@ -3,11 +3,11 @@
  * Has login to scan the document, add width value to table's width attribute when necessary
  * Also holds resizing state to hide / show table controls
  */
+import { PluginKey } from 'prosemirror-state';
+import { ReplaceStep } from 'prosemirror-transform';
+import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
-import { ReplaceStep } from 'prosemirror-transform';
-import { PluginKey } from 'prosemirror-state';
 export const pluginKey = new PluginKey('tableWidthPlugin');
 const createPlugin = (dispatch, fullWidthEnabled) => new SafePlugin({
   key: pluginKey,

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

@@ -1,30 +1,28 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
+import { findParentDomRefOfType } from 'prosemirror-utils';
 import { defineMessages } from 'react-intl-next';
-import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import { TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
 import commonMessages from '@atlaskit/editor-common/messages';
-import { clearHoverSelection, hoverTable, hoverColumns, hoverRows, removeDescendantNodes, hoverMergedCells } from './commands';
-import { deleteTableWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics, insertRowWithAnalytics, deleteRowsWithAnalytics, mergeCellsWithAnalytics, splitCellWithAnalytics, deleteColumnsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, wrapTableInExpandWithAnalytics, sortColumnWithAnalytics, setColorWithAnalytics, distributeColumnsWidthsWithAnalytics } from './commands-with-analytics';
+import { cellBackgroundColorPalette, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
+import { closestElement, getChildrenInfo, getNodeName, isReferencedSource } from '@atlaskit/editor-common/utils';
+import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import { findCellRectClosestToPos, findTable, getSelectionRect, isSelectionType, splitCell } from '@atlaskit/editor-tables/utils';
+import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, hoverTable, removeDescendantNodes } from './commands';
+import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, deleteTableWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics, wrapTableInExpandWithAnalytics } from './commands-with-analytics';
 import { getPluginState } from './pm-plugins/plugin-factory';
 import { pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
+import { getNewResizeStateFromSelectedColumns } from './pm-plugins/table-resizing/utils/resize-state';
 import { pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
-import { TableCssClassName } from './types';
-import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from './utils';
-import { isReferencedSource, getChildrenInfo, getNodeName } from '@atlaskit/editor-common/utils';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { findCellRectClosestToPos, findTable, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import { canMergeCells } from './transforms';
-import { splitCell } from '@atlaskit/editor-tables/utils';
-import tableMessages from './ui/messages';
+import { TableCssClassName } from './types';
 import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
-import { findParentDomRefOfType } from 'prosemirror-utils';
-import { closestElement } from '@atlaskit/editor-common/utils';
-import { addColumnAfter, addRowAfter, tooltip, backspace } from '@atlaskit/editor-common/keymaps';
-import { getNewResizeStateFromSelectedColumns } from './pm-plugins/table-resizing/utils/resize-state';
-import { TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import { cellBackgroundColorPalette, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
-import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
+import tableMessages from './ui/messages';
+import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from './utils';
 export const messages = defineMessages({
   tableOptions: {
     id: 'fabric.editor.tableOptions',

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

@@ -1,15 +1,14 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
+import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
-import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
-import { getResizeState, normaliseTableLayout } from '../pm-plugins/table-resizing/utils/resize-state';
+import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
 import { getTableMaxWidth } from '../pm-plugins/table-resizing/utils/misc';
-import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
+import { getResizeState, normaliseTableLayout } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
-import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
 import { insertColumnButtonOffset } from '../ui/common-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const updateColumnWidths = (resizeState, table, start) => tr => {
   const map = TableMap.get(table);
   const updatedCellsAttrs = {};

package/dist/es2019/plugins/table/transforms/delete-columns.js

@@ -1,7 +1,7 @@
 import { Selection } from 'prosemirror-state';
+import { AddColumnStep } from '@atlaskit/adf-schema/steps';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { AddColumnStep } from '@atlaskit/adf-schema/steps';
 import { splitCellsInColumns } from './split';
 const deleteColumnsCustomStep = rect => tr => {
   const table = findTable(tr.selection);

package/dist/es2019/plugins/table/transforms/merge.js

@@ -1,8 +1,9 @@
 import { Fragment } from 'prosemirror-model';
 import { Selection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
+
 // re-creates table node with merged cells
 export function mergeCells(tr) {
   const {

package/dist/es2019/plugins/table/transforms/replace-table.js

@@ -1,7 +1,7 @@
+import { Fragment, Slice } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
-import { Slice, Fragment } from 'prosemirror-model';
+import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
-import { TABLE_ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { getSelectedTableInfo } from '../utils';
 export const replaceSelectedTable = (state, content, inputMethod, editorAnalyticsAPI) => {
   if (isTableSelected(state.selection)) {