@atlaskit/editor-plugin-media 8.0.1 → 8.1.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-media
 
+## 8.1.1
+
+### Patch Changes
+
+- [`bb3c94399895a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb3c94399895a) -
+  [CONFCLOUD-82847] Fixes a bug where users cannot delete the last media card in a filmstrip using
+  the delete button in the floating toolbar
+
+## 8.1.0
+
+### Minor Changes
+
+- [`2e913b897ced3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e913b897ced3) -
+  [https://product-fabric.atlassian.net/browse/ED-29463](ED-29463) - clean up
+  platform_editor_media_card_vc_wrapper_attribute Statsig experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.0.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaSingle.js

@@ -19,7 +19,6 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _main = require("../pm-plugins/main");
 var _mediaSingleNext = require("./mediaSingleNext");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -144,9 +143,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       if ((_this$reactComponentP2 = this.reactComponentProps.mediaOptions) !== null && _this$reactComponentP2 !== void 0 && _this$reactComponentP2.allowPixelResizing) {
         domRef.classList.add('media-extended-resize-experience');
       }
-      if ((0, _expValEquals.expValEquals)('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true)) {
-        domRef.setAttribute('data-media-vc-wrapper', 'true');
-      }
+      domRef.setAttribute('data-media-vc-wrapper', 'true');
       return domRef;
     }
   }, {

package/dist/cjs/nodeviews/mediaSingleNext.js

@@ -466,7 +466,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
     };
   }, [widthType, mediaSingleWidthAttribute]);
   var MediaChildren =
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions
+  // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
   (0, _react2.jsx)("figure", {
     ref: mediaSingleWrapperRef,
     css: figureWrapperStyles

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

@@ -9,7 +9,6 @@ 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; }
@@ -191,9 +190,10 @@ var getToDom = exports.getToDom = function getToDom(allowPixelResizing) {
       childMediaWidth: childMediaWidth,
       mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width
     });
-    return ['div', _objectSpread({
+    return ['div', {
       class: 'mediaSingleView-content-wrap',
       layout: layout,
+      'data-media-vc-wrapper': 'true',
       style: (0, _lazyNodeView.convertToInlineCss)({
         '--ak-editor-media-single--proportion': proportionCalc,
         '--ak-editor-media-card-display': 'block',
@@ -206,9 +206,7 @@ var getToDom = exports.getToDom = function getToDom(allowPixelResizing) {
         marginLeft: isMediaWrapped ? layout === 'wrap-left' ? 'auto' : HALF_GUTTER_SIZE : 0,
         width: contentWrapperWidth
       })
-    }, (0, _expValEquals.expValEquals)('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true) ? {
-      'data-media-vc-wrapper': 'true'
-    } : {}), content];
+    }, content];
   };
 };
 

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

