@atlaskit/editor-plugin-table 21.0.0 → 22.1.0

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

@@ -10,18 +10,18 @@ import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardCol
 import { addRowAroundSelection, changeColumnWidthByStepWithAnalytics, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from './commands/commands-with-analytics';
 import { goToNextCellVertical } from './commands/go-to-next-cell';
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand, insertTableWithNestingSupport } from './commands/insert';
-export function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, dragAndDropEnabled) {
+export function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI) {
   var _pluginInjectionApi$a;
-  var isTableScalingEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var isTableAlignmentEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
-  var isFullWidthEnabled = arguments.length > 7 ? arguments[7] : undefined;
-  var pluginInjectionApi = arguments.length > 8 ? arguments[8] : undefined;
-  var getIntl = arguments.length > 9 ? arguments[9] : undefined;
-  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
-  var shouldUseIncreasedScalingPercent = arguments.length > 11 ? arguments[11] : undefined;
-  var isCommentEditor = arguments.length > 12 ? arguments[12] : undefined;
-  var isChromelessEditor = arguments.length > 13 ? arguments[13] : undefined;
-  var isTableResizingEnabled = arguments.length > 14 ? arguments[14] : undefined;
+  var isTableScalingEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isTableAlignmentEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isFullWidthEnabled = arguments.length > 6 ? arguments[6] : undefined;
+  var pluginInjectionApi = arguments.length > 7 ? arguments[7] : undefined;
+  var getIntl = arguments.length > 8 ? arguments[8] : undefined;
+  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 10 ? arguments[10] : undefined;
+  var isCommentEditor = arguments.length > 11 ? arguments[11] : undefined;
+  var isChromelessEditor = arguments.length > 12 ? arguments[12] : undefined;
+  var isTableResizingEnabled = arguments.length > 13 ? arguments[13] : undefined;
   var list = {};
   var ariaNotifyPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.ariaNotify;
   bindKeymapWithCommand(
@@ -92,7 +92,7 @@ export function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProvide
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   addColumnAfterVO.common, addColumnAfterCommand(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
-  if (dragAndDropEnabled && moveRowDown.common && moveRowUp.common && moveColumnLeft.common && moveColumnRight.common) {
+  if (moveRowDown.common && moveRowUp.common && moveColumnLeft.common && moveColumnRight.common) {
     var isNewKeyMapExperiment = expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true);
     // Move row/column shortcuts
     /**

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

@@ -29,7 +29,7 @@ import { replaceSelectedTable } from './transforms/replace-table';
 import { findControlsHoverDecoration } from './utils/decoration';
 import { transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, transformSliceToRemoveNestedTables, isHeaderRowRequired, transformSliceTableLayoutDefaultToCenter } from './utils/paste';
 import { applyMeasuredWidthToAllTables, isContentModeSupported } from './utils/tableMode';
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
   var _accessibilityUtils;
   var state = createPluginState(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -42,7 +42,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     wasFullWidthModeEnabled: previousFullWidthModeEnabled,
     isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,
     isHeaderColumnEnabled: false,
-    isDragAndDropEnabled: dragAndDropEnabled,
+    isDragAndDropEnabled: true,
     isTableScalingEnabled: isTableScalingEnabled
   }, defaultHoveredCell), defaultTableSelection), {}, {
     getIntl: getIntl
@@ -75,7 +75,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       tableRow: tableRowView({
         eventDispatcher: eventDispatcher,
         pluginInjectionApi: pluginInjectionApi,
-        isDragAndDropEnabled: dragAndDropEnabled
+        isDragAndDropEnabled: true
       }),
       tableCell: tableCellView({
         eventDispatcher: eventDispatcher,

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

@@ -11,13 +11,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from './table-resizing/utils/consts';
 import { ALIGN_START } from './utils/alignment';
-import { isTableInContentMode } from './utils/tableMode';
+import { isContentModeSupported } from './utils/tableMode';
 export var pluginKey = new PluginKey('tableWidthPlugin');
 var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled, maxWidthEnabled, isTableScalingEnabled, isTableAlignmentEnabled, isCommentEditor) {
   return new SafePlugin({
@@ -65,10 +66,12 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
       if (isReplaceDocumentOperation && !isCommentEditor) {
         newState.doc.forEach(function (node, offset) {
           if (isTableInContentMode({
-            node: node,
-            allowColumnResizing: true,
-            allowTableResizing: true,
-            isFullPageEditor: true,
+            tableNode: node,
+            isSupported: isContentModeSupported({
+              allowColumnResizing: true,
+              allowTableResizing: true,
+              isFullPageEditor: true
+            }),
             isTableNested: false
           })) {
             return;

package/dist/esm/pm-plugins/utils/tableMode.js

@@ -1,37 +1,14 @@
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { hasTableBeenResized } from '@atlaskit/editor-common/table';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { hasTableColumnBeenResized } from '../table-resizing/utils/colgroup';
 import { applyTableMeasurement, getTableMeasurement } from '../transforms/content-mode';
-import { ALIGN_START } from './alignment';
-export var isTableInContentMode = function isTableInContentMode(_ref) {
+export var isContentModeSupported = function isContentModeSupported(_ref) {
   var allowColumnResizing = _ref.allowColumnResizing,
     allowTableResizing = _ref.allowTableResizing,
-    isFullPageEditor = _ref.isFullPageEditor,
-    isTableNested = _ref.isTableNested,
-    node = _ref.node;
-  if (!expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-    return false;
-  }
-  if (!node || isTableNested) {
-    return false;
-  }
-  return isContentModeSupported({
-    allowColumnResizing: allowColumnResizing,
-    allowTableResizing: allowTableResizing,
-    isFullPageEditor: isFullPageEditor
-  }) && !hasTableBeenResized(node) && node.attrs.layout === ALIGN_START;
-};
-export var isContentModeSupported = function isContentModeSupported(_ref2) {
-  var allowColumnResizing = _ref2.allowColumnResizing,
-    allowTableResizing = _ref2.allowTableResizing,
-    isFullPageEditor = _ref2.isFullPageEditor;
+    isFullPageEditor = _ref.isFullPageEditor;
   return allowColumnResizing && allowTableResizing && isFullPageEditor;
 };
-export var hasTableBeenResized = function hasTableBeenResized(node) {
-  return node.attrs.width !== null || hasTableColumnBeenResized(node);
-};
 
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
@@ -49,7 +26,7 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
 
   // modify only top-level tables
   doc.forEach(function (node, offset) {
-    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== ALIGN_START) {
+    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== 'align-start') {
       return;
     }
     var domNode = view.domAtPos(offset + 1).node;
@@ -64,10 +41,10 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
       measurement: getTableMeasurement(tableRef)
     });
   });
-  measuredTables.forEach(function (_ref3) {
-    var node = _ref3.node,
-      offset = _ref3.offset,
-      measurement = _ref3.measurement;
+  measuredTables.forEach(function (_ref2) {
+    var node = _ref2.node,
+      offset = _ref2.offset,
+      measurement = _ref2.measurement;
     tr = applyTableMeasurement(tr, node, measurement, offset);
     modified = true;
   });
@@ -81,8 +58,8 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
       attributes: {
         editorContainerWidth: (_pluginInjectionApi$w = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w2 = pluginInjectionApi.width) === null || _pluginInjectionApi$w2 === void 0 || (_pluginInjectionApi$w2 = _pluginInjectionApi$w2.sharedState.currentState()) === null || _pluginInjectionApi$w2 === void 0 ? void 0 : _pluginInjectionApi$w2.width) !== null && _pluginInjectionApi$w !== void 0 ? _pluginInjectionApi$w : 0,
         totalTablesResized: measuredTables.length,
-        measurements: measuredTables.map(function (_ref4) {
-          var measurement = _ref4.measurement;
+        measurements: measuredTables.map(function (_ref3) {
+          var measurement = _ref3.measurement;
           return {
             tableWidth: measurement.tableWidth,
             totalColumnCount: measurement.colWidths.length
@@ -93,6 +70,10 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
     view.dispatch(tr.setMeta('addToHistory', false));
   }
 };
+
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export var applyMeasuredWidthToSelectedTable = function applyMeasuredWidthToSelectedTable(view, api) {
   var _api$analytics, _api$width$sharedStat, _api$width;
   var tableObject = findTable(view.state.selection);

package/dist/esm/tablePlugin.js

@@ -66,7 +66,6 @@ var tablePlugin = function tablePlugin(_ref) {
   };
   var options = _objectSpread(_objectSpread({}, config), {}, {
     tableOptions: (_config$tableOptions = config === null || config === void 0 ? void 0 : config.tableOptions) !== null && _config$tableOptions !== void 0 ? _config$tableOptions : {},
-    dragAndDropEnabled: (config === null || config === void 0 ? void 0 : config.dragAndDropEnabled) || fg('platform_editor_enable_table_dnd'),
     isTableScalingEnabled: (config === null || config === void 0 ? void 0 : config.isTableScalingEnabled) || fg('platform_editor_enable_table_scaling')
   });
   var defaultGetEditorContainerWidth = function defaultGetEditorContainerWidth() {
@@ -283,11 +282,10 @@ var tablePlugin = function tablePlugin(_ref) {
             wasFullWidthEnabled = _ref3.wasFullWidthEnabled,
             tableOptions = _ref3.tableOptions,
             getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
-            dragAndDropEnabled = _ref3.dragAndDropEnabled,
             isTableScalingEnabled = _ref3.isTableScalingEnabled,
             isCommentEditor = _ref3.isCommentEditor,
             isChromelessEditor = _ref3.isChromelessEditor;
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
         }
       }, {
         name: 'tablePMColResizing',
@@ -319,7 +317,6 @@ var tablePlugin = function tablePlugin(_ref) {
           var getIntl = _ref6.getIntl,
             nodeViewPortalProviderAPI = _ref6.nodeViewPortalProviderAPI;
           var _ref7 = options || {},
-            dragAndDropEnabled = _ref7.dragAndDropEnabled,
             _ref7$isTableScalingE = _ref7.isTableScalingEnabled,
             isTableScalingEnabled = _ref7$isTableScalingE === void 0 ? false : _ref7$isTableScalingE,
             _ref7$fullWidthEnable = _ref7.fullWidthEnabled,
@@ -329,7 +326,7 @@ var tablePlugin = function tablePlugin(_ref) {
             _ref7$isChromelessEdi = _ref7.isChromelessEditor,
             isChromelessEditor = _ref7$isChromelessEdi === void 0 ? false : _ref7$isChromelessEdi,
             tableOptions = _ref7.tableOptions;
-          return keymapPlugin(defaultGetEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.allowTableAlignment, fullWidthEnabled, api, getIntl, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.allowTableResizing);
+          return keymapPlugin(defaultGetEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled, tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.allowTableAlignment, fullWidthEnabled, api, getIntl, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.allowTableResizing);
         }
       }, {
         name: 'tableSelectionKeymap',
@@ -340,12 +337,10 @@ var tablePlugin = function tablePlugin(_ref) {
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
-          var _ref9 = options || {},
-            dragAndDropEnabled = _ref9.dragAndDropEnabled;
           return tableEditing({
-            reportFixedTable: function reportFixedTable(_ref0) {
-              var tr = _ref0.tr,
-                reason = _ref0.reason;
+            reportFixedTable: function reportFixedTable(_ref9) {
+              var tr = _ref9.tr,
+                reason = _ref9.reason;
               editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
                 action: TABLE_ACTION.FIXED,
                 actionSubject: ACTION_SUBJECT.TABLE,
@@ -356,71 +351,71 @@ var tablePlugin = function tablePlugin(_ref) {
                 eventType: EVENT_TYPE.TRACK
               })(tr);
             },
-            dragAndDropEnabled: dragAndDropEnabled
+            dragAndDropEnabled: true
           });
         }
       }, {
         name: 'tableStickyHeaders',
-        plugin: function plugin(_ref1) {
-          var dispatch = _ref1.dispatch;
+        plugin: function plugin(_ref0) {
+          var dispatch = _ref0.dispatch;
           return options && options.tableOptions.stickyHeaders ? createStickyHeadersPlugin(dispatch, function () {
             return [];
           }) : undefined;
         }
       }, {
         name: 'tableDragAndDrop',
-        plugin: function plugin(_ref10) {
-          var dispatch = _ref10.dispatch;
-          return options !== null && options !== void 0 && options.dragAndDropEnabled ? createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor, api) : undefined;
+        plugin: function plugin(_ref1) {
+          var dispatch = _ref1.dispatch;
+          return createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor, api);
         }
       }, {
         name: 'tableViewModeSort',
-        plugin: function plugin(_ref11) {
-          var nodeViewPortalProviderAPI = _ref11.nodeViewPortalProviderAPI;
+        plugin: function plugin(_ref10) {
+          var nodeViewPortalProviderAPI = _ref10.nodeViewPortalProviderAPI;
           return api !== null && api !== void 0 && api.editorViewMode ? createViewModeSortPlugin(api, nodeViewPortalProviderAPI) : undefined;
         }
       }, {
         name: 'tableLocalId',
-        plugin: function plugin(_ref12) {
-          var dispatch = _ref12.dispatch;
+        plugin: function plugin(_ref11) {
+          var dispatch = _ref11.dispatch;
           return !fg('platform_editor_adf_with_localid') ? createTableLocalIdPlugin(dispatch) : undefined;
         }
       }, {
         name: 'tableWidth',
-        plugin: function plugin(_ref13) {
+        plugin: function plugin(_ref12) {
           var _options$fullWidthEna, _options$maxWidthEnab, _options$isTableScali, _options$tableOptions3, _options$isCommentEdi;
-          var dispatchAnalyticsEvent = _ref13.dispatchAnalyticsEvent,
-            dispatch = _ref13.dispatch;
+          var dispatchAnalyticsEvent = _ref12.dispatchAnalyticsEvent,
+            dispatch = _ref12.dispatch;
           return options !== null && options !== void 0 && options.tableOptions.allowTableResizing ? createTableWidthPlugin(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false, (_options$maxWidthEnab = options.maxWidthEnabled) !== null && _options$maxWidthEnab !== void 0 ? _options$maxWidthEnab : false, (_options$isTableScali = options.isTableScalingEnabled) !== null && _options$isTableScali !== void 0 ? _options$isTableScali : false, (_options$tableOptions3 = options.tableOptions.allowTableResizing) !== null && _options$tableOptions3 !== void 0 ? _options$tableOptions3 : false, (_options$isCommentEdi = options.isCommentEditor) !== null && _options$isCommentEdi !== void 0 ? _options$isCommentEdi : false) : undefined;
         }
       }, {
         name: 'tableWidthInCommentFix',
-        plugin: function plugin(_ref14) {
+        plugin: function plugin(_ref13) {
           var _options$tableOptions4;
-          var dispatch = _ref14.dispatch;
+          var dispatch = _ref13.dispatch;
           return options !== null && options !== void 0 && options.tableOptions.allowTableResizing && options !== null && options !== void 0 && options.isCommentEditor ? createTableWidthInCommentFixPlugin(dispatch, (_options$tableOptions4 = options.tableOptions.allowTableAlignment) !== null && _options$tableOptions4 !== void 0 ? _options$tableOptions4 : false) : undefined;
         }
       },
       // TODO: ED-26961 - should be deprecated and eventually replaced with 'tableAnalyticsPlugin'
       {
         name: 'tableOverflowAnalyticsPlugin',
-        plugin: function plugin(_ref15) {
+        plugin: function plugin(_ref14) {
           var _options$tableOptions5;
-          var dispatch = _ref15.dispatch,
-            dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent;
+          var dispatch = _ref14.dispatch,
+            dispatchAnalyticsEvent = _ref14.dispatchAnalyticsEvent;
           return createTableOverflowAnalyticsPlugin(dispatch, dispatchAnalyticsEvent, (_options$tableOptions5 = options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing) !== null && _options$tableOptions5 !== void 0 ? _options$tableOptions5 : false);
         }
       }, {
         name: 'tableAnalyticsPlugin',
-        plugin: function plugin(_ref16) {
-          var dispatch = _ref16.dispatch,
-            dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref15) {
+          var dispatch = _ref15.dispatch,
+            dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent;
           return createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent);
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',
-        plugin: function plugin(_ref17) {
-          var dispatchAnalyticsEvent = _ref17.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref16) {
+          var dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
           return new SafePlugin({
             view: function view(editorView) {
               editorViewRef.current = editorView;
@@ -474,8 +469,8 @@ var tablePlugin = function tablePlugin(_ref) {
         }
       }, {
         name: 'tableSizeSelectorPlugin',
-        plugin: function plugin(_ref18) {
-          var dispatch = _ref18.dispatch;
+        plugin: function plugin(_ref17) {
+          var dispatch = _ref17.dispatch;
           return isTableSelectorEnabled ? createSizeSelectorPlugin(dispatch) : undefined;
         }
       }, {
@@ -506,12 +501,12 @@ var tablePlugin = function tablePlugin(_ref) {
       }
       return plugins;
     },
-    contentComponent: function contentComponent(_ref19) {
-      var editorView = _ref19.editorView,
-        popupsMountPoint = _ref19.popupsMountPoint,
-        popupsBoundariesElement = _ref19.popupsBoundariesElement,
-        popupsScrollableElement = _ref19.popupsScrollableElement,
-        dispatchAnalyticsEvent = _ref19.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref18) {
+      var editorView = _ref18.editorView,
+        popupsMountPoint = _ref18.popupsMountPoint,
+        popupsBoundariesElement = _ref18.popupsBoundariesElement,
+        popupsScrollableElement = _ref18.popupsScrollableElement,
+        dispatchAnalyticsEvent = _ref18.dispatchAnalyticsEvent;
       return /*#__PURE__*/React.createElement(ContentComponent, {
         api: api,
         editorView: editorView,
@@ -526,8 +521,8 @@ var tablePlugin = function tablePlugin(_ref) {
       });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref20) {
-        var formatMessage = _ref20.formatMessage;
+      quickInsert: function quickInsert(_ref19) {
+        var formatMessage = _ref19.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),
@@ -597,8 +592,8 @@ var tablePlugin = function tablePlugin(_ref) {
         return editorViewRef.current;
       }, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
     },
-    usePluginHook: function usePluginHook(_ref21) {
-      var editorView = _ref21.editorView;
+    usePluginHook: function usePluginHook(_ref20) {
+      var editorView = _ref20.editorView;
       var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode'], function (states) {
           var _states$editorViewMod;
           return {

package/dist/esm/ui/ContentComponent.js

@@ -211,7 +211,6 @@ export var ContentComponent = function ContentComponent(_ref3) {
     fallbackComponent: null
   }, /*#__PURE__*/React.createElement(GlobalStylesWrapper, {
     featureFlags: api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState(),
-    isDragAndDropEnabledOption: options === null || options === void 0 ? void 0 : options.dragAndDropEnabled,
     api: api
   }), /*#__PURE__*/React.createElement(ContentComponentInternal, {
     api: api,

package/dist/esm/ui/global-styles.js

@@ -8,7 +8,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { tableStyles } from './common-styles';
 export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
   var featureFlags = _ref.featureFlags,
-    isDragAndDropEnabledOption = _ref.isDragAndDropEnabledOption,
     api = _ref.api;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode'], function (states) {
       var _states$editorViewMod;
@@ -21,7 +20,7 @@ export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
   return jsx(Global, {
     styles: tableStyles({
       featureFlags: featureFlags,
-      isDragAndDropEnabled: isDragAndDropEnabledOption && !isLivePageViewMode
+      isDragAndDropEnabled: !isLivePageViewMode
     })
   });
 };

package/dist/esm/ui/toolbar.js

@@ -412,17 +412,11 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
       var areAnyNewToolbarFlagsEnabled = areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
       if (editorExperiment('platform_editor_controls', 'variant1')) {
         var _api$editorViewMode;
-        var isDragHandleMenuOpened = false;
-        var isTableRowOrColumnDragged = false;
-        if (options !== null && options !== void 0 && options.dragAndDropEnabled) {
-          var _getDragDropPluginSta = getDragDropPluginState(state),
-            _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
-            isDragMenuOpen = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2,
-            _getDragDropPluginSta3 = _getDragDropPluginSta.isDragging,
-            isDragging = _getDragDropPluginSta3 === void 0 ? false : _getDragDropPluginSta3;
-          isDragHandleMenuOpened = isDragMenuOpen;
-          isTableRowOrColumnDragged = isDragging;
-        }
+        var _getDragDropPluginSta = getDragDropPluginState(state),
+          _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
+          isDragHandleMenuOpened = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2,
+          _getDragDropPluginSta3 = _getDragDropPluginSta.isDragging,
+          isTableRowOrColumnDragged = _getDragDropPluginSta3 === void 0 ? false : _getDragDropPluginSta3;
         var isTableOrColumnResizing = !!(resizeState !== null && resizeState !== void 0 && resizeState.dragging || tableWidthState !== null && tableWidthState !== void 0 && tableWidthState.resizing);
         var isTableMenuOpened = pluginState.isContextualMenuOpen || isDragHandleMenuOpened;
         var isTableState = isTableRowOrColumnDragged || isTableOrColumnResizing || isTableMenuOpened;

package/dist/types/pm-plugins/keymap.d.ts

@@ -4,5 +4,5 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { PluginInjectionAPI, PluginInjectionAPIWithA11y } from '../types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/dist/types/pm-plugins/main.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/dist/types/pm-plugins/utils/tableMode.d.ts

@@ -1,4 +1,3 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
 type ContentModePluginOptions = {
@@ -6,17 +5,15 @@ type ContentModePluginOptions = {
     allowTableResizing: boolean;
     isFullPageEditor: boolean;
 };
-export declare const isTableInContentMode: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, isTableNested, node, }: ContentModePluginOptions & {
-    isTableNested?: boolean;
-    node?: PMNode;
-}) => boolean;
 export declare const isContentModeSupported: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, }: ContentModePluginOptions) => boolean;
-export declare const hasTableBeenResized: (node: PMNode) => boolean;
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
  * measures rendered column widths and sets colwidth + table width attributes
  * in a single batched transaction.
  */
 export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;
 export {};

package/dist/types/tablePluginType.d.ts

@@ -23,12 +23,6 @@ export interface TablePluginOptions {
      * Note: This feature requires ADF schema changes to be supported.
      */
     allowFixedColumnWidthOption?: boolean;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-49683 Internal documentation for deprecation (no external access)}
-     * Deprecating this prop to enable drag and drop in tables by default.
-     * See {@link https://hello.atlassian.net/wiki/spaces/EDITOR/pages/6312469305/Deprecating+legacy+table+controls} for rollout plan
-     **/
-    dragAndDropEnabled?: boolean;
     fullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isChromelessEditor?: boolean;

package/dist/types/ui/global-styles.d.ts

@@ -5,8 +5,7 @@
 import { jsx } from '@emotion/react';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginInjectionAPI } from '../types';
-export declare const GlobalStylesWrapper: ({ featureFlags, isDragAndDropEnabledOption, api, }: {
+export declare const GlobalStylesWrapper: ({ featureFlags, api, }: {
     api?: PluginInjectionAPI;
     featureFlags: FeatureFlags | undefined;
-    isDragAndDropEnabledOption?: boolean;
 }) => jsx.JSX.Element;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -4,5 +4,5 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { PluginInjectionAPI, PluginInjectionAPIWithA11y } from '../types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/dist/types-ts4.5/pm-plugins/utils/tableMode.d.ts

@@ -1,4 +1,3 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
 type ContentModePluginOptions = {
@@ -6,17 +5,15 @@ type ContentModePluginOptions = {
     allowTableResizing: boolean;
     isFullPageEditor: boolean;
 };
-export declare const isTableInContentMode: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, isTableNested, node, }: ContentModePluginOptions & {
-    isTableNested?: boolean;
-    node?: PMNode;
-}) => boolean;
 export declare const isContentModeSupported: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, }: ContentModePluginOptions) => boolean;
-export declare const hasTableBeenResized: (node: PMNode) => boolean;
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
  * measures rendered column widths and sets colwidth + table width attributes
  * in a single batched transaction.
  */
 export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;
 export {};

package/dist/types-ts4.5/tablePluginType.d.ts

@@ -23,12 +23,6 @@ export interface TablePluginOptions {
      * Note: This feature requires ADF schema changes to be supported.
      */
     allowFixedColumnWidthOption?: boolean;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-49683 Internal documentation for deprecation (no external access)}
-     * Deprecating this prop to enable drag and drop in tables by default.
-     * See {@link https://hello.atlassian.net/wiki/spaces/EDITOR/pages/6312469305/Deprecating+legacy+table+controls} for rollout plan
-     **/
-    dragAndDropEnabled?: boolean;
     fullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isChromelessEditor?: boolean;

package/dist/types-ts4.5/ui/global-styles.d.ts

@@ -5,8 +5,7 @@
 import { jsx } from '@emotion/react';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginInjectionAPI } from '../types';
-export declare const GlobalStylesWrapper: ({ featureFlags, isDragAndDropEnabledOption, api, }: {
+export declare const GlobalStylesWrapper: ({ featureFlags, api, }: {
     api?: PluginInjectionAPI;
     featureFlags: FeatureFlags | undefined;
-    isDragAndDropEnabledOption?: boolean;
 }) => jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "21.0.0",
+	"version": "22.1.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,11 +52,11 @@
 		"@atlaskit/insm": "^0.4.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^62.4.0",
+		"@atlaskit/tmp-editor-statsig": "^62.8.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.0.0",
+		"@atlaskit/editor-common": "^114.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"