@atlaskit/editor-plugin-media 3.2.0 → 4.1.0

package/dist/esm/ui/toolbar/alt-text.js

@@ -8,7 +8,6 @@ import { MediaSharedClassNames as ClassNames } from '@atlaskit/editor-common/sty
 import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import TextIcon from '@atlaskit/icon/core/text';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { openMediaAltTextMenu } from '../../pm-plugins/alt-text/commands';
 import AltTextEdit from '../../pm-plugins/alt-text/ui/AltTextEdit';
@@ -54,7 +53,7 @@ var altTextEditComponent = function altTextEditComponent(options) {
         var _options$forceFocusSe;
         var tr = view.state.tr,
           dispatch = view.dispatch;
-        var elementSelector = options !== null && options !== void 0 && options.triggerButtonSelector && editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_8') ? options.triggerButtonSelector : "[data-testid=\"".concat(testId, "\"]");
+        var elementSelector = options !== null && options !== void 0 && options.triggerButtonSelector && editorExperiment('platform_editor_controls', 'variant1') ? options.triggerButtonSelector : "[data-testid=\"".concat(testId, "\"]");
         var newTr = options === null || options === void 0 || (_options$forceFocusSe = options.forceFocusSelector) === null || _options$forceFocusSe === void 0 ? void 0 : _options$forceFocusSe.call(options, elementSelector)(tr);
         if (newTr) {
           dispatch(newTr);

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

@@ -295,7 +295,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         });
       }
     });
-    if (!isEditorControlsEnabled || !fg('platform_editor_controls_patch_6')) {
+    if (!isEditorControlsEnabled) {
       toolbarButtons.push({
         type: 'separator'
       });
@@ -316,7 +316,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     }
     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() {
-      if (editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+      if (editorExperiment('platform_editor_controls', 'variant1')) {
         var _pluginInjectionApi$a4;
         var layoutDropdown = buildLayoutDropdown(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled, allowPixelResizing);
         toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(layoutDropdown));
@@ -344,7 +344,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             title: intl.formatMessage(layoutToMessages[selectedLayoutIcon.value]),
             icon: selectedLayoutIcon.icon
           };
-          toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), [trigger], _toConsumableArray(isEditorControlsEnabled && fg('platform_editor_controls_patch_6') ? [] : [{
+          toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), [trigger], _toConsumableArray(isEditorControlsEnabled ? [] : [{
             type: 'separator'
           }]));
         }
@@ -426,7 +426,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             icon: /*#__PURE__*/React.createElement(ImageInlineIcon, {
               color: "currentColor",
               spacing: "spacious",
-              label: fg('platform_editor_controls_patch_7') ? '' : inlineTitle
+              label: ""
             }),
             tooltip: hasCaption ? inlineSwitcherTitle : undefined
           }, {
@@ -436,14 +436,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             onClick: function onClick() {
               return true;
             },
-            icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+            icon: /*#__PURE__*/React.createElement(MaximizeIcon, {
               color: "currentColor",
               spacing: "spacious",
               label: ""
-            }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
-              color: "currentColor",
-              spacing: "spacious",
-              label: fg('platform_editor_controls_patch_7') ? '' : floatingSwitcherTitle
             })
           }];
           var switchFromBlockToInline;
