@atlaskit/editor-core 163.0.0 → 164.0.2

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export declare const CAPTION_PLACEHOLDER_ID = "caption-placeholder";
 declare const _default: ({ onClick }: {
     onClick: () => void;
-}) => JSX.Element;
+}) => jsx.JSX.Element;
 export default _default;

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

@@ -1,7 +1,8 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export declare type PlaceholderType = 'single' | 'group';
 export interface Props {
     type: PlaceholderType;
 }
-declare const _default: ({ type }: Props) => JSX.Element;
+declare const _default: ({ type }: Props) => jsx.JSX.Element;
 export default _default;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import { RecentSearchInputTypes } from '../../../ui/LinkSearch/types';
@@ -28,6 +30,6 @@ export declare class LinkAddToolbar extends React.PureComponent<Props & WrappedC
     private handleOnBlur;
     private getValidationErrors;
     private renderContainer;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
 export default LinkAddToolbar;

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

@@ -23,6 +23,6 @@ export default class PickerFacadeProvider extends React.Component<Props, State>
     private handleMediaProvider;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
 }
 export {};

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

@@ -33,7 +33,7 @@ export default class ResizableMediaSingle extends React.Component<Props, State>
     get gridWidth(): number;
     calcColumnLeftOffset: () => number;
     wrapper?: HTMLElement;
-    calcPxWidth: (useLayout?: "wrap-right" | "center" | "wrap-left" | "wide" | "full-width" | "align-end" | "align-start" | undefined) => number;
+    calcPxWidth: (useLayout?: MediaSingleLayout | undefined) => number;
     get insideInlineLike(): boolean;
     get insideLayout(): boolean;
     highlights: (newWidth: number, snapPoints: number[]) => number[] | string[];

package/dist/types/plugins/media/utils/media-files.d.ts

