@atlaskit/editor-plugin-media 11.0.0 → 12.0.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-media
 
+## 12.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
+
 ## 11.0.0
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaGroupNext.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 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 _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -173,7 +173,7 @@ var runMediaNodeUpdate = /*#__PURE__*/function () {
 }();
 var noop = function noop() {};
 // eslint-disable-next-line @typescript-eslint/ban-types
-var MediaGroupNext = exports.MediaGroupNext = (0, _reactIntlNext.injectIntl)( /*#__PURE__*/_react.default.memo(function (props) {
+var MediaGroupNext = exports.MediaGroupNext = (0, _reactIntl.injectIntl)( /*#__PURE__*/_react.default.memo(function (props) {
   var _props$mediaOptions = props.mediaOptions,
     allowLazyLoading = _props$mediaOptions.allowLazyLoading,
     allowMediaInlineImages = _props$mediaOptions.allowMediaInlineImages,

package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -13,7 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -275,5 +275,5 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
     }
   }]);
 }(_react.default.Component);
-var _default_1 = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(AltTextEditComponent));
+var _default_1 = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(AltTextEditComponent));
 var _default = exports.default = _default_1;

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

@@ -13,7 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _assert = _interopRequireDefault(require("assert"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _browser = require("@atlaskit/editor-common/browser");
@@ -57,7 +57,7 @@ var createDropPlaceholder = function createDropPlaceholder(intl, nodeViewPortalP
   var createElement = _react.default.createElement;
   if (allowDropLine) {
     nodeViewPortalProviderAPI.render(function () {
-      return createElement(_reactIntlNext.RawIntlProvider, {
+      return createElement(_reactIntl.RawIntlProvider, {
         value: intl
       }, createElement(_DropPlaceholder.default, {
         type: 'single'
@@ -65,7 +65,7 @@ var createDropPlaceholder = function createDropPlaceholder(intl, nodeViewPortalP
     }, dropPlaceholder, dropPlaceholderKey);
   } else {
     nodeViewPortalProviderAPI.render(function () {
-      return createElement(_reactIntlNext.RawIntlProvider, {
+      return createElement(_reactIntl.RawIntlProvider, {
         value: intl
       }, createElement(_DropPlaceholder.default));
     }, dropPlaceholder, dropPlaceholderKey);

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

@@ -9,7 +9,7 @@ exports.CaptionPlaceholderButton = exports.CaptionPlaceholder = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -57,7 +57,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
       id: (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? _mediaSingle.CAPTION_PLACEHOLDER_ID : undefined,
       "data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
       "data-testid": "caption-placeholder"
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage
+    }, (0, _react2.jsx)(_reactIntl.FormattedMessage
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , computedPlaceholderMessage))
@@ -66,7 +66,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
 var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var onClick = _ref2.onClick,
     placeholderMessage = _ref2.placeholderMessage;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var handleMouseDown = (0, _react.useCallback)(function (e) {
     // In firefox, button is focused when mouse down, which make editor lose focus
     // Hence we want to disabled it so that user can type in caption directly after click
@@ -89,7 +89,7 @@ var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_
   (0, _react2.jsx)("span", {
     css: placeholderText,
     id: _mediaSingle.CAPTION_PLACEHOLDER_ID
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage
+  }, (0, _react2.jsx)(_reactIntl.FormattedMessage
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , computedPlaceholderMessage)) : (0, _react2.jsx)(_primitives.Text, {

package/dist/cjs/ui/Media/DropPlaceholder.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _media = require("@atlaskit/editor-common/media");
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 var _media2 = require("../../nodeviews/mediaNodeView/media");
@@ -47,7 +47,7 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
     label: intl.formatMessage(dropPlaceholderLabel)
   }));
 };
-var IntlIconWrapper = (0, _reactIntlNext.injectIntl)(IconWrapperComponent);
+var IntlIconWrapper = (0, _reactIntl.injectIntl)(IconWrapperComponent);
 var _default = exports.default = function _default(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'group' : _ref$type;

package/dist/cjs/ui/ToolbarMedia/index.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 _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
@@ -49,5 +49,5 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types
-var _default_1 = (0, _reactIntlNext.injectIntl)(ToolbarMedia);
+var _default_1 = (0, _reactIntl.injectIntl)(ToolbarMedia);
 var _default = exports.default = _default_1;

package/dist/es2019/nodeviews/mediaGroupNext.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';

package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -8,7 +8,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import assert from 'assert';
 import React from 'react';
-import { RawIntlProvider } from 'react-intl-next';
+import { RawIntlProvider } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';

package/dist/es2019/ui/CaptionPlaceholder/index.js

@@ -6,7 +6,7 @@ import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/ui/Media/DropPlaceholder.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';

package/dist/es2019/ui/ToolbarMedia/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -5,7 +5,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';

package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -15,7 +15,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';

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

@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import assert from 'assert';
 import React from 'react';
-import { RawIntlProvider } from 'react-intl-next';
+import { RawIntlProvider } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';

package/dist/esm/ui/CaptionPlaceholder/index.js

@@ -8,7 +8,7 @@ import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/ui/Media/DropPlaceholder.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';

package/dist/esm/ui/ToolbarMedia/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';

package/dist/types/nodeviews/mediaGroupNext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types/pm-plugins/alt-text/ui/AltTextEdit.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const MAX_ALT_TEXT_LENGTH = 510;

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

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';

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

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';

package/dist/types/pm-plugins/pixel-resizing/ui/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';

package/dist/types/pm-plugins/pixel-resizing/ui/types.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 export type PixelEntryProps = {
     /**
      * Whether the new toolbar flags are enabled

package/dist/types/ui/ImageBorder/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     borderMark?: BorderMarkAttributes;

package/dist/types/ui/MediaLinkingToolbar.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { IntlShape, WrappedComponentProps } from 'react-intl';
 import type { RecentSearchInputTypes } from '@atlaskit/editor-common/link';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 type Props = {

package/dist/types/ui/ToolbarMedia/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
 interface Props {

package/dist/types/ui/toolbar/alt-text.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command, FloatingToolbarButton, FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';

package/dist/types/ui/toolbar/comments.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarButton } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types/ui/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types/ui/toolbar/linking-toolbar-appearance.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaLinkingState } from '../../pm-plugins/linking/types';
 export interface LinkingToolbarProps {

package/dist/types/ui/toolbar/linking.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types/ui/toolbar/mediaInline.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types/ui/toolbar/pixel-resizing.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions, Command } from '@atlaskit/editor-common/types';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types/ui/toolbar/utils.d.ts

@@ -1,5 +1,5 @@
 import { type MemoizedFn } from 'memoize-one';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { LayoutIcon } from '@atlaskit/editor-common/card';
 import type { Command, FloatingToolbarItem, FloatingToolbarDropdown, ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/nodeviews/mediaGroupNext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types-ts4.5/pm-plugins/alt-text/ui/AltTextEdit.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const MAX_ALT_TEXT_LENGTH = 510;

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

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';

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

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';

package/dist/types-ts4.5/pm-plugins/pixel-resizing/ui/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';

package/dist/types-ts4.5/pm-plugins/pixel-resizing/ui/types.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 export type PixelEntryProps = {
     /**
      * Whether the new toolbar flags are enabled

package/dist/types-ts4.5/ui/ImageBorder/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     borderMark?: BorderMarkAttributes;

package/dist/types-ts4.5/ui/MediaLinkingToolbar.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { IntlShape, WrappedComponentProps } from 'react-intl';
 import type { RecentSearchInputTypes } from '@atlaskit/editor-common/link';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 type Props = {

package/dist/types-ts4.5/ui/ToolbarMedia/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
 interface Props {

package/dist/types-ts4.5/ui/toolbar/alt-text.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command, FloatingToolbarButton, FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';

package/dist/types-ts4.5/ui/toolbar/comments.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarButton } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types-ts4.5/ui/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types-ts4.5/ui/toolbar/linking-toolbar-appearance.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaLinkingState } from '../../pm-plugins/linking/types';
 export interface LinkingToolbarProps {

package/dist/types-ts4.5/ui/toolbar/linking.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/ui/toolbar/mediaInline.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/ui/toolbar/pixel-resizing.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions, Command } from '@atlaskit/editor-common/types';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/ui/toolbar/utils.d.ts

@@ -1,5 +1,5 @@
 import { type MemoizedFn } from 'memoize-one';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { LayoutIcon } from '@atlaskit/editor-common/card';
 import type { Command, FloatingToolbarItem, FloatingToolbarDropdown, ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "11.0.0",
+	"version": "12.0.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,20 +34,20 @@
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-analytics": "^9.0.0",
-		"@atlaskit/editor-plugin-annotation": "^9.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^9.0.0",
-		"@atlaskit/editor-plugin-decorations": "^9.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^9.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^11.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^11.0.0",
-		"@atlaskit/editor-plugin-focus": "^8.0.0",
-		"@atlaskit/editor-plugin-grid": "^9.0.0",
-		"@atlaskit/editor-plugin-guideline": "^9.0.0",
-		"@atlaskit/editor-plugin-interaction": "^18.0.0",
-		"@atlaskit/editor-plugin-selection": "^9.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^6.0.0",
-		"@atlaskit/editor-plugin-width": "^10.0.0",
+		"@atlaskit/editor-plugin-analytics": "^10.0.0",
+		"@atlaskit/editor-plugin-annotation": "^10.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^10.0.0",
+		"@atlaskit/editor-plugin-decorations": "^10.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^10.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^12.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^12.0.0",
+		"@atlaskit/editor-plugin-focus": "^9.0.0",
+		"@atlaskit/editor-plugin-grid": "^10.0.0",
+		"@atlaskit/editor-plugin-guideline": "^10.0.0",
+		"@atlaskit/editor-plugin-interaction": "^19.0.0",
+		"@atlaskit/editor-plugin-selection": "^10.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^7.0.0",
+		"@atlaskit/editor-plugin-width": "^11.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
@@ -77,11 +77,11 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^113.0.0",
+		"@atlaskit/editor-common": "^114.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1"
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {
@@ -167,5 +167,8 @@
 		"no-unused-dependencies": {
 			"checkDevDependencies": true
 		}
+	},
+	"devDependencies": {
+		"react-intl": "^6.6.2"
 	}
 }

package/report.api.md

@@ -447,7 +447,7 @@ type ProsemirrorGetPosHandler = getPosHandlerNode;
 	"@atlaskit/media-core": "^34.1.2",
 	"react": "^16.8.0",
 	"react-dom": "^16.8.0",
-	"react-intl-next": "npm:react-intl@^5.18.1"
+	"react-intl": "npm:react-intl@^5.18.1"
 }
 ```