@atlaskit/editor-core 163.0.0 → 164.0.0

package/dist/types/plugins/card/pm-plugins/main.d.ts

@@ -2,4 +2,4 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { CardPluginOptions, CardPluginState } from '../types';
 import { PMPluginFactoryParams } from '../../../types';
 export { pluginKey } from './plugin-key';
-export declare const createPlugin: (options: CardPluginOptions) => ({ portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, featureFlags, }: PMPluginFactoryParams) => SafePlugin<CardPluginState, any>;
+export declare const createPlugin: (options: CardPluginOptions) => (pmPluginFactoryParams: PMPluginFactoryParams) => SafePlugin<CardPluginState, any>;

package/dist/types/plugins/card/pm-plugins/util/resolve.d.ts

@@ -2,5 +2,5 @@ import { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import { EditorView } from 'prosemirror-view';
 import { OutstandingRequests, Request } from '../../types';
 import { CardOptions } from '@atlaskit/editor-common/card';
-export declare const resolveWithProvider: (view: EditorView, outstandingRequests: OutstandingRequests, provider: CardProvider, request: Request, options: CardOptions) => Promise<void | import("@atlaskit/smart-card").InlineCardAdf | import("@atlaskit/smart-card").BlockCardAdf | import("@atlaskit/smart-card").EmbedCardAdf>;
+export declare const resolveWithProvider: (view: EditorView, outstandingRequests: OutstandingRequests, provider: CardProvider, request: Request, options: CardOptions) => Promise<void | import("@atlaskit/linking-common").InlineCardAdf | import("@atlaskit/linking-common").BlockCardAdf | import("@atlaskit/linking-common").EmbedCardAdf>;
 export declare const handleProvider: (_: 'cardProvider', provider: Promise<CardProvider> | undefined, view: EditorView) => void;

package/dist/types/plugins/card/ui/LinkToolbarButtonGroup.d.ts

@@ -1,11 +1,6 @@
 /// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-/**
- * Applying `pointer-events: none;` when disabled allows the Tooltip to be displayed
- */
-export declare const StyledButton: import("styled-components").StyledComponentClass<import("../../floating-toolbar/ui/Button").Props, any, Pick<import("../../floating-toolbar/ui/Button").Props, "title" | "children" | "className" | "tabIndex" | "icon" | "onFocus" | "onBlur" | "appearance" | "disabled" | "target" | "iconAfter" | "onClick" | "onMouseEnter" | "onMouseLeave" | "selected" | "href" | "tooltipContent" | "testId" | "hideTooltipOnClick" | "ariaHasPopup"> & {
-    theme?: any;
-}>;
 export interface ButtonOptionProps {
     title: string;
     selected: boolean;
@@ -18,4 +13,4 @@ export interface ButtonOptionProps {
 export interface LinkToolbarButtonGroupProps {
     options: ButtonOptionProps[];
 }
-export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => JSX.Element;
+export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => jsx.JSX.Element;

package/dist/types/plugins/emoji/ui/Emoji/index.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { EmojiProps } from '@atlaskit/editor-common/emoji';
-export default function EmojiNode(props: EmojiProps): JSX.Element;
+export default function EmojiNode(props: EmojiProps): jsx.JSX.Element;

package/dist/types/plugins/extension/ui/Extension/Extension/styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ThemeProps } from '@atlaskit/theme/types';
 export declare const widerLayoutClassName = "wider-layout";
 export declare const wrapperStyle: (theme: ThemeProps, extensionWidth: string) => import("@emotion/react").SerializedStyles;
-export declare const Header: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Content: import("styled-components").StyledComponentClass<(import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").NoThemeProps), any, (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").NoThemeProps)>;
-export declare const ContentWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const header: import("@emotion/react").SerializedStyles;
+export declare const content: (theme: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const contentWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/find-replace/ui/FindReplaceToolbarButton.d.ts

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

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import { Component, ReactElement } from 'react';
+import { jsx } from '@emotion/react';
 import { DropdownOptions } from './types';
 export interface Props {
     title: string;
@@ -18,7 +20,7 @@ export interface State {
 }
 export default class Dropdown extends Component<Props, State> {
     state: State;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private renderArrayOptions;
     private toggleOpen;
     private hide;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DropdownOptionT } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
 export declare const menuItemDimensions: {
@@ -11,7 +11,7 @@ export interface Props {
     dispatchCommand: Function;
     items: Array<DropdownOptionT<Function>>;
 }
-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/floating-toolbar/ui/Input.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 export interface Props {
     mountPoint?: HTMLElement;
@@ -17,5 +19,5 @@ export default class TextField extends Component<Props, State> {
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleSubmit: (e: React.FormEvent) => void;
     handleBlur: (e: React.FocusEvent<{}>) => void;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

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

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

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

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { ToolbarButtonRef } from '../../../../ui/ToolbarButton';
 export interface DropDownButtonProps {

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { Props, State } from './types';
 export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
@@ -17,7 +19,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handleEmojiButtonRef;
     private handlePlusButtonRef;
     private handleDropDownButtonRef;
-    render(): JSX.Element | null;
+    render(): jsx.JSX.Element | null;
     private toggleLinkPanel;
     private insertMention;
     private insertTable;

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { MenuItem } from '../../../../ui/DropdownMenu/types';
 export interface CreateInit {

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

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

package/dist/types/plugins/list/actions/wrap-and-join-lists.d.ts

@@ -1,4 +1,4 @@
-import { Node, NodeType } from 'prosemirror-model';
+import { NodeType } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
 /**
  * Wraps the selection in a list with the given type. If this results in
@@ -13,13 +13,3 @@ export declare function wrapInListAndJoin(nodeType: NodeType, tr: Transaction):
 export declare function wrapInList(listType: NodeType, attrs?: {
     [key: string]: any;
 }): (tr: Transaction) => boolean;
-/**
- * Checks whether two adjacent nodes can be joined. If so, the document
- * will be updated to join those nodes. If not, the original transaction
- * remains untouched.
- *
- * Nodes are considered joinable if the `isJoinable` predicate returns true.
- *
- * Adapted from https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js#L597-L610
- */
-export declare function autoJoin(tr: Transaction, isJoinable: (before: Node, after: Node) => boolean): void;

package/dist/types/plugins/list/ui/ToolbarLists/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
@@ -18,7 +18,7 @@ export interface Props {
 export interface State {
     isDropdownOpen: boolean;
 }
-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/media/commands/helpers.d.ts

@@ -1,5 +1,5 @@
-import { Command } from '../../../types/command';
-import { MediaNodeWithPosHandler, MediaPluginState } from '../pm-plugins/types';
+import type { Command } from '../../../types/command';
+import type { MediaNodeWithPosHandler, MediaPluginState } from '../pm-plugins/types';
 export declare const findMediaSingleNode: (mediaPluginState: MediaPluginState, id: string) => MediaNodeWithPosHandler | null;
 /**
  * Finds the media inline node with the given id.

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

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView, Decoration } from 'prosemirror-view';
@@ -32,7 +34,7 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     componentDidMount(): Promise<void>;
     selectMediaSingle: ({ event }: CardEvent) => void;
     updateSize: (width: number | null, layout: MediaSingleLayout) => void;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private clickPlaceholder;
     private getLineLength;
 }
@@ -49,7 +51,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     isNodeSelected: () => boolean;
     getNodeMediaId(node: PMNode): string | undefined;
     update(node: PMNode, decorations: Decoration[], _innerDecorations?: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
-    render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): JSX.Element;
+    render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
 export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;

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

@@ -1,12 +1,14 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { NumericalCardDimensions } from '@atlaskit/media-card';
 export declare const MediaInlineNodeSelector = "media-inline-node";
 export declare const MediaSingleNodeSelector = "media-single-node";
-export declare const FigureWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
+export declare const figureWrapper: import("@emotion/react").SerializedStyles;
 declare type MediaCardWrapperProps = {
     dimensions: NumericalCardDimensions;
     children: React.ReactNode;
     onContextMenu?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 };
-export declare const MediaCardWrapper: ({ dimensions, children, onContextMenu, }: MediaCardWrapperProps) => JSX.Element;
+export declare const MediaCardWrapper: ({ dimensions, children, onContextMenu, }: MediaCardWrapperProps) => jsx.JSX.Element;
 export {};

package/dist/types/plugins/media/picker-facade.d.ts

@@ -1,12 +1,10 @@
-import { MediaPicker } from '@atlaskit/media-picker';
-import { Popup, PopupConfig, UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 import { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
-export declare type PickerType = 'popup' | 'clipboard' | 'dropzone' | 'customMediaPicker';
+export declare type PickerType = 'clipboard' | 'dropzone' | 'customMediaPicker';
 export declare type ExtendedComponentConfigs = {
-    popup: PopupConfig;
     customMediaPicker: CustomMediaPicker;
     dropzone: null;
     clipboard: null;
@@ -22,25 +20,20 @@ export declare type MediaStateEventSubscriber = (listener: MediaStateEventListen
 export declare type NewMediaEvent = (state: MediaState, onStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
 export default class PickerFacade {
     readonly config: PickerFacadeConfig;
-    readonly pickerConfig?: CustomMediaPicker | PopupConfig | null | undefined;
-    readonly mediaPickerFactoryClass: typeof MediaPicker;
+    readonly pickerConfig?: CustomMediaPicker | null | undefined;
     private picker?;
     private onDragListeners;
-    private errorReporter;
     private pickerType;
     private onStartListeners;
     private eventListeners;
     private analyticsName;
     erroredFiles: Set<string>;
-    constructor(pickerType: PickerType, config: PickerFacadeConfig, pickerConfig?: CustomMediaPicker | PopupConfig | null | undefined, mediaPickerFactoryClass?: typeof MediaPicker, analyticsName?: string);
+    constructor(pickerType: PickerType, config: PickerFacadeConfig, pickerConfig?: CustomMediaPicker | null | undefined, analyticsName?: string);
     init(): Promise<PickerFacade>;
     get type(): PickerType;
-    get mediaPicker(): CustomMediaPicker | Popup | undefined;
+    get mediaPicker(): CustomMediaPicker | undefined;
     destroy(): void;
     setUploadParams(params: UploadParams): void;
-    onClose(cb: () => void): () => void;
-    show(): void;
-    hide(): void;
     onNewMedia(cb: NewMediaEvent): void;
     onDrag(cb: (state: 'enter' | 'leave') => any): void;
     handleUploadPreviewUpdate: (event: UploadPreviewUpdateEventPayload) => void;

package/dist/types/plugins/media/pm-plugins/main.d.ts

@@ -34,19 +34,17 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     private destroyed;
     private contextIdentifierProvider?;
     private errorReporter;
-    private popupPicker?;
     private customPicker?;
     private removeOnCloseListener;
     private openMediaPickerBrowser?;
     private onPopupToggleCallback;
-    private reactContext;
     pickers: PickerFacade[];
     pickerPromises: Array<Promise<PickerFacade>>;
     editingMediaSinglePos?: number;
     showEditingDialog?: boolean;
     mediaOptions?: MediaOptions;
     dispatch?: Dispatch;
-    constructor(state: EditorState, options: MediaPluginOptions, reactContext: () => {}, mediaOptions?: MediaOptions, dispatch?: Dispatch);
+    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions?: MediaOptions, dispatch?: Dispatch);
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider> | undefined) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider> | undefined) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
@@ -62,7 +60,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     addPendingTask: (promise: Promise<any>) => void;
     splitMediaGroup: () => boolean;
     onPopupPickerClose: () => void;
-    shouldUseMediaPickerPopup: () => boolean;
     showMediaPicker: () => void;
     setBrowseFn: (browseFn: () => void) => void;
     onPopupToggle: (onPopupToggleCallback: (isOpen: boolean) => void) => void;

package/dist/types/plugins/media/pm-plugins/types.d.ts

@@ -37,7 +37,6 @@ export interface MediaPluginState {
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
-    shouldUseMediaPickerPopup: () => boolean;
     insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
     addPendingTask: (promise: Promise<any>) => void;
     splitMediaGroup: () => boolean;

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

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

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

@@ -32,7 +32,6 @@ export interface MediaOptions {
     enableDownloadButton?: boolean;
     altTextValidator?: (value: string) => string[];
     useForgePlugins?: boolean;
-    useMediaPickerPopup?: boolean;
     allowTemplatePlaceholders?: boolean | PlaceholderTextOptions;
     alignLeftOnInsert?: boolean;
     featureFlags?: MediaFeatureFlags;

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/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/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,7 +41,7 @@ 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;

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/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/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';