@atlaskit/editor-plugin-media 2.4.1 → 2.6.0

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

@@ -231,7 +231,8 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     allowMediaInline = options.allowMediaInline,
     allowMediaInlineImages = options.allowMediaInlineImages,
     allowImagePreview = options.allowImagePreview,
-    isViewOnly = options.isViewOnly;
+    isViewOnly = options.isViewOnly,
+    allowPixelResizing = options.allowPixelResizing;
   var toolbarButtons = [];
   var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
     hoverDecoration = _ref2.hoverDecoration;
@@ -270,7 +271,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     var isChangingLayoutDisabled = false;
     var selectedNode = getSelectedMediaSingle(state);
-    if (fg('platform_editor_media_extended_resize_experience')) {
+    if (allowPixelResizing) {
       var _widthPlugin$sharedSt;
       var contentWidth = widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       var selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -278,7 +279,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         isChangingLayoutDisabled = true;
       }
     }
-    var layoutButtons = buildLayoutButtons(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
+    var layoutButtons = buildLayoutButtons(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled, allowPixelResizing);
     var addLayoutDropdownToToolbar = function addLayoutDropdownToToolbar() {
       var selectedLayoutIcon = getSelectedLayoutIcon([].concat(_toConsumableArray(alignmentIcons), _toConsumableArray(wrappingIcons)),
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -435,7 +436,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     // Pixel Entry Toolbar Support
     var selection = state.selection;
     var isWithinTable = hasParentNodeOfType([state.schema.nodes.table])(selection);
-    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform_editor_media_extended_resize_experience')) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && allowPixelResizing) {
       var selectedMediaSingleNode = getSelectedMediaSingle(state);
       var sizeInput = {
         type: 'custom',
@@ -699,7 +700,8 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     allowResizing = options.allowResizing,
     isViewOnly = options.isViewOnly,
     allowResizingInTables = options.allowResizingInTables,
-    allowAdvancedToolBarOptions = options.allowAdvancedToolBarOptions;
+    allowAdvancedToolBarOptions = options.allowAdvancedToolBarOptions,
+    allowPixelResizing = options.allowPixelResizing;
   var allowMediaInline = options.allowMediaInline;
   allowMediaInline = fg('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : allowMediaInline;
   var mediaPluginState = stateKey.getState(state);
@@ -738,7 +740,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
   }
   var selection = state.selection;
   var isWithinTable = hasParentNodeOfType([state.schema.nodes.table])(selection);
-  if (allowAdvancedToolBarOptions && allowResizing && (!isWithinTable || allowResizingInTables === true) && editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_media_extended_resize_experience')) {
+  if (allowAdvancedToolBarOptions && allowResizing && (!isWithinTable || allowResizingInTables === true) && allowPixelResizing && editorExperiment('platform_editor_controls', 'variant1')) {
     var mediaPixelResizingPluginState = getMediaPixelResizingPluginState(state);
     if (mediaPixelResizingPluginState !== null && mediaPixelResizingPluginState !== void 0 && mediaPixelResizingPluginState.isPixelEditorOpen) {
       return getPixelResizingToolbar(baseToolbar, {
@@ -840,7 +842,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   });
-  if (allowResizing && fg('platform_editor_media_extended_resize_experience')) {
+  if (allowResizing && allowPixelResizing) {
     return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
       width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()
     });

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

@@ -262,7 +262,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
           LEGACY_fallbackIcon: IconEmbed
         });
       },
-      onClick: changeMediaInlineToMediaSingle(editorAnalyticsAPI, widthPluginState)
+      onClick: changeMediaInlineToMediaSingle(editorAnalyticsAPI, widthPluginState, options === null || options === void 0 ? void 0 : options.allowPixelResizing)
     }, {
       type: 'separator'
     }, {

package/dist/esm/ui/toolbar/pixel-resizing.js

@@ -5,7 +5,6 @@ import React from 'react';
 import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { openPixelEditor } from '../../pm-plugins/pixel-resizing/commands';
 import { PixelEntry } from '../../pm-plugins/pixel-resizing/ui';
 import { PIXEL_RESIZING_TOOLBAR_WIDTH } from '../../pm-plugins/pixel-resizing/ui/constants';
@@ -49,9 +48,10 @@ export var getResizeDropdownOption = function getResizeDropdownOption(mediaOptio
   }
   var allowResizing = mediaOptions.allowResizing,
     allowResizingInTables = mediaOptions.allowResizingInTables,
-    allowAdvancedToolBarOptions = mediaOptions.allowAdvancedToolBarOptions;
+    allowAdvancedToolBarOptions = mediaOptions.allowAdvancedToolBarOptions,
+    allowPixelResizing = mediaOptions.allowPixelResizing;
   var isWithinTable = hasParentNodeOfType(state.schema.nodes.table)(state.selection);
-  if (allowAdvancedToolBarOptions && allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform_editor_media_extended_resize_experience')) {
+  if (allowAdvancedToolBarOptions && allowResizing && (!isWithinTable || allowResizingInTables === true) && allowPixelResizing) {
     return [{
       title: formatMessage(messages.resizeOption),
       onClick: openPixelEditor(),

package/dist/types/nodeviews/toDOM-fixes/mediaSingle.d.ts

@@ -37,7 +37,7 @@ type PrepareWrapperContentDOMProps = {
     isExtendedResizeExperience: boolean;
 };
 export declare const prepareWrapperContentDOM: ({ layout, dataAttrs, childMediaWidth, childMediaHeight, mediaSingleDimensionWidth, isPixelWidth, isExtendedResizeExperience, }: PrepareWrapperContentDOMProps) => DOMOutputSpec;
-export declare const toDOM: (node: PMNode) => DOMOutputSpec;
+export declare const getToDom: (allowPixelResizing: boolean) => (node: PMNode) => DOMOutputSpec;
 export declare const mediaSingleSpecWithFixedToDOM: (mediaSingleOption: {
     withCaption?: boolean;
     withExtendedWidthTypes: boolean;

package/dist/types/pm-plugins/main.d.ts

@@ -68,7 +68,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     subscribeToUploadInProgressState(fn: (isUploading: boolean) => void): void;
     unsubscribeFromUploadInProgressState(fn: (isUploading: boolean) => void): void;
     private previousMediaProvider;
-    setMediaProvider(mediaProvider?: Promise<MediaProvider>): Promise<void>;
+    setMediaProvider(mediaProvider?: Promise<MediaProvider> | MediaProvider): Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
     setIsResizing(isResizing: boolean): void;
     setResizingWidth(width: number): void;

package/dist/types/pm-plugins/utils/media-single.d.ts

@@ -5,8 +5,8 @@ import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model'
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../../types';
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia) => boolean;
-export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, insertMediaVia?: InsertMediaVia) => boolean;
-export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => boolean;
+export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, allowPixelResizing?: boolean) => boolean;
 export declare const isVideo: import("memoize-one").MemoizedFn<(fileType?: string) => boolean>;

package/dist/types/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { MediaADFAttrs, MediaInlineAttributes } from '@atlaskit/adf-schema';
-import type { ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
+import type { MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import type { HandlePositioning } from '@atlaskit/editor-common/resizer';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { EditorAppearance, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
@@ -17,6 +17,7 @@ export type MediaSingleWithType = 'pixel' | 'percentage';
 export type MediaCopyScope = 'editor' | 'context';
 export interface MediaPluginOptions {
     provider?: Providers['mediaProvider'];
+    syncProvider?: MediaProvider;
     /**
      * @experimental
      * Still under development. Use with caution.
@@ -55,6 +56,7 @@ export interface MediaPluginOptions {
     editorAppearance?: EditorAppearance;
     forceHandlePositioning?: HandlePositioning;
     mediaShallowCopyScope?: MediaCopyScope;
+    allowPixelResizing?: boolean;
 }
 /**
  * @private
@@ -125,6 +127,7 @@ export type MediaFloatingToolbarOptions = {
     fullWidthEnabled?: boolean;
     allowCommentsOnMedia?: boolean;
     isViewOnly?: boolean;
+    allowPixelResizing?: boolean;
 };
 export type MediaDecorationSpec = {
     type: 'media';

package/dist/types/ui/toolbar/commands.d.ts

@@ -10,7 +10,7 @@ export declare const DEFAULT_BORDER_SIZE = 2;
 export declare const getNodeType: (state: EditorState) => "mediaSingle" | "mediaInline";
 export declare const changeInlineToMediaCard: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, forceFocusSelector: ForceFocusSelector | undefined) => Command;
 export declare const changeMediaCardToInline: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, forceFocusSelector: ForceFocusSelector | undefined) => Command;
-export declare const changeMediaInlineToMediaSingle: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, widthPluginState: WidthPluginState | undefined) => Command;
+export declare const changeMediaInlineToMediaSingle: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, widthPluginState: WidthPluginState | undefined, allowPixelResizing?: boolean) => Command;
 export declare const removeInlineCard: Command;
 export declare const toggleBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const setBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;

package/dist/types-ts4.5/nodeviews/toDOM-fixes/mediaSingle.d.ts

@@ -37,7 +37,7 @@ type PrepareWrapperContentDOMProps = {
     isExtendedResizeExperience: boolean;
 };
 export declare const prepareWrapperContentDOM: ({ layout, dataAttrs, childMediaWidth, childMediaHeight, mediaSingleDimensionWidth, isPixelWidth, isExtendedResizeExperience, }: PrepareWrapperContentDOMProps) => DOMOutputSpec;
-export declare const toDOM: (node: PMNode) => DOMOutputSpec;
+export declare const getToDom: (allowPixelResizing: boolean) => (node: PMNode) => DOMOutputSpec;
 export declare const mediaSingleSpecWithFixedToDOM: (mediaSingleOption: {
     withCaption?: boolean;
     withExtendedWidthTypes: boolean;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -68,7 +68,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     subscribeToUploadInProgressState(fn: (isUploading: boolean) => void): void;
     unsubscribeFromUploadInProgressState(fn: (isUploading: boolean) => void): void;
     private previousMediaProvider;
-    setMediaProvider(mediaProvider?: Promise<MediaProvider>): Promise<void>;
+    setMediaProvider(mediaProvider?: Promise<MediaProvider> | MediaProvider): Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
     setIsResizing(isResizing: boolean): void;
     setResizingWidth(width: number): void;

package/dist/types-ts4.5/pm-plugins/utils/media-single.d.ts

@@ -5,8 +5,8 @@ import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model'
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../../types';
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia) => boolean;
-export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, insertMediaVia?: InsertMediaVia) => boolean;
-export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => boolean;
+export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, allowPixelResizing?: boolean) => boolean;
 export declare const isVideo: import("memoize-one").MemoizedFn<(fileType?: string) => boolean>;

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

@@ -1,5 +1,5 @@
 import type { MediaADFAttrs, MediaInlineAttributes } from '@atlaskit/adf-schema';
-import type { ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
+import type { MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import type { HandlePositioning } from '@atlaskit/editor-common/resizer';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { EditorAppearance, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
@@ -17,6 +17,7 @@ export type MediaSingleWithType = 'pixel' | 'percentage';
 export type MediaCopyScope = 'editor' | 'context';
 export interface MediaPluginOptions {
     provider?: Providers['mediaProvider'];
+    syncProvider?: MediaProvider;
     /**
      * @experimental
      * Still under development. Use with caution.
@@ -55,6 +56,7 @@ export interface MediaPluginOptions {
     editorAppearance?: EditorAppearance;
     forceHandlePositioning?: HandlePositioning;
     mediaShallowCopyScope?: MediaCopyScope;
+    allowPixelResizing?: boolean;
 }
 /**
  * @private
@@ -125,6 +127,7 @@ export type MediaFloatingToolbarOptions = {
     fullWidthEnabled?: boolean;
     allowCommentsOnMedia?: boolean;
     isViewOnly?: boolean;
+    allowPixelResizing?: boolean;
 };
 export type MediaDecorationSpec = {
     type: 'media';

package/dist/types-ts4.5/ui/toolbar/commands.d.ts

@@ -10,7 +10,7 @@ export declare const DEFAULT_BORDER_SIZE = 2;
 export declare const getNodeType: (state: EditorState) => "mediaSingle" | "mediaInline";
 export declare const changeInlineToMediaCard: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, forceFocusSelector: ForceFocusSelector | undefined) => Command;
 export declare const changeMediaCardToInline: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, forceFocusSelector: ForceFocusSelector | undefined) => Command;
-export declare const changeMediaInlineToMediaSingle: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, widthPluginState: WidthPluginState | undefined) => Command;
+export declare const changeMediaInlineToMediaSingle: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, widthPluginState: WidthPluginState | undefined, allowPixelResizing?: boolean) => Command;
 export declare const removeInlineCard: Command;
 export declare const toggleBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const setBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "2.4.1",
+	"version": "2.6.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^103.4.0",
+		"@atlaskit/editor-common": "^103.8.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-annotation": "^2.5.0",
@@ -56,8 +56,8 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^25.5.0",
-		"@atlaskit/media-card": "^79.0.0",
+		"@atlaskit/icon": "^25.6.0",
+		"@atlaskit/media-card": "^79.1.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/media-common": "^12.0.0",
@@ -69,8 +69,8 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.6.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tmp-editor-statsig": "^4.9.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -135,9 +135,6 @@
 		"platform_media_cross_client_copy": {
 			"type": "boolean"
 		},
-		"platform_editor_media_extended_resize_experience": {
-			"type": "boolean"
-		},
 		"platform_editor_media_batch_updates": {
 			"type": "boolean"
 		},
@@ -179,6 +176,9 @@
 		},
 		"platform_editor_media_single_toolbar_target": {
 			"type": "boolean"
+		},
+		"platform_editor_ssr_media": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {