@atlaskit/editor-plugin-table 19.0.0 → 20.0.0

package/dist/esm/tablePlugin.js

@@ -66,6 +66,7 @@ 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() {
@@ -282,10 +283,11 @@ 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, 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, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
         }
       }, {
         name: 'tablePMColResizing',
@@ -317,6 +319,7 @@ 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,
@@ -326,7 +329,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, 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, 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);
         }
       }, {
         name: 'tableSelectionKeymap',
@@ -337,10 +340,12 @@ var tablePlugin = function tablePlugin(_ref) {
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
+          var _ref9 = options || {},
+            dragAndDropEnabled = _ref9.dragAndDropEnabled;
           return tableEditing({
-            reportFixedTable: function reportFixedTable(_ref9) {
-              var tr = _ref9.tr,
-                reason = _ref9.reason;
+            reportFixedTable: function reportFixedTable(_ref0) {
+              var tr = _ref0.tr,
+                reason = _ref0.reason;
               editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
                 action: TABLE_ACTION.FIXED,
                 actionSubject: ACTION_SUBJECT.TABLE,
@@ -351,71 +356,71 @@ var tablePlugin = function tablePlugin(_ref) {
                 eventType: EVENT_TYPE.TRACK
               })(tr);
             },
-            dragAndDropEnabled: true
+            dragAndDropEnabled: dragAndDropEnabled
           });
         }
       }, {
         name: 'tableStickyHeaders',
-        plugin: function plugin(_ref0) {
-          var dispatch = _ref0.dispatch;
+        plugin: function plugin(_ref1) {
+          var dispatch = _ref1.dispatch;
           return options && options.tableOptions.stickyHeaders ? createStickyHeadersPlugin(dispatch, function () {
             return [];
           }) : undefined;
         }
       }, {
         name: 'tableDragAndDrop',
-        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);
+        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;
         }
       }, {
         name: 'tableViewModeSort',
-        plugin: function plugin(_ref10) {
-          var nodeViewPortalProviderAPI = _ref10.nodeViewPortalProviderAPI;
+        plugin: function plugin(_ref11) {
+          var nodeViewPortalProviderAPI = _ref11.nodeViewPortalProviderAPI;
           return api !== null && api !== void 0 && api.editorViewMode ? createViewModeSortPlugin(api, nodeViewPortalProviderAPI) : undefined;
         }
       }, {
         name: 'tableLocalId',
-        plugin: function plugin(_ref11) {
-          var dispatch = _ref11.dispatch;
+        plugin: function plugin(_ref12) {
+          var dispatch = _ref12.dispatch;
           return !fg('platform_editor_adf_with_localid') ? createTableLocalIdPlugin(dispatch) : undefined;
         }
       }, {
         name: 'tableWidth',
-        plugin: function plugin(_ref12) {
+        plugin: function plugin(_ref13) {
           var _options$fullWidthEna, _options$maxWidthEnab, _options$isTableScali, _options$tableOptions3, _options$isCommentEdi;
-          var dispatchAnalyticsEvent = _ref12.dispatchAnalyticsEvent,
-            dispatch = _ref12.dispatch;
+          var dispatchAnalyticsEvent = _ref13.dispatchAnalyticsEvent,
+            dispatch = _ref13.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(_ref13) {
+        plugin: function plugin(_ref14) {
           var _options$tableOptions4;
-          var dispatch = _ref13.dispatch;
+          var dispatch = _ref14.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(_ref14) {
+        plugin: function plugin(_ref15) {
           var _options$tableOptions5;
-          var dispatch = _ref14.dispatch,
-            dispatchAnalyticsEvent = _ref14.dispatchAnalyticsEvent;
+          var dispatch = _ref15.dispatch,
+            dispatchAnalyticsEvent = _ref15.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(_ref15) {
-          var dispatch = _ref15.dispatch,
-            dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref16) {
+          var dispatch = _ref16.dispatch,
+            dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
           return createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent);
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',
-        plugin: function plugin(_ref16) {
-          var dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref17) {
+          var dispatchAnalyticsEvent = _ref17.dispatchAnalyticsEvent;
           return new SafePlugin({
             view: function view(editorView) {
               editorViewRef.current = editorView;
@@ -469,8 +474,8 @@ var tablePlugin = function tablePlugin(_ref) {
         }
       }, {
         name: 'tableSizeSelectorPlugin',
-        plugin: function plugin(_ref17) {
-          var dispatch = _ref17.dispatch;
+        plugin: function plugin(_ref18) {
+          var dispatch = _ref18.dispatch;
           return isTableSelectorEnabled ? createSizeSelectorPlugin(dispatch) : undefined;
         }
       }, {
@@ -501,12 +506,12 @@ var tablePlugin = function tablePlugin(_ref) {
       }
       return plugins;
     },
-    contentComponent: function contentComponent(_ref18) {
-      var editorView = _ref18.editorView,
-        popupsMountPoint = _ref18.popupsMountPoint,
-        popupsBoundariesElement = _ref18.popupsBoundariesElement,
-        popupsScrollableElement = _ref18.popupsScrollableElement,
-        dispatchAnalyticsEvent = _ref18.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref19) {
+      var editorView = _ref19.editorView,
+        popupsMountPoint = _ref19.popupsMountPoint,
+        popupsBoundariesElement = _ref19.popupsBoundariesElement,
+        popupsScrollableElement = _ref19.popupsScrollableElement,
+        dispatchAnalyticsEvent = _ref19.dispatchAnalyticsEvent;
       return /*#__PURE__*/React.createElement(ContentComponent, {
         api: api,
         editorView: editorView,
@@ -521,8 +526,8 @@ var tablePlugin = function tablePlugin(_ref) {
       });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref19) {
-        var formatMessage = _ref19.formatMessage;
+      quickInsert: function quickInsert(_ref20) {
+        var formatMessage = _ref20.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),
@@ -592,8 +597,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(_ref20) {
-      var editorView = _ref20.editorView;
+    usePluginHook: function usePluginHook(_ref21) {
+      var editorView = _ref21.editorView;
       var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode'], function (states) {
           var _states$editorViewMod;
           return {

package/dist/esm/ui/ContentComponent.js

@@ -211,6 +211,7 @@ 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/event-handlers.js

@@ -1,8 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import rafSchedule from 'raf-schd';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
-import { browser, closestElement, isElementInTableCell, isLastItemMediaGroup, setNodeSelection } from '@atlaskit/editor-common/utils';
+import { closestElement, isElementInTableCell, isLastItemMediaGroup, setNodeSelection } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
@@ -39,7 +40,7 @@ export var handleBlur = function handleBlur(view, event) {
     dispatch = view.dispatch;
   // IE version check for ED-4665
   // Calendar focus check for ED-10466
-  if (browser.ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event) && !isFocusingFloatingToolbar(event) && !isFocusingDragHandles(event) && !isFocusingDragHandlesClickableZone(event)) {
+  if (getBrowserInfo().ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event) && !isFocusingFloatingToolbar(event) && !isFocusingDragHandles(event) && !isFocusingDragHandlesClickableZone(event)) {
     setEditorFocus(false)(state, dispatch);
   }
   event.preventDefault();
@@ -349,7 +350,7 @@ export var handleMouseMove = function handleMouseMove(nodeViewPortalProviderAPI)
     // a reflow. So for now this will just grab the offsetX value immediately for gecko and chrome will calculate later
     // in the deferred callback handler.
     // Bug Tracking: https://bugzilla.mozilla.org/show_bug.cgi?id=1882903
-    handleMouseMoveDebounce(nodeViewPortalProviderAPI)(view, event, browser.gecko ? event.offsetX : NaN);
+    handleMouseMoveDebounce(nodeViewPortalProviderAPI)(view, event, getBrowserInfo().gecko ? event.offsetX : NaN);
     return false;
   };
 };

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

@@ -8,6 +8,7 @@ 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;
@@ -20,7 +21,7 @@ export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
   return jsx(Global, {
     styles: tableStyles({
       featureFlags: featureFlags,
-      isDragAndDropEnabled: !isLivePageViewMode
+      isDragAndDropEnabled: isDragAndDropEnabledOption && !isLivePageViewMode
     })
   });
 };

package/dist/esm/ui/toolbar.js

@@ -32,6 +32,7 @@ import AlignImageLeftIcon from '@atlaskit/icon/core/align-image-left';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import DeleteIcon from '@atlaskit/icon/core/delete';
+import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
 import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distribute';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -48,6 +49,7 @@ import { normaliseAlignment } from '../pm-plugins/utils/alignment';
 import { isTableNested } from '../pm-plugins/utils/nodes';
 import { getSelectedColumnIndexes, getSelectedRowIndexes } from '../pm-plugins/utils/selection';
 import { getMergedCellsPositions } from '../pm-plugins/utils/table';
+import { applyMeasuredWidthToSelectedTable, isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableCssClassName } from '../types';
 import { FloatingAlignmentButtons } from './FloatingAlignmentButtons/FloatingAlignmentButtons';
 export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {
@@ -410,11 +412,17 @@ 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 _getDragDropPluginSta = getDragDropPluginState(state),
-          _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
-          isDragHandleMenuOpened = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2,
-          _getDragDropPluginSta3 = _getDragDropPluginSta.isDragging,
-          isTableRowOrColumnDragged = _getDragDropPluginSta3 === void 0 ? false : _getDragDropPluginSta3;
+        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 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;
@@ -435,7 +443,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
       // We don't want to show floating toolbar while resizing the table
       var isWidthResizing = tableWidthState === null || tableWidthState === void 0 ? void 0 : tableWidthState.resizing;
       if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
-        var _api$limitedMode$shar, _api$limitedMode, _api$extension, _api$extension2;
+        var _api$limitedMode$shar, _api$limitedMode, _api$editorViewMode2, _api$extension, _api$extension2;
         var isNested = pluginState.tablePos && isTableNested(state, pluginState.tablePos);
         var isTableScalingWithFixedColumnWidthsOptionShown = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && !isNested;
         var areTableColumWidthsFixed = tableObject.node.attrs.displayMode === 'fixed';
@@ -465,6 +473,27 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
         var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
         var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled) : [];
         var colorPicker = !areAnyNewToolbarFlagsEnabled ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
+        var fitToContentButton = isContentModeSupported({
+          allowColumnResizing: !!pluginState.pluginConfig.allowColumnResizing,
+          allowTableResizing: !!pluginState.pluginConfig.allowTableResizing,
+          isFullPageEditor: !pluginState.isChromelessEditor && !pluginState.isCommentEditor
+        }) && !isNested && (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'view' && expValEquals('platform_editor_table_fit_to_content_on_demand', 'isEnabled', true) ? [{
+          id: 'editor.table.fitToContent',
+          type: 'button',
+          title: intl.formatMessage(messages.fitToContent),
+          icon: function icon() {
+            return jsx(ShrinkHorizontalIcon, {
+              spacing: 'spacious',
+              label: ''
+            });
+          },
+          onClick: function onClick(_state, _dispatch, view) {
+            if (view) {
+              applyMeasuredWidthToSelectedTable(view, api !== null && api !== void 0 ? api : undefined);
+            }
+            return true;
+          }
+        }] : [];
 
         // Check if we need to show confirm dialog for delete button
         var confirmDialog;
@@ -543,7 +572,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
           },
           zIndex: akEditorFloatingPanelZIndex + 1,
           // Place the context menu slightly above the others
-          items: [menu].concat(_toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), _toConsumableArray(alignmentMenu), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), _toConsumableArray(cellItems), _toConsumableArray(columnSettingsItems), _toConsumableArray(colorPicker), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [{
+          items: [menu].concat(_toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), _toConsumableArray(alignmentMenu), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), _toConsumableArray(cellItems), _toConsumableArray(columnSettingsItems), fitToContentButton, _toConsumableArray(colorPicker), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [{
             type: 'extensions-placeholder',
             separator: 'end'
           }, copyButton, {

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, 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, dragAndDropEnabled?: boolean, 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, 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, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/dist/types/pm-plugins/transforms/content-mode.d.ts

@@ -0,0 +1,8 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+export type TableMeasurement = {
+    colWidths: Array<number>;
+    tableWidth: number;
+};
+export declare const getTableMeasurement: (tableRef: HTMLTableElement) => TableMeasurement;
+export declare const applyTableMeasurement: (tr: Transaction, tableNode: PMNode, { colWidths, tableWidth }: TableMeasurement, tablePos: number) => Transaction;

package/dist/types/pm-plugins/transforms/table-transform-utils.d.ts

@@ -0,0 +1,11 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+export declare const replaceCells: (tr: Transaction, table: PMNode, tablePos: number, modifyCell: (cell: PMNode, rowIndex: number, colIndex: number) => PMNode) => Transaction;
+/**
+ * Position-preserving alternative to `replaceCells`.
+ *
+ * Uses `setNodeMarkup` per cell instead of rebuilding the whole table with
+ * `replaceWith`, so document positions inside cells are never invalidated.
+ * This preserves any existing selection through `tr.mapping`.
+ */
+export declare const updateCellsMarkup: (tr: Transaction, table: PMNode, tablePos: number, modifyCell: (cell: PMNode, rowIndex: number, colIndex: number) => PMNode) => Transaction;

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

@@ -0,0 +1,22 @@
+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 = {
+    allowColumnResizing: boolean;
+    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;
+export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;
+export {};

package/dist/types/tablePluginType.d.ts

@@ -23,6 +23,12 @@ 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/types/index.d.ts

@@ -95,6 +95,8 @@ export interface TablePluginState {
     insertColumnButtonIndex?: number;
     insertRowButtonIndex?: number;
     isCellMenuOpenByKeyboard?: boolean;
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
     isContextualMenuOpen?: boolean;
     isDragAndDropEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
@@ -448,6 +450,7 @@ export declare const TableCssClassName: {
     TABLE_STICKY_SENTINEL_TOP: "pm-table-sticky-sentinel-top";
     TABLE_STICKY_SHADOW: "pm-table-sticky-shadow";
     TABLE_STICKY_WRAPPER: "pm-table-sticky-wrapper";
+    TABLE_VIEW_CONTENT_WRAP: "tableView-content-wrap";
 };
 export interface ToolbarMenuConfig {
     allowCollapse?: boolean;

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

@@ -5,7 +5,8 @@
 import { jsx } from '@emotion/react';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginInjectionAPI } from '../types';
-export declare const GlobalStylesWrapper: ({ featureFlags, api, }: {
+export declare const GlobalStylesWrapper: ({ featureFlags, isDragAndDropEnabledOption, 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, 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, dragAndDropEnabled?: boolean, 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, 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, dragAndDropEnabled?: 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/transforms/content-mode.d.ts

@@ -0,0 +1,8 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+export type TableMeasurement = {
+    colWidths: Array<number>;
+    tableWidth: number;
+};
+export declare const getTableMeasurement: (tableRef: HTMLTableElement) => TableMeasurement;
+export declare const applyTableMeasurement: (tr: Transaction, tableNode: PMNode, { colWidths, tableWidth }: TableMeasurement, tablePos: number) => Transaction;

package/dist/types-ts4.5/pm-plugins/transforms/table-transform-utils.d.ts

@@ -0,0 +1,11 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+export declare const replaceCells: (tr: Transaction, table: PMNode, tablePos: number, modifyCell: (cell: PMNode, rowIndex: number, colIndex: number) => PMNode) => Transaction;
+/**
+ * Position-preserving alternative to `replaceCells`.
+ *
+ * Uses `setNodeMarkup` per cell instead of rebuilding the whole table with
+ * `replaceWith`, so document positions inside cells are never invalidated.
+ * This preserves any existing selection through `tr.mapping`.
+ */
+export declare const updateCellsMarkup: (tr: Transaction, table: PMNode, tablePos: number, modifyCell: (cell: PMNode, rowIndex: number, colIndex: number) => PMNode) => Transaction;

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

@@ -0,0 +1,22 @@
+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 = {
+    allowColumnResizing: boolean;
+    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;
+export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;
+export {};

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

@@ -23,6 +23,12 @@ 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/types/index.d.ts

@@ -95,6 +95,8 @@ export interface TablePluginState {
     insertColumnButtonIndex?: number;
     insertRowButtonIndex?: number;
     isCellMenuOpenByKeyboard?: boolean;
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
     isContextualMenuOpen?: boolean;
     isDragAndDropEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
@@ -448,6 +450,7 @@ export declare const TableCssClassName: {
     TABLE_STICKY_SENTINEL_TOP: "pm-table-sticky-sentinel-top";
     TABLE_STICKY_SHADOW: "pm-table-sticky-shadow";
     TABLE_STICKY_WRAPPER: "pm-table-sticky-wrapper";
+    TABLE_VIEW_CONTENT_WRAP: "tableView-content-wrap";
 };
 export interface ToolbarMenuConfig {
     allowCollapse?: boolean;

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

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