@@ -42,7 +42,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
   // This issue is a temporary fix for users being able to edit captions on edge browsers. This will be removed
   // replaced with CaptionPlaceholderButton in the near future and this code can be removed.
   return (
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions
     (0, _react2.jsx)("span", {
       ref: ref,
       css: placeholder,

package/dist/cjs/ui/MediaViewer/MediaViewerContainer.js

@@ -54,13 +54,13 @@ var MediaViewerContainer = exports.MediaViewerContainer = function MediaViewerCo
   var isVideoMedia = (0, _isType.isVideo)((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
   var shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia && (0, _experiments.editorExperiment)('platform_editor_controls', 'control');
   return (0, _react2.jsx)(_react.Fragment, null, isEditorViewMode ? (0, _react2.jsx)(_react.Fragment, null, isInline ?
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
   (0, _react2.jsx)("span", {
     onClick: showMediaViewer,
     css: interactiveStyles,
     "data-testid": mediaViewerContainerTestID
   }, children) :
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
   (0, _react2.jsx)("div", {
     onClick: showMediaViewer,
     css: interactiveStyles,

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

@@ -814,7 +814,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
     items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi);
   }
   if (!mediaPluginState.isResizing && (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar))) {
-    var _pluginInjectionApi$a0, _pluginInjectionApi$a1;
+    var _pluginInjectionApi$a0, _pluginInjectionApi$a1, _pluginInjectionApi$a10;
     (0, _utils2.updateToFullHeightSeparator)(items);
     var customOptions = [].concat((0, _toConsumableArray2.default)((0, _linking3.getLinkingDropdownOptions)(state, intl, mediaLinkingState, allowMediaInline && selectedNodeType && selectedNodeType === mediaInline, allowLinking, isViewOnly)), (0, _toConsumableArray2.default)((0, _altText2.getAltTextDropdownOption)(state, intl.formatMessage, allowAltTextOnImages, selectedNodeType, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a0 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a0 === void 0 ? void 0 : _pluginInjectionApi$a0.actions)), (0, _toConsumableArray2.default)((0, _pixelResizing2.getResizeDropdownOption)(options, state, intl.formatMessage, selectedNodeType)));
     if (customOptions.length) {
@@ -847,7 +847,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
         })
       }, hoverDecorationProps(nodeType, _editorSharedStyles.akEditorSelectedNodeClassName)), _objectSpread({
         title: intl === null || intl === void 0 ? void 0 : intl.formatMessage(_messages.default.delete),
-        onClick: removeWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a1 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a1 === void 0 ? void 0 : _pluginInjectionApi$a1.actions, selectedNodeType),
+        onClick: (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup && (0, _platformFeatureFlags.fg)('platform_editor_fix_media_card_removal') ? handleRemoveMediaGroupWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a1 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a1 === void 0 ? void 0 : _pluginInjectionApi$a1.actions) : removeWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a10 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a10 === void 0 ? void 0 : _pluginInjectionApi$a10.actions, selectedNodeType),
         icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
           label: ""
         })

package/dist/es2019/nodeviews/mediaSingle.js

@@ -13,7 +13,6 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { isNodeSelectedOrInRange } from '@atlaskit/editor-common/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
 import { MediaSingleNodeNext } from './mediaSingleNext';
 const selector = states => {
@@ -122,9 +121,7 @@ class MediaSingleNodeView extends ReactNodeView {
     if ((_this$reactComponentP4 = this.reactComponentProps.mediaOptions) !== null && _this$reactComponentP4 !== void 0 && _this$reactComponentP4.allowPixelResizing) {
       domRef.classList.add('media-extended-resize-experience');
     }
-    if (expValEquals('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true)) {
-      domRef.setAttribute('data-media-vc-wrapper', 'true');
-    }
+    domRef.setAttribute('data-media-vc-wrapper', 'true');
     return domRef;
   }
   getContentDOM() {

package/dist/es2019/nodeviews/mediaSingleNext.js

@@ -428,7 +428,7 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
     };
   }, [widthType, mediaSingleWidthAttribute]);
   const MediaChildren =
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions
+  // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
   jsx("figure", {
     ref: mediaSingleWrapperRef,
     css: figureWrapperStyles

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

@@ -1,7 +1,6 @@
 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'];
@@ -189,6 +188,7 @@ export const getToDom = allowPixelResizing => node => {
   return ['div', {
     class: 'mediaSingleView-content-wrap',
     layout,
+    'data-media-vc-wrapper': 'true',
     style: convertToInlineCss({
       '--ak-editor-media-single--proportion': proportionCalc,
       '--ak-editor-media-card-display': 'block',
@@ -200,10 +200,7 @@ 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/ui/CaptionPlaceholder/index.js

@@ -39,7 +39,7 @@ export const CaptionPlaceholder = /*#__PURE__*/React.forwardRef(({
   // This issue is a temporary fix for users being able to edit captions on edge browsers. This will be removed
   // replaced with CaptionPlaceholderButton in the near future and this code can be removed.
   return (
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions
     jsx("span", {
       ref: ref,
       css: placeholder,

package/dist/es2019/ui/MediaViewer/MediaViewerContainer.js

@@ -38,13 +38,13 @@ export const MediaViewerContainer = ({
   const isVideoMedia = isVideo((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
   const shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia && editorExperiment('platform_editor_controls', 'control');
   return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
   jsx("span", {
     onClick: showMediaViewer,
     css: interactiveStyles,
     "data-testid": mediaViewerContainerTestID
   }, children) :
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
   jsx("div", {
     onClick: showMediaViewer,
     css: interactiveStyles,

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

@@ -816,7 +816,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi);
   }
   if (!mediaPluginState.isResizing && areToolbarFlagsEnabled(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar))) {
-    var _pluginInjectionApi$a0, _pluginInjectionApi$a1;
+    var _pluginInjectionApi$a0, _pluginInjectionApi$a1, _pluginInjectionApi$a10;
     updateToFullHeightSeparator(items);
     const customOptions = [...getLinkingDropdownOptions(state, intl, mediaLinkingState, allowMediaInline && selectedNodeType && selectedNodeType === mediaInline, allowLinking, isViewOnly), ...getAltTextDropdownOption(state, intl.formatMessage, allowAltTextOnImages, selectedNodeType, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a0 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a0 === void 0 ? void 0 : _pluginInjectionApi$a0.actions), ...getResizeDropdownOption(options, state, intl.formatMessage, selectedNodeType)];
     if (customOptions.length) {
@@ -848,7 +848,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
         ...hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)
       }, {
         title: intl === null || intl === void 0 ? void 0 : intl.formatMessage(commonMessages.delete),
-        onClick: removeWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a1 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a1 === void 0 ? void 0 : _pluginInjectionApi$a1.actions, selectedNodeType),
+        onClick: (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup && fg('platform_editor_fix_media_card_removal') ? handleRemoveMediaGroupWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a1 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a1 === void 0 ? void 0 : _pluginInjectionApi$a1.actions) : removeWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a10 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a10 === void 0 ? void 0 : _pluginInjectionApi$a10.actions, selectedNodeType),
         icon: /*#__PURE__*/React.createElement(DeleteIcon, {
           label: ""
         }),

package/dist/esm/nodeviews/mediaSingle.js

@@ -22,7 +22,6 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { isNodeSelectedOrInRange } from '@atlaskit/editor-common/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
 import { MediaSingleNodeNext } from './mediaSingleNext';
 var selector = function selector(states) {
@@ -140,9 +139,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       if ((_this$reactComponentP2 = this.reactComponentProps.mediaOptions) !== null && _this$reactComponentP2 !== void 0 && _this$reactComponentP2.allowPixelResizing) {
         domRef.classList.add('media-extended-resize-experience');
       }
-      if (expValEquals('platform_editor_media_card_vc_wrapper_attribute', 'isEnabled', true)) {
-        domRef.setAttribute('data-media-vc-wrapper', 'true');
-      }
+      domRef.setAttribute('data-media-vc-wrapper', 'true');
       return domRef;
     }
   }, {

package/dist/esm/nodeviews/mediaSingleNext.js

@@ -460,7 +460,7 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
     };
   }, [widthType, mediaSingleWidthAttribute]);
   var MediaChildren =
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions
+  // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
   jsx("figure", {
     ref: mediaSingleWrapperRef,
     css: figureWrapperStyles

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

@@ -4,7 +4,6 @@ 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'];
@@ -184,9 +183,10 @@ export var getToDom = function getToDom(allowPixelResizing) {
       childMediaWidth: childMediaWidth,
       mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width
     });
-    return ['div', _objectSpread({
+    return ['div', {
       class: 'mediaSingleView-content-wrap',
       layout: layout,
+      'data-media-vc-wrapper': 'true',
       style: convertToInlineCss({
         '--ak-editor-media-single--proportion': proportionCalc,
         '--ak-editor-media-card-display': 'block',
@@ -199,9 +199,7 @@ export var getToDom = function getToDom(allowPixelResizing) {
         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];
+    }, content];
   };
 };
 

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

@@ -34,7 +34,7 @@ export var CaptionPlaceholder = /*#__PURE__*/React.forwardRef(function (_ref, re
   // This issue is a temporary fix for users being able to edit captions on edge browsers. This will be removed
   // replaced with CaptionPlaceholderButton in the near future and this code can be removed.
   return (
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions
     jsx("span", {
       ref: ref,
       css: placeholder,

package/dist/esm/ui/MediaViewer/MediaViewerContainer.js

@@ -44,13 +44,13 @@ export var MediaViewerContainer = function MediaViewerContainer(_ref) {
   var isVideoMedia = isVideo((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
   var shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia && editorExperiment('platform_editor_controls', 'control');
   return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
   jsx("span", {
     onClick: showMediaViewer,
     css: interactiveStyles,
     "data-testid": mediaViewerContainerTestID
   }, children) :
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
   jsx("div", {
     onClick: showMediaViewer,
     css: interactiveStyles,

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

@@ -805,7 +805,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi);
   }
   if (!mediaPluginState.isResizing && areToolbarFlagsEnabled(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar))) {
-    var _pluginInjectionApi$a0, _pluginInjectionApi$a1;
+    var _pluginInjectionApi$a0, _pluginInjectionApi$a1, _pluginInjectionApi$a10;
     updateToFullHeightSeparator(items);
     var customOptions = [].concat(_toConsumableArray(getLinkingDropdownOptions(state, intl, mediaLinkingState, allowMediaInline && selectedNodeType && selectedNodeType === mediaInline, allowLinking, isViewOnly)), _toConsumableArray(getAltTextDropdownOption(state, intl.formatMessage, allowAltTextOnImages, selectedNodeType, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a0 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a0 === void 0 ? void 0 : _pluginInjectionApi$a0.actions)), _toConsumableArray(getResizeDropdownOption(options, state, intl.formatMessage, selectedNodeType)));
     if (customOptions.length) {
@@ -838,7 +838,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
         })
       }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)), _objectSpread({
         title: intl === null || intl === void 0 ? void 0 : intl.formatMessage(commonMessages.delete),
-        onClick: removeWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a1 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a1 === void 0 ? void 0 : _pluginInjectionApi$a1.actions, selectedNodeType),
+        onClick: (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup && fg('platform_editor_fix_media_card_removal') ? handleRemoveMediaGroupWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a1 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a1 === void 0 ? void 0 : _pluginInjectionApi$a1.actions) : removeWithAnalytics(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a10 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a10 === void 0 ? void 0 : _pluginInjectionApi$a10.actions, selectedNodeType),
         icon: /*#__PURE__*/React.createElement(DeleteIcon, {
           label: ""
         })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "8.0.1",
+	"version": "8.1.1",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,30 +32,30 @@
 		"@atlaskit/adf-schema": "^51.2.0",
 		"@atlaskit/analytics-namespaced-context": "^7.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.4.0",
+		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^6.1.0",
 		"@atlaskit/editor-plugin-annotation": "^6.1.0",
 		"@atlaskit/editor-plugin-connectivity": "^6.0.0",
 		"@atlaskit/editor-plugin-decorations": "^6.1.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^6.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^8.1.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^8.2.0",
 		"@atlaskit/editor-plugin-focus": "^5.0.0",
 		"@atlaskit/editor-plugin-grid": "^6.0.0",
 		"@atlaskit/editor-plugin-guideline": "^6.0.0",
 		"@atlaskit/editor-plugin-interaction": "^8.0.0",
-		"@atlaskit/editor-plugin-selection": "^6.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^3.0.0",
+		"@atlaskit/editor-plugin-selection": "^6.1.0",
+		"@atlaskit/editor-plugin-toolbar": "^3.1.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/form": "^14.2.0",
-		"@atlaskit/icon": "^28.3.0",
-		"@atlaskit/icon-lab": "^5.8.0",
+		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/icon-lab": "^5.10.0",
 		"@atlaskit/media-card": "^79.5.0",
-		"@atlaskit/media-client": "^35.3.0",
+		"@atlaskit/media-client": "^35.5.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.0.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.6.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
@@ -78,7 +78,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.4.0",
+		"@atlaskit/editor-common": "^110.9.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -162,6 +162,9 @@
 		},
 		"platform_media_video_captions": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_media_card_removal": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {