@atlaskit/editor-core 163.0.0 → 164.0.2

package/dist/types/plugins/alignment/commands/index.d.ts

@@ -1,3 +1,4 @@
 import { Command } from '../../../types/command';
-export declare const isAlignable: (align?: "center" | "start" | "end" | undefined) => Command;
-export declare const changeAlignment: (align?: "center" | "start" | "end" | undefined) => Command;
+import { AlignmentState } from '../pm-plugins/types';
+export declare const isAlignable: (align?: AlignmentState | undefined) => Command;
+export declare const changeAlignment: (align?: AlignmentState | undefined) => Command;

package/dist/types/plugins/base/pm-plugins/inline-cursor-target.d.ts

@@ -1,11 +1,9 @@
 import { Decoration } from 'prosemirror-view';
-import { ResolvedPos, Node } from 'prosemirror-model';
+import { Node } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 export declare const inlineCursorTargetStateKey: PluginKey<any, any>;
 export declare const isInlineNodeView: (node: Node | null | undefined) => boolean | null | undefined;
-export declare const findInlineNodeViewAfter: ($pos: ResolvedPos) => boolean | null | undefined;
-export declare const findInlineNodeViewBefore: ($pos: ResolvedPos) => boolean | null | undefined;
 export interface InlineCursorTargetState {
     cursorTarget?: {
         decorations: [Decoration | null, Decoration | null];

package/dist/types/plugins/block-type/ui/ToolbarBlockType/blocktype-button.d.ts

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

package/dist/types/plugins/block-type/ui/ToolbarBlockType/styled.d.ts

@@ -1,6 +1,4 @@
 import { ThemeProps } from '@atlaskit/theme/types';
-import { HTMLAttributes, ComponentClass } from 'react';
 export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean | undefined) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const KeyboardShortcut: ComponentClass<HTMLAttributes<{}> & {
-    selected?: boolean;
-}>;
+export declare const keyboardShortcut: import("@emotion/react").SerializedStyles;
+export declare const keyboardShortcutSelect: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/card/nodeviews/blockCard.d.ts

@@ -14,7 +14,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     private scrollContainer?;
     onClick: () => void;
     static contextTypes: {
-        contextAdapter: PropTypes.Requireable<any>;
+        contextAdapter: PropTypes.Requireable<object>;
     };
     UNSAFE_componentWillMount(): void;
     onResolve: (data: {

package/dist/types/plugins/card/nodeviews/embedCard.d.ts

@@ -14,7 +14,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     private embedIframeRef;
     onClick: () => void;
     static contextTypes: {
-        contextAdapter: PropTypes.Requireable<any>;
+        contextAdapter: PropTypes.Requireable<object>;
     };
     state: EmbedCardState;
     UNSAFE_componentWillMount(): void;

package/dist/types/plugins/card/nodeviews/inlineCard.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { SmartCardProps } from './genericCard';
-import ReactNodeView from '../../../nodeviews/ReactNodeView';
+import { InlineNodeViewComponentProps } from '../../../nodeviews/getInlineNodeViewProducer';
 export declare class InlineCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
     private onClick;
     static contextTypes: {
-        contextAdapter: PropTypes.Requireable<any>;
+        contextAdapter: PropTypes.Requireable<object>;
     };
     UNSAFE_componentWillMount(): void;
     onResolve: (data: {
@@ -16,7 +16,4 @@ export declare class InlineCardComponent extends React.PureComponent<SmartCardPr
     render(): JSX.Element | null;
 }
 export declare type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader'>;
-export declare class InlineCard extends ReactNodeView<InlineCardNodeViewProps> {
-    createDomRef(): HTMLElement;
-    render(): JSX.Element;
-}
+export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps): JSX.Element;

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/pm-plugins/util/state.d.ts

@@ -5,9 +5,9 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
     requests: {
         pos: number;
         url: string;
-        appearance: import("@atlaskit/smart-card").CardAppearance;
+        appearance: import("@atlaskit/editor-common/provider-factory").CardAppearance;
         compareLinkText: boolean;
-        source: import("../../../analytics").INPUT_METHOD.AUTO_DETECT | import("../../../analytics").INPUT_METHOD.CLIPBOARD | import("../../../analytics").INPUT_METHOD.FORMATTING | import("../../../analytics").INPUT_METHOD.MANUAL | import("../../../analytics").INPUT_METHOD.TYPEAHEAD;
+        source: import("../../types").CardReplacementInputMethod;
         analyticsAction?: import("../../../analytics").ACTION | undefined;
         shouldReplaceLink?: boolean | undefined;
     }[];

package/dist/types/plugins/card/toolbar.d.ts

@@ -6,4 +6,4 @@ import { CardOptions } from '@atlaskit/editor-common/card';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export declare const removeCard: Command;
 export declare const visitCardLink: Command;
-export declare const floatingToolbar: (cardOptions: CardOptions, platform?: "mobile" | "web" | undefined) => (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
+export declare const floatingToolbar: (cardOptions: CardOptions, platform?: import("json-ld-types").JsonLd.Primitives.Platforms | undefined) => (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;

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

@@ -16,7 +16,7 @@ export interface LinkToolbarAppearanceProps {
 }
 export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, {}> {
     static contextTypes: {
-        contextAdapter: PropTypes.Requireable<any>;
+        contextAdapter: PropTypes.Requireable<object>;
     };
     renderDropdown: (view?: EditorView<any> | undefined, cardContext?: CardContext | undefined) => JSX.Element | null;
     render(): JSX.Element | null;

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/card/ui/ResizableEmbedCard.d.ts

@@ -40,7 +40,7 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
     wrapper?: HTMLElement;
     get wideLayoutWidth(): number;
     calcSnapPoints(): number[];
-    calcPxWidth: (useLayout?: "wrap-right" | "center" | "wrap-left" | "wide" | "full-width" | "align-end" | "align-start" | undefined) => number;
+    calcPxWidth: (useLayout?: RichMediaLayout | undefined) => number;
     get insideInlineLike(): boolean;
     highlights: (newWidth: number, snapPoints: number[]) => number[] | string[];
     /**

package/dist/types/plugins/card/utils.d.ts

@@ -3,7 +3,7 @@ import { NodeType, Node, Slice } from 'prosemirror-model';
 import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import { CardInfo } from './types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
-export declare const selectedCardAppearance: (state: EditorState) => false | "embed" | "inline" | "block" | undefined;
+export declare const selectedCardAppearance: (state: EditorState) => false | CardAppearance | undefined;
 export declare type TitleUrlPair = {
     title?: string;
     url?: string;

package/dist/types/plugins/date/actions.d.ts

@@ -1,13 +1,14 @@
 import { EditorState, Transaction } from 'prosemirror-state';
 import { Command, CommandDispatch } from '../../types';
 import { DateType } from './types';
+import { TOOLBAR_MENU_TYPE } from '../insert-block/ui/ToolbarInsertBlock/types';
 import { INPUT_METHOD } from '../analytics';
 export declare const createDate: (isQuickInsertAction?: boolean | undefined) => (insert: (node: Node | Object | string, opts?: any) => Transaction, state: EditorState) => Transaction;
 /** Delete the date and close the datepicker */
 export declare const deleteDate: () => Command;
 /** Focus input */
 export declare const focusDateInput: () => (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
-export declare const insertDate: (date?: DateType | undefined, inputMethod?: INPUT_METHOD.INSERT_MENU | INPUT_METHOD.TOOLBAR | undefined, commitMethod?: INPUT_METHOD.KEYBOARD | INPUT_METHOD.PICKER | undefined, enterPressed?: boolean) => Command;
+export declare const insertDate: (date?: DateType | undefined, inputMethod?: TOOLBAR_MENU_TYPE | undefined, commitMethod?: INPUT_METHOD.KEYBOARD | INPUT_METHOD.PICKER | undefined, enterPressed?: boolean) => Command;
 export declare const setDatePickerAt: (showDatePickerAt: number | null) => (state: EditorState, dispatch: (tr: Transaction) => void) => boolean;
 export declare const closeDatePicker: () => Command;
 export declare const closeDatePickerWithAnalytics: ({ date, }: {

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/emoji/ui/EmojiContextProvider/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 export declare class EmojiContextProvider extends React.Component<any, any> {
     static childContextTypes: {
-        emoji: PropTypes.Requireable<any>;
+        emoji: PropTypes.Requireable<object>;
     };
     getChildContext(): {
         emoji: {

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

@@ -34,7 +34,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends "showLeftShadow" | "showRightShadow">(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
             children?: React.ReactNode;
@@ -72,7 +72,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K_1 extends "showLeftShadow" | "showRightShadow">(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
+        setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
             children?: React.ReactNode;

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/feature-flags-context/get-enabled-feature-flag-keys.d.ts

@@ -4,4 +4,4 @@ import type { FeatureFlags } from '../../types/feature-flags';
  *
  * Useful for analytics and analysis purposes.
  */
-export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("singleLayout" | "newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo" | "twoLineEditorToolbar" | "saferDispatchedTransactions" | "maxUnsafeChromeSpellcheckingVersion" | "plainTextPasteLinkification" | "useNativeCollabPlugin" | "chromeCursorHandlerFixedVersion" | "viewChangingExperimentToolbarStyle")[];
+export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): (keyof FeatureFlags)[];

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

@@ -16,4 +16,4 @@ export default floatingToolbarPlugin;
  * ProseMirror Plugin
  *
  */
-export declare const pluginKey: PluginKey<Record<"getConfigWithNodeInfo", (state: EditorState) => ConfigWithNodeInfo | null | undefined>, any>;
+export declare const pluginKey: PluginKey<FloatingToolbarPluginState, any>;

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';
@@ -23,7 +24,7 @@ export interface Props {
     extensionsProvider?: ExtensionProvider;
 }
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
-export declare const areSameItems: (leftArr?: FloatingToolbarItem<Function>[] | undefined, rightArr?: FloatingToolbarItem<Function>[] | undefined) => boolean;
+export declare const areSameItems: (leftArr?: Item[] | undefined, rightArr?: Item[] | undefined) => boolean;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import Loadable from 'react-loadable';
 import type { Props } from './Toolbar';
-export declare const ToolbarLoader: (import("react").ComponentClass<Props, any> & Loadable.LoadableComponent) | (import("react").FunctionComponent<Props> & Loadable.LoadableComponent);
+export declare const ToolbarLoader: import("react").ComponentType<Props> & Loadable.LoadableComponent;

package/dist/types/plugins/help-dialog/ui/HelpDialogLoader.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import Loadable from 'react-loadable';
 import type { Props as HelpDialogProps } from './index';
-export declare const HelpDialogLoader: (import("react").ComponentClass<HelpDialogProps, any> & Loadable.LoadableComponent) | (import("react").FunctionComponent<HelpDialogProps> & Loadable.LoadableComponent);
+export declare const HelpDialogLoader: import("react").ComponentType<HelpDialogProps> & Loadable.LoadableComponent;

package/dist/types/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -105,5 +105,5 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
 export declare const HyperlinkLinkAddToolbarWithIntl: React.FC<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>> & {
     WrappedComponent: React.ComponentType<HyperlinkLinkAddToolbarProps>;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>>, "searchProvider" | "activityProvider" | "children" | "view" | "autoFocus" | "popupsMountPoint" | "popupsBoundariesElement" | "onSubmit" | "forwardedRef" | "pluginState" | "displayText" | "displayUrl"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

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/alt-text/ui/AltTextEdit.d.ts

@@ -37,5 +37,5 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
     private handleOnBlur;
     private handleClearText;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, "children" | "view" | "value" | "forwardedRef" | "altTextValidator"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

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;