npm - @atlaskit/editor-common - Versions diffs - 74.0.1 → 74.1.1 - Mend

@atlaskit/editor-common 74.0.1 → 74.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (524) hide show

package/dist/types-ts4.5/types/feature-flags.d.ts ADDED Viewed

@@ -0,0 +1,432 @@
+import type { DisableSpellcheckByBrowser } from './supported-browsers';
+/**
+ * Feature Flags for experimental features/behaviours.
+ *
+ * This feature flags are not meant to be used as plugin configuration and are only for temporary flags that will eventually be enabled be default or removed.
+ * If your plugin requires permanent configuration options it's better to keep them in plugin options.
+ *
+ * # ADDING NEW FEATURE FLAG
+ *
+ * – Every feature flag must have a description explaining what it's meant to be doing.
+ * – Every feature flag must have an associated ticket and a DUE DATE when this flag will be removed and an owner who will remove it.
+ *
+ * ## TEMPLATE
+ *
+ * When adding a new feature flag use the following template:
+ *
+ * ```
+ * @description
+ * What this feature flag is doing. Do not lead with "Feature flag to".
+ *
+ * @see https://product-fabric.atlassian.net/browse/ED-1
+ * @default false
+ * ```
+ *
+ * ## NAMING
+ * – Name feature flags without `allow`.
+ * – A name should read as "Feature flag to enable ...".
+ *
+ * Example: name = "newInsertionBehaviour" -> "Enable new insertion behaviour"
+ */
+export type FeatureFlags = {
+    /**
+     * @description Enable single layout option
+     *
+     * @see https://hello.atlassian.net/browse/LOVE-187
+     * @default false
+     */
+    singleLayout?: boolean;
+    /**
+     * @description Enable new insertion behaviour
+     *
+     * @see https://product-fabric.atlassian.net/l/c/JYoSEu00
+     * @default false
+     */
+    newInsertionBehaviour?: boolean;
+    /**
+     * @description Allows to toggle expand open state
+     * @default true
+     */
+    interactiveExpand?: boolean;
+    /**
+     * @description
+     * Whether a placeholder bracket hint was provided (`string => boolean`)
+     * Placeholder text to be displayed when a bracket '{' is typed and the line is empty e.g. 'Did you mean to use '/' to insert content?'
+     * This is used to aid migration for TinyMCE power users to the new Fabric editor power user shortcuts.
+     *
+     * @see https://product-fabric.atlassian.net/l/c/4JLjusAP
+     * @default true
+     */
+    placeholderBracketHint?: boolean;
+    /**
+     * @description
+     * Whether placeholder hints were provided (`string[] => boolean`)
+     * Placeholder text values to display on new empty lines.
+     *
+     * @see https://product-fabric.atlassian.net/l/c/GG1Yv9cK
+     * @default false
+     */
+    placeholderHints?: boolean;
+    /**
+     * @description
+     * Enable find/replace functionality within the editor
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-3504
+     * @default false
+     */
+    findReplace?: boolean;
+    /**
+     * @description
+     * Enable case matching functionality in find/replace feature within the editor
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-9684
+     * @default false
+     */
+    findReplaceMatchCase?: boolean;
+    /**
+     * @description
+     * Enable `localId` generation for extensions.
+     *
+     * @see https://product-fabric.atlassian.net/l/c/2m0i9jLX
+     * @default false
+     */
+    extensionLocalIdGeneration?: boolean;
+    /**
+     * @description
+     * Enable add column custom step
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-8856
+     * @default false
+     */
+    addColumnWithCustomStep?: boolean;
+    /**
+     * @description
+     * Enable undo/redo buttons and functionality within the editor
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-9537
+     * @default false
+     */
+    undoRedoButtons?: boolean;
+    /**
+     * @description
+     * Measure render performance for all tracked analytics events
+     *
+     * @default false
+     */
+    catchAllTracking?: boolean;
+    /**
+     * @description
+     * Enables performance optimization for sticky headers in tables
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-11807
+     * @default false
+     */
+    stickyHeadersOptimization?: boolean;
+    /**
+     * @description
+     * Enables performance optimization for initial table render
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-11647
+     * @default false
+     */
+    initialRenderOptimization?: boolean;
+    /**
+     * @description
+     * Enables performance optimization for mousemove inside table
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-11577
+     * @default false
+     */
+    mouseMoveOptimization?: boolean;
+    /**
+     * @description
+     * Enables performance optimization for table rendering on keypress
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-11640
+     * @default false
+     */
+    tableRenderOptimization?: boolean;
+    /**
+     * @description
+     * Enables performance optimization for table rendering on keypress
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-11781
+     * @default false
+     */
+    tableOverflowShadowsOptimization?: boolean;
+    /**
+     * @description
+     * Yield to user interaction work before sending analytics
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-10584
+     * @default false
+     */
+    queueAnalytics?: boolean;
+    /**
+     * Enable extend floating toolbars
+     * @see https://product-fabric.atlassian.net/browse/ED-11963
+     * @default false
+     */
+    extendFloatingToolbar?: boolean;
+    /**
+     * Show the avatar group as a plugin
+     * @see https://product-fabric.atlassian.net/browse/CERN-747
+     * @default false
+     */
+    showAvatarGroupAsPlugin?: boolean;
+    /**
+     * @description
+     * Enables docStructure for unhandleErrorEvents
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-12998
+     * @default false
+     */
+    errorBoundaryDocStructure?: boolean;
+    /**
+     * @description
+     * Enables docStructure for synchronyError
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-12998
+     * @default false
+     */
+    synchronyErrorDocStructure?: boolean;
+    /**
+     * @decsription
+     * Enables the view update subscription plugin
+     *
+     * @default false
+     */
+    enableViewUpdateSubscription?: boolean;
+    /**
+     * @description
+     * Enable scroll-to-telepointer for collab avatars
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-12460
+     * @default false
+     */
+    collabAvatarScroll?: boolean;
+    /**
+     * @description
+     * Enable UFO experiences
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-13059
+     * @default false
+     */
+    ufo?: boolean;
+    /**
+     * Split editor toolbar to two lines when viewport is small
+     * @see https://product-fabric.atlassian.net/browse/CERN-1124
+     * @default false
+     */
+    twoLineEditorToolbar?: boolean;
+    /**
+     * Prevent transactions from being mutated (e.g. apply, filterTransaction, appendTransaction) after being dispatched,
+     * will throw on transaction dispatch unless saferDispatchedTransactionsAnalyticsOnly is enabled.
+     * @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/3131836958/Editor+DACI+013+Avoid+content+loss+with+bad+transactions+Ghost+Steps
+     * @see https://product-fabric.atlassian.net/browse/ED-14002
+     * @default false
+     */
+    saferDispatchedTransactions?: boolean;
+    /**
+     * Detect when transaction is being mutated after being dispatched and emit analytics event if so (e.g. apply, filterTransaction,
+     * appendTransaction)
+     * @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/3131836958/Editor+DACI+013+Avoid+content+loss+with+bad+transactions+Ghost+Steps
+     * @see https://product-fabric.atlassian.net/browse/ED-14002
+     * @see https://product-fabric.atlassian.net/wiki/spaces/AS/pages/3321201329/Rolling+out+safer-dispatched+transaction
+     * @default false
+     */
+    saferDispatchedTransactionsAnalyticsOnly?: boolean;
+    /**
+     * @description
+     * Enable new collab service
+     * @see https://product-fabric.atlassian.net/browse/ED-14097
+     * @default false
+     */
+    useNativeCollabPlugin?: boolean;
+    /**
+     * Enable custom up/down key handler when cursor below/above an inline media
+     * @see https://product-fabric.atlassian.net/browse/ED-13066
+     * Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1227468
+     * @default undefined
+     */
+    chromeCursorHandlerFixedVersion?: number;
+    /**
+     * Enable table cell options in the floating toolbar
+     * @see https://product-fabric.atlassian.net/browse/ED-14418
+     * @default false
+     */
+    tableCellOptionsInFloatingToolbar?: boolean;
+    /**
+     * @description
+     * Enable display of a preview modal on mouse over of inline smart card
+     *
+     * @see https://product-fabric.atlassian.net/browse/EDM-2860
+     * @default false
+     */
+    showHoverPreview?: boolean;
+    /**
+     * @description
+     * Generic way of disabling spellcheck per browser by version range
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-14510
+     * @default {}
+     * Example:
+     * {
+     *    ie: {
+     *      minimum: 101,
+     *    },
+     *    chrome: {
+     *      minimum: 96,
+     *      maximum: 109,
+     *    },
+     * };
+     */
+    disableSpellcheckByBrowser?: DisableSpellcheckByBrowser | undefined;
+    /**
+     * @description
+     * Show indentation buttons in the Editor toolbar
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/3237512038/EXPLORE+Indentation+buttons+in+the+Editor+toolbar
+     * @see https://product-fabric.atlassian.net/browse/ED-15067
+     * @default false
+     */
+    indentationButtonsInTheToolbar?: boolean;
+    /**
+     * @description
+     * Show copy buttons in the Floating toolbar
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/3237609689/Cubone+Mini+project+-+Copy+button+in+the+floating+toolbar
+     * @see https://product-fabric.atlassian.net/browse/ED-15090
+     * @default false
+     */
+    floatingToolbarCopyButton?: boolean;
+    /**
+     * @description
+     * Use the linking platform link picker for link insertion and edit
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3158246501/PP+Link+Picker+-+Standalone
+     * @see https://product-fabric.atlassian.net/browse/EDM-2577
+     * @default false
+     */
+    lpLinkPicker?: boolean;
+    /**
+     * @description
+     * Enables focus trap for the linking platform link picker
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3158246501/PP+Link+Picker+-+Standalone
+     * @see https://product-fabric.atlassian.net/browse/EDM-2577
+     * @see https://product-fabric.atlassian.net/browse/EDM-4919
+     * @default false
+     */
+    lpLinkPickerFocusTrap?: boolean;
+    /**
+     * @description
+     * Enables linking platform event tracking using @atlaskit/link-analytics
+     *
+     * @default false
+     */
+    lpAnalyticsEventsNext?: boolean;
+    /**
+     * @description
+     * Show link settings button in the Floating toolbar
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3199172609/POP+Some+users+need+to+work+with+URLs+to+get+their+job+done
+     * @see https://product-fabric.atlassian.net/browse/EDM-3268
+     * @default null
+     */
+    floatingToolbarLinkSettingsButton?: string;
+    /**
+     * @description
+     * Allow numbered lists to start from any number greater than 0, not just 1
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3257270398/MAKE+PP+Restart+Numbered+Lists
+     * @see https://product-fabric.atlassian.net/browse/ED-15210
+     * @default false
+     */
+    restartNumberedLists?: boolean;
+    /**
+     * @description
+     * Allow lists to continue their numbering when split by other nodes
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3257270398/MAKE+PP+Restart+Numbered+Lists
+     * @see https://product-fabric.atlassian.net/browse/ED-15210
+     * @default false
+     */
+    listNumberContinuity?: boolean;
+    /**
+     * @description
+     * Show a toolbar for users to restart the numbering of a list
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3257270398/MAKE+PP+Restart+Numbered+Lists
+     * @see https://product-fabric.atlassian.net/browse/ED-15210
+     * @default false
+     */
+    restartNumberedListsToolbar?: boolean;
+    /**
+     * @description
+     * This feature flag is used to turn on or off somewhat semantic
+     *  tooltip names in text, background and table charts color palette.
+     * Show semantic color names in tooltips when hovering over colors in the text,
+     * background and table charts color picker.
+     * Note that this flag is called 'somewhat semantic' as the text color names for white/dark gray
+     * colors are not semantic. As well as white color name in background color palette.
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3365994869/EXTERNAL+MAKE+PP+COMMIT-5058+Enable+dark+mode+usage+of+text+colors+in+UGC+and+non+custom+panels+in+Jira
+     * @see https://product-fabric.atlassian.net/browse/ED-16176
+     * @see https://product-fabric.atlassian.net/browse/ED-16725
+     * @default false
+     */
+    useSomewhatSemanticTextColorNames?: boolean;
+    /**
+     * @description
+     * Force the Popup placement if the space does not accomodate the Popup fitHeight
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3158246501/PP+Link+Picker+-+Standalone
+     * @see https://product-fabric.atlassian.net/browse/EDM-2577
+     * @default false
+     */
+    preventPopupOverflow?: boolean;
+    /**
+     * @description
+     * Use the new editor next component which uses a preset to configure the editor plugins used.
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EA/pages/3356459260/MAKE+Project+Poster+Editor+Presets+for+Easy+Adoption
+     * @see https://product-fabric.atlassian.net/browse/ED-16576
+     * @see https://product-fabric.atlassian.net/browse/ED-16577
+     * DUE DATE: April 2023
+     * @default false
+     */
+    useEditorNext?: boolean;
+    /**
+     * @description
+     * Alter the default navigation behaviour of the typeahead insertion
+     *
+     * @see https://hello.atlassian.net/wiki/spaces/~970827943/blog/2023/03/29/2499685575
+     * @see https://product-fabric.atlassian.net/browse/ED-17200
+     * DUE DATE: July 2023
+     * @default true
+     */
+    useBetterTypeaheadNavigation?: boolean;
+    /**
+     * @description
+     * Expanded chart color options from 20 to 36, uses design tokens to enable light/dark mode colors.
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3472785427/EXTERNAL+MAKE+PP+COMMIT-5233+Enable+Themed+rendering+of+remaining+UGC+Editor+content+tables+custom+panels+and+extension+color+palettes
+     * @see https://product-fabric.atlassian.net/browse/ED-17086
+     * @see https://product-fabric.atlassian.net/browse/ED-17132
+     * DUE DATE: June 2023
+     *
+     * @default false
+     */
+    expandedChartColors?: boolean | undefined;
+    /**
+     * @description
+     * Fix the styling of tables when a fragment mark is applied and it is broken out
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3158246501/PP+Link+Picker+-+Standalone
+     * @see https://product-fabric.atlassian.net/browse/EDM-2577
+     * @default false
+     */
+    useFragmentMarkBreakoutWidthStylingFix?: boolean;
+};
+export type FeatureFlagKey = keyof FeatureFlags;
+export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types-ts4.5/types/floating-toolbar.d.ts ADDED Viewed

