@atlaskit/editor-core 162.0.0 → 164.0.0

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<Pick<Props, "target" | "onSelect" | "isNew" | "onTextChanged" | "defaultColor" | "closeStatusPicker" | "onEnter" | "defaultText" | "defaultLocalId"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+export declare const tablePopupStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/table/ui/{common-styles.css.d.ts → 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';

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

@@ -1,5 +1,6 @@
 export declare const TYPE_AHEAD_DECORATION_KEY = "typeahead_decoration_key";
 export declare const TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = "typeaheadDecoration";
+export declare const TYPE_AHEAD_POPUP_CONTENT_CLASS = "fabric-editor-typeahead";
 export declare enum NavigationDirection {
     LEFT = -1,
     RIGHT = 1

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

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

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

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

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

@@ -1,9 +1,36 @@
+/** @jsx jsx */
 import React from 'react';
 import type { TypeAheadItem, OnSelectItem } from '../types';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 export declare const ICON_HEIGHT = 40;
 export declare const ICON_WIDTH = 40;
-export declare const ItemIcon: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ITEM_PADDING = 12;
+export declare const itemTheme: {
+    [x: number]: {
+        padding: {
+            default: {
+                bottom: number;
+                left: number;
+                right: number;
+                top: number;
+            };
+        };
+        beforeItemSpacing: {
+            default: () => number;
+        };
+        borderRadius: () => number;
+        hover: {
+            text: import("@atlaskit/theme").ThemedValue<"var(--ds-text)">;
+            secondaryText: string;
+        };
+        selected: {
+            background: import("@atlaskit/theme").ThemedValue<string>;
+            text: import("@atlaskit/theme").ThemedValue<string>;
+            secondaryText: import("@atlaskit/theme").ThemedValue<string>;
+        };
+    };
+};
+export declare const itemIcon: import("@emotion/react").SerializedStyles;
 declare type TypeAheadListItemProps = {
     item: TypeAheadItem;
     itemIndex: number;

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

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

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

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

package/dist/types/plugins/unsupported-content/styles.d.ts

@@ -2,4 +2,4 @@ export declare const UnsupportedSharedCssClassName: {
     BLOCK_CONTAINER: string;
     INLINE_CONTAINER: string;
 };
-export declare const unsupportedStyles: import("styled-components").InterpolationValue[];
+export declare const unsupportedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/types/editor-appearance-component.d.ts

@@ -40,7 +40,6 @@ export interface EditorAppearanceComponentProps {
     disabled?: boolean;
     collabEdit?: CollabEditOptions;
     allowDynamicTextSizing?: boolean;
-    allowAnnotation?: boolean;
     persistScrollGutter?: boolean;
     enableToolbarMinWidth?: boolean;
     featureFlags?: FeatureFlags;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
+/** @jsx jsx */
 import React, { RefObject } from 'react';
 export declare const TableControlsPadding = 20;
-export declare const MainToolbarWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare type MainToolbarProps = {
     useStickyToolbar?: boolean | RefObject<HTMLElement>;
 };
 export declare const MainToolbar: React.FC<MainToolbarProps>;
-export declare const MainToolbarCustomComponentsSlot: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const mainToolbarCustomComponentsSlotStyle: import("@emotion/react").SerializedStyles;
 export {};

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorAppearanceComponentProps } from '../../../types';
 interface FullPageEditorState {
     showKeyline: boolean;
@@ -14,6 +16,6 @@ export declare class FullPageEditor extends React.Component<EditorAppearanceComp
     private handleResize;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
 export {};

package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -7,7 +7,6 @@ import { EventDispatcher } from '../../../event-dispatcher';
 import { ReactComponents, EditorAppearance, UIComponentFactory } from '../../../types';
 import { DispatchAnalyticsEvent } from '../../../plugins/analytics';
 interface FullPageEditorContentAreaProps {
-    allowAnnotation: boolean | undefined;
     appearance: EditorAppearance | undefined;
     contentArea: HTMLElement | undefined;
     contentComponents: UIComponentFactory[] | undefined;

package/dist/types/ui/Appearance/FullPage/FullPageToolbar.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React, { ReactElement } from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EditorView } from 'prosemirror-view';

package/dist/types/ui/Appearance/FullPage/MainToolbar.d.ts

@@ -1,17 +1,11 @@
-/// <reference types="react" />
 export declare const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 export interface MainToolbarProps {
     showKeyline: boolean;
     twoLineEditorToolbar: boolean;
 }
-interface MainToolbarChildProps {
-    twoLineEditorToolbar: boolean;
-}
-export declare const MainToolbar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarProps>;
-export declare const MainToolbarIconBefore: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const MainToolbarFirstChild: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps>;
-export declare const MainToolbarSecondChild: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MainToolbarChildProps>;
-export declare const SecondaryToolbar: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const NonCustomToolbarWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const CustomToolbarWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export {};
+export declare const mainToolbarStyle: (showKeyline: boolean, twoLineEditorToolbar: boolean) => (false | import("@emotion/react").SerializedStyles)[];
+export declare const mainToolbarIconBeforeStyle: import("@emotion/react").SerializedStyles;
+export declare const mainToolbarFirstChildStyle: (twoLineEditorToolbar: boolean) => (false | import("@emotion/react").SerializedStyles)[];
+export declare const mainToolbarSecondChildStyle: (twoLineEditorToolbar: boolean) => (false | import("@emotion/react").SerializedStyles)[];
+export declare const nonCustomToolbarWrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const customToolbarWrapperStyle: import("@emotion/react").SerializedStyles;

package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts

@@ -1,25 +1,16 @@
 /// <reference types="react" />
-export declare const FullPageEditorWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ScrollContainer: import("styled-components").StyledComponentClass<Pick<{
+export declare const fullPageEditorWrapper: import("@emotion/react").SerializedStyles;
+export declare const ScrollContainer: import("react").ForwardRefExoticComponent<Pick<Pick<{
     theme?: any;
-    allowAnnotation?: boolean | undefined;
     featureFlags?: import("../../..").EditorFeatureFlags | undefined;
-} & {
-    className?: string | undefined;
-}, "className" | "theme" | "allowAnnotation"> & import("react").RefAttributes<unknown>, any, Pick<Pick<{
-    theme?: any;
-    allowAnnotation?: boolean | undefined;
-    featureFlags?: import("../../..").EditorFeatureFlags | undefined;
-} & {
-    className?: string | undefined;
-}, "className" | "theme" | "allowAnnotation"> & import("react").RefAttributes<unknown>, "ref" | "key" | "className" | "allowAnnotation"> & {
-    theme?: any;
-}>;
-export declare const ContentArea: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    positionedOverEditor: boolean;
-}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    positionedOverEditor: boolean;
-}>;
-export declare const SidebarArea: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const EditorContentArea: import("styled-components").StyledComponentClass<any, any, any>;
-export declare const EditorContentGutter: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+} & import("react").HTMLProps<HTMLDivElement>, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "default" | "mediaGroup" | "media" | "content" | "aria-label" | "aria-haspopup" | "children" | "ref" | "pattern" | "value" | "type" | "width" | "accessKey" | "draggable" | "hidden" | "lang" | "className" | "id" | "prefix" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "placeholder" | "autoFocus" | "color" | "name" | "key" | "action" | "disabled" | "height" | "target" | "start" | "onClick" | "onMouseEnter" | "onMouseLeave" | "selected" | "href" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "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">, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "default" | "mediaGroup" | "media" | "content" | "aria-label" | "aria-haspopup" | "children" | "pattern" | "value" | "type" | "width" | "accessKey" | "draggable" | "hidden" | "lang" | "className" | "id" | "prefix" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "placeholder" | "autoFocus" | "color" | "name" | "key" | "action" | "disabled" | "height" | "target" | "start" | "onClick" | "onMouseEnter" | "onMouseLeave" | "selected" | "href" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const positionedOverEditorStyle: import("@emotion/react").SerializedStyles;
+export declare const contentArea: import("@emotion/react").SerializedStyles;
+export declare const sidebarArea: import("@emotion/react").SerializedStyles;
+export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;
+export declare const editorContentAreaStyle: ({ layoutMaxWidth, fullWidthMode, containerWidth, }: {
+    layoutMaxWidth: number;
+    fullWidthMode: boolean;
+    containerWidth?: number | undefined;
+}) => (false | import("@emotion/react").SerializedStyles)[];
+export declare const editorContentGutterStyle: import("@emotion/react").SerializedStyles;

package/dist/types/ui/AppearanceComponents/Mobile.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 export interface MobileEditorProps {
     isMaxContentSizeReached?: boolean;
@@ -9,4 +11,4 @@ export declare type MobileAppearanceProps = React.PropsWithChildren<{
     maxHeight?: number;
     persistScrollGutter?: boolean;
 }>;
-export declare function MobileAppearance({ editorView, maxHeight, persistScrollGutter, children, }: MobileAppearanceProps): JSX.Element;
+export declare function MobileAppearance({ editorView, maxHeight, persistScrollGutter, children, }: MobileAppearanceProps): jsx.JSX.Element;