@atlaskit/editor-core 162.0.2 → 164.0.1

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

@@ -2,7 +2,6 @@ import { EditorView } from 'prosemirror-view';
 import { Transaction } from 'prosemirror-state';
 import type { TypeAheadItem } from '@atlaskit/editor-common/provider-factory';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { INPUT_METHOD } from '../analytics/types/enums';
 import type { TypeAheadHandler, TypeAheadInputMethod } from './types';
 import type { Command } from '../../types/command';
 declare type CloseOptions = {
@@ -18,7 +17,7 @@ export declare const createInternalTypeAheadTools: (editorView: EditorView) => {
     findTypeAheadHandler: (trigger: string) => TypeAheadHandler | null;
     openTypeAheadHandler: (props: {
         triggerHandler: TypeAheadHandler;
-        inputMethod: INPUT_METHOD.INSERT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
+        inputMethod: TypeAheadInputMethod;
         query?: string | undefined;
     }) => (tr: Transaction<any>) => void;
 };

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,14 +1,18 @@
+/** @jsx jsx */
 import React from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadItem, OnSelectItem } from '../types';
 import { WrappedComponentProps } from 'react-intl-next';
-declare type TypeAheadListProps = {
+export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlProps<{
     items: Array<TypeAheadItem>;
     selectedIndex: number;
     onItemHover: OnSelectItem;
     onItemClick: (mode: SelectItemMode, index: number) => void;
-} & WrappedComponentProps;
-export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlProps<TypeAheadListProps>> & {
-    WrappedComponent: React.ComponentType<TypeAheadListProps>;
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
+        items: Array<TypeAheadItem>;
+        selectedIndex: number;
+        onItemHover: OnSelectItem;
+        onItemClick: (mode: SelectItemMode, index: number) => void;
+    } & WrappedComponentProps<"intl">>;
 };
-export {};

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/type-ahead/ui/hooks/use-resize-observer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="resize-observer-browser" />
 import React from 'react';
 interface ElementResizable extends Element {
     onResize?: (entry: ResizeObserverEntry) => void;

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;