@atlaskit/editor-plugin-media 3.0.14 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-media
 
+## 3.1.0
+
+### Minor Changes
+
+- [#170742](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170742)
+  [`9c026e8d50959`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9c026e8d50959) -
+  Add data-media-vc-wrapper attribute to Editor MediaCardWrapper component
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.0.15
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.14
 
 ### Patch Changes

package/dist/cjs/nodeviews/toDOM-fixes/mediaSingle.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _colors = require("@atlaskit/theme/colors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _toDOMAttrs = require("./toDOMAttrs");
 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; }
@@ -190,7 +191,7 @@ var getToDom = exports.getToDom = function getToDom(allowPixelResizing) {
       childMediaWidth: childMediaWidth,
       mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width
     });
-    return ['div', {
+    return ['div', _objectSpread({
       class: 'mediaSingleView-content-wrap',
       layout: layout,
       style: (0, _lazyNodeView.convertToInlineCss)({
@@ -205,7 +206,9 @@ var getToDom = exports.getToDom = function getToDom(allowPixelResizing) {
         marginLeft: isMediaWrapped ? layout === 'wrap-left' ? 'auto' : HALF_GUTTER_SIZE : 0,
         width: contentWrapperWidth
       })
-    }, content];
+    }, (0, _expValEquals.expValEquals)('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true) ? {
+      'data-media-vc-wrapper': 'true'
+    } : {}), content];
   };
 };
 

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

@@ -20,8 +20,8 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _media = require("@atlaskit/editor-common/media");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
-var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -208,7 +208,8 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
       }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
         title: formatMessage(_media.altTextMessages.back),
         icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
-          label: formatMessage(_media.altTextMessages.back)
+          label: formatMessage(_media.altTextMessages.back),
+          size: "small"
         }),
         tooltipContent: backButtonMessageComponent,
         onClick: this.closeMediaAltTextMenu

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

