@atlaskit/editor-plugin-table 20.0.0 → 22.0.0

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @atlaskit/editor-plugin-table
 
+## 22.0.0
+
+### Major Changes
+
+- [`b47ee185c5ac4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b47ee185c5ac4) -
+  Remove deprecated dragAndDropEnabled plugin option Drag and drop table rows/ columns and advanced
+  table controls used to be toggled with dragAndDropEnabled table plugin option however we're
+  deprecating this prop to make this the default behaviour.
+
+  ```
+  // Before - to turn on drag and drop:
+
+  const createPreset = () =>
+    createDefaultPreset({ featureFlags: {}, paste: {} })
+      .add([tablePlugin, {tableOptions: {}, dragAndDropEnabled: true}])
+
+  const { preset } = usePreset(createPreset);
+
+  // Now - drag and drop enabled even without prop
+  const createPreset = () =>
+    createDefaultPreset({ featureFlags: {}, paste: {} })
+      .add([tablePlugin, {tableOptions: {}}])
+
+  const { preset } = usePreset(createPreset);
+  ```
+
+  The `dragAndDropEnabled` property has also been removed from the `TablePluginOptions` TypeScript
+  interface.
+
+  **Note:** If you previously set `dragAndDropEnabled: false` to explicitly disable drag and drop,
+  this is no longer supported — drag and drop is now always enabled and cannot be turned off via
+  this option.
+
+  If issues occur when bumping editor package, please check if dragAndDropEnabled is still present
+  in editor integration.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.0.0
+
+### Major Changes
+
+- [`901c87a57486e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/901c87a57486e) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 20.0.0
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _browser = require("@atlaskit/editor-common/browser");
 var _collab = require("@atlaskit/editor-common/collab");
 var _nesting = require("@atlaskit/editor-common/nesting");
@@ -993,4 +993,4 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }]);
 }(_react.default.Component);
 (0, _defineProperty2.default)(TableComponent, "displayName", 'TableComponent');
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(TableComponent);
+var _default = exports.default = (0, _reactIntl.injectIntl)(TableComponent);

package/dist/cjs/nodeviews/TableResizer.js

@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _browser = require("@atlaskit/editor-common/browser");
 var _guideline = require("@atlaskit/editor-common/guideline");
