@atlaskit/editor-core 187.38.1 → 187.38.3

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

@@ -3,8 +3,8 @@ import type { Command } from '../../../types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 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 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 toggleBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const setBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MediaPluginState } from '../../pm-plugins/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 type Props = {
     mediaState: MediaPluginState;
     isOpen?: boolean;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MediaPluginState } from '../../pm-plugins/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import { EditorAppearance } from '../../../../types/editor-appearance';
+import type { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { EditorAppearance } from '../../../../types/editor-appearance';
 type Props = {
     mediaState: MediaPluginState;
     isActive: boolean;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { ClipboardConfig, BrowserConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { ClipboardConfig, BrowserConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import PickerFacade from '../../picker-facade';
-import { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaPluginState } from '../../pm-plugins/types';
 export interface ChildrenProps {
     config: ClipboardConfig | BrowserConfig | DropzoneConfig;
     mediaClientConfig: MediaClientConfig;

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

@@ -14,7 +14,7 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * @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;
+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.
@@ -22,7 +22,7 @@ export declare const insertMediaInlineNode: (editorAnalyticsAPI?: EditorAnalytic
  * @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;
+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

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

@@ -14,7 +14,7 @@ export interface MediaSingleState extends MediaState {
     contextId?: string;
 }
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => 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 transformSliceForMedia(slice: Slice, schema: Schema): (selection: Selection) => Slice;

package/dist/types-ts4.5/labs/next/presets/default.d.ts

@@ -4,7 +4,7 @@ import type { BasePluginOptions } from '../../../plugins/base';
 import type { EditorProps } from '../../../types/editor-props';
 import type { EditorPresetProps } from './types';
 import type { BlockTypePluginOptions } from '../../../plugins/block-type/types';
-import type { PlaceholderPluginOptions } from '../../../plugins/placeholder';
+import type { PlaceholderPluginOptions } from '@atlaskit/editor-plugin-placeholder';
 import type { AnnotationProviders } from '../../../plugins/annotation';
 import type { TextFormattingOptions, HyperlinkPluginOptions, QuickInsertPluginOptions } from '@atlaskit/editor-common/types';
 import type { CodeBlockOptions } from '../../../plugins/code-block/types';

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

@@ -18,7 +18,6 @@ export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
-export { default as placeholderPlugin } from './placeholder';
 export { default as placeholderTextPlugin } from './placeholder-text';
 export { default as quickInsertPlugin } from './quick-insert';
 export { default as saveOnEnterPlugin } from './save-on-enter';

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

@@ -6,5 +6,5 @@ import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/a
 export declare const showLinkingToolbar: import("@atlaskit/editor-common/types").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) => import("@atlaskit/editor-common/types").Command;
-export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const unlink: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -58,5 +58,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

package/dist/types-ts4.5/plugins/media/picker-facade.d.ts

@@ -1,8 +1,8 @@
-import { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
 export type PickerType = 'clipboard' | 'dropzone' | 'customMediaPicker';
 export type ExtendedComponentConfigs = {
     customMediaPicker: CustomMediaPicker;

package/dist/types-ts4.5/plugins/media/pm-plugins/alt-text/commands.d.ts

@@ -1,4 +1,4 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const closeMediaAltTextMenu: import("@atlaskit/editor-common/types").Command;
-export declare const openMediaAltTextMenu: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const openMediaAltTextMenu: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
 export declare const updateAltText: (newAltText: string) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/plugins/media/pm-plugins/alt-text/keymap.d.ts

@@ -1,4 +1,4 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export default function keymapPlugin(schema: Schema, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): SafePlugin;
+export default function keymapPlugin(schema: Schema, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin;

package/dist/types-ts4.5/plugins/media/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { MediaOptions } from '../types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare function keymapPlugin(options?: MediaOptions, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): SafePlugin;
+export declare function keymapPlugin(options: MediaOptions | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin;
 export default keymapPlugin;

package/dist/types-ts4.5/plugins/media/pm-plugins/main.d.ts

@@ -53,8 +53,8 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     showEditingDialog?: boolean;
     mediaOptions?: MediaOptions;
     dispatch?: Dispatch;
-    pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>;
-    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean, dispatch?: Dispatch, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>);
+    pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined;
+    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions: MediaOptions | undefined, newInsertionBehaviour: boolean | undefined, dispatch: Dispatch | undefined, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined);
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
@@ -68,7 +68,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin> | undefined) => void;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
     addPendingTask: (task: Promise<any>) => void;
     splitMediaGroup: () => boolean;
     onPopupPickerClose: () => void;
@@ -115,4 +115,4 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     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, dispatch?: Dispatch, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>) => SafePlugin<MediaPluginState>;
+export declare const createPlugin: (_schema: Schema, options: MediaPluginOptions, reactContext: () => {}, getIntl: () => IntlShape, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatch?: Dispatch, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean) => SafePlugin<MediaPluginState>;

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

@@ -5,7 +5,7 @@ import type { MediaToolbarBaseConfig } from '../types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare const altTextButton: (intl: IntlShape, state: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => FloatingToolbarButton<Command>;
+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[];

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

@@ -3,8 +3,8 @@ import type { Command } from '../../../types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 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 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 toggleBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const setBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;

package/dist/types-ts4.5/plugins/media/ui/MediaPicker/BrowserWrapper.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MediaPluginState } from '../../pm-plugins/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 type Props = {
     mediaState: MediaPluginState;
     isOpen?: boolean;

package/dist/types-ts4.5/plugins/media/ui/MediaPicker/DropzoneWrapper.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MediaPluginState } from '../../pm-plugins/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import { EditorAppearance } from '../../../../types/editor-appearance';
+import type { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { EditorAppearance } from '../../../../types/editor-appearance';
 type Props = {
     mediaState: MediaPluginState;
     isActive: boolean;

package/dist/types-ts4.5/plugins/media/ui/MediaPicker/PickerFacadeProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { ClipboardConfig, BrowserConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { ClipboardConfig, BrowserConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import PickerFacade from '../../picker-facade';
-import { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaPluginState } from '../../pm-plugins/types';
 export interface ChildrenProps {
     config: ClipboardConfig | BrowserConfig | DropzoneConfig;
     mediaClientConfig: MediaClientConfig;

package/dist/types-ts4.5/plugins/media/utils/media-files.d.ts

@@ -14,7 +14,7 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * @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;
+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.
@@ -22,7 +22,7 @@ export declare const insertMediaInlineNode: (editorAnalyticsAPI?: EditorAnalytic
  * @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;
+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

package/dist/types-ts4.5/plugins/media/utils/media-single.d.ts

@@ -14,7 +14,7 @@ export interface MediaSingleState extends MediaState {
     contextId?: string;
 }
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => 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 transformSliceForMedia(slice: Slice, schema: Schema): (selection: Selection) => Slice;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.38.1",
+  "version": "187.38.3",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -76,6 +76,7 @@
     "@atlaskit/editor-plugin-hyperlink": "^0.4.0",
     "@atlaskit/editor-plugin-image-upload": "^0.2.0",
     "@atlaskit/editor-plugin-list": "^1.2.0",
+    "@atlaskit/editor-plugin-placeholder": "^0.1.0",
     "@atlaskit/editor-plugin-rule": "^0.1.0",
     "@atlaskit/editor-plugin-table": "^2.12.0",
     "@atlaskit/editor-plugin-text-formatting": "^0.4.0",
@@ -149,7 +150,7 @@
     "@af/integration-testing": "*",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/collab-provider": "9.12.1",
-    "@atlaskit/dropdown-menu": "^11.12.0",
+    "@atlaskit/dropdown-menu": "^11.13.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
     "@atlaskit/editor-plugin-table": "^2.12.0",
     "@atlaskit/flag": "^15.2.0",

package/report.api.md

@@ -100,9 +100,9 @@ import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/ty
 import { MacroAttributes } from '@atlaskit/editor-common/provider-factory';
 import { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import { MarkConfig } from '@atlaskit/editor-common/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
-import { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common/mediaFeatureFlags';
 import type { MediaFile } from '@atlaskit/media-picker/types';
 import type { MediaProvider as MediaProvider_2 } from '@atlaskit/editor-common/provider-factory';
 import type { MentionDescription } from '@atlaskit/mention';
@@ -120,6 +120,7 @@ import type { NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import { PaletteColor } from '@atlaskit/editor-common/ui-color';
 import { PerformanceTracking } from '@atlaskit/editor-common/types';
+import type { PlaceholderPluginOptions } from '@atlaskit/editor-plugin-placeholder';
 import type { PluginConfig } from '@atlaskit/editor-plugin-table/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { PMPlugin } from '@atlaskit/editor-common/types';
@@ -165,10 +166,10 @@ import type { TypeAheadItem as TypeAheadItem_2 } from '@atlaskit/editor-common/t
 import type { TypeAheadPluginOptions } from '@atlaskit/editor-plugin-type-ahead';
 import type { TypeAheadStats } from '@atlaskit/editor-common/types';
 import { UIComponentFactory } from '@atlaskit/editor-common/types';
-import { UploadEndEventPayload } from '@atlaskit/media-picker/types';
-import { UploadErrorEventPayload } from '@atlaskit/media-picker/types';
-import { UploadParams } from '@atlaskit/media-picker/types';
-import { UploadPreviewUpdateEventPayload } from '@atlaskit/media-picker/types';
+import type { UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import type { UploadErrorEventPayload } from '@atlaskit/media-picker/types';
+import type { UploadParams } from '@atlaskit/media-picker/types';
+import type { UploadPreviewUpdateEventPayload } from '@atlaskit/media-picker/types';
 import type { UseStickyToolbarType } from '@atlaskit/editor-common/ui';
 import type { WeekDay } from '@atlaskit/calendar/types';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -1664,14 +1665,6 @@ type PickerFacadeConfig = {
 // @public (undocumented)
 type PickerType = 'clipboard' | 'customMediaPicker' | 'dropzone';
 
-// @public (undocumented)
-interface PlaceholderPluginOptions {
-  // (undocumented)
-  placeholder?: string;
-  // (undocumented)
-  placeholderBracketHint?: string;
-}
-
 // @public (undocumented)
 interface PlaceholderTextOptions {
   // (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -89,9 +89,9 @@ import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/ty
 import { MacroAttributes } from '@atlaskit/editor-common/provider-factory';
 import { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import { MarkConfig } from '@atlaskit/editor-common/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
-import { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common/mediaFeatureFlags';
 import type { MediaFile } from '@atlaskit/media-picker/types';
 import type { MediaProvider as MediaProvider_2 } from '@atlaskit/editor-common/provider-factory';
 import type { MentionDescription } from '@atlaskit/mention';
@@ -109,6 +109,7 @@ import type { NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import { PaletteColor } from '@atlaskit/editor-common/ui-color';
 import { PerformanceTracking } from '@atlaskit/editor-common/types';
+import type { PlaceholderPluginOptions } from '@atlaskit/editor-plugin-placeholder';
 import type { PluginConfig } from '@atlaskit/editor-plugin-table/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { PMPlugin } from '@atlaskit/editor-common/types';
@@ -154,10 +155,10 @@ import type { TypeAheadItem as TypeAheadItem_2 } from '@atlaskit/editor-common/t
 import type { TypeAheadPluginOptions } from '@atlaskit/editor-plugin-type-ahead';
 import type { TypeAheadStats } from '@atlaskit/editor-common/types';
 import { UIComponentFactory } from '@atlaskit/editor-common/types';
-import { UploadEndEventPayload } from '@atlaskit/media-picker/types';
-import { UploadErrorEventPayload } from '@atlaskit/media-picker/types';
-import { UploadParams } from '@atlaskit/media-picker/types';
-import { UploadPreviewUpdateEventPayload } from '@atlaskit/media-picker/types';
+import type { UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import type { UploadErrorEventPayload } from '@atlaskit/media-picker/types';
+import type { UploadParams } from '@atlaskit/media-picker/types';
+import type { UploadPreviewUpdateEventPayload } from '@atlaskit/media-picker/types';
 import type { UseStickyToolbarType } from '@atlaskit/editor-common/ui';
 import type { WeekDay } from '@atlaskit/calendar/types';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -1493,14 +1494,6 @@ type PickerFacadeConfig = {
 // @public (undocumented)
 type PickerType = 'clipboard' | 'customMediaPicker' | 'dropzone';
 
-// @public (undocumented)
-interface PlaceholderPluginOptions {
-    // (undocumented)
-    placeholder?: string;
-    // (undocumented)
-    placeholderBracketHint?: string;
-}
-
 // @public (undocumented)
 interface PlaceholderTextOptions {
     // (undocumented)

package/dist/cjs/plugins/placeholder/index.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPlaceholderDecoration = createPlaceholderDecoration;
-exports.createPlugin = createPlugin;
-exports.pluginKey = exports.placeholderTestId = exports.default = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _utils = require("@atlaskit/editor-common/utils");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _view = require("@atlaskit/editor-prosemirror/view");
-var pluginKey = new _state.PluginKey('placeholderPlugin');
-exports.pluginKey = pluginKey;
-function getPlaceholderState(editorState) {
-  return pluginKey.getState(editorState);
-}
-var placeholderTestId = 'placeholder-test-id';
-exports.placeholderTestId = placeholderTestId;
-function createPlaceholderDecoration(editorState, placeholderText) {
-  var pos = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var placeholderDecoration = document.createElement('span');
-  var placeholderNodeWithText = placeholderDecoration;
-  placeholderDecoration.setAttribute('data-testid', placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-
-  // PM sets contenteditable to false on Decorations so Firefox doesn't display the flashing cursor
-  // So adding an extra span which will contain the placeholder text
-  if (_utils.browser.gecko) {
-    var placeholderNode = document.createElement('span');
-    placeholderNode.setAttribute('contenteditable', 'true'); // explicitly overriding the default Decoration behaviour
-    placeholderDecoration.appendChild(placeholderNode);
-    placeholderNodeWithText = placeholderNode;
-  }
-  placeholderNodeWithText.textContent = placeholderText || ' ';
-
-  // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
-  // Add a editable buff node as the cursor moving forward is inevitable
-  // when backspace in GBoard composition
-  if (_utils.browser.android && _utils.browser.chrome) {
-    var buffNode = document.createElement('span');
-    buffNode.setAttribute('class', 'placeholder-android');
-    buffNode.setAttribute('contenteditable', 'true');
-    buffNode.textContent = ' ';
-    placeholderDecoration.appendChild(buffNode);
-  }
-  return _view.DecorationSet.create(editorState.doc, [_view.Decoration.widget(pos, placeholderDecoration, {
-    side: 0,
-    key: 'placeholder'
-  })]);
-}
-function setPlaceHolderState(placeholderText, pos) {
-  return {
-    hasPlaceholder: true,
-    placeholderText: placeholderText,
-    pos: pos ? pos : 1
-  };
-}
-var emptyPlaceholder = {
-  hasPlaceholder: false
-};
-function createPlaceHolderStateFrom(isEditorFocused, editorState, isTypeAheadOpen, defaultPlaceholderText, bracketPlaceholderText) {
-  if (isTypeAheadOpen !== null && isTypeAheadOpen !== void 0 && isTypeAheadOpen(editorState)) {
-    return emptyPlaceholder;
-  }
-  if (defaultPlaceholderText && (0, _utils.isEmptyDocument)(editorState.doc)) {
-    return setPlaceHolderState(defaultPlaceholderText);
-  }
-  if (bracketPlaceholderText && (0, _utils.bracketTyped)(editorState) && isEditorFocused) {
-    var $from = editorState.selection.$from;
-    // Space is to account for positioning of the bracket
-    var bracketHint = '  ' + bracketPlaceholderText;
-    return setPlaceHolderState(bracketHint, $from.pos - 1);
-  }
-  return emptyPlaceholder;
-}
-function createPlugin(defaultPlaceholderText, bracketPlaceholderText, api) {
-  if (!defaultPlaceholderText && !bracketPlaceholderText) {
-    return;
-  }
-  return new _safePlugin.SafePlugin({
-    key: pluginKey,
-    state: {
-      init: function init(_, state) {
-        var _api$focus, _api$focus$sharedStat;
-        return createPlaceHolderStateFrom(Boolean(api === null || api === void 0 ? void 0 : (_api$focus = api.focus) === null || _api$focus === void 0 ? void 0 : (_api$focus$sharedStat = _api$focus.sharedState.currentState()) === null || _api$focus$sharedStat === void 0 ? void 0 : _api$focus$sharedStat.hasFocus), state, api === null || api === void 0 ? void 0 : api.typeAhead.actions.isOpen, defaultPlaceholderText, bracketPlaceholderText);
-      },
-      apply: function apply(tr, _oldPluginState, _oldEditorState, newEditorState) {
-        var _api$focus2, _api$focus2$sharedSta;
-        var meta = tr.getMeta(pluginKey);
-        var isEditorFocused = Boolean(api === null || api === void 0 ? void 0 : (_api$focus2 = api.focus) === null || _api$focus2 === void 0 ? void 0 : (_api$focus2$sharedSta = _api$focus2.sharedState.currentState()) === null || _api$focus2$sharedSta === void 0 ? void 0 : _api$focus2$sharedSta.hasFocus);
-        if (meta) {
-          if (meta.removePlaceholder) {
-            return emptyPlaceholder;
-          }
-          if (meta.applyPlaceholderIfEmpty) {
-            return createPlaceHolderStateFrom(isEditorFocused, newEditorState, api === null || api === void 0 ? void 0 : api.typeAhead.actions.isOpen, defaultPlaceholderText, bracketPlaceholderText);
-          }
-        }
-        return createPlaceHolderStateFrom(isEditorFocused, newEditorState, api === null || api === void 0 ? void 0 : api.typeAhead.actions.isOpen, defaultPlaceholderText, bracketPlaceholderText);
-      }
-    },
-    props: {
-      decorations: function decorations(editorState) {
-        var _api$composition;
-        var _getPlaceholderState = getPlaceholderState(editorState),
-          hasPlaceholder = _getPlaceholderState.hasPlaceholder,
-          placeholderText = _getPlaceholderState.placeholderText,
-          pos = _getPlaceholderState.pos;
-        var compositionPluginState = api === null || api === void 0 ? void 0 : (_api$composition = api.composition) === null || _api$composition === void 0 ? void 0 : _api$composition.sharedState.currentState();
-        if (hasPlaceholder && placeholderText && pos !== undefined && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
-          return createPlaceholderDecoration(editorState, placeholderText, pos);
-        }
-        return;
-      }
-    }
-  });
-}
-var placeholderPlugin = function placeholderPlugin(_ref) {
-  var options = _ref.config,
-    api = _ref.api;
-  return {
-    name: 'placeholder',
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'placeholder',
-        plugin: function plugin() {
-          return createPlugin(options && options.placeholder, options && options.placeholderBracketHint, api);
-        }
-      }];
-    }
-  };
-};
-var _default = placeholderPlugin;
-exports.default = _default;