@@ -457,11 +453,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
               options: _options2,
               title: intl.formatMessage(messages.sizeOptions),
               icon: function icon() {
-                return fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
-                  color: "currentColor",
-                  spacing: "spacious",
-                  label: intl.formatMessage(messages.sizeOptions)
-                }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+                return /*#__PURE__*/React.createElement(MaximizeIcon, {
                   color: "currentColor",
                   spacing: "spacious",
                   label: intl.formatMessage(messages.sizeOptions)
@@ -774,7 +766,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
 
   // testId is required to show focus on trigger button on ESC key press
   // see hideOnEsc in platform/packages/editor/editor-plugin-floating-toolbar/src/ui/Dropdown.tsx
-  var overflowButtonSelector = editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_8') ? "[data-testid=\"".concat(overflowDropdwonBtnTriggerTestId, "\"]") : undefined;
+  var overflowButtonSelector = editorExperiment('platform_editor_controls', 'variant1') ? "[data-testid=\"".concat(overflowDropdwonBtnTriggerTestId, "\"]") : undefined;
   if (allowAltTextOnImages) {
     var mediaAltTextPluginState = getMediaAltTextPluginState(state);
     if (mediaAltTextPluginState.isAltTextEditorOpen) {

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

@@ -8,7 +8,6 @@ import { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messa
 import { RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import LinkIcon from '@atlaskit/icon/core/link';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hideLinkingToolbar, setUrlToMedia, showLinkingToolbar, unlink } from '../../pm-plugins/commands/linking';
 import { getMediaLinkingState } from '../../pm-plugins/linking';
@@ -55,7 +54,7 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
               return null;
             }
             var setFocusOnFloatingToolbar = function setFocusOnFloatingToolbar(setFocus) {
-              if (setFocus && editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_8')) {
+              if (setFocus && editorExperiment('platform_editor_controls', 'variant1')) {
                 var _pluginInjectionApi$f;
                 var tr = view.state.tr,
                   dispatch = view.dispatch;
@@ -90,7 +89,7 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
                  */
                 var tr = view.state.tr,
                   dispatch = view.dispatch;
-                var selector = editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_8') ? FORCE_FOCUS_SELECTOR_EDITOR_CONTROLS : FORCE_FOCUS_SELECTOR;
+                var selector = editorExperiment('platform_editor_controls', 'variant1') ? FORCE_FOCUS_SELECTOR_EDITOR_CONTROLS : FORCE_FOCUS_SELECTOR;
                 pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f2 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f2 === void 0 || (_pluginInjectionApi$f2 = _pluginInjectionApi$f2.actions) === null || _pluginInjectionApi$f2 === void 0 || _pluginInjectionApi$f2.forceFocusSelector(selector)(tr);
                 dispatch(tr);
               },
@@ -144,7 +143,7 @@ export var getLinkingDropdownOptions = function getLinkingDropdownOptions(editor
         return true;
       },
       icon: /*#__PURE__*/React.createElement(LinkIcon, {
-        label: fg('platform_editor_controls_patch_7') ? '' : title
+        label: ""
       })
     }];
   } else {

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

@@ -208,7 +208,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
         });
       }
     });
-    if (!isEditorControlsEnabled || !fg('platform_editor_controls_patch_6')) {
+    if (!isEditorControlsEnabled) {
       inlineImageItems.push({
         type: 'separator'
       });
@@ -312,20 +312,16 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
       icon: /*#__PURE__*/React.createElement(ImageInlineIcon, {
         color: "currentColor",
         spacing: "spacious",
-        label: fg('platform_editor_controls_patch_7') ? '' : mediaInlineImageTitle
+        label: ""
       })
     }, {
       id: 'editor.media.convert.mediasingle',
       title: mediaSingleTitle,
       onClick: changeMediaInlineToMediaSingle(editorAnalyticsAPI, widthPluginState),
-      icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+      icon: /*#__PURE__*/React.createElement(MaximizeIcon, {
         color: "currentColor",
         spacing: "spacious",
         label: ""
-      }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
-        color: "currentColor",
-        spacing: "spacious",
-        label: fg('platform_editor_controls_patch_7') ? '' : mediaSingleTitle
       })
     }];
     var switchFromInlineToBlock;

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

