@atlaskit/editor-core 152.0.1 → 153.0.0

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react-intl" />
 import React from 'react';
 import PropTypes from 'prop-types';
 import { EditorState } from 'prosemirror-state';
 import { DirectEditorProps, EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
+import { WrappedComponentProps } from 'react-intl-next';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ErrorReporter, ProviderFactory, Transformer } from '@atlaskit/editor-common';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
@@ -44,7 +44,7 @@ export interface EditorViewProps {
     }) => void;
 }
 export declare function shouldReconfigureState(props: EditorProps, nextProps: EditorProps): boolean;
-export default class ReactEditorView<T = {}> extends React.Component<EditorViewProps & T, {}, EditorReactContext> {
+export declare class ReactEditorView<T = {}> extends React.Component<EditorViewProps & WrappedComponentProps & T, {}, EditorReactContext> {
     view?: EditorView;
     eventDispatcher: EventDispatcher;
     contentTransformer?: Transformer<string>;
@@ -58,7 +58,6 @@ export default class ReactEditorView<T = {}> extends React.Component<EditorViewP
     experienceStore?: ExperienceStore;
     static contextTypes: {
         getAtlaskitAnalyticsEventHandlers: PropTypes.Requireable<any>;
-        intl: ReactIntl.IntlShape;
     };
     private canDispatchTransactions;
     private focusTimeoutId?;
@@ -69,7 +68,7 @@ export default class ReactEditorView<T = {}> extends React.Component<EditorViewP
     get transactionTracking(): import("../types/performance-tracking").TransactionTracking;
     private getPluginNames;
     private countNodes;
-    constructor(props: EditorViewProps & T, context: EditorReactContext);
+    constructor(props: EditorViewProps & WrappedComponentProps & T, context: EditorReactContext);
     UNSAFE_componentWillReceiveProps(nextProps: EditorViewProps): void;
     formatFullWidthAppearance: (appearance: EditorAppearance | undefined) => FULL_WIDTH_MODE;
     resetEditorState: ({ doc, shouldScrollToBottom, }: {
@@ -102,3 +101,7 @@ export default class ReactEditorView<T = {}> extends React.Component<EditorViewP
     private editor;
     render(): JSX.Element;
 }
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<EditorViewProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<EditorViewProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/create-editor/get-plugins.d.ts

@@ -5,6 +5,7 @@ import { EventDispatcher, Dispatch } from '../event-dispatcher';
 import { MarkConfig, NodeConfig } from '../types/pm-config';
 import { EditorReactContext } from '../types/editor-react-context';
 import { FeatureFlags } from '../types/feature-flags';
+import { IntlShape } from 'react-intl-next';
 export declare type LightPMPluginFactoryParams = {
     schema: Schema;
     dispatch: Dispatch;
@@ -16,6 +17,7 @@ export declare type LightPMPluginFactoryParams = {
     reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: any;
     featureFlags: FeatureFlags;
+    getIntl: () => IntlShape;
 };
 export declare type LightPMPluginFactory = (params: LightPMPluginFactoryParams) => Plugin | undefined;
 export declare type LightPMPlugin = {

package/dist/types/create-editor/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ReactEditorView } from './ReactEditorView';
+export { default as ReactEditorView, ReactEditorView as BaseReactEditorView, } from './ReactEditorView';
 export { default as getUiComponent } from './get-ui-component';
 export { default as createPluginsList, getDefaultPresetOptionsFromEditorProps, } from './create-plugins-list';

package/dist/types/editor.d.ts

@@ -21,7 +21,6 @@ export default class Editor extends React.Component<EditorProps, State> {
     static defaultProps: EditorProps;
     static contextTypes: {
         editorActions: PropTypes.Requireable<any>;
-        intl: IntlShape;
     };
     private providerFactory;
     private editorActions;

package/dist/types/index.d.ts

@@ -65,7 +65,7 @@ export type { AnalyticsEventPayload } from './plugins/analytics';
 export { setKeyboardHeight, setMobilePaddingTop, } from './plugins/mobile-dimensions/commands';
 export { setTextSelection, dedupe, getNodesCount, measurements, hasVisibleContent, } from './utils';
 export { getListCommands } from './utils/list-commands';
-export { ReactEditorView } from './create-editor';
+export { ReactEditorView, BaseReactEditorView } from './create-editor';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor';
 export type { Command, EditorPlugin, EditorProps, EditorInstance, CommandDispatch, } from './types';
 export { default as EditorActions } from './actions';

package/dist/types/labs/next/ContentComponents.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function ContentComponents(disabled?: any): JSX.Element | null;

package/dist/types/labs/next/Editor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PresetProvider } from './internal/context/preset-context';
 import { EditorSharedConfig, EditorSharedConfigConsumer, useEditorSharedConfig } from './internal/context/shared-config';
 import { EditorContent } from './internal/components/EditorContent';

package/dist/types/labs/next/Toolbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     containerElement: HTMLElement | null;
 }

package/dist/types/labs/next/internal/components/EditorInternal.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react-intl" />
-import PropTypes from 'prop-types';
-import { EditorPropsExtended } from '../editor-props-type';
-export declare function EditorInternal({ onAnalyticsEvent, disabled, transformer, defaultValue, plugins, portalProviderAPI, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, onChange, onDestroy, onMount, children, }: EditorPropsExtended, context: any): JSX.Element;
-export declare namespace EditorInternal {
-    var contextTypes: {
-        editorActions: PropTypes.Requireable<any>;
-        intl: ReactIntl.IntlShape;
-    };
-}
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+export declare const EditorInternal: React.FC<import("react-intl-next").WithIntlProps<import("../editor-props-type").EditorProps & {
+    portalProviderAPI: import("../../../..").PortalProviderAPI;
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<import("../editor-props-type").EditorProps & {
+        portalProviderAPI: import("../../../..").PortalProviderAPI;
+    } & WrappedComponentProps<"intl">>;
+};

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/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/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/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 {};