@atlaskit/editor-plugin-media 0.2.0 → 0.3.0

package/dist/types/ui/PixelEntry/types.d.ts

@@ -0,0 +1,58 @@
+import type { IntlShape } from 'react-intl-next';
+export type PixelEntryProps = {
+    /**
+     * IntlShape passed in for translations
+     */
+    intl: IntlShape;
+    /**
+     * The current pixel width
+     */
+    width: number;
+    /**
+     * The original media width used to calculate the height
+     */
+    mediaWidth: number;
+    /**
+     * The original media height used to calculate the width
+     */
+    mediaHeight: number;
+    /**
+     * The minimum acceptable width input
+     */
+    minWidth: number;
+    /**
+     * The maximum acceptable width input
+     */
+    maxWidth: number;
+    /**
+     *
+     * Handler for valid input
+     */
+    onChange?: (valid: boolean) => void;
+    /**
+     * show migration button to convert to pixels for legacy image resize experience
+     */
+    showMigration?: boolean;
+    /**
+     * The submit function that is called when the form is valid and the submit key is pressed
+     */
+    onSubmit?: (value: PixelEntryFormData) => void;
+    /**
+     * An optional validate function that is called before onSubmit is called.
+     * The value passed through the validator currently comes from the width input only.
+     */
+    validate?: (value: number | '') => boolean;
+    /**
+     * Migration handler called when the CTA button is clicked
+     */
+    onMigrate?: () => void;
+};
+export type PixelEntryFormValues = {
+    inputWidth: number | '';
+    inputHeight: number | '';
+};
+export type PixelEntryValidation = 'valid' | 'greater-than-max' | 'less-than-min';
+export type PixelEntryFormData = {
+    width: number;
+    validation: PixelEntryValidation;
+};

package/dist/types/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.d.ts

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const ResizableMediaMigrationNotification: () => jsx.JSX.Element;

package/dist/types/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -0,0 +1,59 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { GuidelineConfig, GuidelineSnapsReference, RelativeGuides } from '@atlaskit/editor-common/guideline';
+import type { Dimensions, HandleResize, HandleResizeStart, Position, Snap } from '@atlaskit/editor-common/resizer';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { Props } from './types';
+type State = {
+    isVideoFile: boolean;
+    isResizing: boolean;
+    size: Dimensions;
+    snaps: Snap;
+    relativeGuides: RelativeGuides;
+    guidelines: GuidelineConfig[];
+};
+export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+type ResizableMediaSingleNextProps = Props & {
+    showLegacyNotification?: boolean;
+};
+declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
+    private lastSnappedGuidelineKeys;
+    constructor(props: ResizableMediaSingleNextProps);
+    componentDidUpdate(prevProps: Props): boolean;
+    componentDidMount(): Promise<void>;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    get wrappedLayout(): boolean;
+    get pos(): number | null;
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
+    get aspectRatio(): number;
+    get insideInlineLike(): boolean;
+    get insideLayout(): boolean;
+    get isGuidelineEnabled(): boolean;
+    isNestedNode(): boolean;
+    private getDefaultGuidelines;
+    private updateGuidelines;
+    checkVideoFile(viewMediaClientConfig?: MediaClientConfig): Promise<void>;
+    calcNewLayout: (newWidth: number, stop: boolean) => MediaSingleLayout;
+    calcUnwrappedLayout: (width: number, containerWidth: number, contentWidth: number, fullWidthMode?: boolean, isNestedNode?: boolean) => 'center' | 'wide' | 'full-width';
+    calcPxHeight: (newWidth: number) => number;
+    private displayGuideline;
+    private setIsResizing;
+    private updateSizeInPluginState;
+    private calcMaxWidth;
+    private calcMinWidth;
+    private getRelativeGuides;
+    updateActiveGuidelines: (width: number | undefined, guidelines: GuidelineConfig[], guidelineSnapsReference: GuidelineSnapsReference) => void;
+    calculateSizeState: (size: Position & Dimensions, delta: Dimensions, onResizeStop?: boolean) => {
+        width: number;
+        height: number;
+        layout: MediaSingleLayout;
+    };
+    selectCurrentMediaNode: () => void;
+    handleResizeStart: HandleResizeStart;
+    handleResize: HandleResize;
+    handleResizeStop: HandleResize;
+    render(): jsx.JSX.Element;
+}
+export default ResizableMediaSingleNext;

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

