@atlaskit/editor-plugin-media 8.0.0 → 8.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-media
 
+## 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
+
+- Updated dependencies
+
 ## 8.0.0
 
 ### 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
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions
   (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/ImageBorder/index.js

@@ -353,6 +353,7 @@ var ImageBorder = function ImageBorder(_ref) {
     forcePlacement: true,
     stick: true
   }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     onMouseLeave: function onMouseLeave() {
       setIsColorSubmenuOpen(false);
       setIsSizeSubmenuOpen(false);

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
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions
   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/ImageBorder/index.js

@@ -322,6 +322,7 @@ const ImageBorder = ({
     forcePlacement: true,
     stick: true
   }, jsx("div", {
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     onMouseLeave: () => {
       setIsColorSubmenuOpen(false);
       setIsSizeSubmenuOpen(false);

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
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions
   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/ImageBorder/index.js

@@ -345,6 +345,7 @@ var ImageBorder = function ImageBorder(_ref) {
     forcePlacement: true,
     stick: true
   }, jsx("div", {
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     onMouseLeave: function onMouseLeave() {
       setIsColorSubmenuOpen(false);
       setIsSizeSubmenuOpen(false);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "8.0.0",
+	"version": "8.1.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,15 +32,15 @@
 		"@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.0.0",
-		"@atlaskit/editor-plugin-annotation": "^6.0.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.0.0",
+		"@atlaskit/editor-plugin-decorations": "^6.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^6.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^8.0.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",
@@ -53,9 +53,9 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/icon": "^28.3.0",
-		"@atlaskit/icon-lab": "^5.7.0",
+		"@atlaskit/icon-lab": "^5.8.0",
 		"@atlaskit/media-card": "^79.5.0",
-		"@atlaskit/media-client": "^35.3.0",
+		"@atlaskit/media-client": "^35.4.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.0.0",
@@ -66,9 +66,9 @@
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.31.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tmp-editor-statsig": "^13.2.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -78,7 +78,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.0.0",
+		"@atlaskit/editor-common": "^110.4.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",