@@ -1,6 +1,7 @@
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { MediaState } from '../types';
+import { InputMethodInsertMedia } from '../../analytics';
 export interface Range {
     start: number;
     end: number;
@@ -12,7 +13,7 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * @param mediaState Media file to be added to the editor
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaInlineNode: (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: import("../../analytics").INPUT_METHOD.CLIPBOARD | import("../../analytics").INPUT_METHOD.DRAG_AND_DROP | import("../../analytics").INPUT_METHOD.PICKER_CLOUD | undefined) => boolean;
+export declare const insertMediaInlineNode: (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: InputMethodInsertMedia | undefined) => boolean;
 /**
  * Insert a media into an existing media group
  * or create a new media group to insert the new media.
@@ -20,7 +21,7 @@ export declare const insertMediaInlineNode: (view: EditorView, mediaState: Media
  * @param mediaStates Media files to be added to the editor
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaGroupNode: (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: import("../../analytics").INPUT_METHOD.CLIPBOARD | import("../../analytics").INPUT_METHOD.DRAG_AND_DROP | import("../../analytics").INPUT_METHOD.PICKER_CLOUD | undefined) => void;
+export declare const insertMediaGroupNode: (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia | undefined) => void;
 /**
  * Return position of media to be inserted, if it is inside a list
  * @param content Content to be inserted

package/dist/types/plugins/media/utils/media-single.d.ts

@@ -15,7 +15,7 @@ export interface MediaSingleState extends MediaState {
 }
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string | undefined) => boolean;
 export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia) => boolean;
-export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: import("../../analytics").INPUT_METHOD.CLIPBOARD | import("../../analytics").INPUT_METHOD.DRAG_AND_DROP | import("../../analytics").INPUT_METHOD.PICKER_CLOUD | undefined, collection?: string | undefined, alignLeftOnInsert?: boolean | undefined) => boolean;
+export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia | undefined, collection?: string | undefined, alignLeftOnInsert?: boolean | undefined) => boolean;
 export declare const createMediaSingleNode: (schema: Schema, collection: string, alignLeftOnInsert?: boolean | undefined) => (mediaState: MediaSingleState) => PMNode<Schema<any, any>>;
 export declare function transformSliceForMedia(slice: Slice, schema: Schema): (selection: Selection) => Slice<any>;
 export declare const calcMediaPxWidth: (opts: {
@@ -23,7 +23,7 @@ export declare const calcMediaPxWidth: (opts: {
     origHeight: number;
     state: EditorState;
     containerWidth: WidthPluginState;
-    layout?: "wrap-right" | "center" | "wrap-left" | "wide" | "full-width" | "align-end" | "align-start" | undefined;
+    layout?: MediaSingleLayout | undefined;
     pctWidth?: number | undefined;
     pos?: number | undefined;
     resizedPctWidth?: number | undefined;

package/dist/types/plugins/mentions/analytics.d.ts

@@ -1,12 +1,13 @@
 import { EventType, GasPayload } from '@atlaskit/analytics-gas-types';
 import { MentionDescription } from '@atlaskit/mention/resource';
+import { InviteExperimentCohort, UserRole } from '@atlaskit/mention';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import { TeamInfoAttrAnalytics } from './types';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 export declare const buildAnalyticsPayload: (actionSubject: string, action: string, eventType: EventType, sessionId: string, otherAttributes?: {}) => GasPayload;
 export declare const buildTypeAheadCancelPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, query?: string | undefined) => GasPayload;
-export declare const buildTypeAheadInviteItemViewedPayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider | undefined, userRole?: "admin" | "trusted" | "basic" | undefined) => GasPayload;
-export declare const buildTypeAheadInviteExposurePayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider | undefined, inviteExperimentCohort?: "control" | "variation" | "not-enrolled" | undefined, userRole?: "admin" | "trusted" | "basic" | undefined) => GasPayload;
-export declare const buildTypeAheadInviteItemClickedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, query?: string | undefined, contextIdentifierProvider?: ContextIdentifierProvider | undefined, userRole?: "admin" | "trusted" | "basic" | undefined) => GasPayload;
+export declare const buildTypeAheadInviteItemViewedPayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider | undefined, userRole?: UserRole | undefined) => GasPayload;
+export declare const buildTypeAheadInviteExposurePayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider | undefined, inviteExperimentCohort?: InviteExperimentCohort | undefined, userRole?: UserRole | undefined) => GasPayload;
+export declare const buildTypeAheadInviteItemClickedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, query?: string | undefined, contextIdentifierProvider?: ContextIdentifierProvider | undefined, userRole?: UserRole | undefined) => GasPayload;
 export declare const buildTypeAheadInsertedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, mention: MentionDescription, mentionList?: MentionDescription[] | undefined, query?: string | undefined, contextIdentifierProvider?: ContextIdentifierProvider | undefined) => GasPayload;
 export declare const buildTypeAheadRenderedPayload: (duration: number, userIds: Array<string> | null, query: string, teams: TeamInfoAttrAnalytics[] | null) => GasPayload;

package/dist/types/plugins/mentions/ui/InviteItem/styles.d.ts

@@ -1,4 +1,3 @@
-import { HTMLAttributes, ComponentClass } from 'react';
 export interface MentionItemStyleProps {
     selected?: boolean;
 }
@@ -6,9 +5,10 @@ export interface NameSectionStyleProps {
     restricted?: boolean;
 }
 export declare const ROW_SIDE_PADDING = 14;
-export declare const RowStyle: ComponentClass<HTMLAttributes<{}>>;
+export declare const rowStyle: import("@emotion/react").SerializedStyles;
 export declare const AVATAR_HEIGHT = 36;
-export declare const AvatarStyle: ComponentClass<HTMLAttributes<{}>>;
-export declare const NameSectionStyle: ComponentClass<HTMLAttributes<{}> & NameSectionStyleProps>;
-export declare const MentionItemStyle: ComponentClass<HTMLAttributes<{}> & MentionItemStyleProps>;
-export declare const CapitalizedStyle: ComponentClass<HTMLAttributes<{}>>;
+export declare const avatarStyle: import("@emotion/react").SerializedStyles;
+export declare const nameSectionStyle: import("@emotion/react").SerializedStyles;
+export declare const mentionItemStyle: import("@emotion/react").SerializedStyles;
+export declare const mentionItemSelectedStyle: import("@emotion/react").SerializedStyles;
+export declare const capitalizedStyle: import("@emotion/react").SerializedStyles;

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

@@ -2,32 +2,32 @@ import React from 'react';
 import Loadable from 'react-loadable';
 import { HeadingLevels } from '../../block-type/types';
 import { IconProps } from '../types';
-export declare const IconAction: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconCode: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconDate: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconDecision: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconDivider: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconEmoji: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconImages: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconLayout: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconLink: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconListNumber: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconList: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconMention: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconPanelError: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconPanelNote: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconPanelSuccess: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconPanelWarning: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconPanel: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconCustomPanel: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconQuote: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconStatus: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconTable: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconFallback: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
+export declare const IconAction: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconCode: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconDate: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconDecision: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconDivider: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconEmoji: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconImages: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconLayout: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconLink: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconListNumber: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconList: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconMention: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconPanelError: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconPanelNote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconPanelSuccess: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconPanelWarning: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconPanel: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconCustomPanel: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconQuote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconStatus: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconTable: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconFallback: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 declare type HeadingProps = IconProps & {
     level: HeadingLevels;
 };
 export declare const IconHeading: ({ level, ...props }: HeadingProps) => JSX.Element;
-export declare const IconFeedback: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
-export declare const IconExpand: (React.ComponentClass<IconProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<IconProps> & Loadable.LoadableComponent);
+export declare const IconFeedback: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconExpand: React.ComponentType<IconProps> & Loadable.LoadableComponent;
 export {};

package/dist/types/plugins/status/nodeviews/status.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { IntlShape } from 'react-intl-next';
@@ -5,10 +6,6 @@ import { Color, StatusStyle } from '@atlaskit/status/element';
 import { EventDispatcher } from '../../../event-dispatcher';
 import { InlineNodeViewComponentProps } from '../../../nodeviews/getInlineNodeViewProducer';
 import { StatusPluginOptions } from '../types';
-export interface StyledStatusProps {
-    placeholderStyle: boolean;
-}
-export declare const StyledStatus: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & StyledStatusProps, any, React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & StyledStatusProps>;
 export interface ContainerProps {
     view: EditorView;
     intl: IntlShape;

package/dist/types/plugins/status/ui/statusPicker.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ColorType as Color } from '@atlaskit/status/picker';
 import { StatusType } from '../plugin';
@@ -39,12 +41,12 @@ export declare class StatusPickerWithoutAnalytcs extends React.Component<Props,
     private extractStateFromProps;
     handleClickOutside: (event: Event) => void;
     private handleEscapeKeydown;
-    render(): JSX.Element | null;
+    render(): jsx.JSX.Element | null;
     private onColorHover;
     private onColorClick;
     private onTextChanged;
     private onEnter;
     private handlePopupClick;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "target" | "onSelect" | "isNew" | "onTextChanged" | "defaultColor" | "closeStatusPicker" | "onEnter" | "defaultText" | "defaultLocalId"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/plugins/table/nodeviews/tableCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="resize-observer-browser" />
 import { Node } from 'prosemirror-model';
 import { EditorView, NodeView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

package/dist/types/plugins/table/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="resize-observer-browser" />
 import { Node as PmNode } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
 import { Rect } from '@atlaskit/editor-tables/table-map';

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

@@ -1,4 +1,6 @@
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
 import { Rect } from '@atlaskit/editor-tables/table-map';
 import { EditorView } from 'prosemirror-view';
 import { WrappedComponentProps } from 'react-intl-next';
@@ -64,7 +66,7 @@ export declare class ContextualMenu extends Component<Props & WrappedComponentPr
     static defaultProps: {
         boundariesElement: HTMLElement;
     };
-    render(): JSX.Element | null;
+    render(): jsx.JSX.Element | null;
     private handleSubMenuRef;
     private createItems;
     private onMenuItemActivated;
@@ -75,7 +77,7 @@ export declare class ContextualMenu extends Component<Props & WrappedComponentPr
     private closeSubmenu;
     private setColor;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/table/ui/common-styles.d.ts

@@ -1,6 +1,4 @@
 import { ThemeProps } from '@atlaskit/theme/types';
 export declare const tableStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const tableFullPageEditorStyles: import("@emotion/react").SerializedStyles;
-export declare const deprecatedTableFullPageEditorStyles: import("styled-components").InterpolationValue[];
 export declare const tableCommentEditorStyles: import("@emotion/react").SerializedStyles;
-export declare const deprecatedTableCommentEditorStyles: import("styled-components").InterpolationValue[];

package/dist/types/plugins/table/utils/paste.d.ts

@@ -1,4 +1,5 @@
 import { Fragment, Node as PMNode, Schema, Slice } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
 export declare const unwrapContentFromTable: (maybeTable: PMNode) => PMNode | PMNode[];
 export declare const removeTableFromFirstChild: (node: PMNode, i: number) => PMNode | PMNode[];
 export declare const removeTableFromLastChild: (node: PMNode, i: number, fragment: Fragment) => PMNode | PMNode[];
@@ -10,3 +11,4 @@ export declare const removeTableFromLastChild: (node: PMNode, i: number, fragmen
 export declare const transformSliceToFixHardBreakProblemOnCopyFromCell: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToRemoveOpenTable: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToCorrectEmptyTableCells: (slice: Slice, schema: Schema) => Slice;
+export declare function isHeaderRowRequired(state: EditorState): boolean | undefined;

package/dist/types/plugins/tasks-and-decisions/commands.d.ts

@@ -1,14 +1,17 @@
 import { NodeType, ResolvedPos, Schema } from 'prosemirror-model';
-import { EditorState, Selection, Transaction } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
+import { EditorState, Selection, Transaction } from 'prosemirror-state';
 import { Command } from '../../types';
+import { INPUT_METHOD } from '../analytics';
 import { TOOLBAR_MENU_TYPE } from '../insert-block/ui/ToolbarInsertBlock/types';
 import { AddItemTransactionCreator, TaskDecisionInputMethod, TaskDecisionListType } from './types';
 export declare const getListTypes: (listType: TaskDecisionListType, schema: Schema) => {
     list: NodeType;
     item: NodeType;
 };
-export declare const insertTaskDecision: (view: EditorView, listType: TaskDecisionListType, inputMethod?: TOOLBAR_MENU_TYPE, listLocalId?: string | undefined, itemLocalId?: string | undefined) => Command;
+export declare const insertTaskDecision: (view: EditorView, listType: TaskDecisionListType, inputMethod?: INPUT_METHOD.FORMATTING | INPUT_METHOD.QUICK_INSERT | TOOLBAR_MENU_TYPE, listLocalId?: string | undefined, itemLocalId?: string | undefined) => Command;
+export declare const insertTaskDecisionAction: (state: EditorState, listType: TaskDecisionListType, inputMethod?: INPUT_METHOD.FORMATTING | INPUT_METHOD.QUICK_INSERT | TOOLBAR_MENU_TYPE, addItem?: AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => Transaction;
+export declare const insertTaskDecisionCommand: (listType: TaskDecisionListType, inputMethod?: INPUT_METHOD.FORMATTING | INPUT_METHOD.QUICK_INSERT | TOOLBAR_MENU_TYPE, addItem?: AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => Command;
 export declare const insertTaskDecisionWithAnalytics: (state: EditorState, listType: TaskDecisionListType, inputMethod: TaskDecisionInputMethod, addAndCreateList: AddItemTransactionCreator, addToList?: AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => Transaction | null;
 export declare const isSupportedSourceNode: (schema: Schema, selection: Selection) => boolean;
 export declare const changeInDepth: (before: ResolvedPos, after: ResolvedPos) => number;

package/dist/types/plugins/text-color/ui/ToolbarTextColor/index.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 import { WrappedComponentProps } from 'react-intl-next';
 import { DispatchAnalyticsEvent } from '../../../analytics';
@@ -26,7 +28,7 @@ export interface Props {
 export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
     state: State;
     changeColor: (color: string) => boolean;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private changeTextColor;
     private toggleOpen;
     private handleOpenChange;

package/dist/types/plugins/text-color/ui/ToolbarTextColor/styles.d.ts

@@ -1,11 +1,3 @@
-/// <reference types="react" />
-export declare const TextColorIconWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const TextColorIconBar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    gradientColors: string;
-    selectedColor?: string | false | null | undefined;
-}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    gradientColors: string;
-    selectedColor?: string | false | null | undefined;
-}>;
-export declare const rainbow: string;
-export declare const disabledRainbow: string;
+export declare const textColorIconWrapper: import("@emotion/react").SerializedStyles;
+export declare const textColorIconBar: import("@emotion/react").SerializedStyles;
+export declare const backgroundDisabled: import("@emotion/react").SerializedStyles;

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { EditorState } from 'prosemirror-state';

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 declare type MoreButtonProps = {
     label: string;

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { MenuIconItem } from './types';

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

@@ -2,7 +2,6 @@ import { EditorView } from 'prosemirror-view';
 import { Transaction } from 'prosemirror-state';
 import type { TypeAheadItem } from '@atlaskit/editor-common/provider-factory';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { INPUT_METHOD } from '../analytics/types/enums';
 import type { TypeAheadHandler, TypeAheadInputMethod } from './types';
 import type { Command } from '../../types/command';
 declare type CloseOptions = {
@@ -18,7 +17,7 @@ export declare const createInternalTypeAheadTools: (editorView: EditorView) => {
     findTypeAheadHandler: (trigger: string) => TypeAheadHandler | null;
     openTypeAheadHandler: (props: {
         triggerHandler: TypeAheadHandler;
-        inputMethod: INPUT_METHOD.INSERT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
+        inputMethod: TypeAheadInputMethod;
         query?: string | undefined;
     }) => (tr: Transaction<any>) => void;
 };

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { CloseSelectionOptions } from '../constants';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';

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

@@ -3,13 +3,16 @@ import React from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadItem, OnSelectItem } from '../types';
 import { WrappedComponentProps } from 'react-intl-next';
-declare type TypeAheadListProps = {
+export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlProps<{
     items: Array<TypeAheadItem>;
     selectedIndex: number;
     onItemHover: OnSelectItem;
     onItemClick: (mode: SelectItemMode, index: number) => void;
-} & WrappedComponentProps;
-export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlProps<TypeAheadListProps>> & {
-    WrappedComponent: React.ComponentType<TypeAheadListProps>;
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
+        items: Array<TypeAheadItem>;
+        selectedIndex: number;
+        onItemHover: OnSelectItem;
+        onItemClick: (mode: SelectItemMode, index: number) => void;
+    } & WrappedComponentProps<"intl">>;
 };
-export {};

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import type { TypeAheadItem, OnSelectItem } from '../types';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -29,7 +30,7 @@ export declare const itemTheme: {
         };
     };
 };
-export declare const ItemIcon: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const itemIcon: import("@emotion/react").SerializedStyles;
 declare type TypeAheadListItemProps = {
     item: TypeAheadItem;
     itemIndex: number;

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorView, DecorationSet } from 'prosemirror-view';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';

package/dist/types/plugins/type-ahead/ui/hooks/use-resize-observer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="resize-observer-browser" />
 import React from 'react';
 interface ElementResizable extends Element {
     onResize?: (entry: ResizeObserverEntry) => void;

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

@@ -1,4 +1,6 @@
-import React, { PureComponent } from 'react';
+/** @jsx jsx */
+import { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { HistoryPluginState } from '../../../history/types';
@@ -11,9 +13,9 @@ export interface Props {
     editorView: EditorView;
 }
 export declare class ToolbarUndoRedo extends PureComponent<Props & WrappedComponentProps> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
     editorView?: EditorView;
@@ -6,5 +8,5 @@ export interface Props {
 }
 export default class ClickAreaBlock extends React.Component<Props> {
     private handleClick;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,9 +1,11 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
     editorView?: EditorView;
 }
 export default class ClickAreaInline extends React.Component<Props> {
     private handleClick;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
     editorView?: EditorView;
@@ -24,5 +26,5 @@ export interface Props {
 export default class ClickAreaMobile extends React.Component<Props> {
     private clickElementRef;
     private handleClick;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { RenderOnClickHandler } from '../../Addon/types';
 import EditorActions from '../../../actions';
 export interface Props {
@@ -7,6 +9,6 @@ export interface Props {
     togglePopup: () => void;
 }
 export default class DropdownWrapper extends React.Component<Props, any> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private handleClick;
 }

package/dist/types/ui/Addon/Dropdown/styles.d.ts

@@ -1,2 +1 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const Dropdown: ComponentClass<HTMLAttributes<{}>>;
+export declare const dropdown: import("@emotion/react").SerializedStyles;

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

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

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

@@ -1,2 +1 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const DropdownItem: ComponentClass<HTMLAttributes<{}>>;
+export declare const dropdownItem: import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { WrappedComponentProps } from 'react-intl-next';
 import { AlignmentState } from '../../plugins/alignment/pm-plugins/types';
 export interface Props {
@@ -6,7 +6,7 @@ export interface Props {
     onClick: (value: AlignmentState) => void;
     className?: string;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -1,2 +1 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const AlignmentWrapper: ComponentClass<HTMLAttributes<{}>>;
+export declare const alignmentWrapper: import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorAppearanceComponentProps } from '../../types';
 export interface ChromelessEditorProps {
     isMaxContentSizeReached?: boolean;
@@ -9,5 +11,5 @@ export default class Editor extends React.Component<EditorAppearanceComponentPro
     private appearance;
     private containerElement;
     private renderChrome;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorAppearanceComponentProps } from '../../../types';
 import { WrappedComponentProps } from 'react-intl-next';