@atlaskit/editor-core 152.0.1 → 153.1.1

package/dist/types/labs/next/internal/hooks/use-editor/create-editor.d.ts

@@ -5,7 +5,8 @@ import { PortalProviderAPI } from '../../../../../ui/PortalProvider';
 import { EditorSharedConfig } from '../../context/shared-config';
 import { EditorPropsExtended } from '../../editor-props-type';
 import { FeatureFlags } from '../../../../../types/feature-flags';
-export declare function createEditor({ context, onAnalyticsEvent, transformer, providerFactory, plugins, portalProviderAPI, defaultValue, ref, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorActions, disabled, onChange, onDestroy, onMount, featureFlags, }: CreateEditorParams): EditorSharedConfig | null;
+import { IntlShape } from 'react-intl-next';
+export declare function createEditor({ context, onAnalyticsEvent, transformer, providerFactory, plugins, portalProviderAPI, defaultValue, ref, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorActions, disabled, onChange, onDestroy, onMount, featureFlags, getIntl, }: CreateEditorParams): EditorSharedConfig | null;
 export declare type CreateEditorParams = Pick<EditorPropsExtended, 'defaultValue' | 'plugins' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'onChange' | 'disabled' | 'transformer' | 'onAnalyticsEvent' | 'onDestroy' | 'onMount'> & {
     context: any;
     ref?: HTMLDivElement | null;
@@ -14,4 +15,5 @@ export declare type CreateEditorParams = Pick<EditorPropsExtended, 'defaultValue
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     editorActions: EditorActions;
     featureFlags: FeatureFlags;
+    getIntl: () => IntlShape;
 };

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.
@@ -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.
      *

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

@@ -90,7 +90,9 @@ export declare enum ACTION {
     ON_EDITOR_READY_CALLBACK = "onEditorReadyCallback",
     ON_CHANGE_CALLBACK = "onChangeCalled",
     REMOVE_ICON = "removedIcon",
-    UFO_SESSION_COMPLETE = "ufoSessionComplete"
+    UFO_SESSION_COMPLETE = "ufoSessionComplete",
+    INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",
+    DOCUMENT_PROCESSING_ERROR = "documentProcessingError"
 }
 export declare enum INPUT_METHOD {
     ASCII = "ascii",

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

@@ -97,6 +97,12 @@ declare type ReactNodeViewRenderedAEP = OperationalAEP<ACTION.REACT_NODEVIEW_REN
     participants: number;
 }, undefined>;
 declare type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAIL, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
+declare type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, {
+    errorStack?: string;
+}, undefined>;
+declare type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, {
+    errorStack?: string;
+}, undefined>;
 declare type EditorStopAEP = UIAEP<ACTION.STOPPED, ACTION_SUBJECT.EDITOR, ACTION_SUBJECT_ID.SAVE | ACTION_SUBJECT_ID.CANCEL, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
     documentSize: number;
@@ -148,5 +154,5 @@ declare type RichMediaLayoutAEP = TrackAEP<ACTION.SELECTED, ACTION_SUBJECT.MEDIA
 declare type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
     language: string;
 }, undefined>;
-export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP;
+export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP;
 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/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';

package/dist/types/plugins/base/pm-plugins/fix-chrome-spell-checking.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'prosemirror-state';
+declare const _default: () => Plugin<any, any>;
+export default _default;

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/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): ("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")[];
+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" | "maxUnsafeChromeSpellcheckingVersion")[];

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;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ValueType } from '@atlaskit/select';
 export interface RenderOptionsPropsT<T> {
     hide: () => void;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/dist/types/plugins/help-dialog/ui/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntl, InjectedIntlProps } from 'react-intl';
+import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import { Schema } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import * as keymaps from '../../../keymaps';
@@ -10,8 +10,8 @@ export interface Format {
     autoFormatting?: Function;
     imageEnabled?: boolean;
 }
-export declare const formatting: (intl: InjectedIntl) => Format[];
-export declare const getSupportedFormatting: (schema: Schema, intl: InjectedIntl, imageEnabled?: boolean | undefined, quickInsertEnabled?: boolean | undefined) => Format[];
+export declare const formatting: (intl: IntlShape) => Format[];
+export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean | undefined, quickInsertEnabled?: boolean | undefined) => Format[];
 export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => JSX.Element;
 export interface Props {
     editorView: EditorView;
@@ -19,7 +19,7 @@ export interface Props {
     imageEnabled?: boolean;
     quickInsertEnabled?: 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;