@atlaskit/editor-plugin-media 13.5.1 → 13.6.0

package/dist/types-ts4.5/ui/ResizableMediaSingle/types.d.ts

@@ -1,30 +0,0 @@
-import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { HandlePositioning } from '@atlaskit/editor-common/resizer';
-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 '../../mediaPluginType';
-import type { getPosHandler } from '../../types';
-export type EnabledHandles = {
-    left?: boolean;
-    right?: boolean;
-};
-export type Props = MediaSingleProps & {
-    allowBreakoutSnapPoints?: boolean;
-    containerWidth: number;
-    disableHandles?: boolean;
-    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-    forceHandlePositioning?: HandlePositioning;
-    fullWidthMode?: boolean;
-    getPos: getPosHandler;
-    gridSize: number;
-    lineLength: number;
-    mediaSingleWidth?: number;
-    pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
-    selected: boolean;
-    updateSize: (width: number | null, layout: MediaSingleLayout) => void;
-    view: EditorView;
-    viewMediaClientConfig?: MediaClientConfig;
-};

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

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

package/dist/types-ts4.5/ui/hooks/useMediaProvider.d.ts

@@ -1,4 +0,0 @@
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-export declare const useMediaProvider: (pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => MediaProvider | undefined;

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

@@ -1,17 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command, FloatingToolbarButton, FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
-import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
-import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-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>;
-interface AltTextToolbarOptions {
-    altTextValidator?: (value: string) => string[];
-    areAnyNewToolbarFlagsEnabled?: boolean;
-    forceFocusSelector?: ForceFocusSelector;
-    triggerButtonSelector?: string;
-}
-export declare const getAltTextToolbar: (toolbarBaseConfig: MediaToolbarBaseConfig, options?: AltTextToolbarOptions) => FloatingToolbarConfig;
-export declare const getAltTextDropdownOption: (state: EditorState, formatMessage: IntlShape["formatMessage"], allowAltTextOnImages?: boolean, selectedNodeType?: NodeType, editorAnalyticsAPI?: EditorAnalyticsAPI) => FloatingToolbarOverflowDropdownOptions<Command>;
-export {};

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

@@ -1,20 +0,0 @@
-import type { BorderMarkAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
-import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { PixelEntryValidation } from '../../pm-plugins/pixel-resizing/ui/types';
-import type { EventInput } from '../../pm-plugins/types';
-export declare const DEFAULT_BORDER_COLOR = "#091e4224";
-export declare const DEFAULT_BORDER_SIZE = 2;
-export declare const getNodeType: (state: EditorState) => "mediaInline" | "mediaSingle";
-export declare const changeInlineToMediaCard: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, forceFocusSelector: ForceFocusSelector | undefined) => Command;
-export declare const changeMediaCardToInline: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, forceFocusSelector: ForceFocusSelector | undefined) => Command;
-export declare const changeMediaInlineToMediaSingle: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, widthPluginState: WidthPluginState | undefined, allowPixelResizing?: boolean) => Command;
-export declare const removeInlineCardWithAnalytics: (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 updateMediaSingleWidthTr: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, state: EditorState, width: number, validation: PixelEntryValidation, inputMethod: EventInput, layout: RichMediaLayout) => Transaction | null;
-export declare const updateMediaSingleWidth: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (width: number, validation: PixelEntryValidation, inputMethod: EventInput, layout: RichMediaLayout) => Command;
-export declare const changeMediaSingleToMediaInline: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;

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

@@ -1,6 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { Command, ExtractInjectionAPI, FloatingToolbarButton } from '@atlaskit/editor-common/types';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaPluginOptions } from '../../types';
-export declare const commentButton: (intl: IntlShape, state: EditorState, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, onCommentButtonMount?: () => void, createCommentExperience?: MediaPluginOptions["createCommentExperience"]) => FloatingToolbarButton<Command>;

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

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

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

@@ -1,16 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaPluginState } from '../../pm-plugins/types';
-import type { MediaFloatingToolbarOptions } from '../../types';
-export declare const handleShowMediaViewer: ({ api, mediaPluginState, }: {
-    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
-    mediaPluginState: MediaPluginState;
-}) => false | undefined;
-export declare const handleShowImageEditor: ({ api, mediaPluginState, }: {
-    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
-    mediaPluginState: MediaPluginState;
-}) => false | undefined;
-export declare const overflowDropdwonBtnTriggerTestId = "media-overflow-dropdown-trigger";
-export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options: MediaFloatingToolbarOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => FloatingToolbarConfig | undefined;

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

