@atlaskit/editor-plugin-media 3.0.15 → 3.2.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-media
 
+## 3.2.0
+
+### Minor Changes
+
+- [#172247](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172247)
+  [`67d04382f5777`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/67d04382f5777) -
+  Add data-media-vc-wrapper to ProseMirror media signle node
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

package/dist/cjs/nodeviews/mediaSingle.js

@@ -31,6 +31,7 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _mediaClient = require("@atlaskit/media-client");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _captions = require("../pm-plugins/commands/captions");
 var _main = require("../pm-plugins/main");
 var _mediaCommon = require("../pm-plugins/utils/media-common");
@@ -715,6 +716,9 @@ 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');
+      }
       return domRef;
     }
   }, {

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/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/mediaSingle.js

@@ -23,6 +23,7 @@ import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/u
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { insertAndSelectCaptionFromMediaSinglePos } from '../pm-plugins/commands/captions';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
 import { isMediaBlobUrlFromAttrs } from '../pm-plugins/utils/media-common';
@@ -619,6 +620,9 @@ 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');
+    }
     return domRef;
   }
   getContentDOM() {

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/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/mediaSingle.js

@@ -36,6 +36,7 @@ import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/u
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { insertAndSelectCaptionFromMediaSinglePos } from '../pm-plugins/commands/captions';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
 import { isMediaBlobUrlFromAttrs } from '../pm-plugins/utils/media-common';
@@ -711,6 +712,9 @@ 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');
+      }
       return domRef;
     }
   }, {

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/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.15",
+	"version": "3.2.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,13 +38,13 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
-		"@atlaskit/editor-common": "^106.6.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",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^2.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
 		"@atlaskit/editor-plugin-floating-toolbar": "^4.2.0",
 		"@atlaskit/editor-plugin-focus": "^1.5.0",
@@ -57,21 +57,21 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^26.4.0",
+		"@atlaskit/icon": "^27.0.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-common": "^12.2.0",
 		"@atlaskit/media-filmstrip": "^50.1.0",
 		"@atlaskit/media-picker": "^69.0.0",
-		"@atlaskit/media-ui": "^28.2.0",
+		"@atlaskit/media-ui": "^28.3.0",
 		"@atlaskit/media-viewer": "^52.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^7.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"
 		},