@@ -0,0 +1,45 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { Props } from './types';
+type State = {
+    offsetLeft: number;
+    isVideoFile: boolean;
+    resizedPctWidth?: number;
+};
+export default class ResizableMediaSingle extends React.Component<Props, State> {
+    state: State;
+    componentDidUpdate(prevProps: Props): boolean;
+    private displayGrid;
+    get wrappedLayout(): boolean;
+    isNestedInTable(): boolean;
+    componentDidMount(): Promise<void>;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    checkVideoFile(viewMediaClientConfig?: MediaClientConfig): Promise<void>;
+    /**
+     * When returning to center layout from a wrapped/aligned layout, it might actually
+     * be wide or full-width
+     */
+    checkLayout(oldLayout: MediaSingleLayout, newLayout: MediaSingleLayout): void;
+    calcNewSize: (newWidth: number, stop: boolean) => {
+        width: number | null;
+        layout: MediaSingleLayout;
+    };
+    calcUnwrappedLayout: (pct: number, width: number) => 'center' | 'wide' | 'full-width';
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
+    /**
+     * The maxmimum number of grid columns this node can resize to.
+     */
+    get gridWidth(): number;
+    calcColumnLeftOffset: () => number;
+    wrapper?: HTMLElement;
+    calcPxWidth: (useLayout?: MediaSingleLayout) => number;
+    get insideInlineLike(): boolean;
+    get insideLayout(): boolean;
+    highlights: (newWidth: number, snapPoints: number[]) => string[] | number[];
+    private saveWrapper;
+    render(): jsx.JSX.Element;
+}
+export {};

package/dist/types/ui/ResizableMediaSingle/styled.d.ts

@@ -0,0 +1,2 @@
+import type { MediaSingleDimensionHelperProps } from '@atlaskit/editor-common/ui';
+export declare const wrapperStyle: (props: MediaSingleDimensionHelperProps) => import("@emotion/react").SerializedStyles;

package/dist/types/ui/ResizableMediaSingle/styles.d.ts

@@ -0,0 +1 @@
+export declare const resizableMediaMigrationNotificationStyle: import("@emotion/react").SerializedStyles;

package/dist/types/ui/ResizableMediaSingle/types.d.ts

