@atlaskit/editor-core 161.0.0 → 163.0.0

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

@@ -1,15 +1,3 @@
-import React from 'react';
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import { WrappedComponentProps } from 'react-intl-next';
-import { getPosHandler } from '../../../nodeviews';
-export interface Props {
-    children?: React.ReactNode;
-    view: EditorView;
-    node: PMNode;
-    getPos?: getPosHandler;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;
+/// <reference types="react" />
+import { InlineNodeViewComponentProps } from '../../../nodeviews/getInlineNodeViewProducer';
+export declare function DateNodeView(props: InlineNodeViewComponentProps): JSX.Element;

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

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

package/dist/types/plugins/date/ui/DatePicker/date-picker-input.d.ts

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

package/dist/types/plugins/date/ui/DatePicker/index.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { DateType } from '../../types';
 import { INPUT_METHOD } from '../../../analytics/types/enums';

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

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

package/dist/types/plugins/expand/ui/ExpandIconButton.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { IntlShape } from 'react-intl-next';
 interface ExpandIconButtonProps {
     allowInteractiveExpand: boolean;
@@ -10,7 +12,7 @@ interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
 }
 export declare const withTooltip: (WrapperComponent: React.ElementType) => {
     new (props: ExpandIconButtonWithLabelProps): {
-        render(): JSX.Element;
+        render(): jsx.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ExpandIconButtonWithLabelProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
@@ -36,6 +38,6 @@ export declare const withTooltip: (WrapperComponent: React.ElementType) => {
     };
     contextType?: React.Context<any> | undefined;
 };
-export declare const CustomButton: (props: ExpandIconButtonWithLabelProps) => JSX.Element;
-export declare const ExpandIconButton: (props: ExpandIconButtonProps) => JSX.Element;
+export declare const CustomButton: (props: ExpandIconButtonWithLabelProps) => jsx.JSX.Element;
+export declare const ExpandIconButton: (props: ExpandIconButtonProps) => jsx.JSX.Element;
 export {};

package/dist/types/plugins/expand/ui/styles.d.ts

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

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

@@ -6,6 +6,7 @@ import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider
 import { EditorAppearance } from '../../../types/editor-appearance';
 import { Dispatch, EventDispatcher } from '../../../event-dispatcher';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
+import type { ExtensionState } from '../types';
 import { getPluginState, createCommand } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
 export declare const updateEditButton: (view: EditorView, extensionProvider: ExtensionProvider) => Promise<UpdateExtension<any> | undefined>;
@@ -13,5 +14,5 @@ export declare const createExtensionProviderHandler: (view: EditorView) => (name
 export declare const createContextIdentifierProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ContextIdentifierProvider> | undefined) => Promise<void>;
 declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
-}) => SafePlugin<import("../types").ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>, import("prosemirror-model").Schema<any, any>>;
+}) => SafePlugin<ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>, import("prosemirror-model").Schema<any, any>>;
 export { pluginKey, createPlugin, createCommand, getPluginState };

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

@@ -3,6 +3,7 @@ import { UpdateExtension, ExtensionProvider, Parameters, TransformBefore, Transf
 export declare type ExtensionState<T extends Parameters = Parameters> = {
     localId?: string;
     autoSaveResolve?: () => void;
+    shouldRefreshEditButton: boolean;
     showEditButton: boolean;
     showContextPanel: boolean;
     updateExtension?: Promise<UpdateExtension<T> | void>;

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

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

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

@@ -1,12 +1,7 @@
 /// <reference types="react" />
+import { ThemeProps } from '@atlaskit/theme/types';
 export declare const widerLayoutClassName = "wider-layout";
-export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").HTMLAttributes<{}> & {
-    extensionWidth: String;
-}, any, Pick<import("react").HTMLAttributes<{}>, "dir" | "slot" | "style" | "title" | "aria-label" | "aria-haspopup" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & {
-    theme?: any;
-} & {
-    extensionWidth: String;
-}>;
+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").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").NoThemeProps), any, (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").NoThemeProps)>;
+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>>;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Node as PmNode } from 'prosemirror-model';
 export interface Props {
@@ -6,5 +8,5 @@ export interface Props {
     children?: React.ReactNode;
 }
 export default class InlineExtension extends Component<Props, any> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,2 +1,2 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const Wrapper: ComponentClass<HTMLAttributes<{}>>;
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const wrapperStyle: (theme: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Node as PmNode } from 'prosemirror-model';
 export declare const capitalizeFirstLetter: (str: string) => string;
@@ -6,7 +8,7 @@ export interface Props {
 }
 export declare const ICON_SIZE = 24;
 export default class ExtensionLozenge extends Component<Props, any> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private renderImage;
     private renderFallback;
 }

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ComponentClass, ImgHTMLAttributes } from 'react';
+import { ThemeProps } from '@atlaskit/theme/types';
 export declare const padding: number;
 export declare const BODIED_EXT_PADDING: number;
