@atlaskit/editor-plugin-media 0.2.0 → 0.3.1

package/dist/types/pm-plugins/linking/keymap.d.ts

@@ -0,0 +1,3 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+export default function keymapPlugin(schema: Schema): SafePlugin;

package/dist/types/pm-plugins/linking/reducer.d.ts

@@ -0,0 +1,4 @@
+import type { MediaLinkingActions } from './actions';
+import type { MediaLinkingState } from './types';
+declare const _default: (state: MediaLinkingState, action: MediaLinkingActions) => MediaLinkingState;
+export default _default;

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

@@ -0,0 +1,12 @@
+export type InitialState = {
+    visible: false;
+    editable: false;
+    link: '';
+    mediaPos: null;
+};
+export type MediaLinkingState = {
+    mediaPos: number | null;
+    link: string;
+    editable: boolean;
+    visible: boolean;
+};

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

@@ -0,0 +1,120 @@
+import type { IntlShape } from 'react-intl-next';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaPluginOptions } from '../media-plugin-options';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
+import type { MediaStateEventSubscriber } from '../picker-facade';
+import PickerFacade from '../picker-facade';
+import type { MediaOptions, MediaState, MediaStateStatus, getPosHandlerNode as ProsemirrorGetPosHandler } from '../types';
+import type { MediaNodeWithPosHandler, MediaPluginState } from './types';
+export type { MediaState, MediaProvider, MediaStateStatus };
+export { stateKey } from './plugin-key';
+export declare const MEDIA_CONTENT_WRAP_CLASS_NAME = "media-content-wrap";
+export declare const MEDIA_PLUGIN_IS_RESIZING_KEY = "mediaSinglePlugin.isResizing";
+export declare const MEDIA_PLUGIN_RESIZING_WIDTH_KEY = "mediaSinglePlugin.resizing-width";
+export declare class MediaPluginStateImplementation implements MediaPluginState {
+    allowsUploads: boolean;
+    mediaClientConfig?: MediaClientConfig;
+    uploadMediaClientConfig?: MediaClientConfig;
+    ignoreLinks: boolean;
+    waitForMediaUpload: boolean;
+    allUploadsFinished: boolean;
+    showDropzone: boolean;
+    isFullscreen: boolean;
+    element?: HTMLElement;
+    layout: MediaSingleLayout;
+    mediaNodes: MediaNodeWithPosHandler[];
+    options: MediaPluginOptions;
+    mediaProvider?: MediaProvider;
+    newInsertionBehaviour?: boolean;
+    isResizing: boolean;
+    resizingWidth: number;
+    currentMaxWidth?: number;
+    private view;
+    private destroyed;
+    private contextIdentifierProvider?;
+    private errorReporter;
+    private customPicker?;
+    private removeOnCloseListener;
+    private openMediaPickerBrowser?;
+    private onPopupToggleCallback;
+    private nodeCount;
+    private taskManager;
+    pickers: PickerFacade[];
+    pickerPromises: Array<Promise<PickerFacade>>;
+    editingMediaSinglePos?: number;
+    showEditingDialog?: boolean;
+    mediaOptions?: MediaOptions;
+    dispatch?: Dispatch;
+    pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+    singletonCreatedAt: number;
+    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions: MediaOptions | undefined, newInsertionBehaviour: boolean | undefined, dispatch: Dispatch | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined);
+    clone(): this;
+    onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
+    setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
+    getMediaOptions: () => MediaPluginOptions;
+    setIsResizing(isResizing: boolean): void;
+    setResizingWidth(width: number): void;
+    updateElement(): void;
+    private isMediaSchemaNode;
+    private getDomElement;
+    /**
+     * we insert a new file by inserting a initial state for that file.
+     *
+     * called when we insert a new file via the picker (connected via pickerfacade)
+     */
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
+    addPendingTask: (task: Promise<any>) => void;
+    splitMediaGroup: () => boolean;
+    onPopupPickerClose: () => void;
+    showMediaPicker: () => void;
+    setBrowseFn: (browseFn: () => void) => void;
+    onPopupToggle: (onPopupToggleCallback: (isOpen: boolean) => void) => void;
+    /**
+     * Returns a promise that is resolved after all pending operations have been finished.
+     * An optional timeout will cause the promise to reject if the operation takes too long
+     *
+     * NOTE: The promise will resolve even if some of the media have failed to process.
+     */
+    waitForPendingTasks: (timeout?: number | undefined, lastTask?: Promise<MediaState | null> | undefined) => Promise<MediaState | null>;
+    setView(view: EditorView): void;
+    /**
+     * Called from React UI Component when user clicks on "Delete" icon
+     * inside of it
+     */
+    handleMediaNodeRemoval: (node: PMNode | undefined, getPos: ProsemirrorGetPosHandler) => void;
+    trackMediaNodeAddition: (node: PMNode) => void;
+    trackMediaNodeRemoval: (node: PMNode) => void;
+    /**
+     * Called from React UI Component on componentDidMount
+     */
+    handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
+    /**
+     * Called from React UI Component on componentWillUnmount and UNSAFE_componentWillReceiveProps
+     * when React component's underlying node property is replaced with a new node
+     */
+    handleMediaNodeUnmount: (oldNode: PMNode) => void;
+    handleMediaGroupUpdate: (oldNodes: PMNode[], newNodes: PMNode[]) => void;
+    destroy(): void;
+    findMediaNode: (id: string) => MediaNodeWithPosHandler | null;
+    private destroyAllPickers;
+    private destroyPickers;
+    private initPickers;
+    private getInputMethod;
+    updateMediaSingleNodeAttrs: (id: string, attrs: object) => boolean | undefined;
+    private collectionFromProvider;
+    private handleMediaState;
+    removeSelectedMediaContainer: () => boolean;
+    selectedMediaContainerNode: () => PMNode | undefined;
+    handleDrag: (dragState: 'enter' | 'leave') => void;
+    updateAndDispatch(props: Partial<Pick<this, 'allowsUploads' | 'allUploadsFinished' | 'isFullscreen'>>): void;
+}
+export declare const getMediaPluginState: (state: EditorState) => MediaPluginState;
+export declare const createPlugin: (_schema: Schema, options: MediaPluginOptions, reactContext: () => {}, getIntl: () => IntlShape, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatch?: Dispatch, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean) => SafePlugin<MediaPluginState>;