@@ -0,0 +1,27 @@
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaSingleProps } from '@atlaskit/editor-common/ui';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaNextEditorPluginType } from '../../next-plugin-type';
+import type { getPosHandler } from '../../types';
+export type EnabledHandles = {
+    left?: boolean;
+    right?: boolean;
+};
+export type Props = MediaSingleProps & {
+    updateSize: (width: number | null, layout: MediaSingleLayout) => void;
+    getPos: getPosHandler;
+    view: EditorView;
+    lineLength: number;
+    gridSize: number;
+    containerWidth: number;
+    allowBreakoutSnapPoints?: boolean;
+    selected: boolean;
+    viewMediaClientConfig?: MediaClientConfig;
+    fullWidthMode?: boolean;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    mediaSingleWidth?: number;
+    pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaNextEditorPluginType } from '../../next-plugin-type';
+export interface Props {
+    isDisabled?: boolean;
+    isReducedSpacing?: boolean;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/ui/ToolbarMedia/toolbar-media-messages.d.ts

@@ -0,0 +1,7 @@
+export declare const toolbarMediaMessages: {
+    toolbarMediaTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/ui/media-linking-toolbar-messages.d.ts

@@ -0,0 +1,7 @@
+export declare const mediaLinkToolbarMessages: {
+    backLink: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/utils/analytics.d.ts

@@ -0,0 +1,3 @@
+import type { MediaEventPayload, MediaInputResizeTrackAction, MediaResizeTrackAction } from '@atlaskit/editor-common/analytics';
+export declare const getMediaResizeAnalyticsEvent: <T extends MediaResizeTrackAction>(type: string, attributes: T["attributes"]) => MediaEventPayload | void;
+export declare const getMediaInputResizeAnalyticsEvent: <T extends MediaInputResizeTrackAction>(type: string, attributes: T["attributes"]) => MediaEventPayload | void;

package/dist/types/utils/check-media-type.d.ts

@@ -0,0 +1,4 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { MediaType } from '@atlaskit/media-client';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+export declare const checkMediaType: (mediaNode: PMNode, mediaClientConfig: MediaClientConfig) => Promise<MediaType | 'external' | undefined>;

package/dist/types/utils/current-media-node.d.ts

@@ -0,0 +1,9 @@
+import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const currentMediaNodeWithPos: (editorState: EditorState) => {
+    node: PMNode;
+    pos: number;
+} | undefined;
+export declare const currentMediaNode: (editorState: EditorState) => PMNode | undefined;
+export declare const currentMediaNodeBorderMark: (editorState: EditorState) => BorderMarkAttributes | undefined;

package/dist/types/utils/is-image.d.ts

@@ -0,0 +1 @@
+export declare const isImage: (fileType?: string) => boolean;

package/dist/types/utils/media-common.d.ts

@@ -0,0 +1,20 @@
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MediaState, getPosHandler as ProsemirrorGetPosHandler } from '../types';
+export declare const isMediaBlobUrlFromAttrs: (attrs: MediaADFAttrs) => boolean;
+export declare const posOfMediaGroupNearby: (state: EditorState) => number | undefined;
+export declare const isSelectionNonMediaBlockNode: (state: EditorState) => boolean;
+export declare const isSelectionMediaSingleNode: (state: EditorState) => boolean;
+export declare const posOfPrecedingMediaGroup: (state: EditorState) => number | undefined;
+/**
+ * Determine whether the cursor is inside empty paragraph
+ * or the selection is the entire paragraph
+ */
+export declare const isInsidePotentialEmptyParagraph: (state: EditorState) => boolean;
+export declare const posOfParentMediaGroup: (state: EditorState, $pos?: ResolvedPos, prepend?: boolean) => number | undefined;
+export declare const removeMediaNode: (view: EditorView, node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
+export declare const splitMediaGroup: (view: EditorView) => boolean;
+export declare const copyOptionalAttrsFromMediaState: (mediaState: MediaState, node: PMNode) => void;
+export declare const getMediaNodeFromSelection: (state: EditorState) => PMNode | null;

package/dist/types/utils/media-files.d.ts

@@ -0,0 +1,30 @@
+import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MediaState } from '../types';
+export interface Range {
+    start: number;
+    end: number;
+}
+export declare const canInsertMediaInline: (state: EditorState) => boolean;
+/**
+ * Create a new media inline to insert the new media.
+ * @param view Editor view
+ * @param mediaState Media file to be added to the editor
+ * @param collection Collection for the media to be added
+ */
+export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: InputMethodInsertMedia) => boolean;
+/**
+ * Insert a media into an existing media group
+ * or create a new media group to insert the new media.
+ * @param view Editor view
+ * @param mediaStates Media files to be added to the editor
+ * @param collection Collection for the media to be added
+ */
+export declare const insertMediaGroupNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia) => void;
+/**
+ * Return position of media to be inserted, if it is inside a list
+ * @param content Content to be inserted
+ * @param state Editor State
+ */
+export declare const getPosInList: (state: EditorState) => number | undefined;

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

@@ -0,0 +1,20 @@
+import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
+import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
+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 interface MediaSingleState extends MediaState {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    scaleFactor?: number;
+    contextId?: string;
+}
+export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
+export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia) => boolean;
+export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => boolean;
+export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, newInsertionBehaviour?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => boolean;
+export declare const createMediaSingleNode: (schema: Schema, collection: string, maxWidth?: number, minWidth?: number, alignLeftOnInsert?: boolean) => (mediaState: MediaSingleState) => PMNode;
+export declare function isCaptionNode(editorView: EditorView): boolean;
+export declare const isVideo: (fileType?: string) => boolean;

package/dist/types-ts4.5/commands/captions.d.ts

@@ -0,0 +1,5 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+export declare const selectCaptionFromMediaSinglePos: (mediaSingleNodePos: number, mediaSingleNode: PMNode) => Command;
+export declare const insertAndSelectCaptionFromMediaSinglePos: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (mediaSingleNodePos: number | undefined, mediaSingleNode: PMNode) => Command;

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

@@ -0,0 +1,15 @@
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { MediaNodeWithPosHandler, MediaPluginState } from '../pm-plugins/types';
+/**
+ * Note that Media Inline is inserted like a media single node into the media plugin state.
+ * Though it is not of type mediaSingle, it shares the same `findMediaSingleNode` method
+ *
+ */
+export declare const findMediaSingleNode: (mediaPluginState: MediaPluginState, id: string) => MediaNodeWithPosHandler | null;
+export declare const findAllMediaSingleNodes: (mediaPluginState: MediaPluginState, id: string) => MediaNodeWithPosHandler[];
+export declare const isMediaNode: (pos: number, state: EditorState) => boolean | null;
+export declare const updateAllMediaSingleNodesAttrs: (id: string, attrs: object) => Command;
+export declare const updateCurrentMediaNodeAttrs: (attrs: object, mediaNode: MediaNodeWithPosHandler) => Command;
+export declare const updateMediaSingleNodeAttrs: (id: string, attrs: object) => Command;
+export declare const replaceExternalMedia: (pos: number, attrs: object) => Command;

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