@@ -16,11 +16,11 @@ var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _border = _interopRequireDefault(require("@atlaskit/icon/core/border"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _strokeWeightLarge = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-large"));
 var _strokeWeightMedium = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-medium"));
 var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -330,11 +330,12 @@ var ImageBorder = function ImageBorder(_ref) {
     "aria-label": formatMessage(_media.imageBorderMessages.borderOptions),
     title: formatMessage(_media.imageBorderMessages.borderOptions),
     spacing: "compact",
-    iconBefore: (0, _react2.jsx)(_chevronDown2.default, {
+    iconBefore: (0, _react2.jsx)(_chevronDown.default, {
       color: "currentColor",
       spacing: "spacious",
       label: "",
-      LEGACY_fallbackIcon: _chevronDown.default
+      LEGACY_fallbackIcon: _chevronDown2.default,
+      size: "small"
     }),
     onClick: function onClick() {
       setIsOpen(!isOpen);

package/dist/cjs/ui/MediaLinkingToolbar.js

@@ -20,8 +20,8 @@ var _media = require("@atlaskit/editor-common/media");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
+var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
 var _linkBrokenEditorUnlink = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-broken--editor-unlink"));
-var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -125,7 +125,8 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           title: formatLinkAddressText,
           icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
-            label: formatLinkAddressText
+            label: formatLinkAddressText,
+            size: "small"
           }),
           onClick: function onClick() {
             return _this.handleOnBack({

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

@@ -770,7 +770,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
     nodeType: nodeType,
     getDomRef: function getDomRef() {
       var _mediaPluginState$ele;
-      var element = isSelectedNodeMediaSingle && (0, _platformFeatureFlags.fg)('platform_editor_media_single_toolbar_target') ? ((_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(".".concat(_styles.MediaSingleNodeSelector))) || mediaPluginState.element : mediaPluginState.element;
+      var element = isSelectedNodeMediaSingle ? ((_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(".".concat(_styles.MediaSingleNodeSelector))) || mediaPluginState.element : mediaPluginState.element;
       return element;
     }
   };

package/dist/es2019/nodeviews/toDOM-fixes/mediaSingle.js

@@ -1,6 +1,7 @@
 import { mediaSingleSpec } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { N20, N50 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAttrsFromNodeMediaSingle } from './toDOMAttrs';
 const WRAPPED_LAYOUTS = ['wrap-left', 'wrap-right'];
@@ -199,7 +200,10 @@ export const getToDom = allowPixelResizing => node => {
       marginRight: isMediaWrapped ? layout === 'wrap-right' ? 'auto' : HALF_GUTTER_SIZE : 0,
       marginLeft: isMediaWrapped ? layout === 'wrap-left' ? 'auto' : HALF_GUTTER_SIZE : 0,
       width: contentWrapperWidth
-    })
+    }),
+    ...(expValEquals('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true) ? {
+      'data-media-vc-wrapper': 'true'
+    } : {})
   }, content];
 };
 

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

@@ -15,8 +15,8 @@ import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -197,7 +197,8 @@ export class AltTextEditComponent extends React.Component {
     }, jsx(Button, {
       title: formatMessage(messages.back),
       icon: jsx(ChevronLeftLargeIcon, {
-        label: formatMessage(messages.back)
+        label: formatMessage(messages.back),
+        size: "small"
       }),
       tooltipContent: backButtonMessageComponent,
       onClick: this.closeMediaAltTextMenu

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

@@ -14,11 +14,11 @@ import { borderColorPalette, borderPaletteTooltipMessages, ColorPalette } from '
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
 import BorderIcon from '@atlaskit/icon/core/border';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
 import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
 import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
@@ -307,7 +307,8 @@ const ImageBorder = ({
       color: "currentColor",
       spacing: "spacious",
       label: "",
-      LEGACY_fallbackIcon: ExpandIcon
+      LEGACY_fallbackIcon: ExpandIcon,
+      size: "small"
     }),
     onClick: () => {
       setIsOpen(!isOpen);

package/dist/es2019/ui/MediaLinkingToolbar.js

@@ -15,8 +15,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
 // Common Translations will live here
 PanelTextInput } from '@atlaskit/editor-common/ui';
 import { normalizeUrl } from '@atlaskit/editor-common/utils';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
 import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { R400 } from '@atlaskit/theme/colors';
 const validationWrapper = css({
@@ -120,7 +120,8 @@ class LinkAddToolbar extends React.PureComponent {
         }, jsx(Button, {
           title: formatLinkAddressText,
           icon: jsx(ChevronLeftLargeIcon, {
-            label: formatLinkAddressText
+            label: formatLinkAddressText,
+            size: "small"
           }),
           onClick: () => this.handleOnBack({
             url: value,

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

@@ -768,7 +768,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     nodeType,
     getDomRef: () => {
       var _mediaPluginState$ele;
-      const element = isSelectedNodeMediaSingle && fg('platform_editor_media_single_toolbar_target') ? ((_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(`.${MediaSingleNodeSelector}`)) || mediaPluginState.element : mediaPluginState.element;
+      const element = isSelectedNodeMediaSingle ? ((_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(`.${MediaSingleNodeSelector}`)) || mediaPluginState.element : mediaPluginState.element;
       return element;
     }
   };

package/dist/esm/nodeviews/toDOM-fixes/mediaSingle.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { mediaSingleSpec } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { N20, N50 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAttrsFromNodeMediaSingle } from './toDOMAttrs';
 var WRAPPED_LAYOUTS = ['wrap-left', 'wrap-right'];
@@ -183,7 +184,7 @@ export var getToDom = function getToDom(allowPixelResizing) {
       childMediaWidth: childMediaWidth,
       mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width
     });
-    return ['div', {
+    return ['div', _objectSpread({
       class: 'mediaSingleView-content-wrap',
       layout: layout,
       style: convertToInlineCss({
@@ -198,7 +199,9 @@ export var getToDom = function getToDom(allowPixelResizing) {
         marginLeft: isMediaWrapped ? layout === 'wrap-left' ? 'auto' : HALF_GUTTER_SIZE : 0,
         width: contentWrapperWidth
       })
-    }, content];
+    }, expValEquals('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true) ? {
+      'data-media-vc-wrapper': 'true'
+    } : {}), content];
   };
 };
 

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

@@ -22,8 +22,8 @@ import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -205,7 +205,8 @@ export var AltTextEditComponent = /*#__PURE__*/function (_React$Component) {
       }, jsx(Button, {
         title: formatMessage(messages.back),
         icon: jsx(ChevronLeftLargeIcon, {
-          label: formatMessage(messages.back)
+          label: formatMessage(messages.back),
+          size: "small"
         }),
         tooltipContent: backButtonMessageComponent,
         onClick: this.closeMediaAltTextMenu

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

@@ -15,11 +15,11 @@ import { borderColorPalette, borderPaletteTooltipMessages, ColorPalette } from '
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
 import BorderIcon from '@atlaskit/icon/core/border';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
 import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
 import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
@@ -326,7 +326,8 @@ var ImageBorder = function ImageBorder(_ref) {
       color: "currentColor",
       spacing: "spacious",
       label: "",
-      LEGACY_fallbackIcon: ExpandIcon
+      LEGACY_fallbackIcon: ExpandIcon,
+      size: "small"
     }),
     onClick: function onClick() {
       setIsOpen(!isOpen);

package/dist/esm/ui/MediaLinkingToolbar.js

@@ -22,8 +22,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
 // Common Translations will live here
 PanelTextInput } from '@atlaskit/editor-common/ui';
 import { normalizeUrl } from '@atlaskit/editor-common/utils';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
 import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { R400 } from '@atlaskit/theme/colors';
 var validationWrapper = css({
@@ -121,7 +121,8 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
         }, jsx(Button, {
           title: formatLinkAddressText,
           icon: jsx(ChevronLeftLargeIcon, {
-            label: formatLinkAddressText
+            label: formatLinkAddressText,
+            size: "small"
           }),
           onClick: function onClick() {
             return _this.handleOnBack({

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

@@ -761,7 +761,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     nodeType: nodeType,
     getDomRef: function getDomRef() {
       var _mediaPluginState$ele;
-      var element = isSelectedNodeMediaSingle && fg('platform_editor_media_single_toolbar_target') ? ((_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(".".concat(MediaSingleNodeSelector))) || mediaPluginState.element : mediaPluginState.element;
+      var element = isSelectedNodeMediaSingle ? ((_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(".".concat(MediaSingleNodeSelector))) || mediaPluginState.element : mediaPluginState.element;
       return element;
     }
   };

package/dist/types/nodeviews/mediaNodeView/index.d.ts

@@ -5,7 +5,7 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import type { ExtractInjectionAPI, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
-import { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
+import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

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

@@ -1,4 +1,4 @@
-import { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 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/mediaNodeView/index.d.ts

@@ -5,7 +5,7 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import type { ExtractInjectionAPI, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
-import { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
+import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

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

@@ -1,4 +1,4 @@
-import { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 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": "3.0.14",
+	"version": "3.1.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
-		"@atlaskit/editor-common": "^106.5.0",
+		"@atlaskit/editor-common": "^106.9.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-annotation": "^2.9.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^4.1.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^4.2.0",
 		"@atlaskit/editor-plugin-focus": "^1.5.0",
 		"@atlaskit/editor-plugin-grid": "^2.0.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/media-card": "^79.3.0",
-		"@atlaskit/media-client": "^33.3.0",
+		"@atlaskit/media-client": "^33.4.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.1.0",
 		"@atlaskit/media-filmstrip": "^50.1.0",
@@ -70,8 +70,8 @@
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^6.0.0",
-		"@atlaskit/tokens": "^5.1.0",
+		"@atlaskit/tmp-editor-statsig": "^7.1.0",
+		"@atlaskit/tokens": "^5.2.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -172,9 +172,6 @@
 		"platform_editor_remove_media_inline_feature_flag": {
 			"type": "boolean"
 		},
-		"platform_editor_media_single_toolbar_target": {
-			"type": "boolean"
-		},
 		"platform_editor_controls_patch_6": {
 			"type": "boolean"
 		},