@atlaskit/editor-common 102.10.4 → 102.11.0

package/dist/types/floating-toolbar/DropdownMenuItem.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ButtonItemProps } from '@atlaskit/menu';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+import type { DropdownOptionT, FloatingToolbarOverflowDropdownOptions } from '../types';
+export declare const menuItemDimensions: {
+    width: number;
+    height: number;
+};
+export interface Props {
+    hide: Function;
+    dispatchCommand: Function;
+    items: Array<DropdownOptionT<Function>> | FloatingToolbarOverflowDropdownOptions<Function>;
+    showSelected?: boolean;
+    editorView?: EditorView;
+    extensions?: ExtensionProps;
+}
+export type ExtensionProps = {
+    node: Node;
+    extensionApi?: ExtensionAPI;
+    extensionsProvider?: Promise<ExtensionProvider>;
+};
+export interface DropdownButtonItemProps extends ButtonItemProps {
+    onMouseEnter?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOut?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+}
+export type DropdownMenuItemProps = {
+    item: DropdownOptionT<Function>;
+    hide: Function;
+    dispatchCommand: Function;
+    editorView?: EditorView;
+    intl: IntlShape;
+    showSelected: boolean;
+    itemSelected?: boolean;
+};
+export declare const DropdownMenuItem: (props: DropdownMenuItemProps) => jsx.JSX.Element;

package/dist/types/floating-toolbar/index.d.ts

@@ -4,4 +4,7 @@ export declare const shallowEqual: (objA?: Object, objB?: Object) => boolean;
 export declare const compareArrays: <T extends any[]>(left: Array<T>, right: Array<T>, compareFn?: (left: T, right: T) => boolean) => boolean;
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
 export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;
+export { DropdownMenuExtensionItems } from './DropdownMenuExtensionItems';
+export { DropdownMenuItem } from './DropdownMenuItem';
+export type { DropdownMenuItemProps } from './DropdownMenuItem';
 export { default as messages } from './messages';

package/dist/types/types/floating-toolbar.d.ts

@@ -8,6 +8,7 @@ import type { SpotlightCard } from '@atlaskit/onboarding';
 import type { Placement } from '@atlaskit/popper';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
+import type { DropdownMenuItemProps } from '../floating-toolbar';
 import type { ProviderFactory } from '../provider-factory';
 import type { PaletteColor } from '../ui-color/ColorPalette/Palettes/type';
 import type { Command, CommandDispatch } from './command';
@@ -19,7 +20,13 @@ type OverflowDropdownHeading = {
     type: 'overflow-dropdown-heading';
     title: string;
 };
-export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading>;
+type OverflowDropdownCustom<T extends Object> = {
+    type: 'custom';
+    fallback: Array<FloatingToolbarFallbackItem<T>>;
+    render: (view?: EditorView, dropdownOption?: Omit<DropdownMenuItemProps, 'item'>) => React.ReactNode;
+    hidden?: boolean;
+};
+export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading | OverflowDropdownCustom<T>>;
 type FloatingToolbarOverflowDropdown<T extends Object> = {
     type: 'overflow-dropdown';
     options: FloatingToolbarOverflowDropdownOptions<T>;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+export interface DropdownMenuOptions {
+    hide: Function;
+    dispatchCommand: Function;
+    intl: IntlShape;
+    showSelected: boolean;
+}
+type OverflowExtensionPlaceholderProps = {
+    node: PMNode;
+    editorView: EditorView;
+    extension: ExtensionProps;
+    disabled?: (key: string) => boolean;
+    dropdownOptions?: DropdownMenuOptions;
+};
+export type ExtensionProps = {
+    extensionApi?: ExtensionAPI;
+    extensionProvider?: Promise<ExtensionProvider>;
+};
+export declare const DropdownMenuExtensionItems: (props: OverflowExtensionPlaceholderProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ButtonItemProps } from '@atlaskit/menu';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+import type { DropdownOptionT, FloatingToolbarOverflowDropdownOptions } from '../types';
+export declare const menuItemDimensions: {
+    width: number;
+    height: number;
+};
+export interface Props {
+    hide: Function;
+    dispatchCommand: Function;
+    items: Array<DropdownOptionT<Function>> | FloatingToolbarOverflowDropdownOptions<Function>;
+    showSelected?: boolean;
+    editorView?: EditorView;
+    extensions?: ExtensionProps;
+}
+export type ExtensionProps = {
+    node: Node;
+    extensionApi?: ExtensionAPI;
+    extensionsProvider?: Promise<ExtensionProvider>;
+};
+export interface DropdownButtonItemProps extends ButtonItemProps {
+    onMouseEnter?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOut?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+}
+export type DropdownMenuItemProps = {
+    item: DropdownOptionT<Function>;
+    hide: Function;
+    dispatchCommand: Function;
+    editorView?: EditorView;
+    intl: IntlShape;
+    showSelected: boolean;
+    itemSelected?: boolean;
+};
+export declare const DropdownMenuItem: (props: DropdownMenuItemProps) => jsx.JSX.Element;

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

@@ -4,4 +4,7 @@ export declare const shallowEqual: (objA?: Object, objB?: Object) => boolean;
 export declare const compareArrays: <T extends any[]>(left: Array<T>, right: Array<T>, compareFn?: (left: T, right: T) => boolean) => boolean;
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
 export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;
+export { DropdownMenuExtensionItems } from './DropdownMenuExtensionItems';
+export { DropdownMenuItem } from './DropdownMenuItem';
+export type { DropdownMenuItemProps } from './DropdownMenuItem';
 export { default as messages } from './messages';

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

@@ -8,6 +8,7 @@ import type { SpotlightCard } from '@atlaskit/onboarding';
 import type { Placement } from '@atlaskit/popper';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
+import type { DropdownMenuItemProps } from '../floating-toolbar';
 import type { ProviderFactory } from '../provider-factory';
 import type { PaletteColor } from '../ui-color/ColorPalette/Palettes/type';
 import type { Command, CommandDispatch } from './command';
@@ -19,7 +20,13 @@ type OverflowDropdownHeading = {
     type: 'overflow-dropdown-heading';
     title: string;
 };
-export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading>;
+type OverflowDropdownCustom<T extends Object> = {
+    type: 'custom';
+    fallback: Array<FloatingToolbarFallbackItem<T>>;
+    render: (view?: EditorView, dropdownOption?: Omit<DropdownMenuItemProps, 'item'>) => React.ReactNode;
+    hidden?: boolean;
+};
+export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading | OverflowDropdownCustom<T>>;
 type FloatingToolbarOverflowDropdown<T extends Object> = {
     type: 'overflow-dropdown';
     options: FloatingToolbarOverflowDropdownOptions<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.10.4",
+	"version": "102.11.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"