@@ -1,14 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import type { Command, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-type Props = {
-    areAnyNewToolbarFlagsEnabled: boolean;
-    dispatchCommand: (command: Command) => void;
-    hide: () => void;
-    layoutButtons: FloatingToolbarItem<Command>[];
-};
-export declare const LayoutGroup: ({ layoutButtons, dispatchCommand, hide, areAnyNewToolbarFlagsEnabled, }: Props) => jsx.JSX.Element;
-export {};

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

@@ -1,21 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { MediaLinkingState } from '../../pm-plugins/linking/types';
-export interface LinkingToolbarProps {
-    areAnyNewToolbarFlagsEnabled: boolean;
-    editorState: EditorState;
-    intl: IntlShape;
-    isInlineNode?: boolean;
-    isViewOnly?: boolean;
-    mediaLinkingState: MediaLinkingState;
-    onAddLink: React.MouseEventHandler;
-    onEditLink: React.MouseEventHandler;
-    onOpenLink: React.MouseEventHandler;
-}
-export declare const LinkToolbarAppearance: ({ editorState, mediaLinkingState, intl, onAddLink, onEditLink, onOpenLink, isInlineNode, isViewOnly, areAnyNewToolbarFlagsEnabled, }: LinkingToolbarProps) => jsx.JSX.Element | null;

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

@@ -1,11 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaLinkingState } from '../../pm-plugins/linking/types';
-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;
-export declare const getLinkingDropdownOptions: (editorState: EditorState, intl: IntlShape, mediaLinkingState: MediaLinkingState, isInlineNode?: boolean, allowLinking?: boolean, isViewOnly?: boolean) => FloatingToolbarOverflowDropdownOptions<Command>;
-export declare const getOpenLinkToolbarButtonOption: (intl: IntlShape, mediaLinkingState: MediaLinkingState, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => FloatingToolbarItem<Command>;

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

@@ -1,8 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { Command, ExtractInjectionAPI, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaPluginState } from '../../pm-plugins/types';
-import type { MediaFloatingToolbarOptions } from '../../types';
-export declare const generateMediaInlineFloatingToolbar: (state: EditorState, intl: IntlShape, mediaPluginState: MediaPluginState, hoverDecoration: HoverDecorationHandler | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, options?: MediaFloatingToolbarOptions) => FloatingToolbarItem<Command>[];

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

@@ -1,8 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions, Command } from '@atlaskit/editor-common/types';
-import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { type Props } from '../../pm-plugins/pixel-resizing/ui';
-import type { MediaOptions, MediaToolbarBaseConfig } from '../../types';
-export declare const getPixelResizingToolbar: (toolbarBaseConfig: MediaToolbarBaseConfig, { pluginInjectionApi, intl, pluginState, hoverDecoration, isEditorFullWidthEnabled, triggerButtonSelector, }: Omit<Props, "editorView" | "selectedMediaSingleNode">) => FloatingToolbarConfig;
-export declare const getResizeDropdownOption: (mediaOptions: MediaOptions, state: EditorState, formatMessage: IntlShape["formatMessage"], selectedNodeType?: NodeType) => FloatingToolbarOverflowDropdownOptions<Command>;

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

@@ -1,29 +0,0 @@
-import { type MemoizedFn } from 'memoize-one';
-import type { IntlShape } from 'react-intl';
-import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
-import type { LayoutIcon } from '@atlaskit/editor-common/card';
-import type { Command, FloatingToolbarItem, FloatingToolbarDropdown, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Node as ProseMirrorNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaPluginState } from '../../pm-plugins/types';
-export declare const isExternalMedia: (attrs: MediaADFAttrs) => attrs is ExternalMediaAttributes;
-export declare const getSelectedNearestMediaContainerNodeAttrsFunction: (selectedMediaContainerNode: () => ProseMirrorNode | undefined) => MediaADFAttrs | null;
-export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaADFAttrs | null;
-export declare const getIsDownloadDisabledByDataSecurityPolicy: (mediaPluginState: MediaPluginState) => boolean;
-export declare const downloadMedia: (mediaPluginState: MediaPluginState, isViewMode?: boolean) => Promise<boolean>;
-export declare const removeMediaGroupNode: (state: EditorState) => Transaction;
-export declare const getSelectedMediaSingle: (state: EditorState) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;
-export declare const getPixelWidthOfElement: MemoizedFn<(editorView: EditorView, pos: number, mediaWidth: number) => number>;
-export declare const calcNewLayout: (width: number, layout: RichMediaLayout, contentWidth: number, fullWidthMode?: boolean, isNested?: boolean) => RichMediaLayout;
-export declare const getMaxToolbarWidth: () => number;
-export declare const getSelectedLayoutIcon: (layoutIcons: LayoutIcon[], selectedNode: ProseMirrorNode) => LayoutIcon | undefined;
-/**
- * Check if 'original size' and 'inline' buttons can be shown in the toolbar for a given mediaSingle node.
- * @param mediaSingleNode node to be checked
- */
-export declare const canShowSwitchButtons: (mediaSingleNode?: ProseMirrorNode) => boolean | null;
-export declare const updateToFullHeightSeparator: (items: FloatingToolbarItem<Command>[]) => void;
-export declare const getMediaSingleAndMediaInlineSwitcherDropdown: (nodeType: "inline" | "block", intl: IntlShape, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, hasCaption?: boolean) => FloatingToolbarDropdown<Command>;