@@ -0,0 +1 @@
+export { updateMediaSingleNodeAttrs, updateAllMediaSingleNodesAttrs, replaceExternalMedia, } from './helpers';

package/dist/types-ts4.5/commands/linking.d.ts

@@ -0,0 +1,9 @@
+import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { Command, CommandDispatch } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const showLinkingToolbar: Command;
+export declare const showLinkingToolbarWithMediaTypeCheck: Command;
+export declare const hideLinkingToolbar: (state: EditorState, dispatch?: CommandDispatch, view?: EditorView, focusFloatingToolbar?: boolean) => void;
+export declare const unlink: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;

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

@@ -1 +1,2 @@
-export {};
+export type { MediaNextEditorPluginType as MediaPlugin } from './next-plugin-type';
+export { mediaPlugin } from './plugin';

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

@@ -0,0 +1,17 @@
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ErrorReporter } from '@atlaskit/editor-common/utils';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { CustomMediaPicker, getPosHandler, MediaState } from './types';
+export type MediaPluginOptions = {
+    providerFactory: ProviderFactory;
+    nodeViews: {
+        [name: string]: (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+    };
+    errorReporter?: ErrorReporter;
+    uploadErrorHandler?: (state: MediaState) => void;
+    waitForMediaUpload?: boolean;
+    customDropzoneContainer?: HTMLElement;
+    customMediaPicker?: CustomMediaPicker;
+    allowResizing: boolean;
+};

package/dist/types-ts4.5/next-plugin-type.d.ts

@@ -0,0 +1,31 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+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 { WidthPlugin } from '@atlaskit/editor-plugin-width';
+import type { MediaPluginState } from './pm-plugins/types';
+import type { MediaOptions } from './types';
+import type { InsertMediaAsMediaSingle } from './utils/media-single';
+export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
+    pluginConfiguration: MediaOptions | undefined;
+    dependencies: [
+        FeatureFlagsPlugin,
+        OptionalPlugin<AnalyticsPlugin>,
+        GuidelinePlugin,
+        GridPlugin,
+        WidthPlugin,
+        DecorationsPlugin,
+        FloatingToolbarPlugin,
+        EditorDisabledPlugin,
+        FocusPlugin
+    ];
+    sharedState: MediaPluginState | null;
+    actions: {
+        insertMediaAsMediaSingle: InsertMediaAsMediaSingle;
+    };
+}>;

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

@@ -0,0 +1,24 @@
+export declare class MediaNodeUpdater {
+    static instances: MediaNodeUpdater[];
+    static mockOverrides: {};
+    static mockReset(): void;
+    constructor();
+    static setMock(thisKey: string, value: any): 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>;
+    copyNode(): Promise<void>;
+    copyNodeFromPos(): Promise<void>;
+    updateMediaSingleFileAttrs(): Promise<void>;
+    uploadExternalMedia(): Promise<void>;
+    isMediaBlobUrl(): void;
+    copyNodeFromBlobUrl(): void;
+    updateNodeAttrs(): void;
+    handleExternalMedia(): Promise<void>;
+}

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

