@atlaskit/editor-core 153.1.4 → 154.0.0

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

@@ -1,5 +1,5 @@
 import { EditorPlugin } from '../../types';
-import { CardOptions } from '@atlaskit/editor-common';
+import { CardOptions } from '@atlaskit/editor-common/card';
 export declare type PastePluginOptions = {
     cardOptions?: CardOptions;
     sanitizePrivateContent?: boolean;

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

@@ -1,8 +1,8 @@
 import { Schema } from 'prosemirror-model';
 import { Plugin, PluginKey } from 'prosemirror-state';
+import { CardOptions } from '@atlaskit/editor-common/card';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { DispatchAnalyticsEvent } from '../../analytics';
-import { CardOptions } from '@atlaskit/editor-common';
 export declare const stateKey: PluginKey<any, any>;
 export { md } from '../md';
 export declare function createPlugin(schema: Schema, dispatchAnalyticsEvent: DispatchAnalyticsEvent, cardOptions?: CardOptions, sanitizePrivateContent?: boolean, providerFactory?: ProviderFactory): Plugin<any, any>;

package/dist/types/plugins/table/nodeviews/TableComponent.d.ts

@@ -38,7 +38,6 @@ declare class TableComponent extends React.Component<ComponentProps, TableState>
     state: TableState;
     private wrapper?;
     private table?;
-    private frameId?;
     private node;
     private containerWidth?;
     private layoutSize?;

package/dist/types/plugins/table/nodeviews/tableCell.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="resize-observer-browser" />
 import { Node } from 'prosemirror-model';
 import { EditorView, NodeView } from 'prosemirror-view';
-import { ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { getPosHandler } from '../../../../src/nodeviews';
 export default class TableCellNodeView implements NodeView {
     node: Node;

package/dist/types/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.d.ts

@@ -51,9 +51,9 @@ export declare class TableRowNodeView implements NodeView {
     getWrapperRefTop: (wrapper: HTMLElement) => number;
     getScrolledTableTop: (wrapper: HTMLElement) => number;
     getCurrentTableTop: (tree: TableDOMElements) => number;
-    makeRowHeaderNotSticky: (table: HTMLElement) => void;
+    makeRowHeaderNotSticky: (table: HTMLElement, isEditorDestroyed?: boolean) => void;
     padding: number;
     top: number;
     emitOn: (top: number, padding: number) => void;
-    emitOff: () => void;
+    emitOff: (isEditorDestroyed: boolean) => void;
 }

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

@@ -300,6 +300,7 @@ export declare const TableCssClassName: {
     TABLE_STICKY_SENTINEL_BOTTOM: string;
     TABLE_CELL_NODEVIEW_CONTENT_DOM: string;
     TABLE_CELL_WRAPPER: string;
+    TABLE_HEADER_CELL_WRAPPER: string;
 };
 export interface ToolbarMenuConfig {
     allowHeaderRow?: boolean;

package/dist/types/plugins/table/ui/FloatingDeleteButton/getPopUpOptions.d.ts

@@ -1,4 +1,4 @@
-import { PopupProps } from '@atlaskit/editor-common';
+import type { PopupProps } from '@atlaskit/editor-common/ui';
 import { CellSelectionType } from './types';
 interface GetPopupOptions {
     left: number;

package/dist/types/plugins/table/ui/FloatingInsertButton/getPopupOptions.d.ts

@@ -1,3 +1,3 @@
-import { PopupProps } from '@atlaskit/editor-common';
+import type { PopupProps } from '@atlaskit/editor-common/ui';
 declare function getPopupOptions(type: 'column' | 'row', index: number, hasNumberedColumns: boolean, tableContainer: HTMLElement | null): Partial<PopupProps>;
 export default getPopupOptions;

package/dist/types/plugins/table/ui/consts.d.ts

@@ -7,7 +7,7 @@ export declare const tableTextColor: import("@atlaskit/theme").ThemedValue<strin
 export declare const tableBorderColor: import("@atlaskit/theme").ThemedValue<string>;
 export declare const tableFloatingControlsColor = "#F4F5F7";
 export declare const tableCellSelectedColor = "#B3D4FF";
-export declare const tableToolbarSelectedColor = "#4C9AFF";
+export declare const tableToolbarSelectedColor = "#2684FF";
 export declare const tableBorderSelectedColor = "#0065FF";
 export declare const tableCellDeleteColor = "#FFEBE6";
 export declare const tableBorderDeleteColor = "#DE350B";

package/dist/types/plugins/table/utils/collapse.d.ts

@@ -1,13 +1,29 @@
+import { NodeType, NodeRange, Schema } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
+interface IsTableCollapsibleResult<S extends Schema = any> {
+    tableIsCollapsible: boolean;
+    range?: NodeRange;
+    findWrappingRes?: Array<{
+        type: NodeType<S>;
+        attrs?: {
+            [key: string]: any;
+        } | null;
+    }> | null | undefined;
+}
 /**
- * Collapses the selected table into an expand given a transaction.
+ * Checks whether we can wrap the selected table into an expand via
+ * prosemirror-transform's `findWrapping` helper
+ */
+export declare const isTableCollapsible: (tr: Transaction) => IsTableCollapsibleResult;
+/**
+ * Collapses the selected table into an expand given a transaction via
+ * `Transform.wrap`.
  *
  * Will return undefined if it cannot determine the relevant table from a
- * selection,
- *
- * Or if wrapping it in an expand results in any errors
+ * selection, or if the table itself isn't collapsible.
  *
  * @param tr
  * @returns Transaction | undefined
  */
 export declare const collapseSelectedTable: (tr: Transaction) => Transaction | undefined;
+export {};

package/dist/types/plugins/tasks-and-decisions/nodeviews/taskItem.d.ts

@@ -1,5 +1,5 @@
 import { NodeView } from 'prosemirror-view';
-import { ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EventDispatcher } from '../../../event-dispatcher';
 import { getPosHandler } from '../../../nodeviews';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';

package/dist/types/plugins/tasks-and-decisions/pm-plugins/helpers.d.ts

@@ -4,6 +4,7 @@ export declare const isInsideTaskOrDecisionItem: (state: EditorState) => boolean
 export declare const isActionOrDecisionList: (node: Node) => boolean;
 export declare const isActionOrDecisionItem: (node: Node) => boolean;
 export declare const isInsideTask: (state: EditorState) => boolean;
+export declare const isInsideDecision: (state: EditorState) => boolean;
 export declare const isTable: (node?: Node<any> | null | undefined) => Boolean;
 /**
  * Creates a NodeRange around the given taskItem and the following
@@ -14,6 +15,10 @@ export declare const getBlockRange: ($from: ResolvedPos, $to: ResolvedPos) => im
  * Finds the distance between the current $from and the root of the taskList.
  */
 export declare const getCurrentIndentLevel: (selection: Selection) => number | null;
+/**
+ * Finds the index of the current task item in relation to the closest taskList
+ */
+export declare const getTaskItemIndex: (state: EditorState) => number;
 /**
  * Walk outwards from a position until we encounter the (inside) start of
  * the next node, or reach the end of the document.

package/dist/types/plugins/tasks-and-decisions/pm-plugins/main.d.ts

@@ -1,6 +1,7 @@
 import { Node as PMNode } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
-import { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { Dispatch, EventDispatcher } from '../../../event-dispatcher';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
 export interface TaskDecisionPluginState {

package/dist/types/plugins/tasks-and-decisions/ui/Task/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent, ReactElement } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { ContentRef } from '@atlaskit/task-decision';
 export interface TaskProps {
     taskId: string;

package/dist/types/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.d.ts

@@ -1,5 +1,5 @@
 import { Component, ReactElement } from 'react';
-import { ContextIdentifierProvider } from '@atlaskit/editor-common';
+import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { ContentRef, TaskDecisionProvider } from '@atlaskit/task-decision';
 export interface Props {
     taskId: string;

package/dist/types/plugins/text-formatting/ui/Toolbar/more-button.d.ts

@@ -4,6 +4,7 @@ declare type MoreButtonProps = {
     isReducedSpacing: boolean;
     isSelected: boolean;
     isDisabled: boolean;
+    'aria-expanded': React.AriaAttributes['aria-expanded'];
     onClick?: () => void;
 };
 export declare const MoreButton: React.FC<MoreButtonProps>;

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

@@ -1,6 +1,7 @@
 import { EditorView } from 'prosemirror-view';
 import { RefObject } from 'react';
-import { ProviderFactory, ExtensionHandlers } from '@atlaskit/editor-common';
+import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EventDispatcher } from '../event-dispatcher';
 import EditorActions from '../actions';
 import { UIComponentFactory } from '../types/ui-components';

package/dist/types/types/editor-instance.d.ts

@@ -1,4 +1,3 @@
-import { Transformer } from '@atlaskit/editor-common';
 import { EditorView } from 'prosemirror-view';
 import { OnEditorViewStateUpdated } from '../create-editor/get-plugins';
 import { EventDispatcher } from '../event-dispatcher';

package/dist/types/types/editor-props.d.ts

@@ -2,7 +2,10 @@ import { ReactElement, RefObject } from 'react';
 import { Node, Schema } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import EditorActions from '../actions';
-import { ContextIdentifierProvider, ErrorReportingHandler, ExtensionHandlers, ExtensionProvider, SearchProvider, Providers, Transformer } from '@atlaskit/editor-common';
+import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { ContextIdentifierProvider, SearchProvider, Providers } from '@atlaskit/editor-common/provider-factory';
+import { Transformer } from '@atlaskit/editor-common/types';
+import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
 import { ActivityProvider } from '@atlaskit/activity-provider';
 import { MentionProvider } from '@atlaskit/mention/resource';
 import { TaskDecisionProvider } from '@atlaskit/task-decision';
@@ -10,7 +13,7 @@ import { PluginConfig as TablesPluginConfig } from '../plugins/table/types';
 import { TextColorPluginConfig } from '../plugins/text-color/pm-plugins/main';
 import { MediaOptions, MediaState } from '../plugins/media/types';
 import { CollabEditOptions } from '../plugins/collab-edit/types';
-import { CardOptions } from '@atlaskit/editor-common';
+import { CardOptions } from '@atlaskit/editor-common/card';
 import { QuickInsertOptions } from '../plugins/quick-insert/types';
 import { AnnotationProviders } from '../plugins/annotation/types';
 import { TextFormattingOptions } from '../plugins/text-formatting/types';
@@ -211,10 +214,10 @@ export interface EditorProps {
         [featureFlag: string]: string | boolean;
     };
     /**
-     * Enable experimental support for the "fragment" mark.
+     * Enable support for the "fragment" mark.
      * Refer to ADF Change proposal #60 for more details.
      */
-    UNSAFE_allowFragmentMark?: boolean;
+    allowFragmentMark?: boolean;
     /**
      * @deprecated Do not use outside of Editor team.
      * This has subtle side effects - you __WILL__ break functionality without implementer knowledge of editor-core internals

package/dist/types/types/pm-plugin.d.ts

@@ -1,4 +1,5 @@
-import { ErrorReporter, ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import { Plugin } from 'prosemirror-state';
 import { Schema } from 'prosemirror-model';
 import { IntlShape } from 'react-intl-next';

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

@@ -5,6 +5,7 @@ export interface Props {
     minHeight: number;
     children?: any;
     persistScrollGutter?: boolean;
+    isExpanded?: boolean;
 }
 /**
  * Click Area is responsible for improving UX by ensuring the user

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import { PureComponent } from 'react';
 import { AlignmentState } from '../../../plugins/alignment/pm-plugins/types';
+import { Keymap } from '../../../keymaps';
 export interface Props {
     value: AlignmentState;
     label: string;
     isSelected?: boolean;
     onClick: (value: AlignmentState) => void;
     content: React.ReactElement<any>;
+    shortcut?: Keymap;
 }
 declare class AlignmentButton extends PureComponent<Props> {
     render(): JSX.Element;

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

@@ -8,7 +8,6 @@ export declare class FullPageEditor extends React.Component<EditorAppearanceComp
     static displayName: string;
     private scrollContainer;
     private contentArea;
-    private scheduledKeylineUpdate;
     private contentAreaRef;
     private scrollContainerRef;
     private updateToolbarKeyline;

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

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

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

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EditorView } from 'prosemirror-view';
 import { EditorAppearance, ToolbarUIComponentFactory, PrimaryToolbarComponents } from '../../../types';
 import { CollabEditOptions } from '../../../plugins/collab-edit';

package/dist/types/ui/ColorPalette/Palettes/panelBackgroundPalette.d.ts

@@ -1,2 +1,3 @@
 import { PaletteColor } from './type';
 export declare const panelBackgroundPalette: PaletteColor[];
+export declare const panelDarkModeBackgroundPalette: PaletteColor[];

package/dist/types/ui/ConfigPanel/ConfigPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ExtensionManifest } from '@atlaskit/editor-common';
+import type { ExtensionManifest } from '@atlaskit/editor-common/extensions';
 import { FieldDefinition, Parameters, OnSaveCallback } from '@atlaskit/editor-common/extensions';
 declare type Props = {
     extensionManifest?: ExtensionManifest;

package/dist/types/ui/ConfigPanel/Fields/Fieldset.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { ExtensionManifest } from '@atlaskit/editor-common';
+import type { ExtensionManifest } from '@atlaskit/editor-common/extensions';
 import { Fieldset, Parameters } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from '../types';
 declare type Props = {

package/dist/types/ui/ConfigPanel/FormContent.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ExtensionManifest, ContextIdentifierProvider } from '@atlaskit/editor-common';
+import type { ExtensionManifest } from '@atlaskit/editor-common/extensions';
+import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { FieldDefinition, Parameters } from '@atlaskit/editor-common/extensions';
 import { OnFieldChange } from './types';
 export interface FieldComponentProps {

package/dist/types/ui/ConfigPanel/FormErrorBoundary.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { ContextIdentifierProvider } from '@atlaskit/editor-common';
+import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { FieldDefinition } from '@atlaskit/editor-common/extensions';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 interface Props {

package/dist/types/ui/DropdownMenu/types.d.ts

@@ -16,6 +16,7 @@ export interface Props {
     items: Array<{
         items: MenuItem[];
     }>;
+    shouldUseDefaultRole?: boolean;
 }
 export interface MenuItem {
     key?: string;
@@ -32,6 +33,8 @@ export interface MenuItem {
     isDisabled?: boolean;
     handleRef?: any;
     className?: string;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+    'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     onClick?: (editorActions: EditorActions) => void;
 }
 export interface State {

package/dist/types/ui/LinkSearch/LinkSearchList.d.ts

@@ -11,6 +11,8 @@ export interface Props {
     onMouseEnter?: (objectId: string) => void;
     onMouseLeave?: (objectId: string) => void;
     ariaControls?: string;
+    role?: string;
+    id?: string;
 }
 export default class LinkSearchList extends PureComponent<Props, {}> {
     render(): JSX.Element;

package/dist/types/ui/LinkSearch/LinkSearchListItem.d.ts

@@ -15,6 +15,8 @@ export interface Props {
     onMouseMove?: (objectId: string) => void;
     onMouseEnter?: (objectId: string) => void;
     onMouseLeave?: (objectId: string) => void;
+    id?: string;
+    role?: string;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

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

@@ -3,7 +3,7 @@ import { WithActivityProviderProps } from './withActivityProvider';
 import { RecentSearchProps } from './types';
 declare const _default: {
     new (props: Readonly<Pick<RecentSearchProps & WithActivityProviderProps, "render" | "onBlur" | "onSubmit" | "limit" | "defaultUrl"> & import("./withActivityProvider").ExpandedActivityProviderProps>): {
-        renderNode: (providers: import("@atlaskit/editor-common").Providers) => JSX.Element;
+        renderNode: (providers: import("@atlaskit/editor-common/provider-factory").Providers) => JSX.Element;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<RecentSearchProps & WithActivityProviderProps, "render" | "onBlur" | "onSubmit" | "limit" | "defaultUrl"> & import("./withActivityProvider").ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -29,7 +29,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<RecentSearchProps & WithActivityProviderProps, "render" | "onBlur" | "onSubmit" | "limit" | "defaultUrl"> & import("./withActivityProvider").ExpandedActivityProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: Pick<RecentSearchProps & WithActivityProviderProps, "render" | "onBlur" | "onSubmit" | "limit" | "defaultUrl"> & import("./withActivityProvider").ExpandedActivityProviderProps, context?: any): {
-        renderNode: (providers: import("@atlaskit/editor-common").Providers) => JSX.Element;
+        renderNode: (providers: import("@atlaskit/editor-common/provider-factory").Providers) => JSX.Element;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<RecentSearchProps & WithActivityProviderProps, "render" | "onBlur" | "onSubmit" | "limit" | "defaultUrl"> & import("./withActivityProvider").ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

package/dist/types/ui/LinkSearch/transformTimeStamp.d.ts

@@ -0,0 +1,10 @@
+import { IntlShape } from 'react-intl-next';
+export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date | undefined, lastUpdatedDate?: Date | undefined) => {
+    pageAction: string;
+    dateString: string;
+    timeSince?: undefined;
+} | {
+    pageAction: string;
+    dateString: string;
+    timeSince: string;
+} | undefined;

package/dist/types/ui/LinkSearch/withActivityProvider.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ActivityProvider } from '@atlaskit/activity-provider';
-import { ProviderFactory, Providers } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { Providers } from '@atlaskit/editor-common/provider-factory';
 export interface ExpandedActivityProviderProps {
     providerFactory: ProviderFactory;
 }

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

@@ -17,6 +17,11 @@ export interface Props {
     testId?: string;
     ariaLabel?: string;
     describedById?: string;
+    ariaExpanded?: boolean;
+    ariaActiveDescendant?: string;
+    ariaControls?: string;
+    role?: string;
+    ariaAutoComplete?: boolean;
 }
 export interface State {
     value?: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
-import { ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EditorAppearance, UIComponentFactory } from '../../types';
 import { EventDispatcher } from '../../event-dispatcher';
 import EditorActions from '../../actions';

package/dist/types/ui/Resizer/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { MediaSingleDimensionHelperProps } from '@atlaskit/editor-common';
+import type { MediaSingleDimensionHelperProps } from '@atlaskit/editor-common/ui';
 export declare const Wrapper: React.ComponentClass<React.HTMLAttributes<{}> & MediaSingleDimensionHelperProps>;

package/dist/types/ui/Resizer/types.d.ts

@@ -1,5 +1,5 @@
 import { RichMediaLayout } from '@atlaskit/adf-schema';
-import { MediaSingleProps } from '@atlaskit/editor-common';
+import type { MediaSingleProps } from '@atlaskit/editor-common/ui';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { GridType } from '../../plugins/grid/types';
 import { EditorView } from 'prosemirror-view';

package/dist/types/ui/Toolbar/toolbar-types.d.ts

@@ -1,5 +1,5 @@
 import { EditorView } from 'prosemirror-view';
-import { ProviderFactory } from '@atlaskit/editor-common';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EditorAppearance } from '../../types/editor-appearance';
 import { ToolbarSize, ToolbarUIComponentFactory } from './types';
 import { EventDispatcher } from '../../event-dispatcher';