@atlaskit/editor-plugin-block-controls 2.13.4 → 2.13.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.13.5
+
+### Patch Changes
+
+- [#158691](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158691)
+  [`f71feb1fedb07`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f71feb1fedb07) -
+  ED-25618 enable 5 columns for pre release 2
+- [#158691](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158691)
+  [`70ef661bbbb4d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/70ef661bbbb4d) -
+  Update feature flag to gate
+- Updated dependencies
+
 ## 2.13.4
 
 ### Patch Changes

package/dist/cjs/commands/move-to-layout.js

@@ -9,7 +9,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _consts = require("../consts");
 var _consts2 = require("../ui/consts");
 var createNewLayout = function createNewLayout(schema, layoutContents) {
-  if (layoutContents.length === 0 || layoutContents.length > _consts.MAX_LAYOUT_COLUMN_SUPPORTED) {
+  if (layoutContents.length === 0 || layoutContents.length > (0, _consts.maxLayoutColumnSupported)()) {
     return null;
   }
   var width = _consts2.DEFAULT_COLUMN_DISTRIBUTIONS[layoutContents.length];
@@ -54,7 +54,7 @@ var moveNode = function moveNode(from, to, newNode, sourceNodeSize, tr) {
   return tr;
 };
 var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos, sourceNode, from, to, tr) {
-  if (toLayout.childCount < _consts.MAX_LAYOUT_COLUMN_SUPPORTED) {
+  if (toLayout.childCount < (0, _consts.maxLayoutColumnSupported)()) {
     var newColumnWidth = _consts2.DEFAULT_COLUMN_DISTRIBUTIONS[toLayout.childCount + 1];
     updateColumnWidths(tr, toLayout, toLayoutPos, newColumnWidth);
     var _ref2 = tr.doc.type.schema.nodes || {},

package/dist/cjs/consts.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MAX_LAYOUT_COLUMN_SUPPORTED = exports.DIRECTION = void 0;
+exports.maxLayoutColumnSupported = exports.DIRECTION = void 0;
+var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var DIRECTION = exports.DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";
@@ -11,4 +12,6 @@ var DIRECTION = exports.DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["RIGHT"] = "right";
   return DIRECTION;
 }({});
-var MAX_LAYOUT_COLUMN_SUPPORTED = exports.MAX_LAYOUT_COLUMN_SUPPORTED = 3;
+var maxLayoutColumnSupported = exports.maxLayoutColumnSupported = function maxLayoutColumnSupported() {
+  return (0, _advancedLayoutsFlags.isPreRelease2)() ? 5 : 3;
+};

package/dist/cjs/pm-plugins/decorations-drop-target.js

@@ -161,7 +161,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
       if (isAdvancedLayoutsPreRelease2) {
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && (parent === null || parent === void 0 ? void 0 : parent.firstChild) !== node &&
         // Not the first node
-        (parent === null || parent === void 0 ? void 0 : parent.childCount) < _consts.MAX_LAYOUT_COLUMN_SUPPORTED) {
+        (parent === null || parent === void 0 ? void 0 : parent.childCount) < (0, _consts.maxLayoutColumnSupported)()) {
           decs.push(createLayoutDropTargetDecoration(pos, {
             api: api,
             parent: parent,

package/dist/cjs/pm-plugins/main.js

@@ -58,9 +58,6 @@ var destroyFn = function destroyFn(api) {
       if (isHTMLElement(scrollable)) {
         scrollable.style.setProperty('scroll-behavior', null);
       }
-      if ((0, _advancedLayoutsFlags.isPreRelease2)()) {
-        _activeAnchorTracker.defaultActiveAnchorTracker.reset();
-      }
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
         var tr = _ref3.tr;
         var _ref4 = source.data,
@@ -519,6 +516,9 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl) {
         },
         dragstart: function dragstart(view) {
           var _anchorRectCache;
+          if ((0, _advancedLayoutsFlags.isPreRelease2)()) {
+            _activeAnchorTracker.defaultActiveAnchorTracker.reset();
+          }
           (_anchorRectCache = anchorRectCache) === null || _anchorRectCache === void 0 || _anchorRectCache.setEditorView(view);
           view.dispatch(view.state.tr.setMeta(key, {
             isPMDragging: true

package/dist/cjs/utils/active-anchor-tracker.js

@@ -21,17 +21,21 @@ var ActiveAnchorTracker = exports.ActiveAnchorTracker = /*#__PURE__*/function ()
   (0, _createClass2.default)(ActiveAnchorTracker, [{
     key: "subscribe",
     value: function subscribe(anchorName, callback) {
-      this.emitter.on(anchorName, callback);
+      if (this.emitter) {
+        this.emitter.on(anchorName, callback);
+      }
     }
   }, {
     key: "unsubscribe",
     value: function unsubscribe(anchorName, callback) {
-      this.emitter.removeListener(anchorName, callback);
+      if (this.emitter) {
+        this.emitter.removeListener(anchorName, callback);
+      }
     }
   }, {
     key: "emit",
     value: function emit(anchorName) {
-      if (this.lastActiveAnchor !== anchorName) {
+      if (this.lastActiveAnchor !== anchorName && this.emitter) {
         this.emitter.emit(this.lastActiveAnchor, false);
         this.emitter.emit(anchorName, true);
         this.lastActiveAnchor = anchorName;
@@ -40,11 +44,18 @@ var ActiveAnchorTracker = exports.ActiveAnchorTracker = /*#__PURE__*/function ()
   }, {
     key: "reset",
     value: function reset() {
-      this.emitter.removeAllListeners();
+      if (this.emitter) {
+        // To prevent any potential memory leaks,
+        // we set the event emitter to null and then create a new event emitter.
+        this.emitter.removeAllListeners();
+        this.emitter = null;
+        this.emitter = new _events.EventEmitter();
+      }
     }
   }]);
   return ActiveAnchorTracker;
-}();
+}(); // TODO We should use a scoped ActiveAnchorTracker rather than the global static object.
+// Move this into the plugin scope once the newApply functions becomes default apply.
 var defaultActiveAnchorTracker = exports.defaultActiveAnchorTracker = new ActiveAnchorTracker();
 var useActiveAnchorTracker = exports.useActiveAnchorTracker = function useActiveAnchorTracker(anchorName) {
   var activeAnchorTracker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultActiveAnchorTracker;

package/dist/cjs/utils/inline-drop-target.js

@@ -16,7 +16,7 @@ var shouldAllowInlineDropTarget = exports.shouldAllowInlineDropTarget = function
     return false;
   }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
-    return node.childCount < _consts.MAX_LAYOUT_COLUMN_SUPPORTED;
+    return node.childCount < (0, _consts.maxLayoutColumnSupported)();
   }
   return !(0, _utils.isEmptyParagraph)(node);
 };

package/dist/es2019/commands/move-to-layout.js

@@ -1,9 +1,9 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { MAX_LAYOUT_COLUMN_SUPPORTED } from '../consts';
+import { maxLayoutColumnSupported } from '../consts';
 import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
 const createNewLayout = (schema, layoutContents) => {
-  if (layoutContents.length === 0 || layoutContents.length > MAX_LAYOUT_COLUMN_SUPPORTED) {
+  if (layoutContents.length === 0 || layoutContents.length > maxLayoutColumnSupported()) {
     return null;
   }
   const width = DEFAULT_COLUMN_DISTRIBUTIONS[layoutContents.length];
@@ -49,7 +49,7 @@ const moveNode = (from, to, newNode, sourceNodeSize, tr) => {
   return tr;
 };
 const moveToExistingLayout = (toLayout, toLayoutPos, sourceNode, from, to, tr) => {
-  if (toLayout.childCount < MAX_LAYOUT_COLUMN_SUPPORTED) {
+  if (toLayout.childCount < maxLayoutColumnSupported()) {
     const newColumnWidth = DEFAULT_COLUMN_DISTRIBUTIONS[toLayout.childCount + 1];
     updateColumnWidths(tr, toLayout, toLayoutPos, newColumnWidth);
     const {

package/dist/es2019/consts.js

@@ -1,3 +1,4 @@
+import { isPreRelease2 } from './utils/advanced-layouts-flags';
 export let DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";
@@ -5,4 +6,6 @@ export let DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["RIGHT"] = "right";
   return DIRECTION;
 }({});
-export const MAX_LAYOUT_COLUMN_SUPPORTED = 3;
+export const maxLayoutColumnSupported = () => {
+  return isPreRelease2() ? 5 : 3;
+};

package/dist/es2019/pm-plugins/decorations-drop-target.js

@@ -4,7 +4,7 @@ import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { MAX_LAYOUT_COLUMN_SUPPORTED } from '../consts';
+import { maxLayoutColumnSupported } from '../consts';
 import { nodeMargins } from '../ui/consts';
 import { DropTarget } from '../ui/drop-target';
 import { DropTargetLayout } from '../ui/drop-target-layout';
@@ -153,7 +153,7 @@ export const dropTargetDecorations = (newState, api, formatMessage, activeNode,
       if (isAdvancedLayoutsPreRelease2) {
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && (parent === null || parent === void 0 ? void 0 : parent.firstChild) !== node &&
         // Not the first node
-        (parent === null || parent === void 0 ? void 0 : parent.childCount) < MAX_LAYOUT_COLUMN_SUPPORTED) {
+        (parent === null || parent === void 0 ? void 0 : parent.childCount) < maxLayoutColumnSupported()) {
           decs.push(createLayoutDropTargetDecoration(pos, {
             api,
             parent,

package/dist/es2019/pm-plugins/main.js

@@ -50,9 +50,6 @@ const destroyFn = api => {
       if (isHTMLElement(scrollable)) {
         scrollable.style.setProperty('scroll-behavior', null);
       }
-      if (isPreRelease2()) {
-        defaultActiveAnchorTracker.reset();
-      }
       api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
         tr
       }) => {
@@ -496,6 +493,9 @@ export const createPlugin = (api, getIntl) => {
         },
         dragstart(view) {
           var _anchorRectCache;
+          if (isPreRelease2()) {
+            defaultActiveAnchorTracker.reset();
+          }
           (_anchorRectCache = anchorRectCache) === null || _anchorRectCache === void 0 ? void 0 : _anchorRectCache.setEditorView(view);
           view.dispatch(view.state.tr.setMeta(key, {
             isPMDragging: true

package/dist/es2019/utils/active-anchor-tracker.js

@@ -8,22 +8,35 @@ export class ActiveAnchorTracker {
     this.emitter = new EventEmitter();
   }
   subscribe(anchorName, callback) {
-    this.emitter.on(anchorName, callback);
+    if (this.emitter) {
+      this.emitter.on(anchorName, callback);
+    }
   }
   unsubscribe(anchorName, callback) {
-    this.emitter.removeListener(anchorName, callback);
+    if (this.emitter) {
+      this.emitter.removeListener(anchorName, callback);
+    }
   }
   emit(anchorName) {
-    if (this.lastActiveAnchor !== anchorName) {
+    if (this.lastActiveAnchor !== anchorName && this.emitter) {
       this.emitter.emit(this.lastActiveAnchor, false);
       this.emitter.emit(anchorName, true);
       this.lastActiveAnchor = anchorName;
     }
   }
   reset() {
-    this.emitter.removeAllListeners();
+    if (this.emitter) {
+      // To prevent any potential memory leaks,
+      // we set the event emitter to null and then create a new event emitter.
+      this.emitter.removeAllListeners();
+      this.emitter = null;
+      this.emitter = new EventEmitter();
+    }
   }
 }
+
+// TODO We should use a scoped ActiveAnchorTracker rather than the global static object.
+// Move this into the plugin scope once the newApply functions becomes default apply.
 export const defaultActiveAnchorTracker = new ActiveAnchorTracker();
 export const useActiveAnchorTracker = (anchorName, activeAnchorTracker = defaultActiveAnchorTracker) => {
   const [isActive, setIsActive] = useState(false);

package/dist/es2019/utils/inline-drop-target.js

@@ -1,5 +1,5 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
-import { MAX_LAYOUT_COLUMN_SUPPORTED } from '../consts';
+import { maxLayoutColumnSupported } from '../consts';
 import { isPreRelease1 } from './advanced-layouts-flags';
 import { isWrappedMedia } from './check-media-layout';
 export const shouldAllowInlineDropTarget = (isNested, node) => {
@@ -10,7 +10,7 @@ export const shouldAllowInlineDropTarget = (isNested, node) => {
     return false;
   }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
-    return node.childCount < MAX_LAYOUT_COLUMN_SUPPORTED;
+    return node.childCount < maxLayoutColumnSupported();
   }
   return !isEmptyParagraph(node);
 };

package/dist/esm/commands/move-to-layout.js

@@ -1,9 +1,9 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { MAX_LAYOUT_COLUMN_SUPPORTED } from '../consts';
+import { maxLayoutColumnSupported } from '../consts';
 import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
 var createNewLayout = function createNewLayout(schema, layoutContents) {
-  if (layoutContents.length === 0 || layoutContents.length > MAX_LAYOUT_COLUMN_SUPPORTED) {
+  if (layoutContents.length === 0 || layoutContents.length > maxLayoutColumnSupported()) {
     return null;
   }
   var width = DEFAULT_COLUMN_DISTRIBUTIONS[layoutContents.length];
@@ -48,7 +48,7 @@ var moveNode = function moveNode(from, to, newNode, sourceNodeSize, tr) {
   return tr;
 };
 var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos, sourceNode, from, to, tr) {
-  if (toLayout.childCount < MAX_LAYOUT_COLUMN_SUPPORTED) {
+  if (toLayout.childCount < maxLayoutColumnSupported()) {
     var newColumnWidth = DEFAULT_COLUMN_DISTRIBUTIONS[toLayout.childCount + 1];
     updateColumnWidths(tr, toLayout, toLayoutPos, newColumnWidth);
     var _ref2 = tr.doc.type.schema.nodes || {},

package/dist/esm/consts.js

@@ -1,3 +1,4 @@
+import { isPreRelease2 } from './utils/advanced-layouts-flags';
 export var DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";
@@ -5,4 +6,6 @@ export var DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["RIGHT"] = "right";
   return DIRECTION;
 }({});
-export var MAX_LAYOUT_COLUMN_SUPPORTED = 3;
+export var maxLayoutColumnSupported = function maxLayoutColumnSupported() {
+  return isPreRelease2() ? 5 : 3;
+};

package/dist/esm/pm-plugins/decorations-drop-target.js

@@ -7,7 +7,7 @@ import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { MAX_LAYOUT_COLUMN_SUPPORTED } from '../consts';
+import { maxLayoutColumnSupported } from '../consts';
 import { nodeMargins } from '../ui/consts';
 import { DropTarget } from '../ui/drop-target';
 import { DropTargetLayout } from '../ui/drop-target-layout';
@@ -154,7 +154,7 @@ export var dropTargetDecorations = function dropTargetDecorations(newState, api,
       if (isAdvancedLayoutsPreRelease2) {
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && (parent === null || parent === void 0 ? void 0 : parent.firstChild) !== node &&
         // Not the first node
-        (parent === null || parent === void 0 ? void 0 : parent.childCount) < MAX_LAYOUT_COLUMN_SUPPORTED) {
+        (parent === null || parent === void 0 ? void 0 : parent.childCount) < maxLayoutColumnSupported()) {
           decs.push(createLayoutDropTargetDecoration(pos, {
             api: api,
             parent: parent,

package/dist/esm/pm-plugins/main.js

@@ -51,9 +51,6 @@ var destroyFn = function destroyFn(api) {
       if (isHTMLElement(scrollable)) {
         scrollable.style.setProperty('scroll-behavior', null);
       }
-      if (isPreRelease2()) {
-        defaultActiveAnchorTracker.reset();
-      }
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
         var tr = _ref3.tr;
         var _ref4 = source.data,
@@ -512,6 +509,9 @@ export var createPlugin = function createPlugin(api, getIntl) {
         },
         dragstart: function dragstart(view) {
           var _anchorRectCache;
+          if (isPreRelease2()) {
+            defaultActiveAnchorTracker.reset();
+          }
           (_anchorRectCache = anchorRectCache) === null || _anchorRectCache === void 0 || _anchorRectCache.setEditorView(view);
           view.dispatch(view.state.tr.setMeta(key, {
             isPMDragging: true

package/dist/esm/utils/active-anchor-tracker.js

@@ -14,17 +14,21 @@ export var ActiveAnchorTracker = /*#__PURE__*/function () {
   _createClass(ActiveAnchorTracker, [{
     key: "subscribe",
     value: function subscribe(anchorName, callback) {
-      this.emitter.on(anchorName, callback);
+      if (this.emitter) {
+        this.emitter.on(anchorName, callback);
+      }
     }
   }, {
     key: "unsubscribe",
     value: function unsubscribe(anchorName, callback) {
-      this.emitter.removeListener(anchorName, callback);
+      if (this.emitter) {
+        this.emitter.removeListener(anchorName, callback);
+      }
     }
   }, {
     key: "emit",
     value: function emit(anchorName) {
-      if (this.lastActiveAnchor !== anchorName) {
+      if (this.lastActiveAnchor !== anchorName && this.emitter) {
         this.emitter.emit(this.lastActiveAnchor, false);
         this.emitter.emit(anchorName, true);
         this.lastActiveAnchor = anchorName;
@@ -33,11 +37,20 @@ export var ActiveAnchorTracker = /*#__PURE__*/function () {
   }, {
     key: "reset",
     value: function reset() {
-      this.emitter.removeAllListeners();
+      if (this.emitter) {
+        // To prevent any potential memory leaks,
+        // we set the event emitter to null and then create a new event emitter.
+        this.emitter.removeAllListeners();
+        this.emitter = null;
+        this.emitter = new EventEmitter();
+      }
     }
   }]);
   return ActiveAnchorTracker;
 }();
+
+// TODO We should use a scoped ActiveAnchorTracker rather than the global static object.
+// Move this into the plugin scope once the newApply functions becomes default apply.
 export var defaultActiveAnchorTracker = new ActiveAnchorTracker();
 export var useActiveAnchorTracker = function useActiveAnchorTracker(anchorName) {
   var activeAnchorTracker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultActiveAnchorTracker;

package/dist/esm/utils/inline-drop-target.js

@@ -1,5 +1,5 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
-import { MAX_LAYOUT_COLUMN_SUPPORTED } from '../consts';
+import { maxLayoutColumnSupported } from '../consts';
 import { isPreRelease1 } from './advanced-layouts-flags';
 import { isWrappedMedia } from './check-media-layout';
 export var shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(isNested, node) {
@@ -10,7 +10,7 @@ export var shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(is
     return false;
   }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
-    return node.childCount < MAX_LAYOUT_COLUMN_SUPPORTED;
+    return node.childCount < maxLayoutColumnSupported();
   }
   return !isEmptyParagraph(node);
 };

package/dist/types/consts.d.ts

@@ -4,4 +4,4 @@ export declare enum DIRECTION {
     LEFT = "left",
     RIGHT = "right"
 }
-export declare const MAX_LAYOUT_COLUMN_SUPPORTED = 3;
+export declare const maxLayoutColumnSupported: () => 5 | 3;

package/dist/types/utils/active-anchor-tracker.d.ts

@@ -3,7 +3,7 @@
 /// <reference types="node/events" />
 import { EventEmitter } from 'events';
 export declare class ActiveAnchorTracker {
-    emitter: EventEmitter;
+    emitter: EventEmitter | null;
     lastActiveAnchor: string;
     constructor();
     subscribe(anchorName: string, callback: (isActive: boolean) => void): void;

package/dist/types-ts4.5/consts.d.ts

@@ -4,4 +4,4 @@ export declare enum DIRECTION {
     LEFT = "left",
     RIGHT = "right"
 }
-export declare const MAX_LAYOUT_COLUMN_SUPPORTED = 3;
+export declare const maxLayoutColumnSupported: () => 5 | 3;

package/dist/types-ts4.5/utils/active-anchor-tracker.d.ts

@@ -3,7 +3,7 @@
 /// <reference types="node/events" />
 import { EventEmitter } from 'events';
 export declare class ActiveAnchorTracker {
-    emitter: EventEmitter;
+    emitter: EventEmitter | null;
     lastActiveAnchor: string;
     constructor();
     subscribe(anchorName: string, callback: (isActive: boolean) => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "2.13.4",
+	"version": "2.13.5",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^44.2.0",
-		"@atlaskit/editor-common": "^94.11.0",
+		"@atlaskit/editor-common": "^94.12.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -99,7 +99,7 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform.editor.media.extended-resize-experience": {
+		"platform_editor_media_extended_resize_experience": {
 			"type": "boolean",
 			"referenceOnly": true
 		},