@atlaskit/editor-plugin-media 1.31.0 → 1.31.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-media
 
+## 1.31.2
+
+### Patch Changes
+
+- [#139335](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139335)
+  [`ac5e66fc71394`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ac5e66fc71394) -
+  ED-24798 bug-fix: pressing Backspace before media that is nested in a quote should move your
+  selection to the media
+
+## 1.31.1
+
+### Patch Changes
+
+- [#139034](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139034)
+  [`517cdc0f7ea1a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/517cdc0f7ea1a) -
+  Used experiment for lazy node view
+
 ## 1.31.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/lazy-media-group.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyMediaGroupView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _mediaGroup = require("./mediaGroup");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var lazyMediaGroupView = exports.lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/nodeviews/lazy-media-inline.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyMediaInlineView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _mediaInline = require("./mediaInline");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return (0, _mediaInline.ReactMediaInlineNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/nodeviews/lazy-media-single.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyMediaSingleView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _mediaSingle = require("./mediaSingle");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var lazyMediaSingleView = exports.lazyMediaSingleView = function lazyMediaSingleView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
   var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return (0, _mediaSingle.ReactMediaSingleNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/nodeviews/lazy-media.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyMediaView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _mediaNodeView = require("./mediaNodeView");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var lazyMediaView = exports.lazyMediaView = function lazyMediaView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return (0, _mediaNodeView.ReactMediaNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/plugin.js

@@ -21,7 +21,7 @@ var _lazyMediaSingle = require("./nodeviews/lazy-media-single");
 var _altText = require("./pm-plugins/alt-text");
 var _keymap = _interopRequireDefault(require("./pm-plugins/alt-text/keymap"));
 var _keymap2 = _interopRequireDefault(require("./pm-plugins/keymap"));
-var _keymapMediaSingle = _interopRequireDefault(require("./pm-plugins/keymap-media-single"));
+var _keymapMedia = _interopRequireDefault(require("./pm-plugins/keymap-media"));
 var _linking = _interopRequireDefault(require("./pm-plugins/linking"));
 var _keymap3 = _interopRequireDefault(require("./pm-plugins/linking/keymap"));
 var _main = require("./pm-plugins/main");
@@ -164,7 +164,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
           name: 'mediaSingleKeymap',
           plugin: function plugin(_ref7) {
             var schema = _ref7.schema;
-            return (0, _keymapMediaSingle.default)(schema);
+            return (0, _keymapMedia.default)(schema);
           }
         });
       }

package/dist/cjs/pm-plugins/{keymap-media-single.js → keymap-media.js}

@@ -9,6 +9,7 @@ var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 /**
  * Check if is an empty selection at the start of the node
@@ -121,11 +122,12 @@ function handleSelectionAfterWrapRight(isEmptyNode) {
     return true;
   };
 }
-var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
+var backspaceAfterMediaNode = function backspaceAfterMediaNode(schema) {
   var isEmptyNodeInSchema = (0, _utils.isEmptyNode)(schema);
   return function (state, dispatch) {
     var selection = state.selection,
-      schema = state.schema;
+      schema = state.schema,
+      tr = state.tr;
     var $from = selection.$from;
     if (!isEmptySelectionAtStart(state.selection)) {
       return false;
@@ -134,29 +136,45 @@ var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
       return false;
     }
     var previousSibling = -1;
-    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling)) {
-      // no media single
+
+    // no media single or media group
+    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling) && !isSiblingOfType(state.selection, schema.nodes.mediaGroup, previousSibling)) {
       return false;
     }
-    var mediaSingle = getSibling(state.selection, previousSibling);
-    if (mediaSingle.attrs.layout === 'wrap-right') {
-      return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
+    var media = getSibling(state.selection, previousSibling);
+
+    // if media single
+    if (media.type === schema.nodes.mediaSingle) {
+      if (media.attrs.layout === 'wrap-right') {
+        return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
+      }
+      if (dispatch) {
+        // Select media single, and remove paragraph if it's empty.
+        (0, _commands.selectNodeBackward)(state, function (tr) {
+          if (isEmptyNodeInSchema($from.parent) && !(0, _selection.atTheEndOfDoc)(state)) {
+            tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
+          }
+          dispatch(tr);
+        });
+      }
+      return true;
     }
+
+    // if media group
     if (dispatch) {
-      // Select media single, and remove paragraph if it's empty.
-      (0, _commands.selectNodeBackward)(state, function (tr) {
-        if (isEmptyNodeInSchema($from.parent) && !(0, _selection.atTheEndOfDoc)(state)) {
-          tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
-        }
-        dispatch(tr);
-      });
+      // select media group, and remove paragraph if it's empty.
+      if (isEmptyNodeInSchema($from.parent)) {
+        tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // remove node
+        tr.setSelection(new _state.NodeSelection(tr.doc.resolve($from.pos - media.nodeSize))).scrollIntoView(); // select media
+      }
+      dispatch(tr);
     }
     return true;
   };
 };
 function keymapPlugin(schema) {
   var list = {};
-  var removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, removeMediaSingleCommand, list);
+  var backspaceAfterMediaCommand = backspaceAfterMediaNode(schema);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, backspaceAfterMediaCommand, list);
   return (0, _keymap.keymap)(list);
 }

package/dist/cjs/toDOM-fixes/media.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.mediaSpecWithFixedToDOM = exports.defaultImageCardDimensions = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
 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) { (0, _defineProperty2.default)(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; }
@@ -31,7 +31,7 @@ var defaultImageCardDimensions = exports.defaultImageCardDimensions = {
 
 // @nodeSpecException:toDOM patch
 var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return _adfSchema.media;
   }
   return _objectSpread(_objectSpread({}, _adfSchema.media), {}, {

package/dist/cjs/toDOM-fixes/mediaGroup.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.mediaGroupSpecWithFixedToDOM = exports.getDefaultCardDimensions = exports.defaultSquareCardDimensions = exports.defaultImageCardDimensions = exports.defaultHorizontalCardDimensions = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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) { (0, _defineProperty2.default)(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; }
 /**
@@ -61,7 +61,7 @@ var getDefaultCardDimensions = exports.getDefaultCardDimensions = function getDe
 
 // @nodeSpecException:toDOM patch
 var mediaGroupSpecWithFixedToDOM = exports.mediaGroupSpecWithFixedToDOM = function mediaGroupSpecWithFixedToDOM() {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return _adfSchema.mediaGroup;
   }
   return _objectSpread(_objectSpread({}, _adfSchema.mediaGroup), {}, {

package/dist/cjs/toDOM-fixes/mediaInline.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.mediaInlineSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
 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) { (0, _defineProperty2.default)(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; }
@@ -17,7 +17,7 @@ var fallbackAspectRatio = 1.25;
 
 // @nodeSpecException:toDOM patch
 var mediaInlineSpecWithFixedToDOM = exports.mediaInlineSpecWithFixedToDOM = function mediaInlineSpecWithFixedToDOM() {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return _adfSchema.mediaInline;
   }
   return _objectSpread(_objectSpread({}, _adfSchema.mediaInline), {}, {

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

@@ -8,7 +8,7 @@ exports.getMediaSinglePixelWidth = getMediaSinglePixelWidth;
 exports.wrappedLayouts = exports.shouldAddDefaultWrappedWidth = exports.mediaSingleSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
 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) { (0, _defineProperty2.default)(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; }
@@ -120,7 +120,7 @@ function computeLayoutStyles(width, layout) {
 // @nodeSpecException:toDOM patch
 var mediaSingleSpecWithFixedToDOM = exports.mediaSingleSpecWithFixedToDOM = function mediaSingleSpecWithFixedToDOM(mediaSingleOption) {
   var mediaSingleNode = (0, _adfSchema.mediaSingleSpec)(mediaSingleOption);
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return mediaSingleNode;
   }
   return _objectSpread(_objectSpread({}, mediaSingleNode), {}, {

package/dist/es2019/nodeviews/lazy-media-group.js

@@ -1,8 +1,8 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaGroupNode } from './mediaGroup';
 export const lazyMediaGroupView = (portalProviderAPI, eventDispatcher, providerFactory, options = {}, api) => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return withLazyLoading({

package/dist/es2019/nodeviews/lazy-media-inline.js

@@ -1,8 +1,8 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaInlineNode } from './mediaInline';
 export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent);
   }
   return withLazyLoading({

package/dist/es2019/nodeviews/lazy-media-single.js

@@ -1,8 +1,8 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaSingleNode } from './mediaSingle';
 export const lazyMediaSingleView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options = {}) => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options);
   }
   return withLazyLoading({

package/dist/es2019/nodeviews/lazy-media.js

@@ -1,8 +1,8 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaNode } from './mediaNodeView';
 export const lazyMediaView = (portalProviderAPI, eventDispatcher, providerFactory, options = {}, api) => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return withLazyLoading({

package/dist/es2019/plugin.js

@@ -14,7 +14,7 @@ import { lazyMediaSingleView } from './nodeviews/lazy-media-single';
 import { createPlugin as createMediaAltTextPlugin } from './pm-plugins/alt-text';
 import keymapMediaAltTextPlugin from './pm-plugins/alt-text/keymap';
 import keymapPlugin from './pm-plugins/keymap';
-import keymapMediaSinglePlugin from './pm-plugins/keymap-media-single';
+import keymapMediaSinglePlugin from './pm-plugins/keymap-media';
 import linkingPlugin from './pm-plugins/linking';
 import keymapLinkingPlugin from './pm-plugins/linking/keymap';
 import { createPlugin, stateKey } from './pm-plugins/main';

package/dist/es2019/pm-plugins/{keymap-media-single.js → keymap-media.js}

@@ -3,6 +3,7 @@ import { atTheEndOfDoc } from '@atlaskit/editor-common/selection';
 import { isEmptyNode, isSelectionInsideLastNodeInDocument } from '@atlaskit/editor-common/utils';
 import { selectNodeBackward } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 
 /**
@@ -126,12 +127,13 @@ function handleSelectionAfterWrapRight(isEmptyNode) {
     return true;
   };
 }
-const maybeRemoveMediaSingleNode = schema => {
+const backspaceAfterMediaNode = schema => {
   const isEmptyNodeInSchema = isEmptyNode(schema);
   return (state, dispatch) => {
     const {
       selection,
-      schema
+      schema,
+      tr
     } = state;
     const {
       $from
@@ -143,29 +145,45 @@ const maybeRemoveMediaSingleNode = schema => {
       return false;
     }
     const previousSibling = -1;
-    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling)) {
-      // no media single
+
+    // no media single or media group
+    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling) && !isSiblingOfType(state.selection, schema.nodes.mediaGroup, previousSibling)) {
       return false;
     }
-    const mediaSingle = getSibling(state.selection, previousSibling);
-    if (mediaSingle.attrs.layout === 'wrap-right') {
-      return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
+    const media = getSibling(state.selection, previousSibling);
+
+    // if media single
+    if (media.type === schema.nodes.mediaSingle) {
+      if (media.attrs.layout === 'wrap-right') {
+        return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
+      }
+      if (dispatch) {
+        // Select media single, and remove paragraph if it's empty.
+        selectNodeBackward(state, tr => {
+          if (isEmptyNodeInSchema($from.parent) && !atTheEndOfDoc(state)) {
+            tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
+          }
+          dispatch(tr);
+        });
+      }
+      return true;
     }
+
+    // if media group
     if (dispatch) {
-      // Select media single, and remove paragraph if it's empty.
-      selectNodeBackward(state, tr => {
-        if (isEmptyNodeInSchema($from.parent) && !atTheEndOfDoc(state)) {
-          tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
-        }
-        dispatch(tr);
-      });
+      // select media group, and remove paragraph if it's empty.
+      if (isEmptyNodeInSchema($from.parent)) {
+        tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // remove node
+        tr.setSelection(new NodeSelection(tr.doc.resolve($from.pos - media.nodeSize))).scrollIntoView(); // select media
+      }
+      dispatch(tr);
     }
     return true;
   };
 };
 export default function keymapPlugin(schema) {
   const list = {};
-  const removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
-  bindKeymapWithCommand(backspace.common, removeMediaSingleCommand, list);
+  const backspaceAfterMediaCommand = backspaceAfterMediaNode(schema);
+  bindKeymapWithCommand(backspace.common, backspaceAfterMediaCommand, list);
   return keymap(list);
 }

package/dist/es2019/toDOM-fixes/media.js

@@ -1,5 +1,5 @@
 import { media } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getMediaAttrs } from './toDOMAttrs';
 const skeletonStyling = `background: ${"var(--ds-background-neutral, #091E420F)"}; outline: none;`;
 
@@ -21,7 +21,7 @@ export const defaultImageCardDimensions = {
 
 // @nodeSpecException:toDOM patch
 export const mediaSpecWithFixedToDOM = () => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return media;
   }
   return {

package/dist/es2019/toDOM-fixes/mediaGroup.js

@@ -1,5 +1,5 @@
 import { mediaGroup } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 /**
  * Duplicate consts from `media-card`.
@@ -51,7 +51,7 @@ export const getDefaultCardDimensions = (appearance = 'auto') => {
 
 // @nodeSpecException:toDOM patch
 export const mediaGroupSpecWithFixedToDOM = () => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return mediaGroup;
   }
   return {

package/dist/es2019/toDOM-fixes/mediaInline.js

@@ -1,5 +1,5 @@
 import { mediaInline } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getMediaAttrs } from './toDOMAttrs';
 const skeletonStyling = `background: ${"var(--ds-background-neutral, #091E420F)"};`;
 // Matches media
@@ -7,7 +7,7 @@ const fallbackAspectRatio = 1.25;
 
 // @nodeSpecException:toDOM patch
 export const mediaInlineSpecWithFixedToDOM = () => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return mediaInline;
   }
   return {

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

@@ -1,5 +1,5 @@
 import { mediaSingleSpec } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAttrsFromNodeMediaSingle } from './toDOMAttrs';
 const skeletonStyling = `background: ${"var(--ds-background-neutral, #091E420F)"}; outline: none;`;
 export const wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];
@@ -108,7 +108,7 @@ function computeLayoutStyles(width, layout) {
 // @nodeSpecException:toDOM patch
 export const mediaSingleSpecWithFixedToDOM = mediaSingleOption => {
   const mediaSingleNode = mediaSingleSpec(mediaSingleOption);
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return mediaSingleNode;
   }
   return {

package/dist/esm/nodeviews/lazy-media-group.js

@@ -1,10 +1,10 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaGroupNode } from './mediaGroup';
 export var lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return withLazyLoading({

package/dist/esm/nodeviews/lazy-media-inline.js

@@ -1,8 +1,8 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaInlineNode } from './mediaInline';
 export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent);
   }
   return withLazyLoading({

package/dist/esm/nodeviews/lazy-media-single.js

@@ -1,9 +1,9 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaSingleNode } from './mediaSingle';
 export var lazyMediaSingleView = function lazyMediaSingleView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
   var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options);
   }
   return withLazyLoading({

package/dist/esm/nodeviews/lazy-media.js

@@ -1,10 +1,10 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ReactMediaNode } from './mediaNodeView';
 export var lazyMediaView = function lazyMediaView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return withLazyLoading({

package/dist/esm/plugin.js

@@ -14,7 +14,7 @@ import { lazyMediaSingleView } from './nodeviews/lazy-media-single';
 import { createPlugin as createMediaAltTextPlugin } from './pm-plugins/alt-text';
 import keymapMediaAltTextPlugin from './pm-plugins/alt-text/keymap';
 import keymapPlugin from './pm-plugins/keymap';
-import keymapMediaSinglePlugin from './pm-plugins/keymap-media-single';
+import keymapMediaSinglePlugin from './pm-plugins/keymap-media';
 import linkingPlugin from './pm-plugins/linking';
 import keymapLinkingPlugin from './pm-plugins/linking/keymap';
 import { createPlugin, stateKey } from './pm-plugins/main';

package/dist/esm/pm-plugins/{keymap-media-single.js → keymap-media.js}

@@ -3,6 +3,7 @@ import { atTheEndOfDoc } from '@atlaskit/editor-common/selection';
 import { isEmptyNode, isSelectionInsideLastNodeInDocument } from '@atlaskit/editor-common/utils';
 import { selectNodeBackward } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 
 /**
@@ -116,11 +117,12 @@ function handleSelectionAfterWrapRight(isEmptyNode) {
     return true;
   };
 }
-var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
+var backspaceAfterMediaNode = function backspaceAfterMediaNode(schema) {
   var isEmptyNodeInSchema = isEmptyNode(schema);
   return function (state, dispatch) {
     var selection = state.selection,
-      schema = state.schema;
+      schema = state.schema,
+      tr = state.tr;
     var $from = selection.$from;
     if (!isEmptySelectionAtStart(state.selection)) {
       return false;
@@ -129,29 +131,45 @@ var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
       return false;
     }
     var previousSibling = -1;
-    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling)) {
-      // no media single
+
+    // no media single or media group
+    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling) && !isSiblingOfType(state.selection, schema.nodes.mediaGroup, previousSibling)) {
       return false;
     }
-    var mediaSingle = getSibling(state.selection, previousSibling);
-    if (mediaSingle.attrs.layout === 'wrap-right') {
-      return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
+    var media = getSibling(state.selection, previousSibling);
+
+    // if media single
+    if (media.type === schema.nodes.mediaSingle) {
+      if (media.attrs.layout === 'wrap-right') {
+        return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
+      }
+      if (dispatch) {
+        // Select media single, and remove paragraph if it's empty.
+        selectNodeBackward(state, function (tr) {
+          if (isEmptyNodeInSchema($from.parent) && !atTheEndOfDoc(state)) {
+            tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
+          }
+          dispatch(tr);
+        });
+      }
+      return true;
     }
+
+    // if media group
     if (dispatch) {
-      // Select media single, and remove paragraph if it's empty.
-      selectNodeBackward(state, function (tr) {
-        if (isEmptyNodeInSchema($from.parent) && !atTheEndOfDoc(state)) {
-          tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
-        }
-        dispatch(tr);
-      });
+      // select media group, and remove paragraph if it's empty.
+      if (isEmptyNodeInSchema($from.parent)) {
+        tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // remove node
+        tr.setSelection(new NodeSelection(tr.doc.resolve($from.pos - media.nodeSize))).scrollIntoView(); // select media
+      }
+      dispatch(tr);
     }
     return true;
   };
 };
 export default function keymapPlugin(schema) {
   var list = {};
-  var removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
-  bindKeymapWithCommand(backspace.common, removeMediaSingleCommand, list);
+  var backspaceAfterMediaCommand = backspaceAfterMediaNode(schema);
+  bindKeymapWithCommand(backspace.common, backspaceAfterMediaCommand, list);
   return keymap(list);
 }

package/dist/esm/toDOM-fixes/media.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { media } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getMediaAttrs } from './toDOMAttrs';
 var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #091E420F)", "; outline: none;");
 
@@ -24,7 +24,7 @@ export var defaultImageCardDimensions = {
 
 // @nodeSpecException:toDOM patch
 export var mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return media;
   }
   return _objectSpread(_objectSpread({}, media), {}, {

package/dist/esm/toDOM-fixes/mediaGroup.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { mediaGroup } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 /**
  * Duplicate consts from `media-card`.
@@ -55,7 +55,7 @@ export var getDefaultCardDimensions = function getDefaultCardDimensions() {
 
 // @nodeSpecException:toDOM patch
 export var mediaGroupSpecWithFixedToDOM = function mediaGroupSpecWithFixedToDOM() {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return mediaGroup;
   }
   return _objectSpread(_objectSpread({}, mediaGroup), {}, {

package/dist/esm/toDOM-fixes/mediaInline.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { mediaInline } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getMediaAttrs } from './toDOMAttrs';
 var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #091E420F)", ";");
 // Matches media
@@ -10,7 +10,7 @@ var fallbackAspectRatio = 1.25;
 
 // @nodeSpecException:toDOM patch
 export var mediaInlineSpecWithFixedToDOM = function mediaInlineSpecWithFixedToDOM() {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return mediaInline;
   }
   return _objectSpread(_objectSpread({}, mediaInline), {}, {

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { mediaSingleSpec } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAttrsFromNodeMediaSingle } from './toDOMAttrs';
 var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #091E420F)", "; outline: none;");
 export var wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];
@@ -112,7 +112,7 @@ function computeLayoutStyles(width, layout) {
 // @nodeSpecException:toDOM patch
 export var mediaSingleSpecWithFixedToDOM = function mediaSingleSpecWithFixedToDOM(mediaSingleOption) {
   var mediaSingleNode = mediaSingleSpec(mediaSingleOption);
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return mediaSingleNode;
   }
   return _objectSpread(_objectSpread({}, mediaSingleNode), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.31.0",
+	"version": "1.31.2",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -66,6 +66,7 @@
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.1.8",
 		"@atlaskit/tokens": "^1.59.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@babel/runtime": "^7.0.0",
@@ -143,9 +144,6 @@
 		"platform-editor-a11y-image-border-options-dropdown": {
 			"type": "boolean"
 		},
-		"platform_editor_lazy-node-views": {
-			"type": "boolean"
-		},
 		"platform_editor_insert_media_plugin_phase_one": {
 			"type": "boolean"
 		},