@@ -4,9 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
-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';
@@ -59,9 +57,7 @@ export var getResizeDropdownOption = function getResizeDropdownOption(mediaOptio
     return [{
       title: formatMessage(messages.resizeOption),
       onClick: openPixelEditor(),
-      icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
-        label: ""
-      }) : /*#__PURE__*/React.createElement(GrowHorizontalIcon, {
+      icon: /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
         label: ""
       }),
       testId: 'media-pixel-resizing-dropdown-option'

package/dist/types/nodeviews/__mocks__/mediaNodeUpdater.d.ts

@@ -24,3 +24,4 @@ export declare class MediaNodeUpdater {
     updateNodeAttrs(): void;
     handleExternalMedia(): Promise<void>;
 }
+export declare function createMediaNodeUpdater(): MediaNodeUpdater;

package/dist/types/nodeviews/mediaGroup.d.ts

@@ -1,30 +1,9 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { getPosHandler, MediaOptions } from '../types';
-type MediaGroupProps = {
-    forwardRef?: (ref: HTMLElement) => void;
-    node: PMNode;
-    view: EditorView;
-    getPos: () => number | undefined;
-    disabled?: boolean;
-    editorViewMode?: boolean;
-    allowLazyLoading?: boolean;
-    mediaProvider: Promise<MediaProvider>;
-    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    isCopyPasteEnabled?: boolean;
-    anchorPos: number;
-    headPos: number;
-    mediaOptions: MediaOptions;
-} & WrappedComponentProps;
-declare const IntlMediaGroup: React.FC<import("react-intl-next").WithIntlProps<MediaGroupProps>> & {
-    WrappedComponent: React.ComponentType<MediaGroupProps>;
-};
-export default IntlMediaGroup;
+import type { getPosHandler } from '../types';
 export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: import("../types").MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

package/dist/types/nodeviews/mediaNodeView/media.d.ts

@@ -25,6 +25,7 @@ export interface MediaNodeProps extends ReactNodeProps, ImageLoaderProps {
 }
 interface MediaNodeState {
     viewMediaClientConfig?: MediaClientConfig;
+    viewAndUploadMediaClientConfig?: MediaClientConfig;
     contextIdentifierProvider?: ContextIdentifierProvider;
 }
 export declare class MediaNode extends Component<MediaNodeProps, MediaNodeState> {

package/dist/types/nodeviews/mediaSingle.d.ts

@@ -1,51 +1,15 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-import type { MouseEvent } from 'react';
-import React, { Component } from 'react';
 import { jsx } from '@emotion/react';
-import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { CardEvent } from '@atlaskit/media-card';
-import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { ForwardRef, getPosHandler, MediaOptions } from '../types';
-import { MediaNodeUpdater } from './mediaNodeUpdater';
-import type { MediaSingleNodeProps, MediaSingleNodeViewProps } from './types';
-interface MediaSingleNodeState {
-    width?: number;
-    height?: number;
-    viewMediaClientConfig?: MediaClientConfig;
-    contextIdentifierProvider?: ContextIdentifierProvider;
-    isCopying: boolean;
-}
-export default class MediaSingleNode extends Component<MediaSingleNodeProps, MediaSingleNodeState> {
-    static defaultProps: Partial<MediaSingleNodeProps>;
-    static displayName: string;
-    mediaNodeUpdater: MediaNodeUpdater | null;
-    state: MediaSingleNodeState;
-    mediaSingleWrapperRef: React.RefObject<HTMLDivElement>;
-    captionPlaceHolderRef: React.RefObject<HTMLButtonElement | HTMLSpanElement>;
-    createOrUpdateMediaNodeUpdater: (props: MediaSingleNodeProps) => void;
-    UNSAFE_componentWillReceiveProps(nextProps: MediaSingleNodeProps): void;
-    setViewMediaClientConfig: (props: MediaSingleNodeProps) => Promise<void>;
-    updateMediaNodeAttributes: (props: MediaSingleNodeProps) => Promise<void>;
-    componentDidMount(): Promise<void>;
-    selectMediaSingle: ({ event }: CardEvent) => void;
-    updateSize: (width: number | null, layout: MediaSingleLayout) => void;
-    onMediaSingleClicked: (event: MouseEvent) => void;
-    render(): jsx.JSX.Element;
-    private clickPlaceholder;
-}
+import type { MediaSingleNodeViewProps } from './types';
 declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps> {
     lastOffsetLeft: number;
     forceViewUpdate: boolean;

package/dist/types/nodeviews/mediaSingleNext.d.ts

@@ -7,7 +7,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { ForwardRef, MediaOptions } from '../types';
-type MediaSingleNodeNextProps = {
+export type MediaSingleNodeNextProps = {
     view: EditorView;
     node: PMNode;
     getPos: () => number | undefined;
@@ -31,4 +31,3 @@ type MediaSingleNodeNextProps = {
     editorAppearance?: EditorAppearance;
 };
 export declare const MediaSingleNodeNext: (mediaSingleNodeNextProps: MediaSingleNodeNextProps) => jsx.JSX.Element;
-export {};

package/dist/types-ts4.5/nodeviews/__mocks__/mediaNodeUpdater.d.ts

@@ -24,3 +24,4 @@ export declare class MediaNodeUpdater {
     updateNodeAttrs(): void;
     handleExternalMedia(): Promise<void>;
 }
+export declare function createMediaNodeUpdater(): MediaNodeUpdater;

package/dist/types-ts4.5/nodeviews/mediaGroup.d.ts

@@ -1,30 +1,9 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { getPosHandler, MediaOptions } from '../types';
-type MediaGroupProps = {
-    forwardRef?: (ref: HTMLElement) => void;
-    node: PMNode;
-    view: EditorView;
-    getPos: () => number | undefined;
-    disabled?: boolean;
-    editorViewMode?: boolean;
-    allowLazyLoading?: boolean;
-    mediaProvider: Promise<MediaProvider>;
-    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    isCopyPasteEnabled?: boolean;
-    anchorPos: number;
-    headPos: number;
-    mediaOptions: MediaOptions;
-} & WrappedComponentProps;
-declare const IntlMediaGroup: React.FC<import("react-intl-next").WithIntlProps<MediaGroupProps>> & {
-    WrappedComponent: React.ComponentType<MediaGroupProps>;
-};
-export default IntlMediaGroup;
+import type { getPosHandler } from '../types';
 export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: import("../types").MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

package/dist/types-ts4.5/nodeviews/mediaNodeView/media.d.ts

@@ -25,6 +25,7 @@ export interface MediaNodeProps extends ReactNodeProps, ImageLoaderProps {
 }
 interface MediaNodeState {
     viewMediaClientConfig?: MediaClientConfig;
+    viewAndUploadMediaClientConfig?: MediaClientConfig;
     contextIdentifierProvider?: ContextIdentifierProvider;
 }
 export declare class MediaNode extends Component<MediaNodeProps, MediaNodeState> {

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

@@ -1,51 +1,15 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-import type { MouseEvent } from 'react';
-import React, { Component } from 'react';
 import { jsx } from '@emotion/react';
-import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { CardEvent } from '@atlaskit/media-card';
-import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { ForwardRef, getPosHandler, MediaOptions } from '../types';
-import { MediaNodeUpdater } from './mediaNodeUpdater';
-import type { MediaSingleNodeProps, MediaSingleNodeViewProps } from './types';
-interface MediaSingleNodeState {
-    width?: number;
-    height?: number;
-    viewMediaClientConfig?: MediaClientConfig;
-    contextIdentifierProvider?: ContextIdentifierProvider;
-    isCopying: boolean;
-}
-export default class MediaSingleNode extends Component<MediaSingleNodeProps, MediaSingleNodeState> {
-    static defaultProps: Partial<MediaSingleNodeProps>;
-    static displayName: string;
-    mediaNodeUpdater: MediaNodeUpdater | null;
-    state: MediaSingleNodeState;
-    mediaSingleWrapperRef: React.RefObject<HTMLDivElement>;
-    captionPlaceHolderRef: React.RefObject<HTMLButtonElement | HTMLSpanElement>;
-    createOrUpdateMediaNodeUpdater: (props: MediaSingleNodeProps) => void;
-    UNSAFE_componentWillReceiveProps(nextProps: MediaSingleNodeProps): void;
-    setViewMediaClientConfig: (props: MediaSingleNodeProps) => Promise<void>;
-    updateMediaNodeAttributes: (props: MediaSingleNodeProps) => Promise<void>;
-    componentDidMount(): Promise<void>;
-    selectMediaSingle: ({ event }: CardEvent) => void;
-    updateSize: (width: number | null, layout: MediaSingleLayout) => void;
-    onMediaSingleClicked: (event: MouseEvent) => void;
-    render(): jsx.JSX.Element;
-    private clickPlaceholder;
-}
+import type { MediaSingleNodeViewProps } from './types';
 declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps> {
     lastOffsetLeft: number;
     forceViewUpdate: boolean;

package/dist/types-ts4.5/nodeviews/mediaSingleNext.d.ts

@@ -7,7 +7,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { ForwardRef, MediaOptions } from '../types';
-type MediaSingleNodeNextProps = {
+export type MediaSingleNodeNextProps = {
     view: EditorView;
     node: PMNode;
     getPos: () => number | undefined;
@@ -31,4 +31,3 @@ type MediaSingleNodeNextProps = {
     editorAppearance?: EditorAppearance;
 };
 export declare const MediaSingleNodeNext: (mediaSingleNodeNextProps: MediaSingleNodeNextProps) => jsx.JSX.Element;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "3.2.0",
+	"version": "4.1.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.1.0",
 		"@atlaskit/button": "^23.2.0",
-		"@atlaskit/editor-common": "^106.9.0",
+		"@atlaskit/editor-common": "^107.0.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-annotation": "^2.9.0",
@@ -59,19 +59,19 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/icon": "^27.0.0",
 		"@atlaskit/media-card": "^79.3.0",
-		"@atlaskit/media-client": "^33.4.0",
+		"@atlaskit/media-client": "^34.0.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.2.0",
-		"@atlaskit/media-filmstrip": "^50.1.0",
-		"@atlaskit/media-picker": "^69.0.0",
+		"@atlaskit/media-filmstrip": "^51.0.0",
+		"@atlaskit/media-picker": "^70.0.0",
 		"@atlaskit/media-ui": "^28.3.0",
-		"@atlaskit/media-viewer": "^52.2.0",
+		"@atlaskit/media-viewer": "^52.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^7.1.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/tmp-editor-statsig": "^7.2.0",
+		"@atlaskit/tokens": "^5.3.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -85,7 +85,7 @@
 		"typescript": "~5.4.2"
 	},
 	"peerDependencies": {
-		"@atlaskit/media-core": "^36.1.0",
+		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -127,12 +127,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_editor_react18_phase2__media_single": {
-			"type": "boolean"
-		},
-		"platform_editor_react18_phase2__media_single_jira": {
-			"type": "boolean"
-		},
 		"platform_media_cross_client_copy": {
 			"type": "boolean"
 		},
@@ -172,7 +166,7 @@
 		"platform_editor_remove_media_inline_feature_flag": {
 			"type": "boolean"
 		},
-		"platform_editor_controls_patch_6": {
+		"platform_editor_media_single_toolbar_target": {
 			"type": "boolean"
 		},
 		"platform_editor_ssr_media": {
@@ -184,18 +178,12 @@
 		"platform_editor_no_cursor_on_live_doc_init": {
 			"type": "boolean"
 		},
-		"platform_editor_controls_patch_7": {
-			"type": "boolean"
-		},
 		"platform_editor_track_media_fail_to_insert": {
 			"type": "boolean"
 		},
 		"confluence_frontend_preload_inline_comment_editor": {
 			"type": "boolean"
 		},
-		"platform_editor_controls_patch_8": {
-			"type": "boolean"
-		},
 		"platform_editor_controls_patch_9": {
 			"type": "boolean"
 		},
@@ -204,6 +192,9 @@
 		},
 		"platform_editor_controls_patch_11": {
 			"type": "boolean"
+		},
+		"platform_media_video_captions": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {