@atlaskit/editor-core 152.0.1 → 153.1.1

package/dist/types/plugins/table/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { Rect } from '@atlaskit/editor-tables/table-map';
 import { EditorView } from 'prosemirror-view';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export declare const messages: {
     cellBackground: {
         id: string;
@@ -59,7 +59,23 @@ export interface Props {
 export interface State {
     isSubmenuOpen: boolean;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+export declare class ContextualMenu extends Component<Props & WrappedComponentProps, State> {
+    state: State;
+    static defaultProps: {
+        boundariesElement: HTMLElement;
+    };
+    render(): JSX.Element | null;
+    private handleSubMenuRef;
+    private createItems;
+    private onMenuItemActivated;
+    private toggleOpen;
+    private handleOpenChange;
+    private handleItemMouseEnter;
+    private handleItemMouseLeave;
+    private closeSubmenu;
+    private setColor;
+}
+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/table/ui/FloatingContextualMenu/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorView } from 'prosemirror-view';
 import { PluginConfig } from '../../types';
 export interface Props {

package/dist/types/plugins/table/ui/FloatingDeleteButton/DeleteButton.d.ts

@@ -1,5 +1,5 @@
 import React, { SyntheticEvent } from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { MessageDescriptor } from '../../../../types/i18n';
 export interface ButtonProps {
     removeLabel: MessageDescriptor;
@@ -8,7 +8,7 @@ export interface ButtonProps {
     onMouseEnter?: (event: SyntheticEvent) => void;
     onMouseLeave?: (event: SyntheticEvent) => void;
 }
-declare const _default: React.ComponentClass<ButtonProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<ButtonProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/table/ui/FloatingInsertButton/InsertButton.d.ts

@@ -1,12 +1,12 @@
 import React, { SyntheticEvent } from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface ButtonProps {
     type: 'row' | 'column';
     tableRef: HTMLElement;
     onMouseDown: (event: SyntheticEvent<HTMLButtonElement>) => void;
     hasStickyHeaders: boolean;
 }
-declare const _default: React.ComponentClass<ButtonProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<ButtonProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/table/ui/FloatingInsertButton/index.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 { DispatchAnalyticsEvent } from '../../../analytics/types';
 export interface Props {
     editorView: EditorView;
@@ -17,7 +17,15 @@ export interface Props {
     hasStickyHeaders?: boolean;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+export declare class FloatingInsertButton extends React.Component<Props & WrappedComponentProps, any> {
+    static displayName: string;
+    constructor(props: Props & WrappedComponentProps);
+    render(): JSX.Element | null;
+    private getCellPosition;
+    private insertRow;
+    private insertColumn;
+}
+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/table/ui/LayoutButton/index.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 { TableLayout } from '@atlaskit/adf-schema';
 export interface Props {
     editorView: EditorView;
@@ -12,7 +12,7 @@ export interface Props {
     layout?: TableLayout;
     tableWidth?: number;
 }
-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/tasks-and-decisions/ui/Decision/index.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 interface Props {
     contentRef: any;
     showPlaceholder?: boolean;
 }
-export declare class Decision extends React.Component<Props & InjectedIntlProps, {}> {
+export declare class Decision extends React.Component<Props & WrappedComponentProps, {}> {
     static displayName: string;
     render(): JSX.Element;
 }
-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/tasks-and-decisions/ui/Task/index.d.ts

@@ -1,5 +1,5 @@
 import React, { PureComponent, ReactElement } from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ProviderFactory } from '@atlaskit/editor-common';
 import { ContentRef } from '@atlaskit/task-decision';
 export interface TaskProps {
@@ -12,15 +12,15 @@ export interface TaskProps {
     providers?: ProviderFactory;
     disabled?: boolean;
 }
-export declare class TaskItem extends PureComponent<TaskProps & InjectedIntlProps, {}> {
+export declare class TaskItem extends PureComponent<TaskProps & WrappedComponentProps, {}> {
     static displayName: string;
     private providerFactory;
-    constructor(props: TaskProps & InjectedIntlProps);
+    constructor(props: TaskProps & WrappedComponentProps);
     componentWillUnmount(): void;
     private renderWithProvider;
     render(): JSX.Element;
 }
-declare const _default: React.ComponentClass<TaskProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<TaskProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<TaskProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<TaskProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/tasks-and-decisions/ui/ToolbarDecision/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import { EditorView } from 'prosemirror-view';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     editorView?: EditorView;
     isDisabled?: boolean;
@@ -9,12 +9,12 @@ export interface Props {
 export interface State {
     disabled: boolean;
 }
-export declare class ToolbarDecision extends PureComponent<Props & InjectedIntlProps, State> {
+export declare class ToolbarDecision extends PureComponent<Props & WrappedComponentProps, State> {
     state: State;
     render(): JSX.Element;
     private handleInsertDecision;
 }
-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/tasks-and-decisions/ui/ToolbarTask/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import { EditorView } from 'prosemirror-view';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     editorView?: EditorView;
     isDisabled?: boolean;
@@ -9,12 +9,12 @@ export interface Props {
 export interface State {
     disabled: boolean;
 }
-export declare class ToolbarTask extends PureComponent<Props & InjectedIntlProps, State> {
+export declare class ToolbarTask extends PureComponent<Props & WrappedComponentProps, State> {
     state: State;
     render(): JSX.Element;
     private handleInsertTask;
 }
-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/text-color/ui/ToolbarTextColor/icon.d.ts

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

package/dist/types/plugins/text-color/ui/ToolbarTextColor/index.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 { DispatchAnalyticsEvent } from '../../../analytics';
 import { TextColorPluginState } from '../../pm-plugins/main';
 export declare const messages: {
@@ -35,7 +35,22 @@ export interface Props {
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     disabled?: boolean;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
+    state: State;
+    changeColor: (color: string) => boolean;
+    render(): JSX.Element;
+    private changeTextColor;
+    private toggleOpen;
+    private handleOpenChange;
+    private hide;
+    private handleShowMoreToggle;
+    private getCommonAnalyticsAttributes;
+    private buildAnalyticsPalette;
+    private buildAnalyticsShowMore;
+    private buildAnalyticsSelectColor;
+    private dispatchAnalyticsEvent;
+}
+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/text-formatting/ui/Toolbar/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { EditorState } from 'prosemirror-state';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ToolbarSize } from '../../../../ui/Toolbar/types';
 export declare type ToolbarFormattingProps = {
     editorView: EditorView;
@@ -13,11 +13,11 @@ export declare type ToolbarFormattingProps = {
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
 };
-declare const _default: React.ComponentClass<ToolbarFormattingProps & {
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ToolbarFormattingProps & WrappedComponentProps<"intl"> & {
     editorState: EditorState<any>;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<ToolbarFormattingProps & {
+}>> & {
+    WrappedComponent: React.ComponentType<ToolbarFormattingProps & WrappedComponentProps<"intl"> & {
         editorState: EditorState<any>;
-    } & InjectedIntlProps>;
+    }>;
 };
 export default _default;

package/dist/types/plugins/text-formatting/ui/Toolbar/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { EditorState } from 'prosemirror-state';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { Command } from '../../../../types/command';
 import { MenuItem } from '../../../../ui/DropdownMenu/types';
 import { TOOLBAR_ACTION_SUBJECT_ID } from '../../../../plugins/analytics/types/toolbar-button';
@@ -29,4 +29,4 @@ export declare type MenuIconState = {
 export declare type IconHookProps = {
     isToolbarDisabled?: boolean;
     editorState: EditorState;
-} & InjectedIntlProps;
+} & WrappedComponentProps;

package/dist/types/plugins/type-ahead/pm-plugins/decorations.d.ts

@@ -1,10 +1,10 @@
 import { Selection } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import type { CreateTypeAheadDecorations, RemoveTypeAheadDecorations, PopupMountPointReference } from '../types';
 declare type FactoryProps = {
-    intl: InjectedIntl;
+    intl: IntlShape;
     popupMountRef: PopupMountPointReference;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };

package/dist/types/plugins/type-ahead/pm-plugins/main.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from 'prosemirror-state';
-import { EditorReactContext } from '../../../types/editor-react-context';
+import { IntlShape } from 'react-intl-next';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { Dispatch } from '../../../event-dispatcher';
 import type { PopupMountPointReference, TypeAheadHandler } from '../types';
@@ -7,8 +7,8 @@ declare type Props = {
     reactDispatch: Dispatch;
     popupMountRef: PopupMountPointReference;
     typeAheadHandlers: Array<TypeAheadHandler>;
-    reactContext: () => EditorReactContext;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    getIntl: () => IntlShape;
 };
-export declare function createPlugin({ reactDispatch, reactContext, popupMountRef, createAnalyticsEvent, typeAheadHandlers, }: Props): Plugin;
+export declare function createPlugin({ reactDispatch, popupMountRef, createAnalyticsEvent, typeAheadHandlers, getIntl, }: Props): Plugin;
 export {};

package/dist/types/plugins/type-ahead/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Node as PMNode, Fragment } from 'prosemirror-model';
 import type { DecorationSet } from 'prosemirror-view';
 import type { TypeAheadItem, TypeAheadItemRenderProps } from '@atlaskit/editor-common/provider-factory';

package/dist/types/plugins/undo-redo/ui/ToolbarUndoRedo/index.d.ts

@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { HistoryPluginState } from '../../../history/types';
 export interface Props {
@@ -10,10 +10,10 @@ export interface Props {
     historyState: HistoryPluginState;
     editorView: EditorView;
 }
-export declare class ToolbarUndoRedo extends PureComponent<Props & InjectedIntlProps> {
+export declare class ToolbarUndoRedo extends PureComponent<Props & WrappedComponentProps> {
     render(): JSX.Element;
 }
-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/types/editor-react-context.d.ts

@@ -1,6 +1,6 @@
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import { UIAnalyticsEventHandler } from '@atlaskit/analytics-next';
 export declare type EditorReactContext = {
     getAtlaskitAnalyticsEventHandlers: () => UIAnalyticsEventHandler[];
-    intl: InjectedIntl;
+    intl: IntlShape;
 };

package/dist/types/types/feature-flags.d.ts

@@ -272,5 +272,11 @@ export declare type FeatureFlags = {
      * @default false
      */
     twoLineEditorToolbar?: boolean;
+    /**
+     * Disable Spellchecking for chrome version below the max unsafe number
+     * @see https://ops.internal.atlassian.com/jira/browse/HOT-97409
+     * @default null
+     */
+    maxUnsafeChromeSpellcheckingVersion?: number;
 };
 export declare type FeatureFlagKey = keyof FeatureFlags;

package/dist/types/types/pm-plugin.d.ts

@@ -1,6 +1,7 @@
 import { ErrorReporter, ProviderFactory } from '@atlaskit/editor-common';
 import { Plugin } from 'prosemirror-state';
 import { Schema } from 'prosemirror-model';
+import { IntlShape } from 'react-intl-next';
 import { EditorReactContext } from '../types';
 import { Dispatch, EventDispatcher } from '../event-dispatcher';
 import { PortalProviderAPI } from '../ui/PortalProvider';
@@ -16,6 +17,7 @@ export declare type PMPluginFactoryParams = {
     reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;
+    getIntl: () => IntlShape;
 };
 export declare type PMPluginFactory = (params: PMPluginFactoryParams) => Plugin | undefined;
 export declare type PMPlugin = {

package/dist/types/ui/Addon/DropdownItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AddonProps } from '../types';
 declare const DropdownItemWrapper: (props: AddonProps) => JSX.Element;
 export default DropdownItemWrapper;

package/dist/types/ui/Alignment/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { AlignmentState } from '../../plugins/alignment/pm-plugins/types';
 export interface Props {
     selectedAlignment?: string;
     onClick: (value: AlignmentState) => void;
     className?: string;
 }
-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/ui/Appearance/Comment/Comment.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { EditorAppearanceComponentProps } from '../../../types';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface CommentEditorProps {
     isMaxContentSizeReached?: boolean;
     maxHeight?: number;
 }
 export interface EditorAppearanceComponentState {
 }
-export declare const CommentEditorWithIntl: React.ComponentClass<EditorAppearanceComponentProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<EditorAppearanceComponentProps & InjectedIntlProps>;
+export declare const CommentEditorWithIntl: React.FC<import("react-intl-next").WithIntlProps<EditorAppearanceComponentProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<EditorAppearanceComponentProps & WrappedComponentProps<"intl">>;
 };

package/dist/types/ui/Appearance/Mobile.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { EditorAppearanceComponentProps } from '../../types';
 export default function Mobile({ editorView, maxHeight, persistScrollGutter, editorDOMElement, }: EditorAppearanceComponentProps): JSX.Element;

package/dist/types/ui/ColorPalette/Palettes/getColorMessage.d.ts

@@ -1,2 +1,2 @@
-import { FormattedMessage } from 'react-intl';
-export default function getColorMessage(messages: ReactIntl.Messages, color: string): FormattedMessage.MessageDescriptor | undefined;
+import { MessageDescriptor } from 'react-intl-next';
+export default function getColorMessage(messages: Record<string | number, MessageDescriptor>, color: string): MessageDescriptor | undefined;

package/dist/types/ui/ColorPalette/Palettes/type.d.ts

@@ -1,8 +1,8 @@
-import { FormattedMessage } from 'react-intl';
+import { MessageDescriptor } from 'react-intl-next';
 export interface PaletteColor {
     value: string;
     label: string;
     border: string;
-    message?: FormattedMessage.MessageDescriptor;
+    message?: MessageDescriptor;
 }
 export declare type Palette = Array<PaletteColor>;

package/dist/types/ui/ColorPalette/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PaletteColor } from './Palettes/type';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     palette: PaletteColor[];
     selectedColor: string | null;
@@ -17,7 +17,7 @@ export interface Props {
  * @return Highest contrast color in pool
  */
 export declare function getContrastColor(color: string, pool: string[]): string;
-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/ui/ConfigPanel/ConfigPanelFieldsLoader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExtensionProvider, ExtensionType, ExtensionKey, Parameters } from '@atlaskit/editor-common/extensions';
 export declare type PublicProps = {
     extensionProvider: ExtensionProvider;

package/dist/types/ui/ConfigPanel/ErrorMessage/index.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 declare type Props = {
     errorMessage: string;
-} & InjectedIntlProps;
-declare const _default: React.ComponentClass<{
-    errorMessage: string;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props>;
+} & WrappedComponentProps;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props>> & {
+    WrappedComponent: React.ComponentType<Props>;
 };
 export default _default;

package/dist/types/ui/ConfigPanel/FieldDescription.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const FieldDescription: ({ error, description, }: {
     error?: string | undefined;
     description?: string | undefined;

package/dist/types/ui/ConfigPanel/FieldMessages.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
-declare const _default: React.ComponentClass<{
+import { WrappedComponentProps } from 'react-intl-next';
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     error?: string | undefined;
     description?: string | undefined;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         error?: string | undefined;
         description?: string | undefined;
-    } & InjectedIntlProps>;
+    } & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/ui/ConfigPanel/Fields/Boolean.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BooleanField } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
 export default function Boolean({ name, field, onFieldChange, }: {

package/dist/types/ui/ConfigPanel/Fields/CheckboxGroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EnumCheckboxField } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
 export default function CheckboxGroup({ name, field, onFieldChange, }: {

package/dist/types/ui/ConfigPanel/Fields/ColorPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorField } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
 declare const ColorPickerField: ({ name, field, onFieldChange, }: {

package/dist/types/ui/ConfigPanel/Fields/CustomSelect.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { CustomField, ExtensionManifest, Parameters } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
-declare const _default: React.ComponentClass<{
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     name: string;
     field: CustomField;
     extensionManifest: ExtensionManifest<Parameters>;
@@ -10,8 +10,8 @@ declare const _default: React.ComponentClass<{
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
     parameters?: Parameters | undefined;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         name: string;
         field: CustomField;
         extensionManifest: ExtensionManifest<Parameters>;
@@ -19,6 +19,6 @@ declare const _default: React.ComponentClass<{
         autoFocus?: boolean | undefined;
         placeholder?: string | undefined;
         parameters?: Parameters | undefined;
-    } & InjectedIntlProps>;
+    } & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/ui/ConfigPanel/Fields/Date.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { DateField } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
-declare const _default: React.ComponentClass<{
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     name: string;
     field: DateField;
     autoFocus?: boolean | undefined;
     onFieldChange: OnFieldChange;
     placeholder?: string | undefined;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         name: string;
         field: DateField;
         autoFocus?: boolean | undefined;
         onFieldChange: OnFieldChange;
         placeholder?: string | undefined;
-    } & InjectedIntlProps>;
+    } & WrappedComponentProps<"intl">>;
 };
 export default _default;