package/dist/types/pm-plugins/media-editor-plugin-factory.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { MediaEditorState } from '../types';
+export declare const pluginKey: PluginKey<MediaEditorState>;

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

@@ -0,0 +1,9 @@
+import type { MediaState } from '../types';
+export declare class MediaTaskManager {
+    private pendingTask;
+    private taskMap;
+    cancelPendingTask: (id: string) => void;
+    waitForPendingTasks: (timeout?: number, lastTask?: Promise<MediaState | null>) => Promise<MediaState | null>;
+    resumePendingTask: (id: string) => void;
+    addPendingTask: (task: Promise<any>, id?: string) => Promise<MediaState | null>;
+}

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { MediaPluginState } from './types';
+export declare const stateKey: PluginKey<MediaPluginState>;

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

@@ -0,0 +1,65 @@
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+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 { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaPluginOptions } from '../media-plugin-options';
+import type { MediaStateEventSubscriber } from '../picker-facade';
+import type PickerFacade from '../picker-facade';
+import type { MediaOptions, MediaState, ProsemirrorGetPosHandler } from '../types';
+export interface MediaNodeWithPosHandler {
+    node: PMNode;
+    getPos: ProsemirrorGetPosHandler;
+}
+export interface MediaPluginState {
+    allowsUploads: boolean;
+    mediaClientConfig?: MediaClientConfig;
+    uploadMediaClientConfig?: MediaClientConfig;
+    ignoreLinks: boolean;
+    waitForMediaUpload: boolean;
+    allUploadsFinished: boolean;
+    showDropzone: boolean;
+    isFullscreen: boolean;
+    element?: HTMLElement;
+    layout: MediaSingleLayout;
+    mediaNodes: MediaNodeWithPosHandler[];
+    options: MediaPluginOptions;
+    mediaProvider?: MediaProvider;
+    pickers: PickerFacade[];
+    pickerPromises: Array<Promise<PickerFacade>>;
+    editingMediaSinglePos?: number;
+    showEditingDialog?: boolean;
+    mediaOptions?: MediaOptions;
+    isResizing: boolean;
+    resizingWidth: number;
+    currentMaxWidth?: number;
+    dispatch?: Dispatch;
+    onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
+    setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
+    getMediaOptions: () => MediaPluginOptions;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
+    addPendingTask: (promise: Promise<any>) => void;
+    splitMediaGroup: () => boolean;
+    onPopupPickerClose: () => void;
+    showMediaPicker: () => void;
+    setBrowseFn: (browseFn: () => void) => void;
+    onPopupToggle: (onPopupToogleCallback: (isOpen: boolean) => void) => void;
+    waitForPendingTasks: (timeout?: number, lastTask?: Promise<MediaState | null>) => Promise<MediaState | null>;
+    handleMediaNodeRemoval: (node: PMNode | undefined, getPos: ProsemirrorGetPosHandler) => void;
+    handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
+    handleMediaNodeUnmount: (oldNode: PMNode) => void;
+    handleMediaGroupUpdate: (oldNodes: PMNode[], newNodes: PMNode[]) => void;
+    findMediaNode: (id: string) => MediaNodeWithPosHandler | null;
+    updateMediaSingleNodeAttrs: (id: string, attrs: object) => undefined | boolean;
+    removeSelectedMediaContainer: () => boolean;
+    selectedMediaContainerNode: () => PMNode | undefined;
+    handleDrag: (dragState: 'enter' | 'leave') => void;
+    updateElement(): void;
+    setIsResizing(isResizing: boolean): void;
+    setResizingWidth(width: number): void;
+    setView(view: EditorView): void;
+    destroy(): void;
+    updateAndDispatch(props: Partial<Pick<this, 'allowsUploads' | 'allUploadsFinished' | 'isFullscreen'>>): void;
+    clone(): MediaPluginState;
+}

