@atlaskit/editor-core 152.0.1 → 153.0.0

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;

package/dist/types/plugins/hyperlink/HyperlinkToolbarAppearance.d.ts

@@ -1,12 +1,12 @@
 import { Component } from 'react';
 import { ProviderFactory, CardProvider } from '@atlaskit/editor-common/provider-factory';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { CardOptions } from '@atlaskit/editor-common';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { CardPlatform } from '@atlaskit/smart-card';
 export interface HyperlinkToolbarAppearanceProps {
-    intl: InjectedIntl;
+    intl: IntlShape;
     editorState: EditorState;
     providerFactory: ProviderFactory;
     url: string;

package/dist/types/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ActivityProvider } from '@atlaskit/activity-provider';
 import { SearchProvider } from '@atlaskit/editor-common';
 import { PureComponent } from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { LinkSearchListItemData } from '../../../../ui/LinkSearch/types';
 import { HyperlinkState } from '../../pm-plugins/main';
@@ -50,7 +50,8 @@ interface BaseProps {
 interface DefaultProps {
     displayText: string;
 }
-export declare type Props = InjectedIntlProps & BaseProps & DefaultProps & WithAnalyticsEventsProps;
+export declare type Props = WrappedComponentProps & BaseProps & DefaultProps & WithAnalyticsEventsProps;
+declare type HyperlinkLinkAddToolbarProps = WrappedComponentProps & BaseProps & Partial<DefaultProps> & WithAnalyticsEventsProps;
 export interface State {
     activityProvider?: ActivityProvider;
     searchProvider?: SearchProvider;
@@ -93,8 +94,8 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
     private updateTextInput;
     private handleCancel;
 }
-export declare const HyperlinkLinkAddToolbarWithIntl: React.ComponentClass<BaseProps & Partial<DefaultProps> & WithAnalyticsEventsProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<BaseProps & Partial<DefaultProps> & WithAnalyticsEventsProps & InjectedIntlProps>;
+export declare const HyperlinkLinkAddToolbarWithIntl: React.FC<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>> & {
+    WrappedComponent: React.ComponentType<HyperlinkLinkAddToolbarProps>;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<BaseProps & Partial<DefaultProps> & WithAnalyticsEventsProps, "searchProvider" | "activityProvider" | "view" | "onSubmit" | "autoFocus" | "popupsMountPoint" | "popupsBoundariesElement" | "pluginState" | "displayUrl" | "displayText"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>>, "searchProvider" | "activityProvider" | "children" | "view" | "onSubmit" | "autoFocus" | "popupsMountPoint" | "popupsBoundariesElement" | "forwardedRef" | "pluginState" | "displayText" | "displayUrl"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/create-items.d.ts

@@ -1,4 +1,5 @@
-import { InjectedIntlProps } from 'react-intl';
+/// <reference types="react" />
+import { WrappedComponentProps } from 'react-intl-next';
 import { Schema } from 'prosemirror-model';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { BlockType } from '../../../block-type/types';
@@ -30,7 +31,7 @@ export interface CreateItemsConfig {
     emojiProvider?: Promise<EmojiProvider>;
     schema: Schema;
     numberOfButtons: number;
-    formatMessage: InjectedIntlProps['intl']['formatMessage'];
+    formatMessage: WrappedComponentProps['intl']['formatMessage'];
     isNewMenuEnabled?: boolean;
 }
 export interface BlockMenuItem extends MenuItem {

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -1,7 +1,42 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
-import { Props } from './types';
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+import { WrappedComponentProps } from 'react-intl-next';
+import { Props, State } from './types';
+export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
+    private dropdownButtonRef?;
+    private emojiButtonRef?;
+    private plusButtonRef?;
+    state: State;
+    static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
+    componentDidUpdate(prevProps: Props): void;
+    private onOpenChange;
+    private togglePlusMenuVisibility;
+    private toggleEmojiPicker;
+    private handleEmojiPressEscape;
+    private handleEmojiClickOutside;
+    private renderPopup;
+    private handleEmojiButtonRef;
+    private handlePlusButtonRef;
+    private handleDropDownButtonRef;
+    render(): JSX.Element | null;
+    private toggleLinkPanel;
+    private insertMention;
+    private insertTable;
+    private createDate;
+    private createPlaceholderText;
+    private insertLayoutColumns;
+    private createStatus;
+    private openMediaPicker;
+    private insertTaskDecision;
+    private insertHorizontalRule;
+    private insertExpand;
+    private insertBlockType;
+    private handleSelectedEmoji;
+    private openElementBrowser;
+    private onItemActivated;
+    private insertToolbarMenuItem;
+    private insertInsertMenuItem;
+}
+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/jira-issue/nodeviews/jira-issue.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Node as PMNode } from 'prosemirror-model';
 export interface Props {
     node: PMNode;

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

@@ -1,5 +1,5 @@
-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 layoutToolbarTitle = "Layout floating controls";
-export declare const buildToolbar: (state: EditorState, intl: InjectedIntl, pos: number, _allowBreakout: boolean, addSidebarLayouts: boolean, allowSingleColumnLayout: boolean) => FloatingToolbarConfig | undefined;
+export declare const buildToolbar: (state: EditorState, intl: IntlShape, pos: number, _allowBreakout: boolean, addSidebarLayouts: boolean, allowSingleColumnLayout: boolean) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/list/ui/ToolbarLists/index.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';
 export interface Props {
     editorView: EditorView;
@@ -18,7 +18,7 @@ export interface Props {
 export interface State {
     isDropdownOpen: 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/media/nodeviews/mediaNodeView/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MediaADFAttrs } from '@atlaskit/adf-schema';
 import { ProviderFactory, Providers, MediaProvider, ContextIdentifierProvider } from '@atlaskit/editor-common';
 import { Node as PMNode } from 'prosemirror-model';

package/dist/types/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export declare const CONTAINER_WIDTH_IN_PX = 420;
 export declare const MAX_ALT_TEXT_LENGTH = 510;
@@ -8,7 +8,7 @@ declare type Props = {
     view: EditorView;
     value?: string;
     altTextValidator?: (value: string) => string[];
-} & InjectedIntlProps & WithAnalyticsEventsProps;
+} & WrappedComponentProps & WithAnalyticsEventsProps;
 export declare type AltTextEditComponentState = {
     showClearTextButton: boolean;
     validationErrors: string[] | undefined;
@@ -35,9 +35,5 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
     private handleOnBlur;
     private handleClearText;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<{
-    view: EditorView<any>;
-    value?: string | undefined;
-    altTextValidator?: ((value: string) => string[]) | undefined;
-} & WithAnalyticsEventsProps, "view" | "value" | "altTextValidator"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, "children" | "view" | "value" | "forwardedRef" | "altTextValidator"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,9 +1,9 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { FloatingToolbarButton, FloatingToolbarCustom, FloatingToolbarConfig } from '../../floating-toolbar/types';
 import { Command } from '../../../types';
 import { MediaToolbarBaseConfig } from '../types';
 import { EditorState } from 'prosemirror-state';
-export declare const altTextButton: (intl: InjectedIntl, state: EditorState) => FloatingToolbarButton<Command>;
+export declare const altTextButton: (intl: IntlShape, state: EditorState) => FloatingToolbarButton<Command>;
 export declare const altTextEditComponent: (options?: AltTextToolbarOptions | undefined) => FloatingToolbarCustom<Command>;
 export interface AltTextToolbarOptions {
     altTextValidator?: (value: string) => string[];

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { EditorView } from 'prosemirror-view';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { MediaPluginState } from '../pm-plugins/types';
 declare type AnnotationToolbarProps = {
     viewMediaClientConfig: MediaClientConfig;
     id: string;
     collection?: string;
-    intl: InjectedIntl;
+    intl: IntlShape;
     view?: EditorView;
 };
 export declare class AnnotationToolbar extends React.Component<AnnotationToolbarProps> {
@@ -20,5 +20,5 @@ export declare class AnnotationToolbar extends React.Component<AnnotationToolbar
     onClickAnnotation: () => void;
     render(): JSX.Element | null;
 }
-export declare const renderAnnotationButton: (pluginState: MediaPluginState, intl: InjectedIntl) => (view?: EditorView<any> | undefined, idx?: number | undefined) => JSX.Element | null;
+export declare const renderAnnotationButton: (pluginState: MediaPluginState, intl: IntlShape) => (view?: EditorView<any> | undefined, idx?: number | undefined) => JSX.Element | null;
 export {};

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

@@ -1,9 +1,9 @@
 import { FC } from 'react';
 import { MediaPluginState } from '../pm-plugins/types';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 interface FilePreviewProps {
     mediaPluginState: MediaPluginState;
-    intl: InjectedIntl;
+    intl: IntlShape;
 }
 export declare const FilePreviewItem: FC<FilePreviewProps>;
 export {};

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

@@ -1,5 +1,5 @@
-import { InjectedIntl } from 'react-intl';
 import { EditorState } from 'prosemirror-state';
+import { IntlShape } from 'react-intl-next';
 import { FloatingToolbarConfig } from '../../../plugins/floating-toolbar/types';
 import { MediaFloatingToolbarOptions } from '../types';
-export declare const floatingToolbar: (state: EditorState, intl: InjectedIntl, options?: MediaFloatingToolbarOptions) => FloatingToolbarConfig | undefined;
+export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options?: MediaFloatingToolbarOptions) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/media/toolbar/linking-toolbar-appearance.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { EditorState } from 'prosemirror-state';
 import { MediaLinkingState } from '../pm-plugins/linking';
 export interface LinkingToolbarProps {
     editorState: EditorState;
-    intl: InjectedIntl;
+    intl: IntlShape;
     mediaLinkingState: MediaLinkingState;
     onAddLink: React.MouseEventHandler;
     onEditLink: React.MouseEventHandler;

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

@@ -1,8 +1,8 @@
 import { EditorState } from 'prosemirror-state';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { ProviderFactory } from '@atlaskit/editor-common';
 import { FloatingToolbarConfig } from '../../floating-toolbar/types';
 import { MediaLinkingState } from '../pm-plugins/linking';
 import { MediaToolbarBaseConfig } from '../types';
 export declare function shouldShowMediaLinkToolbar(editorState: EditorState): boolean;
-export declare const getLinkingToolbar: (toolbarBaseConfig: MediaToolbarBaseConfig, mediaLinkingState: MediaLinkingState, state: EditorState, intl: InjectedIntl, providerFactory?: ProviderFactory | undefined) => FloatingToolbarConfig | undefined;
+export declare const getLinkingToolbar: (toolbarBaseConfig: MediaToolbarBaseConfig, mediaLinkingState: MediaLinkingState, state: EditorState, intl: IntlShape, providerFactory?: ProviderFactory | undefined) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/media/ui/CaptionPlaceholder/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CAPTION_PLACEHOLDER_ID = "caption-placeholder";
 declare const _default: ({ onClick }: {
     onClick: () => void;

package/dist/types/plugins/media/ui/Media/DropPlaceholder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type PlaceholderType = 'single' | 'group';
 export interface Props {
     type: PlaceholderType;

package/dist/types/plugins/media/ui/MediaLinkingToolbar.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common';
-import { InjectedIntl, InjectedIntlProps } from 'react-intl';
+import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import { RecentSearchInputTypes } from '../../../ui/LinkSearch/types';
 export declare type Props = {
-    intl: InjectedIntl;
+    intl: IntlShape;
     providerFactory: ProviderFactory;
     editing: boolean;
     onBack: (url: string, meta: {
@@ -17,7 +17,7 @@ export declare type Props = {
     }) => void;
     displayUrl?: string;
 };
-export declare class LinkAddToolbar extends React.PureComponent<Props & InjectedIntlProps> {
+export declare class LinkAddToolbar extends React.PureComponent<Props & WrappedComponentProps> {
     state: {
         validationErrors: never[];
     };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MediaPluginState } from '../../pm-plugins/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 declare type Props = {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MediaPluginState } from '../../pm-plugins/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 declare type Props = {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MediaPluginState } from '../../pm-plugins/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 import { EditorAppearance } from '../../../../types/editor-appearance';

package/dist/types/plugins/media/ui/ToolbarMedia/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PluginKey } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../../../../event-dispatcher';

package/dist/types/plugins/mentions/nodeviews/mention.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/panel/toolbar.d.ts

@@ -1,14 +1,13 @@
 import { FloatingToolbarConfig, FloatingToolbarItem } from './../floating-toolbar/types';
 import { PanelPluginOptions } from './types';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { EditorState } from 'prosemirror-state';
 import { NodeType } from 'prosemirror-model';
 import { Command } from '../../types';
 import { ProviderFactory } from '@atlaskit/editor-common';
-import { FormattedMessage } from 'react-intl';
 import { PanelType } from '@atlaskit/adf-schema';
 export declare const panelIconMap: {
     [key in Exclude<PanelType, PanelType.CUSTOM>]: string;
 };
-export declare const getToolbarItems: (formatMessage: (messageDescriptor: FormattedMessage.MessageDescriptor) => string, panelNodeType: NodeType, isCustomPanelEnabled: boolean, isCustomPanelEditable: boolean, providerFactory: ProviderFactory, activePanelType?: string | undefined, activePanelColor?: string | undefined, activePanelIcon?: string | undefined) => FloatingToolbarItem<Command>[];
-export declare const getToolbarConfig: (state: EditorState, intl: InjectedIntl, options: PanelPluginOptions | undefined, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
+export declare const getToolbarItems: (formatMessage: IntlShape['formatMessage'], panelNodeType: NodeType, isCustomPanelEnabled: boolean, isCustomPanelEditable: boolean, providerFactory: ProviderFactory, activePanelType?: string | undefined, activePanelColor?: string | undefined, activePanelIcon?: string | undefined) => FloatingToolbarItem<Command>[];
+export declare const getToolbarConfig: (state: EditorState, intl: IntlShape, options: PanelPluginOptions | undefined, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { Coordinates } from '../../../../ui/FloatingToolbar';
 export declare const messages: {
     placeholderTextPlaceholder: {
@@ -19,7 +19,7 @@ export interface Props {
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
 }
-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/quick-insert/assets/action.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import { EditorPlugin } from '../../types';
 import { pluginKey } from './plugin-key';
@@ -7,5 +7,5 @@ export type { QuickInsertHandler, QuickInsertPluginState, QuickInsertPluginOptio
 export { pluginKey };
 declare const quickInsertPlugin: (options?: QuickInsertPluginOptions | undefined) => EditorPlugin;
 export default quickInsertPlugin;
-declare const processItems: (items: Array<QuickInsertHandler>, intl: InjectedIntl, extendedActions?: Record<string, Function> | undefined) => QuickInsertItem[];
+declare const processItems: (items: Array<QuickInsertHandler>, intl: IntlShape, extendedActions?: Record<string, Function> | undefined) => QuickInsertItem[];
 export declare const memoProcessItems: typeof processItems;

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

@@ -1,11 +1,11 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { QuickInsertItem, QuickInsertProvider } from '@atlaskit/editor-common/provider-factory';
 import { EmptyStateHandler } from '../../types/empty-state-handler';
 export type { QuickInsertActionInsert, QuickInsertItem, QuickInsertProvider, } from '@atlaskit/editor-common/provider-factory';
 export declare type QuickInsertOptions = boolean | {
     provider: Promise<QuickInsertProvider>;
 };
-export declare type QuickInsertHandler = Array<QuickInsertItem> | ((intl: InjectedIntl) => Array<QuickInsertItem>);
+export declare type QuickInsertHandler = Array<QuickInsertItem> | ((intl: IntlShape) => Array<QuickInsertItem>);
 export declare type IconProps = {
     label?: string;
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorView } from 'prosemirror-view';
 declare type Props = {
     editorView: EditorView;