@atlaskit/editor-core 151.2.1 → 153.0.0

package/dist/types/types/editor-props.d.ts

@@ -41,10 +41,15 @@ export declare type FeedbackInfo = {
     contentId?: string;
     tabId?: string;
 };
+export declare type BeforeAndAfterToolbarComponents = {
+    before: ReactComponents;
+    after: ReactComponents;
+};
+export declare type PrimaryToolbarComponents = BeforeAndAfterToolbarComponents | ReactComponents;
 export interface EditorProps {
     appearance?: EditorAppearance;
     contentComponents?: ReactComponents;
-    primaryToolbarComponents?: ReactComponents;
+    primaryToolbarComponents?: PrimaryToolbarComponents;
     primaryToolbarIconBefore?: ReactElement;
     secondaryToolbarComponents?: ReactComponents;
     allowAnalyticsGASV3?: boolean;
@@ -205,6 +210,11 @@ export interface EditorProps {
     featureFlags?: {
         [featureFlag: string]: string | boolean;
     };
+    /**
+     * Enable experimental support for the "fragment" mark.
+     * Refer to ADF Change proposal #60 for more details.
+     */
+    UNSAFE_allowFragmentMark?: boolean;
     /**
      * @deprecated Do not use outside of Editor team.
      * This has subtle side effects - you __WILL__ break functionality without implementer knowledge of editor-core internals

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

@@ -28,6 +28,13 @@
  * Example: name = "newInsertionBehaviour" -> "Enable new insertion behaviour"
  */
 export declare type FeatureFlags = {
+    /**
+     * @description Enable single layout option
+     *
+     * @see https://hello.atlassian.net/browse/LOVE-187
+     * @default false
+     */
+    singleLayout?: boolean;
     /**
      * @description Enable new insertion behaviour
      *
@@ -259,5 +266,11 @@ export declare type FeatureFlags = {
      * @default false
      */
     ufo?: boolean;
+    /**
+     * Split editor toolbar to two lines when viewport is small
+     * @see https://product-fabric.atlassian.net/browse/CERN-1124
+     * @default false
+     */
+    twoLineEditorToolbar?: boolean;
 };
 export declare type FeatureFlagKey = keyof FeatureFlags;

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

@@ -2,7 +2,7 @@ export type { EditorInstance } from './editor-instance';
 export type { EditorConfig } from './editor-config';
 export type { EditorPlugin, PluginsOptions } from './editor-plugin';
 export type { EditorReactContext } from './editor-react-context';
-export type { EditorProps, FeedbackInfo, ReactComponents, ExtensionProvidersProp, } from './editor-props';
+export type { EditorProps, FeedbackInfo, ReactComponents, ExtensionProvidersProp, PrimaryToolbarComponents, } from './editor-props';
 export type { EditorAppearanceComponentProps } from './editor-appearance-component';
 export type { Command, CommandDispatch } from './command';
 export type { MessageDescriptor } from './i18n';

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

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common';
 import { EditorView } from 'prosemirror-view';
-import { EditorAppearance, ReactComponents, ToolbarUIComponentFactory } from '../../../types';
+import { EditorAppearance, ToolbarUIComponentFactory, PrimaryToolbarComponents } from '../../../types';
 import { CollabEditOptions } from '../../../plugins/collab-edit';
 import { DispatchAnalyticsEvent } from '../../../plugins/analytics';
 import { EventDispatcher } from '../../../event-dispatcher';
@@ -16,7 +16,7 @@ export interface FullPageToolbarProps {
     eventDispatcher: EventDispatcher;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     primaryToolbarComponents?: ToolbarUIComponentFactory[];
-    customPrimaryToolbarComponents?: ReactComponents;
+    customPrimaryToolbarComponents?: PrimaryToolbarComponents;
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;

package/dist/types/ui/Appearance/FullPage/MainToolbar.d.ts

@@ -1,8 +1,17 @@
 /// <reference types="react" />
+export declare const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 export interface MainToolbarProps {
     showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+interface MainToolbarChildProps {
+    twoLineEditorToolbar: boolean;
 }
 export declare const MainToolbar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarProps>;
 export declare const MainToolbarIconBefore: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const MainToolbarCustomComponentsSlot: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const MainToolbarFirstChild: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps>;
+export declare const MainToolbarSecondChild: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps>;
 export declare const SecondaryToolbar: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const NonCustomToolbarWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const CustomToolbarWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { PureComponent } from 'react';
 export interface Props {
     value: string;
     label: string;
@@ -8,8 +8,11 @@ export interface Props {
     onClick: (value: string, label: string) => void;
     borderColor: string;
     checkMarkColor?: string;
+    autoFocus?: boolean;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
-};
-export default _default;
+declare class Color extends PureComponent<Props> {
+    render(): JSX.Element;
+    onMouseDown: (e: React.MouseEvent<{}>) => void;
+    onClick: (e: React.MouseEvent<{}>) => void;
+}
+export default Color;

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,12 +1,13 @@
 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;
     onClick: (value: string, label: string) => void;
     cols?: number;
     className?: string;
+    isShowingMoreColors?: boolean;
 }
 /**
  * For a given color pick the color from a list of colors with
@@ -16,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;

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

@@ -1,20 +1,20 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { DateRangeField } 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: DateRangeField;
     onFieldChange: OnFieldChange;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         name: string;
         field: DateRangeField;
         onFieldChange: OnFieldChange;
         autoFocus?: boolean | undefined;
         placeholder?: string | undefined;
-    } & InjectedIntlProps>;
+    } & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { FieldDefinition } from '@atlaskit/editor-common/extensions';
 export declare const ExpandContainer: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const ExpandControl: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
@@ -7,12 +7,8 @@ declare type Props = {
     field: FieldDefinition;
     children: React.ReactNode;
     isExpanded?: boolean;
-} & InjectedIntlProps;
-declare const _default: React.ComponentClass<{
-    field: FieldDefinition;
-    children: React.ReactNode;
-    isExpanded?: boolean | undefined;
-}, 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/Fields/Fieldset.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ExtensionManifest } from '@atlaskit/editor-common';
 import { Fieldset, Parameters } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
@@ -11,16 +11,8 @@ declare type Props = {
     onFieldChange: OnFieldChange;
     firstVisibleFieldName?: string;
     error?: string;
-} & InjectedIntlProps;
-declare const _default: React.ComponentClass<{
-    name: string;
-    extensionManifest: ExtensionManifest<Parameters>;
-    field: Fieldset;
-    parameters?: Parameters | undefined;
-    onFieldChange: OnFieldChange;
-    firstVisibleFieldName?: string | undefined;
-    error?: string | undefined;
-}, 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/Fields/Number.d.ts

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormatOptionLabelMeta } from '@atlaskit/select';
 import { Option } from '@atlaskit/editor-common/extensions';
 export declare const formatOptionLabel: ({ label, icon, description }: Option, { context }: FormatOptionLabelMeta<Option, false>) => JSX.Element;

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

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

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

@@ -1,14 +1,11 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { TabGroupField, TabField } from '@atlaskit/editor-common/extensions';
 declare type Props = {
     field: TabGroupField;
     renderPanel: (tabField: TabField) => JSX.Element;
-} & InjectedIntlProps;
-declare const TabGroup: React.ComponentClass<{
-    field: TabGroupField;
-    renderPanel: (tabField: TabField) => JSX.Element;
-}, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props>;
+} & WrappedComponentProps;
+declare const TabGroup: React.FC<import("react-intl-next").WithIntlProps<Props>> & {
+    WrappedComponent: React.ComponentType<Props>;
 };
 export default TabGroup;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldDefinition } from '@atlaskit/editor-common/extensions';
 export default function ({ errorMessage, }: {
     field: FieldDefinition;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExtensionManifest, ContextIdentifierProvider } from '@atlaskit/editor-common';
 import { FieldDefinition, Parameters } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from './types';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ContextIdentifierProvider } from '@atlaskit/editor-common';
 import { FieldDefinition } from '@atlaskit/editor-common/extensions';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
@@ -9,8 +9,8 @@ interface Props {
     contextIdentifierProvider?: ContextIdentifierProvider;
     children: React.ReactNode;
 }
-export declare const FormErrorBoundaryImpl: React.ComponentClass<Props & WithAnalyticsEventsProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & WithAnalyticsEventsProps & InjectedIntlProps>;
+export declare const FormErrorBoundaryImpl: React.FC<import("react-intl-next").WithIntlProps<Props & WithAnalyticsEventsProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WithAnalyticsEventsProps & WrappedComponentProps<"intl">>;
 };
-export declare const FormErrorBoundary: React.ForwardRefExoticComponent<Pick<Pick<Props & WithAnalyticsEventsProps, "contextIdentifierProvider" | "children" | "fields" | "extensionKey"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "contextIdentifierProvider" | "children" | "key" | "fields" | "extensionKey" | "analyticsContext"> & React.RefAttributes<any>>;
+export declare const FormErrorBoundary: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props & WithAnalyticsEventsProps & WrappedComponentProps<"intl">>>, "contextIdentifierProvider" | "children" | "fields" | "extensionKey" | "forwardedRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "contextIdentifierProvider" | "children" | "key" | "fields" | "extensionKey" | "analyticsContext" | "forwardedRef"> & React.RefAttributes<any>>;
 export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { Icon } from '@atlaskit/editor-common/extensions';
 declare type Props = {
     title: string;
@@ -8,15 +8,8 @@ declare type Props = {
     documentationUrl?: string;
     icon: Icon;
     onClose: () => void;
-} & InjectedIntlProps;
-declare const _default: React.ComponentClass<{
-    title: string;
-    description?: string | undefined;
-    summary?: string | undefined;
-    documentationUrl?: string | undefined;
-    icon: Icon;
-    onClose: () => void;
-}, 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/LoadingState.d.ts

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

package/dist/types/ui/ConfigPanel/NestedForms/RemovableField.d.ts

@@ -1,19 +1,13 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 declare type Props = {
     name: string;
     onClickRemove?: (fieldName: string) => void;
     canRemoveField?: boolean;
     children: React.ReactElement;
     className?: string;
-} & InjectedIntlProps;
-declare const _default: React.ComponentClass<{
-    name: string;
-    onClickRemove?: ((fieldName: string) => void) | undefined;
-    canRemoveField?: boolean | undefined;
-    children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-    className?: string | undefined;
-}, 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/transformers.d.ts

@@ -1,3 +1,9 @@
 import { FieldDefinition, Parameters, ExtensionManifest, ParametersWithDuplicateFields } from '@atlaskit/editor-common/extensions';
-export declare const serialize: (manifest: ExtensionManifest, data: Parameters, fields: FieldDefinition[], depth?: number) => Promise<Parameters>;
+interface SerializeOptions {
+    depth?: number;
+    parentType?: 'fieldset' | 'tab' | 'expand';
+}
+export declare const findDuplicateFields: (fields: FieldDefinition[]) => FieldDefinition | undefined;
+export declare const serialize: (manifest: ExtensionManifest, data: Parameters, fields: FieldDefinition[], options?: SerializeOptions) => Promise<Parameters>;
 export declare const deserialize: (manifest: ExtensionManifest, data: Parameters | ParametersWithDuplicateFields, fields: FieldDefinition[], depth?: number) => Promise<Parameters>;
+export {};