-export declare const Wrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare const Overlay: ComponentClass<HTMLAttributes<{}>>;
-export declare const PlaceholderFallback: ComponentClass<HTMLAttributes<{}>>;
-export declare const PlaceholderFallbackParams: ComponentClass<HTMLAttributes<{}>>;
-export declare const StyledImage: ComponentClass<ImgHTMLAttributes<{}>>;
+export declare const wrapperDefault: (theme: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const overlay: import("@emotion/react").SerializedStyles;
+export declare const placeholderFallback: import("@emotion/react").SerializedStyles;
+export declare const placeholderFallbackParams: import("@emotion/react").SerializedStyles;
+export declare const styledImage: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/extension/ui/SaveIndicator/SaveIndicator.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { FunctionComponent } from 'react';
 import { SaveIndicatorProps } from './types';
 export declare const SaveIndicator: FunctionComponent<SaveIndicatorProps>;

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

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

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

@@ -1,10 +1,12 @@
 import { Schema, Mark } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
+import { EditorState, ReadonlyTransaction } from 'prosemirror-state';
 import { Node as PMNode } from 'prosemirror-model';
 import { NodeWithPos, DomAtPos } from 'prosemirror-utils';
+import type { ExtensionState } from './types';
 export declare const getSelectedExtension: (state: EditorState, searchParent?: boolean) => import("prosemirror-utils").ContentNodeWithPos | undefined;
 export declare const findExtensionWithLocalId: (state: EditorState, localId?: string | undefined) => NodeWithPos | undefined;
 export declare const getSelectedDomElement: (schema: Schema, domAtPos: DomAtPos, selectedExtensionNode: NodeWithPos) => HTMLElement;
 export declare const getDataConsumerMark: (newNode: PMNode) => Mark | undefined;
 export declare const getNodeTypesReferenced: (ids: string[], state: EditorState) => string[];
 export declare const findNodePosWithLocalId: (state: EditorState, localId: string) => NodeWithPos | undefined;
+export declare const onSelectionChanged: (tr: ReadonlyTransaction, state: ExtensionState) => ExtensionState;

package/dist/types/plugins/fake-text-cursor/styles.d.ts

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

package/dist/types/plugins/find-replace/styles.d.ts

@@ -2,4 +2,4 @@ export declare const searchMatchBgColour = "#B3D4FF";
 export declare const selectedSearchMatchBgColour = "#2684FF";
 export declare const searchMatchClass = "search-match";
 export declare const selectedSearchMatchClass = "selected-search-match";
-export declare const findReplaceStyles: import("styled-components").InterpolationValue[];
+export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { TRIGGER_METHOD, DispatchAnalyticsEvent } from '../../analytics/types';
 import { MatchCaseProps } from '../types';
 export declare type FindReplaceProps = {
@@ -37,6 +38,6 @@ declare class FindReplace extends React.PureComponent<FindReplaceProps> {
     setReplaceTextfieldRef: (replaceTextfieldRef: React.RefObject<HTMLInputElement>) => void;
     setFocusToFind: () => void;
     setFocusToReplace: () => void;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
 export default FindReplace;

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

@@ -1,5 +1,5 @@
-export declare const replaceSectionButtonStyles: import("@emotion/core").SerializedStyles;
-export declare const ruleStyles: import("@emotion/core").SerializedStyles;
-export declare const wrapperStyles: import("@emotion/core").SerializedStyles;
-export declare const sectionWrapperStyles: import("@emotion/core").SerializedStyles;
-export declare const countStyles: import("@emotion/core").SerializedStyles;
+export declare const replaceSectionButtonStyles: import("@emotion/react").SerializedStyles;
+export declare const ruleStyles: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const sectionWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const countStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,7 +1,12 @@
 export declare const iconOnlySpacing: {
     '&&': {
         padding: string;
-        '&[href]': {
+        /**
+          Increased specificity here because css for .hyperlink-open-link defined in
+          packages/editor/editor-core/src/ui/ContentStyles/index.tsx file
+          overrides padding left-right 2px with 4px.
+        */
+        '&&[href]': {
             padding: string;
         };
     };

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

@@ -1,2 +1,2 @@
 export declare const GRID_GUTTER = 12;
-export declare const gridStyles: import("styled-components").InterpolationValue[];
+export declare const gridStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import { Schema } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
@@ -12,7 +14,7 @@ export interface Format {
 }
 export declare const formatting: (intl: IntlShape) => Format[];
 export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean | undefined, quickInsertEnabled?: boolean | undefined) => Format[];
-export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => JSX.Element;
+export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => jsx.JSX.Element;
 export interface Props {
     editorView: EditorView;
     isVisible: boolean;

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

@@ -1,13 +1,12 @@
-import { ComponentClass } from 'react';
-export declare const Header: any;
-export declare const Footer: any;
-export declare const ContentWrapper: ComponentClass;
-export declare const Line: ComponentClass;
-export declare const Content: ComponentClass;
-export declare const ColumnLeft: ComponentClass;
-export declare const ColumnRight: ComponentClass;
-export declare const Row: ComponentClass;
-export declare const Title: ComponentClass;
-export declare const CodeSm: ComponentClass;
-export declare const CodeMd: ComponentClass;
-export declare const CodeLg: ComponentClass;
+export declare const header: import("@emotion/react").SerializedStyles;
+export declare const footer: import("@emotion/react").SerializedStyles;
+export declare const contentWrapper: import("@emotion/react").SerializedStyles;
+export declare const line: import("@emotion/react").SerializedStyles;
+export declare const content: import("@emotion/react").SerializedStyles;
+export declare const columnLeft: import("@emotion/react").SerializedStyles;
+export declare const columnRight: import("@emotion/react").SerializedStyles;
+export declare const row: import("@emotion/react").SerializedStyles;
+export declare const title: import("@emotion/react").SerializedStyles;
+export declare const codeSm: import("@emotion/react").SerializedStyles;
+export declare const codeMd: import("@emotion/react").SerializedStyles;
+export declare const codeLg: import("@emotion/react").SerializedStyles;

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

@@ -1,8 +1,6 @@
-/// <reference types="react" />
-export declare const linkStyles: import("styled-components").InterpolationValue[];
+export declare const linkStyles: import("@emotion/react").SerializedStyles;
 /**
  * Visible only to screenreaders. Use when there is a need
  * to provide more context to a non-sighted user.
  */
-export declare const visuallyHiddenStyles: import("styled-components").InterpolationValue[];
-export declare const ScreenReaderText: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const visuallyHiddenStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { ActivityProvider } from '@atlaskit/activity-provider';
 import type { SearchProvider } from '@atlaskit/editor-common/provider-factory';
 import { PureComponent } from 'react';
@@ -88,7 +90,7 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
     private createClearHandler;
     private handleClickOutside;
     private getScreenReaderText;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private isUrlPopulatedWithSelectedItem;
     private handleSelected;
     private handleInsert;
@@ -103,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" | "onSubmit" | "autoFocus" | "popupsMountPoint" | "popupsBoundariesElement" | "forwardedRef" | "pluginState" | "displayText" | "displayUrl"> & React.RefAttributes<any>>;
+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>>;
 export default _default;

package/dist/types/plugins/jira-issue/nodeviews/jira-issue.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Node as PMNode } from 'prosemirror-model';
 export interface Props {
     node: PMNode;
 }
-export default function JIRAIssueNode(props: Props): JSX.Element;
+export default function JIRAIssueNode(props: Props): jsx.JSX.Element;

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

@@ -1,3 +1,3 @@
 export declare const LAYOUT_SECTION_MARGIN: number;
 export declare const LAYOUT_COLUMN_PADDING: number;
-export declare const layoutStyles: import("styled-components").InterpolationValue[];
+export declare const layoutStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,25 @@
+import { Node, NodeType } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+/**
+ * Wraps the selection in a list with the given type. If this results in
+ * two adjacent lists of the same type, those will be joined together.
+ */
+export declare function wrapInListAndJoin(nodeType: NodeType, tr: Transaction): void;
+/**
+ * Wraps the selection in a list with the given type and attributes.
+ *
+ * Adapted from https://github.com/ProseMirror/prosemirror-schema-list/blob/master/src/schema-list.js#L64-L89
+ */
+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/commands/index.d.ts

@@ -13,4 +13,3 @@ export declare const rootListDepth: (pos: ResolvedPos, nodes: Record<string, Nod
 export declare function toggleList(inputMethod: InputMethod, listType: 'bulletList' | 'orderedList'): Command;
 export declare function toggleBulletList(view: EditorView, inputMethod?: InputMethod): boolean;
 export declare function toggleOrderedList(view: EditorView, inputMethod?: InputMethod): boolean;
-export declare function wrapInList(nodeType: NodeType): Command;

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

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

package/dist/types/plugins/list/utils/node.d.ts

@@ -18,7 +18,6 @@ declare type JoinSiblingListsProps = {
 declare type ListsJoined = {
     orderedList: number;
     bulletList: number;
-    [key: string]: number;
 };
 export declare const joinSiblingLists: ({ tr, direction, forceListType, }: JoinSiblingListsProps) => ListsJoined;
 export {};

package/dist/types/plugins/list/utils/replace-content.d.ts

@@ -0,0 +1,8 @@
+import { ResolvedPos } from 'prosemirror-model';
+import { Step } from 'prosemirror-transform';
+declare type Params = {
+    insertPosition: number;
+    $target: ResolvedPos;
+};
+export declare const moveTargetIntoList: ({ insertPosition, $target, }: Params) => Step;
+export {};

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

@@ -28,9 +28,9 @@ export declare class MediaNodeUpdater {
     hasFileAttributesDefined: () => string | false | 0 | null | undefined;
     updateFileAttrs: (isMediaSingle?: boolean) => Promise<void>;
     getAttrs: () => MediaADFAttrs | undefined;
-    getObjectId: () => Promise<string | undefined>;
+    getObjectId: () => Promise<string | null>;
     uploadExternalMedia: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
-    getNodeContextId: () => string | undefined;
+    getNodeContextId: () => string | null;
     updateDimensions: (dimensions: RemoteDimensions) => void;
     getRemoteDimensions(): Promise<false | RemoteDimensions>;
     hasDifferentContextId: () => Promise<boolean>;

package/dist/types/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.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 { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
@@ -26,7 +28,7 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
     componentDidMount(): void;
     componentWillUnmount(): void;
     private getValidationErrors;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private closeMediaAltTextMenu;
     private fireAnalytics;
     private dispatchCancelEvent;

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

@@ -52,7 +52,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     getMediaOptions: () => MediaPluginOptions;
     updateElement(): void;
     private isMediaSchemaNode;
-    private hasUserAuthProvider;
     private getDomElement;
     /**
      * we insert a new file by inserting a initial state for that file.

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

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

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;
@@ -82,23 +81,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 +90,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/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';
@@ -36,7 +38,7 @@ export default class ResizableMediaSingle extends React.Component<Props, State>
     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-single.d.ts

@@ -29,3 +29,4 @@ export declare const calcMediaPxWidth: (opts: {
     resizedPctWidth?: number | undefined;
     isFullWidthModeEnabled?: boolean | undefined;
 }) => number;
+export declare function isCaptionNode(editorView: EditorView): boolean;

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

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

package/dist/types/plugins/paste/handlers.d.ts

@@ -12,7 +12,7 @@ export declare function handlePastePreservingMarks(slice: Slice): Command;
 export declare function handleMacroAutoConvert(text: string, slice: Slice, cardsOptions?: CardOptions, extensionAutoConverter?: ExtensionAutoConvertHandler): Command;
 export declare function handleCodeBlock(text: string): Command;
 export declare function handleMediaSingle(inputMethod: InputMethodInsertMedia): (slice: Slice) => Command;
-export declare function handleExpand(slice: Slice): Command;
+export declare function handleExpandPasteInTable(slice: Slice): Command;
 export declare function handleMarkdown(markdownSlice: Slice): Command;
 export declare function handleParagraphBlockMarks(state: EditorState, slice: Slice): Slice<any>;
 /**

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/placeholder-text-nodeview.d.ts

@@ -1,5 +1,5 @@
 import { NodeView, EditorView } from 'prosemirror-view';
-import { Node as PmNode } from 'prosemirror-model';
+import { Node as PMNode } from 'prosemirror-model';
 import { getPosHandler } from '../../nodeviews';
 declare type PmMutationRecord = MutationRecord | {
     type: 'selection';
@@ -10,7 +10,8 @@ export declare class PlaceholderTextNodeView implements NodeView {
     private readonly view;
     private readonly getPos;
     readonly dom: Node;
-    constructor(node: PmNode, view: EditorView, getPos: getPosHandler);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler);
+    stopEvent(e: Event): boolean;
     ignoreMutation(record: PmMutationRecord): boolean;
 }
 export {};