package/dist/types/toolbar/alt-text.d.ts

@@ -0,0 +1,13 @@
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command, FloatingToolbarButton, FloatingToolbarConfig, FloatingToolbarCustom } from '@atlaskit/editor-common/types';
+import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { MediaToolbarBaseConfig } from '../types';
+export declare const altTextButton: (intl: IntlShape, state: EditorState, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => FloatingToolbarButton<Command>;
+export declare const altTextEditComponent: (options?: AltTextToolbarOptions) => FloatingToolbarCustom<Command>;
+export interface AltTextToolbarOptions {
+    altTextValidator?: (value: string) => string[];
+    forceFocusSelector?: ForceFocusSelector;
+}
+export declare const getAltTextToolbar: (toolbarBaseConfig: MediaToolbarBaseConfig, options?: AltTextToolbarOptions) => FloatingToolbarConfig;

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

@@ -0,0 +1,12 @@
+import type { BorderMarkAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { PixelEntryValidation } from '../ui/PixelEntry/types';
+export declare const DEFAULT_BORDER_COLOR = "#091e4224";
+export declare const DEFAULT_BORDER_SIZE = 2;
+export declare const changeInlineToMediaCard: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const changeMediaCardToInline: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => 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;
+export declare const updateMediaSingleWidth: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (width: number, validation: PixelEntryValidation, layout: RichMediaLayout) => Command;

package/dist/types/toolbar/filePreviewItem.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { IntlShape } from 'react-intl-next';
+import type { MediaPluginState } from '../pm-plugins/types';
+interface FilePreviewProps {
+    mediaPluginState: MediaPluginState;
+    intl: IntlShape;
+}
+export declare const FilePreviewItem: FC<FilePreviewProps>;
+export {};

package/dist/types/toolbar/imageBorder.d.ts

@@ -0,0 +1,2 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare function shouldShowImageBorder(editorState: EditorState): boolean;

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

@@ -0,0 +1,6 @@
+import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
+import type { MediaFloatingToolbarOptions } from '../types';
+export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options: MediaFloatingToolbarOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => FloatingToolbarConfig | undefined;

package/dist/types/toolbar/linking-toolbar-appearance.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import React from 'react';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { MediaLinkingState } from '../pm-plugins/linking';
+export interface LinkingToolbarProps {
+    editorState: EditorState;
+    intl: IntlShape;
+    mediaLinkingState: MediaLinkingState;
+    onAddLink: React.MouseEventHandler;
+    onEditLink: React.MouseEventHandler;
+    onOpenLink: React.MouseEventHandler;
+}
+export declare const LinkToolbarAppearance: React.FC<LinkingToolbarProps>;

package/dist/types/toolbar/linking.d.ts

@@ -0,0 +1,10 @@
+import type { IntlShape } from 'react-intl-next';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
+import type { MediaLinkingState } from '../pm-plugins/linking';
+import type { MediaToolbarBaseConfig } from '../types';
+export declare function shouldShowMediaLinkToolbar(editorState: EditorState): boolean;
+export declare const getLinkingToolbar: (toolbarBaseConfig: MediaToolbarBaseConfig, mediaLinkingState: MediaLinkingState, state: EditorState, intl: IntlShape, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, providerFactory?: ProviderFactory) => FloatingToolbarConfig | undefined;

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

@@ -0,0 +1,11 @@
+import type { MediaBaseAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MediaPluginState } from '../pm-plugins/types';
+export declare const getSelectedMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
+export declare const downloadMedia: (mediaPluginState: MediaPluginState) => Promise<boolean>;
+export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
+export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
+export declare const getPixelWidthOfElement: (editorView: EditorView, pos: number, mediaWidth: number) => number;
+export declare const calcNewLayout: (width: number, layout: RichMediaLayout, contentWidth: number, fullWidthMode?: boolean) => RichMediaLayout;
+export declare const getMaxToolbarWidth: () => number;

package/dist/types/types.d.ts

@@ -115,4 +115,5 @@ export interface ReactNodeProps {
     selected: boolean;
 }
 export type ForwardRef = (node: HTMLElement | null) => void;
-export {};
+export type { InsertMediaAsMediaSingle } from './utils/media-single';
+export type { MediaPluginState } from './pm-plugins/types';

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

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<{
+    onClick: () => void;
+} & React.RefAttributes<HTMLSpanElement>>;
+export default _default;

package/dist/types/ui/CaptionPlaceholder/messages.d.ts

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

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

@@ -0,0 +1,11 @@
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
+export interface ImageBorderProps {
+    intl: IntlShape;
+    toggleBorder: () => void;
+    borderMark?: BorderMarkAttributes;
+    setBorder: (attrs: Partial<BorderMarkAttributes>) => void;
+}
+declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
+export default ImageBorder;

package/dist/types/ui/ImageBorder/messages.d.ts

@@ -0,0 +1,42 @@
+export declare const messages: {
+    borderColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    borderSize: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addBorder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeBorder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    borderOptions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    borderSizeSubtle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    borderSizeMedium: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    borderSizeBold: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,15 @@
+export declare const menuItemDimensions: {
+    width: number;
+    height: number;
+};
+export declare const itemSpacing: number;
+export declare const contextualMenuArrow: import("@emotion/react").SerializedStyles;
+export declare const contextualMenuColorIcon: (color?: string) => import("@emotion/react").SerializedStyles;
+export declare const contextualSubMenu: (index: number) => import("@emotion/react").SerializedStyles;
+export declare const buttonStyle: (selected: boolean) => import("@emotion/react").SerializedStyles;
+export declare const buttonWrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const line: (size: number, selected: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toolbarButtonWrapper: ({ enabled, isOpen, }: {
+    enabled: boolean;
+    isOpen: boolean;
+}) => import("@emotion/react").SerializedStyles;

package/dist/types/ui/Media/DropPlaceholder.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export type PlaceholderType = 'single' | 'group';
+export interface Props {
+    type: PlaceholderType;
+}
+declare const _default: ({ type }: Props) => jsx.JSX.Element;
+export default _default;

package/dist/types/ui/Media/drop-placeholder-messages.d.ts

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

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

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { RecentSearchInputTypes } from '@atlaskit/editor-common/link';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+export type Props = {
+    intl: IntlShape;
+    providerFactory: ProviderFactory;
+    editing: boolean;
+    onBack: (url: string, meta: {
+        inputMethod?: RecentSearchInputTypes;
+    }) => void;
+    onUnlink: () => void;
+    onCancel: () => void;
+    onBlur: (href: string) => void;
+    onSubmit: (href: string, meta: {
+        inputMethod: RecentSearchInputTypes;
+    }) => void;
+    displayUrl?: string;
+};
+export declare class LinkAddToolbar extends React.PureComponent<Props & WrappedComponentProps> {
+    state: {
+        validationErrors: never[];
+    };
+    private handleSubmit;
+    private handleOnBack;
+    private handleCancel;
+    private handleUnlink;
+    private handleOnBlur;
+    private getValidationErrors;
+    private renderContainer;
+    render(): jsx.JSX.Element;
+}
+export default LinkAddToolbar;

package/dist/types/ui/MediaPicker/BrowserWrapper.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaPluginState } from '../../pm-plugins/types';
+type Props = {
+    mediaState: MediaPluginState;
+    isOpen?: boolean;
+    onBrowseFn: (browse: () => void) => void;
+    featureFlags?: MediaFeatureFlags;
+};
+export declare const BrowserWrapper: ({ mediaState, isOpen, onBrowseFn, featureFlags, }: Props) => JSX.Element;
+export {};

package/dist/types/ui/MediaPicker/ClipboardWrapper.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaPluginState } from '../../pm-plugins/types';
+type Props = {
+    mediaState: MediaPluginState;
+    featureFlags?: MediaFeatureFlags;
+    container?: HTMLElement;
+};
+export declare const ClipboardWrapper: ({ mediaState, featureFlags, container, }: Props) => JSX.Element;
+export {};

package/dist/types/ui/MediaPicker/DropzoneWrapper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaPluginState } from '../../pm-plugins/types';
+type Props = {
+    mediaState: MediaPluginState;
+    isActive: boolean;
+    featureFlags?: MediaFeatureFlags;
+    editorDomElement: Element;
+    appearance: EditorAppearance;
+};
+export declare const DropzoneWrapper: ({ mediaState, isActive, featureFlags, editorDomElement, appearance, }: Props) => JSX.Element;
+export {};

package/dist/types/ui/MediaPicker/PickerFacadeProvider.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { BrowserConfig, ClipboardConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
+import PickerFacade from '../../picker-facade';
+import type { MediaPluginState } from '../../pm-plugins/types';
+export interface ChildrenProps {
+    config: ClipboardConfig | BrowserConfig | DropzoneConfig;
+    mediaClientConfig: MediaClientConfig;
+    pickerFacadeInstance: PickerFacade;
+}
+export type Props = {
+    mediaState: MediaPluginState;
+    analyticsName: string;
+    children: (props: ChildrenProps) => React.ReactNode;
+};
+type State = {
+    config?: ClipboardConfig | BrowserConfig | DropzoneConfig;
+    mediaClientConfig?: MediaClientConfig;
+    pickerFacadeInstance?: PickerFacade;
+};
+export default class PickerFacadeProvider extends React.Component<Props, State> {
+    state: State;
+    private handleMediaProvider;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
+export {};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaNextEditorPluginType } from '../../next-plugin-type';
+import type { MediaPluginState } from '../../pm-plugins/types';
+type Props = {
+    mediaState: MediaPluginState;
+    editorDomElement: Element;
+    appearance: EditorAppearance;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+};
+type State = {
+    isPopupOpened: boolean;
+};
+export declare class MediaPickerComponents extends React.Component<Props, State> {
+    static displayName: string;
+    state: {
+        isPopupOpened: boolean;
+    };
+    componentDidMount(): void;
+    onBrowseFn: (nativeBrowseFn: () => void) => void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1 @@
+export declare const PIXELENTRY_MIGRATION_BUTTON_TESTID = "pixel-entry-convert-pixels-btn";

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { PixelEntryProps } from './types';
+export declare const PixelEntry: ({ width, mediaWidth, mediaHeight, onSubmit, minWidth, maxWidth, onChange, intl: { formatMessage }, showMigration, onMigrate, }: PixelEntryProps) => jsx.JSX.Element;
+export declare const FullWidthDisplay: React.FC<{
+    intl: IntlShape;
+}>;

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

@@ -0,0 +1,47 @@
+export declare const messages: {
+    validationFailedMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inputWidthTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inputWidthAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inputHeightTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inputHeightAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    submitButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fullWidthLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    migrationButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    migrationButtonTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,8 @@
+export declare const pixelSizingWrapper: import("@emotion/react").SerializedStyles;
+export declare const pixelEntryForm: import("@emotion/react").SerializedStyles;
+export declare const pixelSizingInput: import("@emotion/react").SerializedStyles;
+export declare const pixelSizingLabel: import("@emotion/react").SerializedStyles;
+export declare const pixelSizingWidthInput: import("@emotion/react").SerializedStyles;
+export declare const pixelSizingHeightInput: import("@emotion/react").SerializedStyles;
+export declare const pixelEntryHiddenSubmit: import("@emotion/react").SerializedStyles;
+export declare const pixelSizingFullWidthLabelStyles: import("@emotion/react").SerializedStyles;