@atlaskit/editor-core 162.0.2 → 164.0.1

package/dist/types/plugins/media/pm-plugins/media-editor-plugin-factory.d.ts

@@ -1,5 +1,3 @@
 import { PluginKey } from 'prosemirror-state';
-import { MediaEditorAction, MediaEditorState } from '../types';
+import { MediaEditorState } from '../types';
 export declare const pluginKey: PluginKey<MediaEditorState, any>;
-export declare const reducer: (state: MediaEditorState, action: MediaEditorAction) => MediaEditorState;
-export declare const createPluginState: (dispatch: import("../../../event-dispatcher").Dispatch<any>, initialState: MediaEditorState | ((state: import("prosemirror-state").EditorState<any>) => MediaEditorState)) => import("prosemirror-state").SafeStateField<MediaEditorState, import("prosemirror-model").Schema<any, any>>, createCommand: <A = MediaEditorAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState<any>>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction<any>, state: import("prosemirror-state").EditorState<any>) => import("prosemirror-state").Transaction<any>) | undefined) => import("../../..").Command, getPluginState: (state: import("prosemirror-state").EditorState<any>) => MediaEditorState;

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

@@ -16,7 +16,6 @@ export interface MediaOptions {
     customMediaPicker?: CustomMediaPicker;
     allowResizing?: boolean;
     allowResizingInTables?: boolean;
-    allowAnnotation?: boolean;
     allowLinking?: boolean;
     allowLazyLoading?: boolean;
     allowBreakoutSnapPoints?: boolean;
@@ -33,7 +32,6 @@ export interface MediaOptions {
     enableDownloadButton?: boolean;
     altTextValidator?: (value: string) => string[];
     useForgePlugins?: boolean;
-    useMediaPickerPopup?: boolean;
     allowTemplatePlaceholders?: boolean | PlaceholderTextOptions;
     alignLeftOnInsert?: boolean;
     featureFlags?: MediaFeatureFlags;
@@ -82,23 +80,6 @@ export declare type MediaEditorState = {
         identifier: FileIdentifier;
     };
 };
-export declare type OpenMediaEditor = {
-    type: 'open';
-    pos: number;
-    identifier: FileIdentifier;
-};
-export declare type UploadAnnotation = {
-    type: 'upload';
-    newIdentifier: FileIdentifier;
-};
-export declare type CloseMediaEditor = {
-    type: 'close';
-};
-export declare type SetMediaMediaClientConfig = {
-    type: 'setMediaClientConfig';
-    mediaClientConfig?: MediaClientConfig;
-};
-export declare type MediaEditorAction = OpenMediaEditor | CloseMediaEditor | UploadAnnotation | SetMediaMediaClientConfig;
 export declare type MediaToolbarBaseConfig = {
     title: string;
     getDomRef?: (view: EditorView) => HTMLElement | undefined;
@@ -108,7 +89,6 @@ export declare type MediaFloatingToolbarOptions = {
     providerFactory?: ProviderFactory;
     allowResizing?: boolean;
     allowMediaInline?: boolean;
-    allowAnnotation?: boolean;
     allowLinking?: boolean;
     allowAdvancedToolBarOptions?: boolean;
     allowResizingInTables?: boolean;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { Props } from './types';
@@ -31,12 +33,12 @@ 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[];
     private saveWrapper;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
 export declare function calcOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;
 export {};

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/editor-common/ui").MediaSingleDimensionHelperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/editor-common/ui").MediaSingleDimensionHelperProps>;
+import type { MediaSingleDimensionHelperProps } from '@atlaskit/editor-common/ui';
+export declare const wrapperStyle: (props: MediaSingleDimensionHelperProps) => import("@emotion/react").SerializedStyles;

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

@@ -1 +1 @@
-export declare const mentionsStyles: import("styled-components").InterpolationValue[];
+export declare const mentionsStyles: import("@emotion/react").SerializedStyles;

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

@@ -1 +1,2 @@
-export declare const panelStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const panelStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/placeholder/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const placeHolderClassName = "placeholder-decoration";
-export declare const placeholderStyles: import("styled-components").InterpolationValue[];
+export declare const placeholderStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/placeholder-text/styles.d.ts

@@ -1 +1 @@
-export declare const placeholderTextStyles: import("styled-components").InterpolationValue[];
+export declare const placeholderTextStyles: 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/rule/styles.d.ts

@@ -1 +1,2 @@
-export declare const ruleStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const ruleStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/selection/gap-cursor/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const hideCaretModifier = "ProseMirror-hide-gapcursor";
-export declare const gapCursorStyles: string;
+export declare const gapCursorStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,16 +1,11 @@
+/** @jsx jsx */
 import React from 'react';
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView, NodeView } from 'prosemirror-view';
+import { EditorView } from 'prosemirror-view';
 import { IntlShape } from 'react-intl-next';
 import { Color, StatusStyle } from '@atlaskit/status/element';
 import { EventDispatcher } from '../../../event-dispatcher';
-import { getPosHandler, ReactNodeView } from '../../../nodeviews';
-import { PortalProviderAPI } from '../../../ui/PortalProvider';
+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;
@@ -23,12 +18,7 @@ export interface ContainerProps {
 export declare const IntlStatusContainerView: React.FC<import("react-intl-next").WithIntlProps<ContainerProps>> & {
     WrappedComponent: React.ComponentType<ContainerProps>;
 };
-export interface Props {
-    options?: StatusPluginOptions;
-}
-export declare class StatusNodeView extends ReactNodeView<Props> {
-    createDomRef(): HTMLElement;
-    setDomAttrs(node: PMNode, element: HTMLElement): void;
-    render(props: Props): JSX.Element;
-}
-export default function statusNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, options?: StatusPluginOptions): (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare type Props = InlineNodeViewComponentProps & {
+    options: StatusPluginOptions | undefined;
+};
+export declare const StatusNodeView: React.FC<Props>;

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

@@ -1,8 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { Dispatch, EventDispatcher } from '../../event-dispatcher';
-import { PortalProviderAPI } from '../../ui/PortalProvider';
+import type { PMPluginFactoryParams } from '../../types';
 import { StatusPluginOptions } from './types';
 export { pluginKey, pluginKeyName } from './plugin-key';
 export type { StatusState, StatusType } from './types';
-declare const createPlugin: (dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, options?: StatusPluginOptions | undefined) => SafePlugin<any, any>;
+declare const createPlugin: (pmPluginFactoryParams: PMPluginFactoryParams, options?: StatusPluginOptions | undefined) => SafePlugin<any, any>;
 export default createPlugin;

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

@@ -1 +1 @@
-export declare const statusStyles: import("styled-components").InterpolationValue[];
+export declare const statusStyles: import("@emotion/react").SerializedStyles;

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, "onSelect" | "target" | "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/FloatingContextualButton/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 { TableLayout } from '@atlaskit/adf-schema';
@@ -20,8 +22,8 @@ export interface Props {
 }
 export declare class FloatingContextualButtonInner extends React.Component<Props & WrappedComponentProps, any> {
     static displayName: string;
-    render(): JSX.Element | null;
+    render(): jsx.JSX.Element | null;
     shouldComponentUpdate(nextProps: Props): boolean;
     private handleClick;
 }
-export default function (props: Props): JSX.Element;
+export default function (props: Props): jsx.JSX.Element;

package/dist/types/plugins/table/ui/FloatingContextualButton/styles.d.ts

@@ -1 +1 @@
-export declare const tableFloatingCellButtonStyles: import("styled-components").InterpolationValue[];
+export declare const tableFloatingCellButtonStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 import { PluginConfig } from '../../types';
 export interface Props {
@@ -11,7 +12,7 @@ export interface Props {
     pluginConfig?: PluginConfig;
 }
 declare const FloatingContextualMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, }: Props): JSX.Element | null;
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, }: Props): jsx.JSX.Element | null;
     displayName: string;
 };
 export default FloatingContextualMenu;

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

@@ -1 +1 @@
-export declare const tablePopupStyles: import("styled-components").InterpolationValue[];
+export declare const tablePopupStyles: import("@emotion/react").SerializedStyles;

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/tasks-and-decisions/styles.d.ts

@@ -1 +1 @@
-export declare const taskDecisionStyles: import("styled-components").InterpolationValue[];
+export declare const taskDecisionStyles: import("@emotion/react").SerializedStyles;

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