@atlaskit/editor-core 151.2.1 → 153.0.0

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

@@ -4,7 +4,7 @@ import { ProviderFactory } from '@atlaskit/editor-common';
 import { EmojiId } from '@atlaskit/emoji';
 export declare const EmojiPickerButton: React.FunctionComponent<{
     className?: string;
-    view?: EditorView;
+    editorView?: EditorView;
     idx?: number;
     providerFactory?: ProviderFactory;
     title?: string;

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/fragment/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'prosemirror-state';
+import { EditorPlugin } from '../../types';
+export declare function createPlugin(): Plugin;
+declare const fragmentMarkPlugin: () => EditorPlugin;
+export default fragmentMarkPlugin;

package/dist/types/plugins/fragment/plugin-key.d.ts

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export declare const pluginKey: PluginKey<any, any>;

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/index.d.ts

@@ -44,6 +44,7 @@ export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';
 export { default as editorDisabledPlugin } from './editor-disabled';
+export { default as fragmentMarkPlugin } from './fragment';
 export { default as indentationPlugin } from './indentation';
 export { default as annotationPlugin } from './annotation';
 export { default as analyticsPlugin } from './analytics';
@@ -63,4 +64,5 @@ export { default as clipboardPlugin } from './clipboard';
 export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
 export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
+export { default as beforePrimaryToolbarPlugin } from './before-primaryToolbar';
 export { default as codeBidiWarningPlugin } from './code-bidi-warning';

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/mediaInline.d.ts

@@ -2,7 +2,7 @@ import { Node as PMNode } from 'prosemirror-model';
 import { EditorView, NodeView } from 'prosemirror-view';
 import React from 'react';
 import { EventDispatcher } from '../../../event-dispatcher';
-import { getPosHandler, ReactNodeView } from '../../../nodeviews/';
+import { getPosHandler, SelectionBasedNodeView } from '../../../nodeviews/';
 import { FileIdentifier } from '@atlaskit/media-client';
 import { MediaProvider, ProviderFactory } from '@atlaskit/editor-common';
 import { PortalProviderAPI } from '../../../../src/ui/PortalProvider';
@@ -10,12 +10,13 @@ export interface MediaInlineProps {
     mediaProvider: Promise<MediaProvider>;
     identifier: FileIdentifier;
     node: PMNode;
+    isSelected: boolean;
 }
 export declare const MediaInline: React.FC<MediaInlineProps>;
 export interface MediaInlineNodeViewProps {
     providerFactory: ProviderFactory;
 }
-export declare class MediaInlineNodeView extends ReactNodeView<MediaInlineNodeViewProps> {
+export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
     createDomRef(): HTMLSpanElement;
     getContentDOM(): {
         dom: HTMLSpanElement;

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/nodeviews/mediaSingle.d.ts

@@ -47,7 +47,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     checkAndUpdateSelectionType: () => import("../../../utils/nodes").SelectedState | null;
     isNodeSelected: () => boolean;
     getNodeMediaId(node: PMNode): string | undefined;
-    update(node: PMNode, decorations: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    update(node: PMNode, decorations: Decoration[], _innerDecorations?: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): JSX.Element;
     ignoreMutation(): boolean;
 }

package/dist/types/plugins/media/nodeviews/styles.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { NumericalCardDimensions } from '@atlaskit/media-card';
+export declare const MediaInlineNodeSelector = "media-inline-node";
+export declare const MediaSingleNodeSelector = "media-single-node";
 export declare const FigureWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
 declare type MediaCardWrapperProps = {
     dimensions: NumericalCardDimensions;

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/commands.d.ts

@@ -0,0 +1,3 @@
+import { Command } from '../../../types';
+export declare const changeInlineToMediaCard: Command;
+export declare const removeInlineCard: Command;

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

@@ -1,7 +1,9 @@
 import { FC } from 'react';
 import { MediaPluginState } from '../pm-plugins/types';
+import { IntlShape } from 'react-intl-next';
 interface FilePreviewProps {
     mediaPluginState: MediaPluginState;
+    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/types.d.ts

@@ -10,7 +10,6 @@ import { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
 export declare type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
 export interface MediaOptions {
     provider?: Providers['mediaProvider'];
-    allowMediaInline?: boolean;
     allowMediaSingle?: boolean | MediaSingleOptions;
     allowMediaGroup?: boolean;
     customDropzoneContainer?: HTMLElement;

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/actions.d.ts

@@ -6,4 +6,4 @@ export declare type DomAtPos = (pos: number) => {
     offset: number;
 };
 export declare const removePanel: () => Command;
-export declare const changePanelType: (panelType: PanelType, panelOptions?: PanelOptions, UNSAFE_allowCustomPanel?: boolean) => Command;
+export declare const changePanelType: (panelType: PanelType, panelOptions?: PanelOptions, allowCustomPanel?: boolean) => Command;

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/panel/types.d.ts

@@ -4,6 +4,12 @@ export declare const pluginKey: PluginKey<any, any>;
 export interface PanelPluginOptions extends LongPressSelectionPluginOptions, PanelPluginConfig {
 }
 export interface PanelPluginConfig {
-    UNSAFE_allowCustomPanel?: boolean;
-    UNSAFE_allowCustomPanelEdit?: boolean;
+    allowCustomPanel?: boolean;
+    allowCustomPanelEdit?: boolean;
 }
+export declare type DomPanelAtrrs = {
+    class: string;
+    'data-panel-type': string;
+    'data-panel-color'?: string;
+    style: string;
+};

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;