@atlaskit/editor-plugin-media 13.5.1 → 13.6.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media
 
+## 13.6.0
+
+### Minor Changes
+
+- [`a80e758660883`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a80e758660883) -
+  add remixSource attribute to mediaCardRender events behind
+  cc-maui-add-mark-for-remix-generated-images FF
+
+## 13.5.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.5.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaNodeView/media.js

@@ -298,6 +298,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _dataConsumerMark$att;
       var _this$props2 = this.props,
         node = _this$props2.node,
         selected = _this$props2.selected,
@@ -308,6 +309,9 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
       var borderMark = node.marks.find(function (m) {
         return m.type.name === 'border';
       });
+      var dataConsumerMark = (0, _platformFeatureFlags.fg)('cc-maui-add-mark-for-remix-generated-images') ? node.marks.find(function (m) {
+        return m.type.name === 'dataConsumer';
+      }) : undefined;
       var _this$state = this.state,
         viewMediaClientConfig = _this$state.viewMediaClientConfig,
         viewAndUploadMediaClientConfig = _this$state.viewAndUploadMediaClientConfig,
@@ -366,7 +370,10 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
-          border: !!borderMark
+          border: !!borderMark,
+          // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
+          // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
+          remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
         })
       }, /*#__PURE__*/_react.default.createElement(_mediaCard.Card, {
         mediaClientConfig: mediaClientConfig,

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -241,6 +241,7 @@ export class MediaNode extends Component {
     }
   }
   render() {
+    var _dataConsumerMark$att;
     const {
       node,
       selected,
@@ -250,6 +251,7 @@ export class MediaNode extends Component {
       mediaOptions
     } = this.props;
     const borderMark = node.marks.find(m => m.type.name === 'border');
+    const dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? node.marks.find(m => m.type.name === 'dataConsumer') : undefined;
     const {
       viewMediaClientConfig,
       viewAndUploadMediaClientConfig,
@@ -309,7 +311,10 @@ export class MediaNode extends Component {
     , {
       data: {
         [MEDIA_CONTEXT]: {
-          border: !!borderMark
+          border: !!borderMark,
+          // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
+          // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
+          remixSource: dataConsumerMark === null || dataConsumerMark === void 0 ? void 0 : (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
         }
       }
     }, /*#__PURE__*/React.createElement(Card, {

package/dist/esm/nodeviews/mediaNodeView/media.js

@@ -290,6 +290,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _dataConsumerMark$att;
       var _this$props2 = this.props,
         node = _this$props2.node,
         selected = _this$props2.selected,
@@ -300,6 +301,9 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
       var borderMark = node.marks.find(function (m) {
         return m.type.name === 'border';
       });
+      var dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? node.marks.find(function (m) {
+        return m.type.name === 'dataConsumer';
+      }) : undefined;
       var _this$state = this.state,
         viewMediaClientConfig = _this$state.viewMediaClientConfig,
         viewAndUploadMediaClientConfig = _this$state.viewAndUploadMediaClientConfig,
@@ -358,7 +362,10 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: _defineProperty({}, MEDIA_CONTEXT, {
-          border: !!borderMark
+          border: !!borderMark,
+          // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
+          // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
+          remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
         })
       }, /*#__PURE__*/React.createElement(Card, {
         mediaClientConfig: mediaClientConfig,

package/media-plugin/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/media-plugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/media-plugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/media-plugin.d.ts"
 }

package/media-plugin-type/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/media-plugin-type.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/media-plugin-type.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/media-plugin-type.d.ts"
 }

package/nodeviewHelpers/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/nodeview-helpers.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/nodeview-helpers.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/nodeview-helpers.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "13.5.1",
+	"version": "13.6.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/icon-lab": "^6.14.0",
 		"@atlaskit/media-card": "^80.8.0",
-		"@atlaskit/media-client": "^36.3.0",
+		"@atlaskit/media-client": "^36.4.0",
 		"@atlaskit/media-client-react": "^5.2.0",
 		"@atlaskit/media-common": "^13.3.0",
 		"@atlaskit/media-filmstrip": "^51.3.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"@atlaskit/tooltip": "^22.6.0",
 		"@babel/runtime": "^7.0.0",
@@ -77,7 +77,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^115.16.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -161,6 +161,10 @@
 		},
 		"cc-maui-phase-2": {
 			"type": "boolean"
+		},
+		"cc-maui-add-mark-for-remix-generated-images": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"stricter": {

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/dist/types-ts4.5/entry-points/media-plugin-type.d.ts

@@ -1 +0,0 @@
-export type { MediaNextEditorPluginType as MediaPlugin, MediaPluginDependencies, } from '../mediaPluginType';

package/dist/types-ts4.5/entry-points/media-plugin.d.ts

@@ -1 +0,0 @@
-export { mediaPlugin } from '../mediaPlugin';

package/dist/types-ts4.5/entry-points/nodeview-helpers.d.ts

@@ -1 +0,0 @@
-export { computeReplacementDisplayWidth } from '../nodeviews/nodeviewHelpers';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +0,0 @@
-export type { CustomMediaPicker, ForwardRef, InsertMediaAsMediaSingle, Listener, MediaCopyScope, MediaDecorationSpec, MediaEditorState, MediaFloatingToolbarOptions, MediaOptions, MediaPluginOptions, MediaPluginState, MediaSingleOptions, MediaSingleWithType, MediaState, MediaStateEventListener, MediaStateEventSubscriber, MediaStateStatus, MediaToolbarBaseConfig, MobileUploadEndEventPayload, ProsemirrorGetPosHandler, ReactNodeProps, SupportedMediaAttributes, getPosHandler, getPosHandlerNode, } from '../types/index';

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

@@ -1,3 +0,0 @@
-export type { MediaNextEditorPluginType as MediaPlugin, MediaPluginDependencies, } from './mediaPluginType';
-export type { MediaPluginOptions } from './types/index';
-export { mediaPlugin } from './mediaPlugin';

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

@@ -1,2 +0,0 @@
-import type { MediaNextEditorPluginType } from './mediaPluginType';
-export declare const mediaPlugin: MediaNextEditorPluginType;

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

@@ -1,107 +0,0 @@
-import type { MediaADFAttrs } from '@atlaskit/adf-schema';
-import type { InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
-import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
-import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
-import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
-import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
-import type { FocusPlugin } from '@atlaskit/editor-plugin-focus';
-import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
-import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
-import type { MediaEditingPlugin } from '@atlaskit/editor-plugin-media-editing';
-import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
-import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
-import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { AIGeneratingSource } from './pm-plugins/ai-generating-decoration';
-import type { MediaPluginState } from './pm-plugins/types';
-import type { InsertMediaAsMediaSingle } from './pm-plugins/utils/media-single';
-import type { MediaOptions } from './types';
-type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', any>;
-export type MediaPluginDependencies = [
-    OptionalPlugin<AnalyticsPlugin>,
-    OptionalPlugin<ContextIdentifierPlugin>,
-    OptionalPlugin<EditorViewModePlugin>,
-    OptionalPlugin<GuidelinePlugin>,
-    GridPlugin,
-    WidthPlugin,
-    DecorationsPlugin,
-    FloatingToolbarPlugin,
-    EditorDisabledPlugin,
-    FocusPlugin,
-    OptionalPlugin<MediaInsertPlugin>,
-    OptionalPlugin<InteractionPlugin>,
-    SelectionPlugin,
-    OptionalPlugin<AnnotationPlugin>,
-    OptionalPlugin<FeatureFlagsPlugin>,
-    OptionalPlugin<ConnectivityPlugin>,
-    OptionalPlugin<InteractionPlugin>,
-    OptionalPlugin<ToolbarPlugin>,
-    OptionalPlugin<MediaEditingPlugin>
-];
-export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
-    actions: {
-        /**
-         * Callback to be called when there is an error rendering a media node.
-         */
-        handleMediaNodeRenderError: (node: PMNode, reason: string, nestedUnder?: string) => void;
-        /**
-         * @private
-         * @deprecated Use the command `insertMediaSingle` instead which is decoupled from EditorView
-         * and easier to use.
-         */
-        insertMediaAsMediaSingle: InsertMediaAsMediaSingle;
-        /**
-         * Used to update the initial provider passed to the media plugin.
-         *
-         * For performance reasons if you attempt to set the same provider more
-         * than once this method will fail and return false.
-         *
-         * @param provider Promise<MediaProvider>
-         * @returns {boolean} if setting the provider was successful or not
-         */
-        setProvider: (provider: Promise<MediaProvider>) => boolean;
-    };
-    commands: {
-        /**
-         * Clears the AI-generating decoration for a specific media node identified by
-         * `mediaId`. Removes the AI border from that media node.
-         */
-        clearAIGenerating: (mediaId: string) => EditorCommand;
-        hideMediaViewer: EditorCommand;
-        /**
-         * Inserts a media node as a media single.
-         * This command creates a media single node from a set of attributes
-         *
-         * @param attrs - The media node attributes of the node to insert
-         * @param inputMethod - The method used to input the media
-         * @param insertMediaVia - Optional parameter indicating how the media was inserted
-         * @param positions - Optional parameter indicating the positions for the insertion
-         */
-        insertMediaSingle: (attrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia, positions?: [
-            number,
-            number
-        ], dataConsumerSource?: string) => EditorCommand;
-        /**
-         * Sets the AI-generating decoration on a media node identified by `mediaId`.
-         * Renders an AI border around the media node while AI is generating/replacing it.
-         *
-         * Decorations live in the view layer only and never affect the document model
-         * or undo/redo history.
-         */
-        setAIGenerating: (mediaId: string, source?: AIGeneratingSource) => EditorCommand;
-        showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
-        trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
-    };
-    dependencies: MediaPluginDependencies;
-    pluginConfiguration: MediaOptions | undefined;
-    sharedState: MediaPluginState | null;
-}>;
-export {};

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

@@ -1,27 +0,0 @@
-export declare class MediaNodeUpdater {
-    static instances: MediaNodeUpdater[];
-    static mockOverrides: {};
-    static mockReset(): void;
-    constructor();
-    static setMock(thisKey: string, value: any): void;
-    setProps(): void;
-    updateContextId(): Promise<void>;
-    updateNodeContextId(): Promise<void>;
-    getAttrs(): void;
-    getObjectId(): Promise<void>;
-    getNodeContextId(): void;
-    updateDimensions(): void;
-    getRemoteDimensions(): Promise<void>;
-    isNodeFromDifferentCollection(): Promise<void>;
-    hasDifferentContextId(): Promise<void>;
-    shouldNodeBeDeepCopied(): Promise<void>;
-    copyNode(): Promise<void>;
-    copyNodeFromPos(): Promise<void>;
-    updateMediaSingleFileAttrs(): Promise<void>;
-    uploadExternalMedia(): Promise<void>;
-    isMediaBlobUrl(): void;
-    copyNodeFromBlobUrl(): void;
-    updateNodeAttrs(): void;
-    handleExternalMedia(): Promise<void>;
-}
-export declare function createMediaNodeUpdater(): MediaNodeUpdater;

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

@@ -1,2 +0,0 @@
-import type { MediaAttributes } from '@atlaskit/adf-schema';
-export declare const hasPrivateAttrsChanged: (currentAttrs: MediaAttributes, newAttrs: Partial<MediaAttributes>) => boolean;

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

@@ -1,9 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginOptions } from '../types';
-export declare const lazyMediaGroupView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options: MediaPluginOptions | undefined, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => NodeViewConstructor;

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

@@ -1,9 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MediaNextEditorPluginType } from '../mediaPluginType';
-export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>, intl?: IntlShape) => NodeViewConstructor;

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

@@ -1,10 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-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, MediaPluginOptions } from '../types';
-export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
-import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { MediaOptions } from '../types';
-export declare const MediaGroupNext: React.FC<WithIntlProps<{
-    allowLazyLoading?: boolean;
-    anchorPos: number;
-    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    disabled?: boolean;
-    editorViewMode?: boolean;
-    forwardRef?: (ref: HTMLElement) => void;
-    getPos: () => number | undefined;
-    headPos: number;
-    isCopyPasteEnabled?: boolean;
-    mediaOptions: MediaOptions;
-    mediaProvider?: Promise<MediaProvider>;
-    node: PMNode;
-    view: EditorView;
-} & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<{
-        allowLazyLoading?: boolean;
-        anchorPos: number;
-        contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-        disabled?: boolean;
-        editorViewMode?: boolean;
-        forwardRef?: (ref: HTMLElement) => void;
-        getPos: () => number | undefined;
-        headPos: number;
-        isCopyPasteEnabled?: boolean;
-        mediaOptions: MediaOptions;
-        mediaProvider?: Promise<MediaProvider>;
-        node: PMNode;
-        view: EditorView;
-    } & WrappedComponentProps>;
-};

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

@@ -1,49 +0,0 @@
-import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl';
-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, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
-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 { FileIdentifier } from '@atlaskit/media-client';
-import type { MediaClientConfig } from '@atlaskit/media-core/auth';
-import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { getPosHandler, getPosHandler as ProsemirrorGetPosHandler } from '../types';
-export interface MediaInlineProps {
-    addPendingTask: (promise: Promise<any>) => void;
-    allowInlineImages?: boolean;
-    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    editorViewMode?: boolean;
-    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
-    getPos: ProsemirrorGetPosHandler;
-    handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
-    handleMediaNodeUnmount: (node: PMNode) => void;
-    identifier: FileIdentifier;
-    isSelected: boolean;
-    mediaClientConfig: MediaClientConfig;
-    mediaProvider: Promise<MediaProvider>;
-    node: PMNode;
-    selectedMediaContainerNode: () => PMNode | undefined;
-    view: EditorView;
-}
-export declare const handleNewNode: (props: MediaInlineProps) => void;
-export declare const MediaInline: (props: MediaInlineProps) => jsx.JSX.Element;
-interface MediaInlineNodeViewProps {
-    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
-    intl?: IntlShape;
-    providerFactory: ProviderFactory;
-}
-export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
-    createDomRef(): HTMLSpanElement;
-    ignoreMutation(): boolean;
-    viewShouldUpdate(nextNode: PMNode): boolean;
-    render(props: MediaInlineNodeViewProps): jsx.JSX.Element;
-}
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
-export {};

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

@@ -1,52 +0,0 @@
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type MediaTraceContext } from '@atlaskit/media-common';
-import type { getPosHandler as ProsemirrorGetPosHandler, MediaOptions, MediaPluginState, SupportedMediaAttributes } from '../types';
-type RemoteDimensions = {
-    height: number;
-    id: string;
-    width: number;
-};
-export interface MediaNodeUpdaterProps {
-    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    isMediaSingle: boolean;
-    /** Content column width in pixels, used to clamp display width on media replacement. */
-    lineLength?: number;
-    mediaOptions?: MediaOptions;
-    mediaProvider?: Promise<MediaProvider>;
-    node: PMNode;
-    view: EditorView;
-}
-export declare class MediaNodeUpdater {
-    props: MediaNodeUpdaterProps;
-    mediaPluginState: MediaPluginState | undefined;
-    constructor(props: MediaNodeUpdaterProps);
-    setProps(newComponentProps: Partial<MediaNodeUpdaterProps>): void;
-    isMediaBlobUrl(): boolean;
-    updateContextId: () => Promise<void>;
-    updateNodeContextId: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
-    private hasFileAttributesDefined;
-    private getNewFileAttrsForNode;
-    updateMediaSingleFileAttrs: () => Promise<void>;
-    updateNodeAttrs: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
-    getAttrs: () => SupportedMediaAttributes | undefined;
-    getObjectId: () => Promise<string | null>;
-    uploadExternalMedia: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
-    getNodeContextId: () => string | null;
-    updateDimensions: (dimensions: RemoteDimensions) => void;
-    getRemoteDimensions(): Promise<false | RemoteDimensions>;
-    shouldNodeBeDeepCopied: () => Promise<boolean>;
-    hasDifferentContextId: () => Promise<boolean>;
-    isNodeFromDifferentCollection: () => Promise<boolean>;
-    handleExternalMedia(getPos: ProsemirrorGetPosHandler): Promise<void>;
-    private handleCopyFileSwitcher;
-    copyNodeFromBlobUrl: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
-    copyNodeFromPos: (getPos: ProsemirrorGetPosHandler, traceContext?: MediaTraceContext) => Promise<void>;
-    copyNode: (traceContext?: MediaTraceContext) => Promise<void>;
-    private copyFile;
-}
-export declare const createMediaNodeUpdater: (props: MediaNodeUpdaterProps) => MediaNodeUpdater;
-export {};

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import type { IntlShape } from 'react-intl';
-import type { MediaADFAttrs } from '@atlaskit/adf-schema';
-import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
-import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { getPosHandler, getPosHandlerNode, MediaOptions, MediaPluginOptions } from '../../types';
-import type { MediaNodeViewProps } from '../types';
-interface MediaNodeWithPluginStateComponentProps {
-    interactionState?: SharedInteractionState['interactionState'];
-    mediaProvider?: Promise<MediaProvider>;
-}
-declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
-    private isSelected;
-    private isAIGenerating;
-    private hasBeenResized;
-    private resizeListenerBinding?;
-    getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
-    getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode): number;
-    hasPxWidthType(mediaSingleNode: PMNode): boolean;
-    hasResizedListener: () => void;
-    createDomRef(): HTMLElement;
-    viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
-    stopEvent(event: Event): boolean;
-    getAttrs(): MediaADFAttrs;
-    isMediaBlobUrl(): boolean;
-    onExternalImageLoaded: (dimensions: {
-        height: number;
-        width: number;
-    }) => void;
-    getMaxCardDimensions: () => {
-        height: string;
-        width: string;
-    };
-    getMediaProviderToUse: (mediaOptions: MediaOptions, mediaProvider?: Promise<MediaProvider>) => Promise<MediaProvider> | undefined;
-    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
-    renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => React.JSX.Element;
-    render(): React.JSX.Element;
-    destroy(): void;
-}
-export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
-export {};