@@ -0,0 +1,33 @@
+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-provider';
+import type { ContextIdentifierProvider, MediaProvider, 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 { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
+import type { getPosHandler, MediaOptions } from '../types';
+export type MediaGroupProps = {
+    forwardRef?: (ref: HTMLElement) => void;
+    node: PMNode;
+    view: EditorView;
+    getPos: () => number | undefined;
+    disabled?: boolean;
+    allowLazyLoading?: boolean;
+    mediaProvider: Promise<MediaProvider>;
+    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
+    isCopyPasteEnabled?: boolean;
+    anchorPos: number;
+    headPos: number;
+    mediaOptions: MediaOptions;
+} & WrappedComponentProps;
+export interface MediaGroupState {
+    viewMediaClientConfig?: MediaClientConfig;
+}
+declare const IntlMediaGroup: React.FC<import("react-intl-next").WithIntlProps<MediaGroupProps>> & {
+    WrappedComponent: React.ComponentType<MediaGroupProps>;
+};
+export default IntlMediaGroup;
+export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -0,0 +1,50 @@
+import React from 'react';
+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-provider';
+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 { MediaNextEditorPluginType } from '../next-plugin-type';
+import type { MediaPluginState } from '../pm-plugins/types';
+import type { getPosHandler, getPosHandler as ProsemirrorGetPosHandler } from '../types';
+import { MediaNodeUpdater } from './mediaNodeUpdater';
+export interface MediaInlineProps {
+    mediaProvider: Promise<MediaProvider>;
+    identifier: FileIdentifier;
+    node: PMNode;
+    isSelected: boolean;
+    view: EditorView;
+    getPos: ProsemirrorGetPosHandler;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
+    mediaPluginState: MediaPluginState;
+}
+export declare const createMediaNodeUpdater: (props: MediaInlineProps) => MediaNodeUpdater;
+/**
+ * Handles updating the media inline node attributes
+ * but also handling copy-paste for cross-editor of the same instance
+ * using the contextid
+ *
+ */
+export declare const updateMediaNodeAttributes: (props: MediaInlineProps, mediaNodeUpdater: MediaNodeUpdater) => Promise<void>;
+export declare const handleNewNode: (props: MediaInlineProps) => void;
+export declare const MediaInline: React.FC<MediaInlineProps>;
+export interface MediaInlineNodeViewProps {
+    providerFactory: ProviderFactory;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+}
+export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
+    createDomRef(): HTMLSpanElement;
+    getContentDOM(): {
+        dom: HTMLSpanElement;
+    };
+    ignoreMutation(): boolean;
+    viewShouldUpdate(nextNode: PMNode): boolean;
+    render(props: MediaInlineNodeViewProps): JSX.Element;
+}
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -0,0 +1,45 @@
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+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 { MediaOptions, getPosHandler as ProsemirrorGetPosHandler } from '../types';
+export type RemoteDimensions = {
+    id: string;
+    height: number;
+    width: number;
+};
+export interface MediaNodeUpdaterProps {
+    view: EditorView;
+    node: PMNode;
+    mediaProvider?: Promise<MediaProvider>;
+    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
+    isMediaSingle: boolean;
+    mediaOptions?: MediaOptions;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+}
+export declare class MediaNodeUpdater {
+    props: MediaNodeUpdaterProps;
+    constructor(props: MediaNodeUpdaterProps);
+    isMediaBlobUrl(): boolean;
+    updateContextId: () => Promise<void>;
+    updateNodeContextId: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
+    private hasFileAttributesDefined;
+    private getNewFileAttrsForNode;
+    updateMediaSingleFileAttrs: () => Promise<void>;
+    updateNodeAttrs: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
+    getAttrs: () => MediaADFAttrs | undefined;
+    getObjectId: () => Promise<string | null>;
+    uploadExternalMedia: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
+    getNodeContextId: () => string | null;
+    updateDimensions: (dimensions: RemoteDimensions) => void;
+    getRemoteDimensions(): Promise<false | RemoteDimensions>;
+    hasDifferentContextId: () => Promise<boolean>;
+    isNodeFromDifferentCollection: () => Promise<boolean>;
+    handleExternalMedia(getPos: ProsemirrorGetPosHandler): Promise<void>;
+    copyNodeFromBlobUrl: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
+    copyNodeFromPos: (getPos: ProsemirrorGetPosHandler, traceContext?: MediaTraceContext) => Promise<void>;
+    copyNode: (traceContext?: MediaTraceContext) => Promise<void>;
+    private copyFile;
+}

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+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 { WidthPluginState } from '@atlaskit/editor-plugin-width';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MediaNextEditorPluginType } from '../../next-plugin-type';
+import type { getPosHandler, MediaOptions } from '../../types';
+import type { MediaNodeViewProps } from '../types';
+declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
+    private isSelected;
+    createDomRef(): HTMLElement;
+    viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
+    stopEvent(event: Event): boolean;
+    getAttrs(): MediaADFAttrs;
+    isMediaBlobUrl(): boolean;
+    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth }: {
+        width?: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+    }) => JSX.Element;
+    renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider, }: Providers) => JSX.Element;
+    render(): JSX.Element;
+}
+export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
+export {};