@atlaskit/editor-core 151.2.1 → 153.0.0

package/dist/types/nodeviews/ReactNodeView.d.ts

@@ -12,15 +12,16 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     private contentDOMWrapper?;
     private reactComponent?;
     private portalProviderAPI;
-    private hasContext;
+    private hasAnalyticsContext;
     private _viewShouldUpdate?;
     protected eventDispatcher?: EventDispatcher;
+    private hasIntlContext;
     reactComponentProps: P;
     view: EditorView;
     getPos: getPosHandler;
     contentDOM: Node | undefined;
     node: PMNode;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<any>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<any>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.
@@ -40,7 +41,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     handleRef: (node: HTMLElement | null) => void;
     private _handleRef;
     render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
-    update(node: PMNode, _decorations: Array<Decoration>, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    update(node: PMNode, _decorations: Array<Decoration>, _innerDecorations?: Array<Decoration>, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     viewShouldUpdate(nextNode: PMNode): boolean;
     /**
      * Copies the attributes from a ProseMirror Node to a DOM node.
@@ -55,6 +56,6 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
         slowThreshold: number;
     };
     private dispatchAnalyticsEvent;
-    static fromComponent(component: React.ComponentType<any>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
+    static fromComponent(component: React.ComponentType<any>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
 }
 export {};

package/dist/types/nodeviews/SelectionBasedNodeView.d.ts

@@ -33,7 +33,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     private selectionChangeState;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<any>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<any>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * Update current node's start and end positions.
      *
@@ -46,6 +46,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     isSelectionInsideNode: (from: number, to: number, pos?: number | undefined, posEnd?: number | undefined) => boolean;
     private isSelectedNode;
     insideSelection: () => boolean;
+    nodeInsideSelection: () => boolean;
     viewShouldUpdate(_nextNode: PMNode): boolean;
     destroy(): void;
     private onSelectionChange;

package/dist/types/plugins/alignment/ui/ToolbarAlignment/icon-map.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const iconMap: {
     start: JSX.Element;
     end: JSX.Element;

package/dist/types/plugins/alignment/ui/ToolbarAlignment/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
@@ -13,7 +13,16 @@ export interface Props {
     isReducedSpacing?: boolean;
     disabled?: boolean;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
+    static displayName: string;
+    state: State;
+    render(): JSX.Element;
+    private changeAlignment;
+    private toggleOpen;
+    private handleOpenChange;
+    private hide;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/analytics/types/enums.d.ts

@@ -50,6 +50,7 @@ export declare enum ACTION {
     INITIALISED = "initialised",
     INPUT_PERF_SAMPLING = "inputPerfSampling",
     INSERTED = "inserted",
+    INVALID_DOCUMENT_ENCOUNTERED = "invalidDocumentEncountered",
     INVOKED = "invoked",
     LANGUAGE_SELECTED = "languageSelected",
     LIST_ITEM_JOINED = "listItemJoined",

package/dist/types/plugins/analytics/types/events.d.ts

@@ -63,6 +63,12 @@ declare type SynchronyErrorAEP = OperationalAEP<ACTION.SYNCHRONY_ERROR, ACTION_S
     docStructure?: string | SimplifiedNode;
     browserExtensions?: UserBrowserExtensionResults;
 }, undefined>;
+declare type InvalidDocumentEncounteredAEP = OperationalAEP<ACTION.INVALID_DOCUMENT_ENCOUNTERED, ACTION_SUBJECT.EDITOR, undefined, {
+    nodeType: string;
+    reason: string;
+    tableLocalId: string;
+    spanValue: number;
+}, undefined>;
 declare type SynchronyEntityErrorAEP = OperationalAEP<ACTION.SYNCHRONY_ENTITY_ERROR | ACTION.SYNCHRONY_DISCONNECTED, ACTION_SUBJECT.EDITOR, undefined, {
     onLine: boolean;
     visibilityState: string;
@@ -91,5 +97,5 @@ declare type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR
     errorStack: string;
     errorId: string;
 }, undefined>;
-export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP;
+export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP;
 export {};

package/dist/types/plugins/annotation/nodeviews/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReactNodeView, ForwardRef } from '../../../nodeviews';
 export declare class AnnotationNodeView extends ReactNodeView {
     createDomRef(): HTMLSpanElement;

package/dist/types/plugins/annotation/toolbar.d.ts

@@ -1,4 +1,4 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { EditorState } from 'prosemirror-state';
 import { FloatingToolbarConfig } from '../../plugins/floating-toolbar/types';
 export declare const annotationMessages: {
@@ -18,4 +18,4 @@ export declare const annotationMessages: {
         description: string;
     };
 };
-export declare const buildToolbar: (state: EditorState, intl: InjectedIntl, isToolbarAbove?: boolean) => FloatingToolbarConfig | undefined;
+export declare const buildToolbar: (state: EditorState, intl: IntlShape, isToolbarAbove?: boolean) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/annotation/ui/InlineCommentView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorView } from 'prosemirror-view';
 import { AnnotationProviders } from '../types';
 import { DispatchAnalyticsEvent } from '../../analytics/types';

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

@@ -50,7 +50,7 @@ export declare const hasInvalidNodes: (state: EditorState) => boolean;
  * Checks if any of the nodes in a given selection are completely whitespace
  * This is to conform to Confluence annotation specifications
  */
-export declare function hasWhitespaceNode(selection: TextSelection | AllSelection): boolean;
+export declare function hasInvalidWhitespaceNode(selection: TextSelection | AllSelection): boolean;
 export declare function hasAnnotationMark(node: Node, state: EditorState): boolean;
 export declare function annotationExists(annotationId: string, state: EditorState): boolean;
 export declare function containsAnyAnnotations(slice: Slice, state: EditorState): boolean;

package/dist/types/plugins/avatar-group/index.d.ts

@@ -2,5 +2,6 @@ import { EditorPlugin } from '../../types';
 import { CollabEditOptions } from '../collab-edit';
 declare const avatarGroup: (props: {
     collabEdit?: CollabEditOptions;
+    takeFullWidth: boolean;
 }) => EditorPlugin;
 export default avatarGroup;

package/dist/types/plugins/avatar-group/ui/AvatarGroupPluginWrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EventDispatcher } from '../../../event-dispatcher';
 import { EditorView } from 'prosemirror-view';
 import { CollabEditOptions } from '../../collab-edit';
@@ -7,4 +8,5 @@ export declare const AvatarGroupPluginWrapper: (props: {
     editorView: EditorView;
     eventDispatcher: EventDispatcher<any>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    takeFullWidth: boolean;
 }) => JSX.Element;

package/dist/types/plugins/before-primaryToolbar/index.d.ts

@@ -0,0 +1,5 @@
+import { EditorPlugin } from '../../types';
+declare const beforePrimaryToolbar: (props: {
+    beforePrimaryToolbarComponents?: any;
+}) => EditorPlugin;
+export default beforePrimaryToolbar;

package/dist/types/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const BeforePrimaryToolbarPluginWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const BeforePrimaryToolbarWrapper: (props: {
+    beforePrimaryToolbarComponents: any;
+}) => JSX.Element;

package/dist/types/plugins/block-type/ui/ToolbarBlockType/blocktype-button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { MessageDescriptor } from '../../../../types/i18n';
 export interface BlockTypeButtonProps {
     isSmall?: boolean;
@@ -8,7 +8,7 @@ export interface BlockTypeButtonProps {
     disabled: boolean;
     title: MessageDescriptor;
     onClick(e: React.MouseEvent): void;
-    formatMessage: InjectedIntlProps['intl']['formatMessage'];
+    formatMessage: WrappedComponentProps['intl']['formatMessage'];
 }
 export declare const messages: {
     textStyles: {

package/dist/types/plugins/block-type/ui/ToolbarBlockType/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { BlockTypeState } from '../../pm-plugins/main';
 import { BlockType } from '../../types';
 import { MenuItem } from '../../../../ui/DropdownMenu/types';
@@ -19,7 +19,7 @@ export interface Props {
 export interface State {
     active: boolean;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/breakout/ui/LayoutButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
 interface Props {
@@ -10,7 +10,7 @@ interface Props {
     scrollableElement?: HTMLElement;
     handleClick?: Function;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/caption/nodeviews/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
 import { getPosHandler, ForwardRef, SelectionBasedNodeView } from '../../../nodeviews/';

package/dist/types/plugins/card/toolbar.d.ts

@@ -1,4 +1,4 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { EditorState } from 'prosemirror-state';
 import { Command } from '../../types';
 import { FloatingToolbarConfig } from '../floating-toolbar/types';
@@ -6,4 +6,4 @@ import { CardOptions } from '@atlaskit/editor-common';
 import { ProviderFactory } from '@atlaskit/editor-common';
 export declare const removeCard: Command;
 export declare const visitCardLink: Command;
-export declare const floatingToolbar: (cardOptions: CardOptions, platform?: "mobile" | "web" | undefined) => (state: EditorState, intl: InjectedIntl, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
+export declare const floatingToolbar: (cardOptions: CardOptions, platform?: "mobile" | "web" | undefined) => (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/card/ui/LinkToolbarAppearance.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { EditorState } from 'prosemirror-state';
 import { CardContext, CardPlatform } from '@atlaskit/smart-card';
 import { EditorView } from 'prosemirror-view';
 import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 export interface LinkToolbarAppearanceProps {
-    intl: InjectedIntl;
+    intl: IntlShape;
     currentAppearance?: CardAppearance;
     editorState: EditorState;
     editorView?: EditorView;

package/dist/types/plugins/code-bidi-warning/pm-plugins/main.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from 'prosemirror-state';
 import type { EditorProps, PMPluginFactoryParams } from '../../../types';
-export declare const createPlugin: ({ dispatch, reactContext }: PMPluginFactoryParams, { appearance }: {
+export declare const createPlugin: ({ dispatch, getIntl }: PMPluginFactoryParams, { appearance }: {
     appearance: EditorProps['appearance'];
 }) => Plugin<any, import("prosemirror-model").Schema<any, any>>;

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

@@ -1,8 +1,8 @@
 import { Plugin } from 'prosemirror-state';
+import { IntlShape } from 'react-intl-next';
 import type { EditorProps } from '../../../types';
-import { EditorReactContext } from '../../../types/editor-react-context';
-export declare const createPlugin: ({ useLongPressSelection, reactContext, appearance, }: {
+export declare const createPlugin: ({ useLongPressSelection, getIntl, appearance, }: {
     useLongPressSelection?: boolean | undefined;
-    reactContext: () => EditorReactContext;
+    getIntl: () => IntlShape;
     appearance: EditorProps['appearance'];
 }) => Plugin<any, any>;

package/dist/types/plugins/code-block/types.d.ts

@@ -2,5 +2,5 @@ import type { EditorAppearance } from '../../types';
 import { LongPressSelectionPluginOptions } from '../selection/types';
 export interface CodeBlockOptions extends LongPressSelectionPluginOptions {
     allowCopyToClipboard?: boolean;
-    appearance: EditorAppearance | undefined;
+    appearance?: EditorAppearance | undefined;
 }

package/dist/types/plugins/collab-edit/ui/avatars-with-plugin-state.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../../../event-dispatcher';
 import { CollabInviteToEditProps } from '../types';
@@ -7,10 +7,13 @@ export declare type AvatarsWithPluginStateProps = {
     editorView?: EditorView;
     eventDispatcher?: EventDispatcher;
 } & CollabInviteToEditProps;
-declare const _default: React.ComponentClass<AvatarsWithPluginStateProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
+    editorView?: EditorView<any> | undefined;
+    eventDispatcher?: EventDispatcher<any> | undefined;
+} & CollabInviteToEditProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         editorView?: EditorView<any> | undefined;
         eventDispatcher?: EventDispatcher<any> | undefined;
-    } & CollabInviteToEditProps & InjectedIntlProps>;
+    } & CollabInviteToEditProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/date/nodeviews/date.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { getPosHandler } from '../../../nodeviews';
 export interface Props {
     children?: React.ReactNode;
@@ -9,7 +9,7 @@ export interface Props {
     node: PMNode;
     getPos?: getPosHandler;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/date/ui/DatePicker/date-picker-input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { DispatchAnalyticsEvent } from '../../../analytics';
 import { DateType } from '../../types';
 export interface InputProps {
@@ -18,7 +18,7 @@ export interface InputProps {
 export interface InputState {
     inputText: string;
 }
-declare const _default: React.ComponentClass<InputProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<InputProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<InputProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<InputProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/date/ui/DatePicker/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { DateType } from '../../types';
 import { INPUT_METHOD } from '../../../analytics/types/enums';
 import { DispatchAnalyticsEvent } from '../../../analytics';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     element: HTMLElement | null;
     closeDatePicker: () => void;
@@ -28,7 +28,7 @@ export interface State {
     setInputSelectionPos?: number;
     latestValidDate: DateType;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/emoji/nodeviews/emoji.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView, NodeView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common';

package/dist/types/plugins/emoji/ui/Emoji/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { EmojiProps } from '@atlaskit/editor-common';
 export default function EmojiNode(props: EmojiProps): JSX.Element;

package/dist/types/plugins/expand/nodeviews/index.d.ts

@@ -1,10 +1,7 @@
+import { IntlShape } from 'react-intl-next';
 import { EditorView, NodeView, Decoration } from 'prosemirror-view';
 import { Node as PmNode } from 'prosemirror-model';
 import { getPosHandlerNode, getPosHandler } from '../../../nodeviews/';
-declare type ReactContext = {
-    [key: string]: any;
-} | undefined;
-declare type ReactContextFn = () => ReactContext;
 export declare class ExpandNodeView implements NodeView {
     node: PmNode;
     view: EditorView;
@@ -16,9 +13,9 @@ export declare class ExpandNodeView implements NodeView {
     content?: HTMLElement | null;
     getPos: getPosHandlerNode;
     pos: number;
-    reactContext: ReactContext;
+    intl: IntlShape;
     allowInteractiveExpand: boolean;
-    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, reactContext: ReactContextFn);
+    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, getIntl: () => IntlShape);
     private initHandlers;
     private focusTitle;
     private handleIconKeyDown;
@@ -44,5 +41,4 @@ export declare class ExpandNodeView implements NodeView {
     update(node: PmNode, _decorations: Array<Decoration>): boolean;
     destroy(): void;
 }
-export default function (reactContext: ReactContextFn): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
-export {};
+export default function (getIntl: () => IntlShape): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,5 +1,4 @@
 import { Plugin } from 'prosemirror-state';
 import { Dispatch } from '../../../event-dispatcher';
-export declare const createPlugin: (dispatch: Dispatch, reactContext: () => {
-    [key: string]: any;
-}, useLongPressSelection?: boolean) => Plugin<any, import("prosemirror-model").Schema<any, any>>;
+import { IntlShape } from 'react-intl-next';
+export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, useLongPressSelection?: boolean) => Plugin<any, import("prosemirror-model").Schema<any, any>>;

package/dist/types/plugins/expand/ui/ExpandIconButton.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 interface ExpandIconButtonProps {
     allowInteractiveExpand: boolean;
     expanded: boolean;
-    intl?: InjectedIntl;
+    intl?: IntlShape;
 }
 interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
     label: string;

package/dist/types/plugins/extension/context-panel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorState } from 'prosemirror-state';
 import type { EditorView } from 'prosemirror-view';
 import type { ContentNodeWithPos } from 'prosemirror-utils';

package/dist/types/plugins/extension/nodeviews/extension.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorView, NodeView } from 'prosemirror-view';
 import { Node as PmNode } from 'prosemirror-model';
 import { ProviderFactory, ExtensionHandlers } from '@atlaskit/editor-common';

package/dist/types/plugins/feature-flags-context/get-enabled-feature-flag-keys.d.ts

@@ -4,4 +4,4 @@ import type { FeatureFlags } from '../../types/feature-flags';
  *
  * Useful for analytics and analysis purposes.
  */
-export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo")[];
+export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("singleLayout" | "newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo" | "twoLineEditorToolbar")[];

package/dist/types/plugins/find-replace/FindReplaceToolbarButtonWithState.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorView } from 'prosemirror-view';
+import { DispatchAnalyticsEvent } from '../analytics';
+export declare type FindReplaceToolbarButtonWithStateProps = {
+    popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    isToolbarReducedSpacing?: boolean;
+    editorView: EditorView;
+    containerElement: HTMLElement | null;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    takeFullWidth?: boolean;
+};
+declare const FindReplaceToolbarButtonWithState: React.FunctionComponent<FindReplaceToolbarButtonWithStateProps>;
+export default FindReplaceToolbarButtonWithState;

package/dist/types/plugins/find-replace/index.d.ts

@@ -1,5 +1,6 @@
 import { EditorPlugin } from '../../types';
 export declare const findReplacePlugin: (props: {
     takeFullWidth: boolean;
+    twoLineEditorToolbar: boolean;
 }) => EditorPlugin;
 export default findReplacePlugin;

package/dist/types/plugins/find-replace/ui/Find.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { TRIGGER_METHOD } from '../../analytics/types';
 import { MatchCaseProps } from '../types';
 export declare type FindProps = {
@@ -24,8 +24,28 @@ export declare type FindProps = {
     }) => void;
     onArrowDown: () => void;
 } & MatchCaseProps;
-declare const _default: React.ComponentClass<FindProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
+    findText?: string | undefined;
+    count: {
+        index: number;
+        total: number;
+    };
+    shouldFocus: boolean;
+    onFindBlur: () => void;
+    onFind: (findText?: string | undefined) => void;
+    onFindNext: ({ triggerMethod, }: {
+        triggerMethod: TRIGGER_METHOD.BUTTON | TRIGGER_METHOD.KEYBOARD;
+    }) => void;
+    onFindPrev: ({ triggerMethod, }: {
+        triggerMethod: TRIGGER_METHOD.BUTTON | TRIGGER_METHOD.KEYBOARD;
+    }) => void;
+    onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
+    onCancel: ({ triggerMethod, }: {
+        triggerMethod: TRIGGER_METHOD.BUTTON | TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR;
+    }) => void;
+    onArrowDown: () => void;
+} & MatchCaseProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         findText?: string | undefined;
         count: {
             index: number;
@@ -45,6 +65,6 @@ declare const _default: React.ComponentClass<FindProps, any> & {
             triggerMethod: TRIGGER_METHOD.BUTTON | TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR;
         }) => void;
         onArrowDown: () => void;
-    } & MatchCaseProps & InjectedIntlProps>;
+    } & MatchCaseProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/find-replace/ui/FindReplaceToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { FindReplaceProps } from './FindReplace';
 import { DispatchAnalyticsEvent } from '../../analytics/types';
 export interface FindReplaceToolbarButtonProps extends Omit<FindReplaceProps, 'count'> {
@@ -14,7 +14,7 @@ export interface FindReplaceToolbarButtonProps extends Omit<FindReplaceProps, 'c
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     takeFullWidth: boolean;
 }
-declare const _default: React.ComponentClass<FindReplaceToolbarButtonProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<FindReplaceToolbarButtonProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/find-replace/ui/Replace.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { TRIGGER_METHOD, DispatchAnalyticsEvent } from '../../analytics/types';
 export declare type ReplaceProps = {
     canReplace: boolean;
@@ -20,7 +20,7 @@ export declare type ReplaceState = {
     replaceText: string;
     isComposing: boolean;
 };
-declare const _default: React.ComponentClass<ReplaceProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<ReplaceProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ReplaceProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ReplaceProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/floating-toolbar/types.d.ts

@@ -1,4 +1,4 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { NodeType, Node } from 'prosemirror-model';
@@ -147,5 +147,5 @@ export interface FloatingToolbarConfig {
     forcePlacement?: boolean;
     onPositionCalculated?: (editorView: EditorView, nextPos: Position) => Position;
 }
-export declare type FloatingToolbarHandler = (state: EditorState, intl: InjectedIntl, providerFactory: ProviderFactory, cardOptions?: CardOptions) => FloatingToolbarConfig | undefined;
+export declare type FloatingToolbarHandler = (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory, cardOptions?: CardOptions) => FloatingToolbarConfig | undefined;
 export {};

package/dist/types/plugins/floating-toolbar/ui/ConfirmationModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ConfirmDialogOptions } from '../types';
 declare type ConfirmationDialogProps = {
     onConfirm: () => void;
@@ -7,7 +7,7 @@ declare type ConfirmationDialogProps = {
     options?: ConfirmDialogOptions;
     testId?: string;
 };
-export declare const ConfirmationModal: React.ComponentClass<ConfirmationDialogProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<ConfirmationDialogProps & InjectedIntlProps>;
+export declare const ConfirmationModal: React.FC<import("react-intl-next").WithIntlProps<ConfirmationDialogProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ConfirmationDialogProps & WrappedComponentProps<"intl">>;
 };
 export {};

package/dist/types/plugins/floating-toolbar/ui/EditorEmojiAddIcon.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function EditorEmojiAddIcon(): JSX.Element;