@atlaskit/editor-core 180.1.0 → 181.0.1

package/dist/types/plugins/history/actions.d.ts

@@ -1,9 +1,8 @@
 export declare enum HistoryActionTypes {
     UPDATE = "UPDATE"
 }
-export interface Update {
+export interface HistoryAction {
     type: HistoryActionTypes.UPDATE;
     canUndo: boolean;
     canRedo: boolean;
 }
-export declare type HistoryAction = Update;

package/dist/types/plugins/layout/styles.d.ts

@@ -1,3 +1,4 @@
+import { ThemeProps } from '@atlaskit/theme/types';
 import { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from '@atlaskit/editor-common/styles';
 export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
-export declare const layoutStyles: import("@emotion/react").SerializedStyles;
+export declare const layoutStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/list/utils/find.d.ts

@@ -1,5 +1,4 @@
 import { ResolvedPos, Node as PMNode } from 'prosemirror-model';
-export declare function findFirstNestedList($pos: ResolvedPos): ResolvedPos | null;
 export declare function findFirstParentListNode($pos: ResolvedPos): {
     pos: number;
     node: PMNode;

package/dist/types/plugins/list/utils/indentation.d.ts

@@ -1,7 +1,6 @@
 import { ResolvedPos } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
 export declare const getListLiftTarget: (resPos: ResolvedPos) => number;
-export declare const getNextSiblingListItemPosition: ($pos: ResolvedPos) => ResolvedPos | null;
 export declare const hasValidListIndentationLevel: ({ tr, maxIndentation, }: {
     tr: Transaction;
     maxIndentation: number;

package/dist/types/plugins/list/utils/node.d.ts

@@ -1,11 +1,9 @@
 import { Node as PMNode, NodeType } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
-export declare function isDocumentNode(node: PMNode | null | undefined): boolean;
 export declare function isListNode(node: PMNode | null | undefined): boolean;
 export declare function isParagraphNode(node: PMNode | null | undefined): boolean;
 export declare function isListItemNode(node: PMNode | null | undefined): boolean;
 export declare function isBulletList(node: PMNode | null | undefined): boolean;
-export declare function isListNodeValidContent(node: PMNode): boolean;
 export declare enum JoinDirection {
     LEFT = 1,
     RIGHT = -1

package/dist/types/plugins/list/utils/selection.d.ts

@@ -17,11 +17,8 @@ declare type NormalizeListItemsSelection = (props: {
     doc: PMNode;
 }) => Selection;
 export declare const normalizeListItemsSelection: NormalizeListItemsSelection;
-export declare const resolvePositionToStartOfListItem: ($pos: ResolvedPos) => ResolvedPos;
-export declare const resolvePositionToEndOfListItem: ($pos: ResolvedPos) => ResolvedPos;
 declare type CreateNodeRange = (props: {
     selection: Selection;
 }) => NodeRange | null;
 export declare const createListNodeRange: CreateNodeRange;
-export declare const createListItemNodeRange: CreateNodeRange;
 export {};

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

@@ -14,12 +14,7 @@ export declare const posOfPrecedingMediaGroup: (state: EditorState) => number |
  * or the selection is the entire paragraph
  */
 export declare const isInsidePotentialEmptyParagraph: (state: EditorState) => boolean;
-export declare const posOfMediaGroupBelow: (state: EditorState, $pos: ResolvedPos, prepend?: boolean) => number | undefined;
 export declare const posOfParentMediaGroup: (state: EditorState, $pos?: ResolvedPos<any> | undefined, prepend?: boolean) => number | undefined;
-/**
- * The function will return the position after current selection where mediaGroup can be inserted.
- */
-export declare function endPositionForMedia(state: EditorState, resolvedPos: ResolvedPos): number;
 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;

package/dist/types/plugins/mentions/types.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MentionDescription, MentionProvider } from '@atlaskit/mention';
-import { TeamMentionProvider } from '@atlaskit/mention/resource';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 export interface TeamInfoAttrAnalytics {
@@ -19,7 +18,7 @@ export interface MentionPluginOptions extends MentionPluginConfig {
     allowZeroWidthSpaceAfter?: boolean;
 }
 export declare type MentionPluginState = {
-    mentionProvider?: MentionProvider | TeamMentionProvider;
+    mentionProvider?: MentionProvider;
     contextIdentifierProvider?: ContextIdentifierProvider;
     mentions?: Array<MentionDescription>;
 };

package/dist/types/plugins/mentions/ui/InviteItem/index.d.ts

@@ -2,14 +2,13 @@ import { MentionDescription } from '@atlaskit/mention/resource';
 import { UserRole } from '@atlaskit/mention';
 import React, { SyntheticEvent } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-export interface OnMentionEvent {
+interface OnMentionEvent {
     (mention: MentionDescription, event?: SyntheticEvent<any>): void;
 }
-export declare const INVITE_ITEM_MIN_HEIGHT: number;
 export declare const INVITE_ITEM_DESCRIPTION: {
     id: string;
 };
-export interface Props {
+interface Props {
     productName?: string;
     onMount?: () => void;
     onMouseEnter?: OnMentionEvent;

package/dist/types/plugins/mentions/ui/InviteItem/styles.d.ts

@@ -1,9 +1,3 @@
-export interface MentionItemStyleProps {
-    selected?: boolean;
-}
-export interface NameSectionStyleProps {
-    restricted?: boolean;
-}
 export declare const ROW_SIDE_PADDING = 14;
 export declare const rowStyle: import("@emotion/react").SerializedStyles;
 export declare const AVATAR_HEIGHT = 36;

package/dist/types/plugins/mentions/ui/ToolbarMention/index.d.ts

@@ -1,14 +1,11 @@
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { WrappedComponentProps } from 'react-intl-next';
-export interface Props {
+interface Props {
     editorView?: EditorView;
     isDisabled?: boolean;
     testId?: string;
 }
-export interface State {
-    disabled: boolean;
-}
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };

package/dist/types/plugins/mobile-dimensions/index.d.ts

@@ -1,4 +1,3 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
-export declare const MIN_TAP_SIZE_PX = 44;
 declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions'>;
 export default mobileDimensionsPlugin;

package/dist/types/plugins/paste/index.d.ts

@@ -1,7 +1,6 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { CardOptions } from '@atlaskit/editor-common/card';
 export declare type PastePluginOptions = {
-    plainTextPasteLinkification?: boolean;
     cardOptions?: CardOptions;
     sanitizePrivateContent?: boolean;
 };

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

@@ -1,8 +1,7 @@
 import { AnalyticsEventPayload, PasteType, PasteContent } from '../../analytics';
 import { EditorView } from 'prosemirror-view';
-import { Slice, Fragment } from 'prosemirror-model';
+import { Slice, Fragment, Schema } from 'prosemirror-model';
 import { Command } from '../../../types';
-import { EditorState } from 'prosemirror-state';
 declare type PasteContext = {
     type: PasteType;
     asPlain?: boolean;
@@ -11,7 +10,11 @@ declare type PasteContext = {
     /** Did this paste action split a list in half? */
     pasteSplitList?: boolean;
 };
-export declare function getContent(state: EditorState, slice: Slice): PasteContent;
+declare type GetContentProps = {
+    schema: Schema;
+    slice: Slice;
+};
+export declare function getContent({ schema, slice }: GetContentProps): PasteContent;
 export declare function getMediaTraceId(slice: Slice): undefined;
 export declare function createPasteAnalyticsPayload(view: EditorView, event: ClipboardEvent, slice: Slice, pasteContext: PasteContext): AnalyticsEventPayload;
 export declare function sendPasteAnalyticsEvent(view: EditorView, event: ClipboardEvent, slice: Slice, pasteContext: PasteContext): void;

package/dist/types/plugins/paste/util/index.d.ts

@@ -3,15 +3,9 @@ import { EditorState, Selection, Transaction } from 'prosemirror-state';
 import { PasteSource } from '../../analytics';
 export declare function isPastedFromWord(html?: string): boolean;
 export declare function isPastedFromExcel(html?: string): boolean;
-export declare function isPastedFromDropboxPaper(html?: string): boolean;
-export declare function isPastedFromGoogleDocs(html?: string): boolean;
-export declare function isPastedFromGoogleSpreadSheets(html?: string): boolean;
-export declare function isPastedFromPages(html?: string): boolean;
-export declare function isPastedFromFabricEditor(html?: string): boolean;
 export declare const isSingleLine: (text: string) => boolean;
 export declare function htmlContainsSingleFile(html: string): boolean;
 export declare function getPasteSource(event: ClipboardEvent): PasteSource;
-export declare function isCode(str: string): boolean;
 export declare function escapeLinks(text: string): string;
 export declare function hasOnlyNodesOfType(...nodeTypes: NodeType[]): (slice: Slice) => boolean;
 export declare function applyTextMarksToSlice(schema: Schema, marks?: Mark<any>[]): (slice: Slice) => Slice;

package/dist/types/plugins/quick-insert/assets/index.d.ts

@@ -19,10 +19,8 @@ export declare const IconPanelNote: React.ComponentType<IconProps> & Loadable.Lo
 export declare const IconPanelSuccess: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 export declare const IconPanelWarning: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 export declare const IconPanel: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconCustomPanel: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 export declare const IconQuote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 export declare const IconStatus: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconFallback: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 declare type HeadingProps = IconProps & {
     level: HeadingLevels;
 };

package/dist/types/plugins/status/utils.d.ts

@@ -1,8 +1,5 @@
-import { Node as PMNode } from 'prosemirror-model';
 import { Selection, Transaction } from 'prosemirror-state';
 import { StatusType } from './types';
 export declare const mayGetStatusAtSelection: (selection: Selection) => StatusType | null;
-export declare const mayGetStatusAtPos: (pos: number | null, doc: PMNode) => StatusType | null;
 export declare const isEmptyStatus: (node: StatusType) => boolean;
-export declare const setSelectionNearPos: (tr: Transaction, pos: number) => Transaction;
 export declare const setNodeSelectionNearPos: (tr: Transaction, pos: number) => Transaction;

package/dist/types/plugins/tasks-and-decisions/pm-plugins/main.d.ts

@@ -1,11 +1,5 @@
-import { Node as PMNode } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { Dispatch, EventDispatcher } from '../../../event-dispatcher';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
-export interface TaskDecisionPluginState {
-    currentTaskDecisionItem: PMNode | undefined;
-    contextIdentifierProvider?: ContextIdentifierProvider;
-}
 export declare function createPlugin(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatch: Dispatch, useLongPressSelection?: boolean): SafePlugin<any, any>;

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

@@ -1,5 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { EditorState, PluginKey, Transaction } from 'prosemirror-state';
+import { PluginKey } from 'prosemirror-state';
 import { Dispatch } from '../../../event-dispatcher';
 import { PaletteColor } from '../../../ui/ColorPalette/Palettes/type';
 export { DEFAULT_COLOR } from '../utils/color';
@@ -9,16 +9,7 @@ export declare type TextColorPluginState = {
     disabled?: boolean;
     color: string | null;
 };
-export declare type ActionHandlerParams = {
-    dispatch: Dispatch;
-    pluginState: TextColorPluginState;
-    tr: Transaction;
-    params?: {
-        color?: string;
-        disabled?: boolean;
-    };
-};
-export declare type TextColorDefaultColor = {
+declare type TextColorDefaultColor = {
     color: string;
     label: string;
 };
@@ -27,7 +18,6 @@ export interface TextColorPluginConfig {
     /** @deprecated [ED-15849] Color selection palette now shows more colors by default. */
     allowMoreTextColors?: boolean;
 }
-export declare function createInitialPluginState(editorState: EditorState, pluginConfig?: TextColorPluginConfig): TextColorPluginState;
 export declare enum ACTIONS {
     RESET_COLOR = 0,
     SET_COLOR = 1,

package/dist/types/plugins/text-formatting/pm-plugins/clear-formatting.d.ts

@@ -1,7 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { Dispatch } from '../../../event-dispatcher';
-export declare type StateChangeHandler = (state: ClearFormattingState) => any;
 export interface ClearFormattingState {
     formattingIsPresent?: boolean;
 }

package/dist/types/plugins/text-formatting/utils.d.ts

@@ -1,10 +1,6 @@
 import { MarkType, Mark as PMMark } from 'prosemirror-model';
 import { EditorState } from 'prosemirror-state';
 import { MenuIconItem } from './ui/Toolbar/types';
-export declare const nodeLen: (node: Node) => number;
-export declare const isIgnorable: (dom: any) => boolean;
-export declare const isBlockNode: (dom: any) => boolean;
-export declare const domIndex: (node: Node | null) => number | undefined;
 export declare const hasCode: (state: EditorState, pos: number) => boolean;
 /**
  * Determine if a mark (with specific attribute values) exists anywhere in the selection.

package/dist/types/plugins/type-ahead/constants.d.ts

@@ -2,10 +2,6 @@ export declare const TYPE_AHEAD_DECORATION_KEY = "typeahead_decoration_key";
 export declare const TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = "typeaheadDecoration";
 export declare const TYPE_AHEAD_POPUP_CONTENT_CLASS = "fabric-editor-typeahead";
 export declare const TYPE_AHEAD_DECORATION_ELEMENT_ID = "typeahaed_decoration_element_id";
-export declare enum NavigationDirection {
-    LEFT = -1,
-    RIGHT = 1
-}
 export declare enum CloseSelectionOptions {
     BEFORE_TEXT_INSERTED = "BEFORE_TEXT_INSERTED",
     AFTER_TEXT_INSERTED = "AFTER_TEXT_INSERTED"

package/dist/types/plugins/type-ahead/index.d.ts

@@ -4,6 +4,7 @@ import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
 export declare type TypeAheadPluginOptions = {
     isMobile?: boolean;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    useBetterTypeaheadNavigation?: boolean;
 };
 /**
  *

package/dist/types/plugins/type-ahead/pm-plugins/decorations.d.ts

@@ -1,5 +1,3 @@
-import { Selection } from 'prosemirror-state';
-import { DecorationSet } from 'prosemirror-view';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { IntlShape } from 'react-intl-next';
 import type { CreateTypeAheadDecorations, RemoveTypeAheadDecorations, PopupMountPointReference } from '../types';
@@ -7,18 +5,11 @@ declare type FactoryProps = {
     intl: IntlShape;
     popupMountRef: PopupMountPointReference;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    useBetterTypeaheadNavigation: boolean;
 };
 declare type FactoryReturn = {
     createDecorations: CreateTypeAheadDecorations;
     removeDecorations: RemoveTypeAheadDecorations;
 };
-export declare const factoryDecorations: ({ intl, popupMountRef, createAnalyticsEvent, }: FactoryProps) => FactoryReturn;
-export declare const isSelectionInsideTypeAhead: ({ decorationSet, selection, }: {
-    decorationSet?: DecorationSet<any> | undefined;
-    selection: Selection;
-}) => boolean;
-export declare const findDecorationElement: ({ selection, decorationSet, }: {
-    selection: Selection;
-    decorationSet?: DecorationSet<any> | undefined;
-}) => HTMLElement | null;
+export declare const factoryDecorations: ({ intl, popupMountRef, createAnalyticsEvent, useBetterTypeaheadNavigation, }: FactoryProps) => FactoryReturn;
 export {};

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

@@ -9,6 +9,7 @@ declare type Props = {
     typeAheadHandlers: Array<TypeAheadHandler>;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     getIntl: () => IntlShape;
+    useBetterTypeaheadNavigation: boolean;
 };
-export declare function createPlugin({ reactDispatch, popupMountRef, createAnalyticsEvent, typeAheadHandlers, getIntl, }: Props): SafePlugin;
+export declare function createPlugin({ reactDispatch, popupMountRef, createAnalyticsEvent, typeAheadHandlers, getIntl, useBetterTypeaheadNavigation, }: Props): SafePlugin;
 export {};

package/dist/types/plugins/type-ahead/ui/InputQuery.d.ts

@@ -21,6 +21,7 @@ declare type InputQueryProps = {
     reopenQuery?: string;
     editorView: EditorView;
     items: any[];
+    useBetterTypeaheadNavigation: boolean;
 };
 export declare const InputQuery: React.FC<InputQueryProps>;
 export {};

package/dist/types/plugins/type-ahead/ui/WrapperTypeAhead.d.ts

@@ -15,6 +15,7 @@ declare type WrapperProps = {
     popupsScrollableElement?: HTMLElement;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     inputMethod?: TypeAheadInputMethod;
+    useBetterTypeaheadNavigation: boolean;
 };
 export declare const WrapperTypeAhead: React.FC<WrapperProps>;
 export {};

package/dist/types/plugins/type-ahead/utils.d.ts

@@ -1,9 +1,8 @@
 import { EditorState } from 'prosemirror-state';
-import { Decoration, EditorView } from 'prosemirror-view';
+import { EditorView } from 'prosemirror-view';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadHandler, TypeAheadItem, TypeAheadPluginState } from './types';
 import { IntlShape } from 'react-intl-next';
-export declare const findTypeAheadDecorations: (state: EditorState) => Decoration | null;
 export declare const isTypeAheadHandler: (handler: any) => handler is TypeAheadHandler;
 /** Is a typeahead plugin open? */
 export declare const isTypeAheadOpen: (editorState: EditorState) => boolean;
@@ -19,8 +18,9 @@ export declare const findHandlerByTrigger: ({ trigger, editorState, }: {
 declare type MoveSelectedIndexProps = {
     editorView: EditorView;
     direction: 'next' | 'previous';
+    useBetterTypeaheadNavigation?: boolean;
 };
-export declare const moveSelectedIndex: ({ editorView, direction }: MoveSelectedIndexProps) => () => void;
+export declare const moveSelectedIndex: ({ editorView, direction, useBetterTypeaheadNavigation, }: MoveSelectedIndexProps) => () => void;
 declare type TypeAheadAssistiveLabels = {
     popupAriaLabel: string;
     listItemAriaLabel?: string;

package/dist/types/test-utils.d.ts

@@ -1,15 +1,14 @@
 import { Plugin } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { LightEditorPlugin, LightPMPlugin, LightPMPluginFactoryParams, OnEditorViewStateUpdated } from './create-editor/get-plugins';
-import { Preset } from './labs/next/presets/preset';
+import { LightPMPlugin, LightPMPluginFactoryParams, OnEditorViewStateUpdated } from './create-editor/get-plugins';
 import { Schema } from 'prosemirror-model';
 import { MarkConfig, NodeConfig } from './types/pm-config';
-import { AllBuilderPlugins } from '@atlaskit/editor-common/types';
 export { createTypeAheadTools } from './plugins/type-ahead/api';
-export { Preset } from './labs/next/presets/preset';
 export type { LightEditorPlugin } from './create-editor/get-plugins';
 export type { DispatchAnalyticsEvent } from './plugins/analytics/types';
 export type { FeatureFlags } from './types/feature-flags';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import type { AllEditorPresetPluginTypes } from '@atlaskit/editor-common/types';
 export interface LightEditorConfig {
     nodes: NodeConfig[];
     marks: MarkConfig[];
@@ -22,7 +21,7 @@ declare type PluginData = {
     schema: Schema;
     onEditorViewStateUpdatedCallbacks: Array<OnEditorViewStateUpdated>;
 };
-export declare const createPMSchemaAndPlugins: (preset?: Preset<LightEditorPlugin, AllBuilderPlugins[]>) => (pluginFactoryParams: Omit<LightPMPluginFactoryParams, 'schema'>) => PluginData;
+export declare const createPMSchemaAndPlugins: (inputPreset?: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>) => (pluginFactoryParams: Omit<LightPMPluginFactoryParams, 'schema'>) => PluginData;
 export { PortalProviderAPI } from './ui/PortalProvider';
 export { EventDispatcher } from './event-dispatcher';
 export type { Dispatch } from './event-dispatcher';

package/dist/types/types/editor-appearance-component.d.ts

@@ -5,7 +5,7 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EventDispatcher } from '../event-dispatcher';
 import EditorActions from '../actions';
 import { UIComponentFactory } from '../types/ui-components';
-import { ReactComponents, PrimaryToolbarComponents } from '../types/editor-props';
+import { ReactComponents, PrimaryToolbarComponents, UseStickyToolbarType } from '../types/editor-props';
 import { ToolbarUIComponentFactory } from '../ui/Toolbar/types';
 import { CollabEditOptions } from '../plugins/collab-edit/types';
 import { DispatchAnalyticsEvent } from '../plugins/analytics';
@@ -43,6 +43,6 @@ export interface EditorAppearanceComponentProps {
     persistScrollGutter?: boolean;
     enableToolbarMinWidth?: boolean;
     featureFlags?: FeatureFlags;
-    useStickyToolbar?: boolean | RefObject<HTMLElement>;
+    useStickyToolbar?: UseStickyToolbarType;
     innerRef?: RefObject<HTMLDivElement>;
 }

package/dist/types/types/editor-props.d.ts

@@ -1,37 +1,38 @@
-import { ReactElement, RefObject } from 'react';
 import { Node, Schema } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
+import { ReactElement, RefObject } from 'react';
 import EditorActions from '../actions';
 import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-common/extensions';
-import type { ContextIdentifierProvider, SearchProvider, Providers } from '@atlaskit/editor-common/provider-factory';
-import { Transformer } from '@atlaskit/editor-common/types';
+import type { ContextIdentifierProvider, Providers, SearchProvider } from '@atlaskit/editor-common/provider-factory';
+import type { Transformer, AllEditorPresetPluginTypes } from '@atlaskit/editor-common/types';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
 import { ActivityProvider } from '@atlaskit/activity-provider';
 import { MentionProvider } from '@atlaskit/mention/resource';
 import { TaskDecisionProvider } from '@atlaskit/task-decision';
-import { PluginConfig as TablesPluginConfig } from '@atlaskit/editor-plugin-table/types';
-import { TextColorPluginConfig } from '../plugins/text-color/pm-plugins/main';
-import { MediaOptions, MediaState } from '../plugins/media/types';
-import { CollabEditOptions } from '../plugins/collab-edit/types';
 import { CardOptions } from '@atlaskit/editor-common/card';
-import { QuickInsertOptions } from '../plugins/quick-insert/types';
+import { PluginConfig as TablesPluginConfig } from '@atlaskit/editor-plugin-table/types';
 import { AnnotationProviders } from '../plugins/annotation/types';
-import { TextFormattingOptions } from '../plugins/text-formatting/types';
-import { PlaceholderTextOptions } from '../plugins/placeholder-text/types';
 import { BlockTypePluginOptions } from '../plugins/block-type/types';
 import { CodeBlockOptions } from '../plugins/code-block/types';
-import { LayoutPluginOptions } from '../plugins/layout/types';
+import { CollabEditOptions } from '../plugins/collab-edit/types';
 import { FindReplaceOptions } from '../plugins/find-replace/types';
-import { ExtensionConfig } from './extension-config';
-import { EditorAppearance } from './editor-appearance';
+import { LinkingOptions } from '../plugins/hyperlink/types';
+import { LayoutPluginOptions } from '../plugins/layout/types';
+import { MediaOptions, MediaState } from '../plugins/media/types';
+import { PlaceholderTextOptions } from '../plugins/placeholder-text/types';
+import { QuickInsertOptions } from '../plugins/quick-insert/types';
+import { TextColorPluginConfig } from '../plugins/text-color/pm-plugins/main';
+import { TextFormattingOptions } from '../plugins/text-formatting/types';
 import { MenuItem } from '../ui/DropdownMenu/types';
-import { EditorOnChangeHandler } from './editor-onchange';
-import { PerformanceTracking } from './performance-tracking';
+import { MentionPluginConfig } from './../plugins/mentions/types';
 import { PanelPluginConfig } from './../plugins/panel/types';
+import { EditorAppearance } from './editor-appearance';
+import { EditorOnChangeHandler } from './editor-onchange';
 import { EditorPlugin } from './editor-plugin';
-import { MentionPluginConfig } from './../plugins/mentions/types';
 import { EmptyStateHandler } from './empty-state-handler';
-import { LinkingOptions } from '../plugins/hyperlink/types';
+import { ExtensionConfig } from './extension-config';
+import { PerformanceTracking } from './performance-tracking';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 export declare type ReactComponents = ReactElement<any> | ReactElement<any>[];
 declare type ExtensionProviders = (ExtensionProvider | Promise<ExtensionProvider>)[];
 declare type ExtensionProvidersWithEditorAction = (editorActions?: EditorActions) => ExtensionProviders;
@@ -50,7 +51,10 @@ export declare type BeforeAndAfterToolbarComponents = {
     after: ReactComponents;
 };
 export declare type PrimaryToolbarComponents = BeforeAndAfterToolbarComponents | ReactComponents;
-export interface EditorProps extends EditorPluginFeatureProps, EditorProviderProps {
+export declare type UseStickyToolbarType = boolean | RefObject<HTMLElement> | {
+    offsetTop: number;
+};
+export interface EditorBaseProps extends EditorPluginFeatureProps, EditorProviderProps {
     appearance?: EditorAppearance;
     contentComponents?: ReactComponents;
     primaryToolbarIconBefore?: ReactElement;
@@ -98,8 +102,10 @@ export interface EditorProps extends EditorPluginFeatureProps, EditorProviderPro
      * Enables the sticky toolbar in the comment/standard editor.
      * If a boolean is specified and it's `true`, the sticky toolbar will be enabled, sticking to the top of the scroll parent.
      * Instead a reference can be specified to an existing sticky toolbar on the page that the editor toolbar should stay below (experimental).
+     * if {offsetTop: number} is passed in, the toolbar is sticky and the toolbar's 'top' will be set to the offsetTop
+     * so the toolbar will sticks to `{offsetTop}` below the scroll parent.
      */
-    useStickyToolbar?: boolean | RefObject<HTMLElement>;
+    useStickyToolbar?: UseStickyToolbarType;
     /**
      * @default undefined
      * @description
@@ -131,6 +137,33 @@ export interface EditorProps extends EditorPluginFeatureProps, EditorProviderPro
     featureFlags?: {
         [featureFlag: string]: string | boolean;
     };
+}
+export interface EditorSharedPropsWithPlugins {
+    onSave?: (editorView: EditorView) => void;
+    /**
+     * @description Control performance metric measurements and tracking
+     */
+    performanceTracking?: PerformanceTracking;
+    sanitizePrivateContent?: boolean;
+    allowAnalyticsGASV3?: boolean;
+    media?: MediaOptions;
+    collabEdit?: CollabEditOptions;
+    insertMenuItems?: MenuItem[];
+    primaryToolbarComponents?: PrimaryToolbarComponents;
+    allowUndoRedoButtons?: boolean;
+    allowTextColor?: boolean | TextColorPluginConfig;
+    allowTables?: boolean | TablesPluginConfig;
+    /** @deprecated Use smartLinks instead. */
+    UNSAFE_cards?: CardOptions;
+    /** @deprecated Use linking instead. */
+    smartLinks?: CardOptions;
+    /**
+     *  Configure and extend editor linking behaviour
+     */
+    linking?: LinkingOptions;
+    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
+}
+export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps, EditorSharedPropsWithPlugins, EditorProviderProps {
     /**
      * @deprecated Do not use outside of Editor team.
      * This has subtle side effects - you __WILL__ break functionality without implementer knowledge of editor-core internals
@@ -142,6 +175,9 @@ export interface EditorProps extends EditorPluginFeatureProps, EditorProviderPro
         __plugins: EditorPlugin[];
     };
 }
+export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithPlugins, EditorProviderProps {
+    preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>;
+}
 export interface EditorProviderProps {
     activityProvider?: Promise<ActivityProvider>;
     searchProvider?: Promise<SearchProvider>;
@@ -150,7 +186,6 @@ export interface EditorProviderProps {
     presenceProvider?: Promise<any>;
     emojiProvider?: Providers['emojiProvider'];
     taskDecisionProvider?: Promise<TaskDecisionProvider>;
-    contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     legacyImageUploadProvider?: Providers['imageUploadProvider'];
     mentionProvider?: Promise<MentionProvider>;
     autoformattingProvider?: Providers['autoformattingProvider'];
@@ -162,13 +197,10 @@ export interface EditorPluginFeatureProps {
         allowInteractiveExpand?: boolean;
     };
     allowNestedTasks?: boolean;
-    allowAnalyticsGASV3?: boolean;
     allowBlockType?: BlockTypePluginOptions['allowBlockType'];
     allowTasksAndDecisions?: boolean;
     allowBreakout?: boolean;
     allowRule?: boolean;
-    allowTextColor?: boolean | TextColorPluginConfig;
-    allowTables?: boolean | TablesPluginConfig;
     allowHelpDialog?: boolean;
     allowJiraIssue?: boolean;
     allowPanel?: boolean | PanelPluginConfig;
@@ -187,7 +219,6 @@ export interface EditorPluginFeatureProps {
      * The idea of this new behaviour is to have a consistent outcome regardless of the insertion method.
      **/
     allowNewInsertionBehaviour?: boolean;
-    allowUndoRedoButtons?: boolean;
     allowFindReplace?: boolean | FindReplaceOptions;
     /**
      * Enable support for the "fragment" mark.
@@ -208,18 +239,6 @@ export interface EditorPluginFeatureProps {
     maxContentSize?: number;
     saveOnEnter?: boolean;
     feedbackInfo?: FeedbackInfo;
-    media?: MediaOptions;
-    collabEdit?: CollabEditOptions;
-    primaryToolbarComponents?: PrimaryToolbarComponents;
-    /** @deprecated Use smartLinks instead. */
-    UNSAFE_cards?: CardOptions;
-    /** @deprecated Use linking instead. */
-    smartLinks?: CardOptions;
-    /**
-     *  Configure and extend editor linking behaviour
-     */
-    linking?: LinkingOptions;
-    sanitizePrivateContent?: boolean;
     mention?: MentionPluginConfig;
     /**
      * flag to indicate display name instead of nick name should be inserted for mentions
@@ -227,14 +246,8 @@ export interface EditorPluginFeatureProps {
      * @deprecated Use mention.mentionInsertDisplayName instead
      */
     mentionInsertDisplayName?: boolean;
-    /**
-     * @description Control performance metric measurements and tracking
-     */
-    performanceTracking?: PerformanceTracking;
     uploadErrorHandler?: (state: MediaState) => void;
-    onSave?: (editorView: EditorView) => void;
     waitForMediaUpload?: boolean;
-    insertMenuItems?: MenuItem[];
     extensionHandlers?: ExtensionHandlers;
 }
 export {};

package/dist/types/ui/Appearance/Chromeless.d.ts

@@ -2,11 +2,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { EditorAppearanceComponentProps } from '../../types';
-export interface ChromelessEditorProps {
-    isMaxContentSizeReached?: boolean;
-    maxHeight?: number;
-    minHeight?: number;
-}
 export default class Editor extends React.Component<EditorAppearanceComponentProps, any> {
     static displayName: string;
     private appearance;