@@ -0,0 +1,256 @@
+import type React from 'react';
+import { Node, NodeType } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import type { EmojiId } from '@atlaskit/emoji/types';
+import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
+import type { ProviderFactory } from '../provider-factory';
+import type { PaletteColor } from '../ui-color/ColorPalette/Palettes/type';
+import type { Command } from './command';
+import type { MarkOptions, NodeOptions } from './copy-button';
+export interface RenderOptionsPropsT<T extends {}> {
+    hide: () => void;
+    dispatchCommand: (command: T) => void;
+}
+export interface DropdownOptionT<T extends {}> {
+    id?: string;
+    title: string;
+    onClick: T;
+    onMouseDown?: T;
+    onMouseOver?: T;
+    onMouseEnter?: T;
+    onMouseLeave?: T;
+    onMouseOut?: T;
+    onFocus?: T;
+    onBlur?: T;
+    selected?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    testId?: string;
+    tooltip?: string;
+    elemAfter?: React.ReactNode;
+}
+export type DropdownOptions<T extends {}> = Array<DropdownOptionT<T>> | {
+    render: (props: RenderOptionsPropsT<T>) => React.ReactElement<any> | null;
+    height: number;
+    width: number;
+};
+export interface SelectOption<T extends {} = {}> {
+    value: string;
+    label: string;
+    selected?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    data?: T;
+}
+export type ButtonAppearance = 'subtle' | 'danger';
+export type Icon = React.ComponentType<{
+    label: string;
+}>;
+export type RenderOptionsProps = RenderOptionsPropsT<Command>;
+export type AlignType = 'left' | 'center' | 'right';
+interface Position {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+export type ConfirmDialogChildInfo = {
+    id: string;
+    name: string | null;
+    amount: number;
+};
+export interface ConfirmDialogOptions {
+    title?: string;
+    message: string;
+    okButtonLabel?: string;
+    cancelButtonLabel?: string;
+    isReferentialityDialog?: boolean;
+    checkboxLabel?: string;
+    messagePrefix?: string;
+    getChildrenInfo?: () => ConfirmDialogChildInfo[];
+    onConfirm?: (...args: any[]) => Command;
+}
+export type ConfirmationDialogProps = {
+    onConfirm: (isCheck?: boolean) => void;
+    /**
+     * onClose is called every time when the dialog is closed.
+     * Either clicking on 'Confirm' button or 'Cancel' button,
+     * which means it is being called after onConfirm, or by itself when clicking 'Cancel' button.
+     */
+    onClose: () => void;
+    options?: ConfirmDialogOptions;
+    testId?: string;
+};
+export type FloatingToolbarCopyButton = {
+    type: 'copy-button';
+    items: Array<FloatingToolbarSeparator | MarkOptions | NodeOptions>;
+    hidden?: boolean;
+};
+export type FloatingToolbarButton<T extends {}> = {
+    id?: string;
+    type: 'button';
+    title: string;
+    onClick: T;
+    showTitle?: boolean;
+    onMouseEnter?: T;
+    onMouseLeave?: T;
+    onFocus?: T;
+    onBlur?: T;
+    icon?: Icon;
+    selected?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    appearance?: ButtonAppearance;
+    href?: string;
+    target?: string;
+    className?: string;
+    tooltipContent?: React.ReactNode;
+    testId?: string;
+    hideTooltipOnClick?: boolean;
+    confirmDialog?: ConfirmDialogOptions | (() => ConfirmDialogOptions);
+    metadata?: {
+        [key: string]: string;
+    };
+    ariaHasPopup?: boolean | 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | undefined;
+    tabIndex?: number | null | undefined;
+    focusEditoronEnter?: boolean;
+};
+export type FloatingToolbarInput<T extends {}> = {
+    id: string;
+    type: 'input';
+    title?: string;
+    description?: string;
+    onSubmit: (...args: any[]) => T;
+    onBlur: (...args: any[]) => T;
+    defaultValue?: string;
+    placeholder?: string;
+    hidden?: boolean;
+};
+export type FloatingToolbarCustom<T extends {}> = {
+    type: 'custom';
+    /**
+     * By default -- the floating toolbar supports navigating between
+     * items using arrow keys (to meet aria guidelines).
+     * In some cases the floating toolbar is being used to present
+     * non toolbar content -- such as the link editing experience.
+     * In these cases you can opt out of arrow navigation using the
+     * this property.
+     *
+     * @default false
+     */
+    disableArrowNavigation?: boolean;
+    fallback: Array<FloatingToolbarFallbackItem<T>>;
+    render: (view?: EditorView, idx?: number, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => React.ComponentClass | React.SFC | React.ReactElement<any> | null;
+    hidden?: boolean;
+};
+type FloatingToolbarSelectBase<T extends {}, V = SelectOption> = {
+    id: string;
+    type: 'select';
+    selectType: 'list' | 'emoji' | 'date' | 'color';
+    title?: string;
+    options: V[];
+    hidden?: boolean;
+    hideExpandIcon?: boolean;
+    defaultValue?: V | null;
+    placeholder?: string;
+    onChange: (selected: V) => T;
+    filterOption?: ((option: V, rawInput: string) => boolean) | null;
+};
+export type FloatingToolbarListPicker<T extends {}> = FloatingToolbarSelectBase<T> & {
+    selectType: 'list';
+};
+export type FloatingToolbarColorPicker<T extends {}> = FloatingToolbarSelectBase<T, PaletteColor> & {
+    selectType: 'color';
+};
+export type FloatingToolbarEmojiPicker<T extends {}> = FloatingToolbarSelectBase<T, EmojiId> & {
+    selectType: 'emoji';
+    selected?: boolean;
+    options: never[];
+};
+export type FloatingToolbarDatePicker<T extends {}> = FloatingToolbarSelectBase<T, number> & {
+    selectType: 'date';
+    options: never[];
+};
+export type FloatingToolbarSelect<T extends {}> = FloatingToolbarEmojiPicker<T> | FloatingToolbarColorPicker<T> | FloatingToolbarListPicker<T> | FloatingToolbarDatePicker<T>;
+export type FloatingToolbarSeparator = {
+    type: 'separator';
+    hidden?: boolean;
+};
+export type FloatingToolbarDropdown<T extends {}> = {
+    testId?: string;
+    id?: string;
+    type: 'dropdown';
+    title: string;
+    icon?: Icon;
+    options: DropdownOptions<T>;
+    hidden?: boolean;
+    hideExpandIcon?: boolean;
+    disabled?: boolean;
+    tooltip?: string;
+    dropdownWidth?: number;
+    showSelected?: boolean;
+};
+type FloatingToolbarExtensionsPlaceholder = {
+    type: 'extensions-placeholder';
+    hidden?: boolean;
+    separator?: 'start' | 'end' | 'both';
+};
+/**
+ * This additional type is introduced in order to prevent infinite loop due to
+ * `extract-react-types-loader`. The issue occurs when custom type `fallback` field
+ * is an array of FloatingToolbarItem. Since FloatingToolbarItem is a FloatingToolbarCustom
+ * type, it stucks in an infinite loop. Custom - Item -> Custom .... go on.
+ *
+ * This type is restricted with the items that can be used for fallback.
+ * Make sure that this type is not a FloatingToolbarCustom type.
+ */
+export type FloatingToolbarFallbackItem<T extends {}> = FloatingToolbarButton<T> | FloatingToolbarCopyButton | FloatingToolbarDropdown<T> | FloatingToolbarSelect<T> | FloatingToolbarInput<T> | FloatingToolbarSeparator;
+export type FloatingToolbarItem<T extends {}> = FloatingToolbarButton<T> | FloatingToolbarCopyButton | FloatingToolbarDropdown<T> | FloatingToolbarSelect<T> | FloatingToolbarInput<T> | FloatingToolbarCustom<T> | FloatingToolbarSeparator | FloatingToolbarExtensionsPlaceholder;
+export interface FloatingToolbarConfig {
+    /** Used for the ariaLabel on the <Popup /> component */
+    title: string;
+    /**
+     * Override the DOM reference used to apply as the target for the
+     * floating toolbar, if the config matches.
+     *
+     * By default, it will find the DOM reference of the node from the
+     * head of the current selection.
+     */
+    getDomRef?: (view: EditorView) => HTMLElement | undefined;
+    /** Can prevent the Toolbar from rendering */
+    visible?: boolean;
+    /**
+     * nodeType or list of `nodeType`s this floating toolbar should be shown for.
+     **/
+    nodeType: NodeType | NodeType[];
+    /** Items that will populate the Toolbar.
+     *
+     * See: `FloatingToolbarItem`
+     */
+    items: Array<FloatingToolbarItem<Command>> | ((node: Node) => Array<FloatingToolbarItem<Command>>);
+    align?: AlignType;
+    /** Class added to Toolbar wrapper */
+    className?: string;
+    /** Toolbar height */
+    height?: number;
+    /** Toolbar width */
+    width?: number;
+    zIndex?: number;
+    /** Offset the position of the toolbar. */
+    offset?: [
+        number,
+        number
+    ];
+    forcePlacement?: boolean;
+    onPositionCalculated?: (editorView: EditorView, nextPos: Position) => Position;
+    scrollable?: boolean;
+    /**
+     * Enable Popup component's focus trap
+     */
+    focusTrap?: boolean;
+    preventPopupOverflow?: boolean;
+}
+export type FloatingToolbarHandler = (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
+export {};