@@ -159,7 +159,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     snappingEnabled = _useState2[0],
     setSnappingEnabled = _useState2[1];
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   var tableFromSelection = (0, _react.useMemo)(function () {

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

@@ -17,18 +17,18 @@ var _columnResize = require("./commands/column-resize");
 var _commandsWithAnalytics2 = require("./commands/commands-with-analytics");
 var _goToNextCell = require("./commands/go-to-next-cell");
 var _insert = require("./commands/insert");
-function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, dragAndDropEnabled) {
+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;
   (0, _keymaps.bindKeymapWithCommand)(
@@ -99,7 +99,7 @@ function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProviderAPI, e
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   _keymaps.addColumnAfterVO.common, (0, _insert.addColumnAfter)(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
-  if (dragAndDropEnabled && _keymaps.moveRowDown.common && _keymaps.moveRowUp.common && _keymaps.moveColumnLeft.common && _keymaps.moveColumnRight.common) {
+  if (_keymaps.moveRowDown.common && _keymaps.moveRowUp.common && _keymaps.moveColumnLeft.common && _keymaps.moveColumnRight.common) {
     var isNewKeyMapExperiment = (0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true);
     // Move row/column shortcuts
     /**

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

@@ -36,7 +36,7 @@ var _paste = require("./utils/paste");
 var _tableMode = require("./utils/tableMode");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
+var createPlugin = exports.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 = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -49,7 +49,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
     wasFullWidthModeEnabled: previousFullWidthModeEnabled,
     isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,
     isHeaderColumnEnabled: false,
-    isDragAndDropEnabled: dragAndDropEnabled,
+    isDragAndDropEnabled: true,
     isTableScalingEnabled: isTableScalingEnabled
   }, _defaultTableSelection.defaultHoveredCell), _defaultTableSelection.defaultTableSelection), {}, {
     getIntl: getIntl
@@ -82,7 +82,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
       tableRow: (0, _tableNodeViews.tableRowView)({
         eventDispatcher: eventDispatcher,
         pluginInjectionApi: pluginInjectionApi,
-        isDragAndDropEnabled: dragAndDropEnabled
+        isDragAndDropEnabled: true
       }),
       tableCell: (0, _tableNodeViews.tableCellView)({
         eventDispatcher: eventDispatcher,

package/dist/cjs/pm-plugins/utils/decoration.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.updateDecorations = exports.findControlsHoverDecoration = exports.findColumnControlSelectedDecoration = exports.createRowInsertLine = exports.createResizeHandleDecoration = exports.createControlsHoverDecoration = exports.createColumnSelectedDecoration = exports.createColumnLineResize = exports.createColumnInsertLine = exports.createColumnControlsDecoration = exports.createCellHoverDecoration = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
@@ -277,7 +277,7 @@ var createResizeHandleDecoration = exports.createResizeHandleDecoration = functi
     return _view.Decoration.widget(position, function () {
       var element = document.createElement('div');
       nodeViewPortalProviderAPI.render(function () {
-        return /*#__PURE__*/(0, _react.createElement)(_reactIntlNext.RawIntlProvider, {
+        return /*#__PURE__*/(0, _react.createElement)(_reactIntl.RawIntlProvider, {
           value: getIntl()
         }, /*#__PURE__*/(0, _react.createElement)(_ColumnResizeWidget.ColumnResizeWidget, {
           startIndex: cellColumnPositioning.left,

package/dist/cjs/pm-plugins/view-mode-sort/index.js

@@ -9,7 +9,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _types = require("@atlaskit/editor-common/types");
@@ -131,7 +131,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, nodeViewPor
                 var _getPluginState = (0, _pluginFactory.getPluginState)(oldState),
                   getIntl = _getPluginState.getIntl;
                 nodeViewPortalProviderAPI.render(function () {
-                  return /*#__PURE__*/(0, _react.createElement)(_reactIntlNext.RawIntlProvider, {
+                  return /*#__PURE__*/(0, _react.createElement)(_reactIntl.RawIntlProvider, {
                     value: getIntl()
                   }, /*#__PURE__*/(0, _react.createElement)(_SortingIconWrapper.SortingIconWrapper, {
                     isSortingAllowed: !hasMergedCells,

package/dist/cjs/tablePlugin.js

@@ -75,7 +75,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) || (0, _platformFeatureFlags.fg)('platform_editor_enable_table_dnd'),
     isTableScalingEnabled: (config === null || config === void 0 ? void 0 : config.isTableScalingEnabled) || (0, _platformFeatureFlags.fg)('platform_editor_enable_table_scaling')
   });
   var defaultGetEditorContainerWidth = function defaultGetEditorContainerWidth() {
@@ -292,11 +291,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 (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, (0, _createPluginConfig.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 (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, (0, _createPluginConfig.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',
@@ -328,7 +326,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,
@@ -338,7 +335,7 @@ var tablePlugin = function tablePlugin(_ref) {
             _ref7$isChromelessEdi = _ref7.isChromelessEditor,
             isChromelessEditor = _ref7$isChromelessEdi === void 0 ? false : _ref7$isChromelessEdi,
             tableOptions = _ref7.tableOptions;
-          return (0, _keymap.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 (0, _keymap.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',
@@ -349,12 +346,10 @@ var tablePlugin = function tablePlugin(_ref) {
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
-          var _ref9 = options || {},
-            dragAndDropEnabled = _ref9.dragAndDropEnabled;
           return (0, _pmPlugins.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: _analytics.TABLE_ACTION.FIXED,
                 actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -365,71 +360,71 @@ var tablePlugin = function tablePlugin(_ref) {
                 eventType: _analytics.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 ? (0, _plugin4.createPlugin)(dispatch, function () {
             return [];
           }) : undefined;
         }
       }, {
         name: 'tableDragAndDrop',
-        plugin: function plugin(_ref10) {
-          var dispatch = _ref10.dispatch;
-          return options !== null && options !== void 0 && options.dragAndDropEnabled ? (0, _plugin3.createPlugin)(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 (0, _plugin3.createPlugin)(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 ? (0, _viewModeSort.createPlugin)(api, nodeViewPortalProviderAPI) : undefined;
         }
       }, {
         name: 'tableLocalId',
-        plugin: function plugin(_ref12) {
-          var dispatch = _ref12.dispatch;
+        plugin: function plugin(_ref11) {
+          var dispatch = _ref11.dispatch;
           return !(0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? (0, _tableLocalId.createPlugin)(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 ? (0, _tableWidth.createPlugin)(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 ? (0, _tableWidthInCommentFix.createPlugin)(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 (0, _tableAnalytics.createPlugin)(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 (0, _plugin.createPlugin)(dispatch, dispatchAnalyticsEvent);
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',
-        plugin: function plugin(_ref17) {
-          var dispatchAnalyticsEvent = _ref17.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref16) {
+          var dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
           return new _safePlugin.SafePlugin({
             view: function view(editorView) {
               editorViewRef.current = editorView;
@@ -483,8 +478,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 ? (0, _tableSizeSelector.createPlugin)(dispatch) : undefined;
         }
       }, {
@@ -515,12 +510,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.default.createElement(_ContentComponent.ContentComponent, {
         api: api,
         editorView: editorView,
@@ -535,8 +530,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.toolbarInsertBlockMessages.table),
@@ -606,8 +601,8 @@ var tablePlugin = function tablePlugin(_ref) {
         return editorViewRef.current;
       }, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)((0, _createPluginConfig.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 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode'], function (states) {
           var _states$editorViewMod;
           return {

package/dist/cjs/ui/ColumnResizeWidget/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ColumnResizeWidget = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -22,7 +22,7 @@ var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidge
   var startIndex = _ref.startIndex,
     endIndex = _ref.endIndex,
     includeTooltip = _ref.includeTooltip;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   if (!includeTooltip) {
     return (0, _react.jsx)("div", {

package/dist/cjs/ui/ContentComponent.js

@@ -219,7 +219,6 @@ var ContentComponent = exports.ContentComponent = function ContentComponent(_ref
     fallbackComponent: null
   }, /*#__PURE__*/_react.default.createElement(_globalStyles.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.default.createElement(ContentComponentInternal, {
     api: api,

package/dist/cjs/ui/DragHandle/index.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _browser = require("@atlaskit/editor-common/browser");
 var _messages = require("@atlaskit/editor-common/messages");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -254,4 +254,4 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     height: previewHeight
   }), previewContainer));
 };
-var DragHandle = exports.DragHandle = (0, _reactIntlNext.injectIntl)(DragHandleComponent);
+var DragHandle = exports.DragHandle = (0, _reactIntl.injectIntl)(DragHandleComponent);

package/dist/cjs/ui/FloatingContextualButton/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = _default;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -174,7 +174,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     zIndex: _editorSharedStyles.akEditorSmallZIndex
   }, button);
 });
-var FloatingContextualButton = (0, _reactIntlNext.injectIntl)(FloatingContextualButtonInner);
+var FloatingContextualButton = (0, _reactIntl.injectIntl)(FloatingContextualButtonInner);
 function _default(props) {
   return (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -15,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -823,4 +823,4 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
 (0, _defineProperty2.default)(ContextualMenu, "defaultProps", {
   boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(ContextualMenu);
+var _default = exports.default = (0, _reactIntl.injectIntl)(ContextualMenu);

package/dist/cjs/ui/FloatingDeleteButton/DeleteButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _types = require("../../types");
 var DeleteButton = function DeleteButton(_ref) {
@@ -46,4 +46,4 @@ var DeleteButton = function DeleteButton(_ref) {
     fillRule: "evenodd"
   }))));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(DeleteButton);
+var _default = exports.default = (0, _reactIntl.injectIntl)(DeleteButton);

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -592,4 +592,4 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     scrollableElement: scrollableElement
   }));
 });
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(DragMenu);
+var _default = exports.default = (0, _reactIntl.injectIntl)(DragMenu);

package/dist/cjs/ui/FloatingInsertButton/InsertButton.js

@@ -8,7 +8,7 @@ exports.default = exports.DragAndDropInsertButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -124,7 +124,7 @@ var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
     }, content))
   );
 };
-var DragAndDropInsertButton = exports.DragAndDropInsertButton = (0, _reactIntlNext.injectIntl)(InsertButtonForDragAndDrop);
+var DragAndDropInsertButton = exports.DragAndDropInsertButton = (0, _reactIntl.injectIntl)(InsertButtonForDragAndDrop);
 var InsertButton = function InsertButton(_ref3) {
   var onMouseDown = _ref3.onMouseDown,
     tableRef = _ref3.tableRef,
@@ -175,4 +175,4 @@ var InsertButton = function InsertButton(_ref3) {
     }, content))
   );
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(InsertButton);
+var _default = exports.default = (0, _reactIntl.injectIntl)(InsertButton);

package/dist/cjs/ui/FloatingInsertButton/index.js

@@ -14,7 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -235,4 +235,4 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
   }]);
 }(_react.default.Component);
 (0, _defineProperty2.default)(FloatingInsertButton, "displayName", 'FloatingInsertButton');
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(FloatingInsertButton);
+var _default = exports.default = (0, _reactIntl.injectIntl)(FloatingInsertButton);

package/dist/cjs/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("@atlaskit/editor-common/messages");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
@@ -122,4 +122,4 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
-var CornerControls = exports.CornerControls = (0, _reactIntlNext.injectIntl)(CornerControlComponent);
+var CornerControls = exports.CornerControls = (0, _reactIntl.injectIntl)(CornerControlComponent);

package/dist/cjs/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DragCornerControlsWithSelection = exports.DragCornerControls = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _utils = require("@atlaskit/editor-tables/utils");
@@ -110,5 +110,5 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     className: _types.TableCssClassName.DRAG_CORNER_BUTTON_INNER
   }));
 };
-var DragCornerControlsWithSelection = exports.DragCornerControlsWithSelection = (0, _reactIntlNext.injectIntl)(DragCornerControlsComponentWithSelection);
-var DragCornerControls = exports.DragCornerControls = (0, _reactIntlNext.injectIntl)(DragCornerControlsComponent);
+var DragCornerControlsWithSelection = exports.DragCornerControlsWithSelection = (0, _reactIntl.injectIntl)(DragCornerControlsComponentWithSelection);
+var DragCornerControls = exports.DragCornerControls = (0, _reactIntl.injectIntl)(DragCornerControlsComponent);

package/dist/cjs/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("@atlaskit/editor-common/messages");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../../pm-plugins/commands");
@@ -121,4 +121,4 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
-var RowControls = exports.RowControls = (0, _reactIntlNext.injectIntl)(RowControlsComponent);
+var RowControls = exports.RowControls = (0, _reactIntl.injectIntl)(RowControlsComponent);

package/dist/cjs/ui/TableFullWidthLabel/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FullWidthDisplay = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("@atlaskit/editor-common/messages");
 var _primitives = require("@atlaskit/primitives");
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -31,7 +31,7 @@ var tableFullWidthLabelStyles = (0, _primitives.xcss)({
   paddingBottom: 'space.050'
 });
 var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay() {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: tableFullWidthLabelWrapperStyles