@atlaskit/editor-plugin-floating-toolbar 5.1.12 → 5.2.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 5.2.1
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
+## 5.2.0
+
+### Minor Changes
+
+- [`e73faa5a52300`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e73faa5a52300) -
+  [ux] ED-28735 Fix selection toolbar opening and closing state
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.1.12
 
 ### Patch Changes

package/dist/cjs/floatingToolbarPlugin.js

@@ -23,6 +23,7 @@ var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("./pm-plugins/commands");
 var _forceFocus = _interopRequireWildcard(require("./pm-plugins/force-focus"));
@@ -241,6 +242,16 @@ function ContentComponent(_ref5) {
 
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
+
+  // When the new inline editor-toolbar is enabled, suppress floating toolbar for text selections.
+  if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)) {
+    var selection = editorView.state.selection;
+    var isCellSelection = '$anchorCell' in selection && !selection.empty;
+    var isTextSelected = selection instanceof _state.TextSelection && !selection.empty;
+    if (isTextSelected || isCellSelection) {
+      return null;
+    }
+  }
   var items = config.items;
   var groupLabel = config.groupLabel;
   var title = config.title,

package/dist/es2019/floatingToolbarPlugin.js

@@ -10,8 +10,9 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { Popup } from '@atlaskit/editor-common/ui';
-import { AllSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { AllSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { copyNode } from './pm-plugins/commands';
 import forceFocusPlugin, { forceFocusSelector } from './pm-plugins/force-focus';
@@ -233,6 +234,16 @@ export function ContentComponent({
     config,
     node
   } = configWithNodeInfo;
+
+  // When the new inline editor-toolbar is enabled, suppress floating toolbar for text selections.
+  if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
+    const selection = editorView.state.selection;
+    const isCellSelection = '$anchorCell' in selection && !selection.empty;
+    const isTextSelected = selection instanceof TextSelection && !selection.empty;
+    if (isTextSelected || isCellSelection) {
+      return null;
+    }
+  }
   let {
     items
   } = config;

package/dist/esm/floatingToolbarPlugin.js

@@ -14,8 +14,9 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { Popup } from '@atlaskit/editor-common/ui';
-import { AllSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { AllSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { copyNode as _copyNode } from './pm-plugins/commands';
 import forceFocusPlugin, { forceFocusSelector } from './pm-plugins/force-focus';
@@ -232,6 +233,16 @@ export function ContentComponent(_ref5) {
 
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
+
+  // When the new inline editor-toolbar is enabled, suppress floating toolbar for text selections.
+  if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
+    var selection = editorView.state.selection;
+    var isCellSelection = '$anchorCell' in selection && !selection.empty;
+    var isTextSelected = selection instanceof TextSelection && !selection.empty;
+    if (isTextSelected || isCellSelection) {
+      return null;
+    }
+  }
   var items = config.items;
   var groupLabel = config.groupLabel;
   var title = config.title,

package/dist/types/floatingToolbarPluginType.d.ts

@@ -14,8 +14,8 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 export type ConfigWithNodeInfo = {
     config: FloatingToolbarConfig | undefined;
-    pos: number;
     node: Node;
+    pos: number;
 };
 export type FloatingToolbarPluginState = {
     getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
@@ -42,10 +42,10 @@ export type FloatingToolbarPluginDependencies = [
     OptionalPlugin<AnalyticsPlugin>
 ];
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
-    dependencies: FloatingToolbarPluginDependencies;
     actions: {
         forceFocusSelector: ForceFocusSelector;
     };
+    dependencies: FloatingToolbarPluginDependencies;
     sharedState: {
         configWithNodeInfo: ConfigWithNodeInfo | undefined;
         floatingToolbarData: FloatingToolbarPluginData | undefined;

package/dist/types/pm-plugins/toolbar-data/types.d.ts

@@ -1,8 +1,8 @@
 export type FloatingToolbarPluginAction = {
-    type: 'SHOW_CONFIRM_DIALOG';
     data: {
         buttonIndex: number;
     };
+    type: 'SHOW_CONFIRM_DIALOG';
 } | {
     type: 'HIDE_CONFIRM_DIALOG';
 };

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

@@ -10,33 +10,33 @@ import type { CommandDispatch, DropdownOptions, ExtensionDropdownOptions, Floati
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
-    title: string;
-    icon?: ReactElement<any>;
-    iconBefore?: ReactElement<any>;
-    hideExpandIcon?: boolean;
-    options: DropdownOptions<Function> | FloatingToolbarOverflowDropdownOptions<Function> | ExtensionDropdownOptions;
-    dispatchCommand: (command: Function) => void;
-    mountPoint?: HTMLElement;
+    alignDropdownWithToolbar?: boolean;
+    alignX?: 'left' | 'right' | 'center';
     boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
-    disabled?: boolean;
-    tooltip?: string;
     buttonTestId?: string;
+    disabled?: boolean;
+    dispatchCommand: (command: Function) => void;
+    dropdownListId?: string;
     dropdownWidth?: number;
-    showSelected?: boolean;
-    setDisableParentScroll?: (disable: boolean) => void;
     editorView?: EditorView;
-    dropdownListId?: string;
-    alignDropdownWithToolbar?: boolean;
-    onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
-    onMount?: () => void;
-    onClick?: () => void;
     footer?: React.ReactNode;
+    hideExpandIcon?: boolean;
+    icon?: ReactElement<any>;
+    iconBefore?: ReactElement<any>;
+    mountPoint?: HTMLElement;
+    onClick?: () => void;
+    onMount?: () => void;
+    onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
+    options: DropdownOptions<Function> | FloatingToolbarOverflowDropdownOptions<Function> | ExtensionDropdownOptions;
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
-    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
+    scrollableElement?: HTMLElement;
+    setDisableParentScroll?: (disable: boolean) => void;
     shouldFitContainer?: boolean;
-    alignX?: 'left' | 'right' | 'center';
+    showSelected?: boolean;
+    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
+    title: string;
+    tooltip?: string;
 }
 export interface State {
     isOpen: boolean;

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

@@ -9,23 +9,23 @@ export declare const menuItemDimensions: {
 };
 export declare const itemSpacing: number;
 export interface Props {
-    hide: Function;
     dispatchCommand: Function;
+    editorView?: EditorView;
+    hide: Function;
     items: Array<DropdownOptionT<Function>> | FloatingToolbarOverflowDropdownOptions<Function>;
     showSelected?: boolean;
-    editorView?: EditorView;
 }
 export type ExtensionProps = {
     extensionApi?: ExtensionAPI;
     extensionProvider?: Promise<ExtensionProvider>;
 };
 export interface DropdownButtonItemProps extends ButtonItemProps {
+    onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     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;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

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

@@ -7,14 +7,14 @@ type EmojiPickerButtonReturnType = (props: {
     className?: string;
     editorView?: EditorView;
     idx?: number;
-    providerFactory?: ProviderFactory;
-    title?: string;
-    onChange?: (emoji: EmojiId) => void;
     isSelected?: boolean;
     mountPoint?: HTMLElement;
+    onChange?: (emoji: EmojiId) => void;
+    pluginInjectionApi?: ExtractInjectionAPI<FloatingToolbarPlugin>;
     popupsBoundariesElement?: HTMLElement;
+    providerFactory?: ProviderFactory;
     setDisableParentScroll?: (disable: boolean) => void;
-    pluginInjectionApi?: ExtractInjectionAPI<FloatingToolbarPlugin>;
+    title?: string;
 }) => JSX.Element;
 export declare const EmojiPickerButton: EmojiPickerButtonReturnType;
 export {};

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

@@ -4,20 +4,20 @@ import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 interface Props {
-    node: PMNode;
-    extensionProvider: Promise<ExtensionProvider>;
-    editorView: EditorView;
-    separator?: 'start' | 'end' | 'both';
+    alignDropdownWithToolbar?: boolean;
     applyChangeToContextPanel: ApplyChangeHandler | undefined;
-    extensionApi: ExtensionAPI | undefined;
-    scrollable?: boolean;
-    setDisableScroll?: (disable: boolean) => void;
     dispatchCommand?: (command: Function) => void;
-    popupsMountPoint?: HTMLElement;
+    editorView: EditorView;
+    extensionApi: ExtensionAPI | undefined;
+    extensionProvider: Promise<ExtensionProvider>;
+    node: PMNode;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
+    scrollable?: boolean;
+    separator?: 'start' | 'end' | 'both';
     setDisableParentScroll?: (disable: boolean) => void;
-    alignDropdownWithToolbar?: boolean;
+    setDisableScroll?: (disable: boolean) => void;
 }
 export declare const ExtensionsPlaceholder: (props: Props) => React.JSX.Element | null;
 export {};

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

@@ -1,11 +1,11 @@
 import { jsx } from '@emotion/react';
 export interface Props {
-    mountPoint?: HTMLElement;
     boundariesElement?: HTMLElement;
     defaultValue?: string;
-    placeholder?: string;
+    mountPoint?: HTMLElement;
     onBlur?: (text: string) => void;
     onSubmit?: (text: string) => void;
+    placeholder?: string;
 }
 export interface State {
     text: string;

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

@@ -2,10 +2,10 @@ import React from 'react';
 import type { IntlShape } from 'react-intl-next';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 type ScrollButtonProps = {
+    disabled: boolean;
     intl: IntlShape;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
     node: Node;
-    disabled: boolean;
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
     side: 'left' | 'right';
 };
 export declare const ScrollButton: ({ intl, scrollContainerRef, node, disabled, side, }: ScrollButtonProps) => false | React.JSX.Element;

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

@@ -7,10 +7,10 @@ import { jsx } from '@emotion/react';
 import type { IntlShape } from 'react-intl-next';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 interface ScrollButtonsProps {
+    disabled: boolean;
     intl: IntlShape;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
     node: Node;
-    disabled: boolean;
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
 }
 export declare const ScrollButtons: ({ intl, scrollContainerRef, node, disabled }: ScrollButtonsProps) => jsx.JSX.Element | null;
 export {};

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

@@ -2,19 +2,19 @@ import React from 'react';
 import type { SelectOption } from '@atlaskit/editor-common/types';
 import type { ValueType } from '@atlaskit/select';
 export interface Props {
-    hideExpandIcon?: boolean;
-    options: SelectOption[];
-    dispatchCommand: (command: Function) => void;
-    mountPoint?: HTMLElement;
+    ariaLabel?: string;
     boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
+    classNamePrefix?: string;
     defaultValue?: SelectOption | null;
-    placeholder?: string;
-    onChange?: (change: ValueType<SelectOption>) => void;
-    width?: number;
+    dispatchCommand: (command: Function) => void;
     filterOption?: ((option: SelectOption, rawInput: string) => boolean) | null;
+    hideExpandIcon?: boolean;
+    mountPoint?: HTMLElement;
+    onChange?: (change: ValueType<SelectOption>) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    scrollableElement?: HTMLElement;
     setDisableParentScroll?: (disable: boolean) => void;
-    ariaLabel?: string;
-    classNamePrefix?: string;
+    width?: number;
 }
 export default function Search(props: Props): React.JSX.Element;

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

@@ -13,30 +13,30 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { FloatingToolbarPlugin } from '../floatingToolbarPluginType';
 export interface Props {
-    items: Array<Item>;
+    api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
+    className?: string;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     dispatchCommand: (command?: Function) => void;
-    popupsMountPoint?: HTMLElement;
+    editorView?: EditorView;
+    extensionsProvider?: Promise<ExtensionProvider>;
+    focusEditor?: () => void;
+    groupLabel?: string;
+    items: Array<Item>;
+    mediaAssistiveMessage?: string;
+    node: Node;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
     providerFactory?: ProviderFactory;
-    className?: string;
-    groupLabel?: string;
-    focusEditor?: () => void;
-    editorView?: EditorView;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    target?: HTMLElement;
-    node: Node;
-    extensionsProvider?: Promise<ExtensionProvider>;
     scrollable?: boolean;
-    api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
-    mediaAssistiveMessage?: string;
     shouldFitContainer?: boolean;
+    target?: HTMLElement;
 }
 type GroupedItems = (Item | Item[])[];
 export declare function groupItems(items: Item[]): GroupedItems;
 export interface State {
-    scrollDisabled: boolean;
     mounted: boolean;
+    scrollDisabled: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;

package/dist/types-ts4.5/floatingToolbarPluginType.d.ts

@@ -14,8 +14,8 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 export type ConfigWithNodeInfo = {
     config: FloatingToolbarConfig | undefined;
-    pos: number;
     node: Node;
+    pos: number;
 };
 export type FloatingToolbarPluginState = {
     getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
@@ -42,10 +42,10 @@ export type FloatingToolbarPluginDependencies = [
     OptionalPlugin<AnalyticsPlugin>
 ];
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
-    dependencies: FloatingToolbarPluginDependencies;
     actions: {
         forceFocusSelector: ForceFocusSelector;
     };
+    dependencies: FloatingToolbarPluginDependencies;
     sharedState: {
         configWithNodeInfo: ConfigWithNodeInfo | undefined;
         floatingToolbarData: FloatingToolbarPluginData | undefined;

package/dist/types-ts4.5/pm-plugins/toolbar-data/types.d.ts

@@ -1,8 +1,8 @@
 export type FloatingToolbarPluginAction = {
-    type: 'SHOW_CONFIRM_DIALOG';
     data: {
         buttonIndex: number;
     };
+    type: 'SHOW_CONFIRM_DIALOG';
 } | {
     type: 'HIDE_CONFIRM_DIALOG';
 };

package/dist/types-ts4.5/ui/Dropdown.d.ts

@@ -10,33 +10,33 @@ import type { CommandDispatch, DropdownOptions, ExtensionDropdownOptions, Floati
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
-    title: string;
-    icon?: ReactElement<any>;
-    iconBefore?: ReactElement<any>;
-    hideExpandIcon?: boolean;
-    options: DropdownOptions<Function> | FloatingToolbarOverflowDropdownOptions<Function> | ExtensionDropdownOptions;
-    dispatchCommand: (command: Function) => void;
-    mountPoint?: HTMLElement;
+    alignDropdownWithToolbar?: boolean;
+    alignX?: 'left' | 'right' | 'center';
     boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
-    disabled?: boolean;
-    tooltip?: string;
     buttonTestId?: string;
+    disabled?: boolean;
+    dispatchCommand: (command: Function) => void;
+    dropdownListId?: string;
     dropdownWidth?: number;
-    showSelected?: boolean;
-    setDisableParentScroll?: (disable: boolean) => void;
     editorView?: EditorView;
-    dropdownListId?: string;
-    alignDropdownWithToolbar?: boolean;
-    onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
-    onMount?: () => void;
-    onClick?: () => void;
     footer?: React.ReactNode;
+    hideExpandIcon?: boolean;
+    icon?: ReactElement<any>;
+    iconBefore?: ReactElement<any>;
+    mountPoint?: HTMLElement;
+    onClick?: () => void;
+    onMount?: () => void;
+    onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
+    options: DropdownOptions<Function> | FloatingToolbarOverflowDropdownOptions<Function> | ExtensionDropdownOptions;
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
-    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
+    scrollableElement?: HTMLElement;
+    setDisableParentScroll?: (disable: boolean) => void;
     shouldFitContainer?: boolean;
-    alignX?: 'left' | 'right' | 'center';
+    showSelected?: boolean;
+    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
+    title: string;
+    tooltip?: string;
 }
 export interface State {
     isOpen: boolean;

package/dist/types-ts4.5/ui/DropdownMenu.d.ts

@@ -9,23 +9,23 @@ export declare const menuItemDimensions: {
 };
 export declare const itemSpacing: number;
 export interface Props {
-    hide: Function;
     dispatchCommand: Function;
+    editorView?: EditorView;
+    hide: Function;
     items: Array<DropdownOptionT<Function>> | FloatingToolbarOverflowDropdownOptions<Function>;
     showSelected?: boolean;
-    editorView?: EditorView;
 }
 export type ExtensionProps = {
     extensionApi?: ExtensionAPI;
     extensionProvider?: Promise<ExtensionProvider>;
 };
 export interface DropdownButtonItemProps extends ButtonItemProps {
+    onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     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;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

package/dist/types-ts4.5/ui/EmojiPickerButton.d.ts

@@ -7,14 +7,14 @@ type EmojiPickerButtonReturnType = (props: {
     className?: string;
     editorView?: EditorView;
     idx?: number;
-    providerFactory?: ProviderFactory;
-    title?: string;
-    onChange?: (emoji: EmojiId) => void;
     isSelected?: boolean;
     mountPoint?: HTMLElement;
+    onChange?: (emoji: EmojiId) => void;
+    pluginInjectionApi?: ExtractInjectionAPI<FloatingToolbarPlugin>;
     popupsBoundariesElement?: HTMLElement;
+    providerFactory?: ProviderFactory;
     setDisableParentScroll?: (disable: boolean) => void;
-    pluginInjectionApi?: ExtractInjectionAPI<FloatingToolbarPlugin>;
+    title?: string;
 }) => JSX.Element;
 export declare const EmojiPickerButton: EmojiPickerButtonReturnType;
 export {};

package/dist/types-ts4.5/ui/ExtensionsPlaceholder.d.ts

@@ -4,20 +4,20 @@ import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 interface Props {
-    node: PMNode;
-    extensionProvider: Promise<ExtensionProvider>;
-    editorView: EditorView;
-    separator?: 'start' | 'end' | 'both';
+    alignDropdownWithToolbar?: boolean;
     applyChangeToContextPanel: ApplyChangeHandler | undefined;
-    extensionApi: ExtensionAPI | undefined;
-    scrollable?: boolean;
-    setDisableScroll?: (disable: boolean) => void;
     dispatchCommand?: (command: Function) => void;
-    popupsMountPoint?: HTMLElement;
+    editorView: EditorView;
+    extensionApi: ExtensionAPI | undefined;
+    extensionProvider: Promise<ExtensionProvider>;
+    node: PMNode;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
+    scrollable?: boolean;
+    separator?: 'start' | 'end' | 'both';
     setDisableParentScroll?: (disable: boolean) => void;
-    alignDropdownWithToolbar?: boolean;
+    setDisableScroll?: (disable: boolean) => void;
 }
 export declare const ExtensionsPlaceholder: (props: Props) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/Input.d.ts

@@ -1,11 +1,11 @@
 import { jsx } from '@emotion/react';
 export interface Props {
-    mountPoint?: HTMLElement;
     boundariesElement?: HTMLElement;
     defaultValue?: string;
-    placeholder?: string;
+    mountPoint?: HTMLElement;
     onBlur?: (text: string) => void;
     onSubmit?: (text: string) => void;
+    placeholder?: string;
 }
 export interface State {
     text: string;

package/dist/types-ts4.5/ui/ScrollButton.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import type { IntlShape } from 'react-intl-next';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 type ScrollButtonProps = {
+    disabled: boolean;
     intl: IntlShape;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
     node: Node;
-    disabled: boolean;
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
     side: 'left' | 'right';
 };
 export declare const ScrollButton: ({ intl, scrollContainerRef, node, disabled, side, }: ScrollButtonProps) => false | React.JSX.Element;

package/dist/types-ts4.5/ui/ScrollButtons.d.ts

@@ -7,10 +7,10 @@ import { jsx } from '@emotion/react';
 import type { IntlShape } from 'react-intl-next';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 interface ScrollButtonsProps {
+    disabled: boolean;
     intl: IntlShape;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
     node: Node;
-    disabled: boolean;
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
 }
 export declare const ScrollButtons: ({ intl, scrollContainerRef, node, disabled }: ScrollButtonsProps) => jsx.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/Select.d.ts

@@ -2,19 +2,19 @@ import React from 'react';
 import type { SelectOption } from '@atlaskit/editor-common/types';
 import type { ValueType } from '@atlaskit/select';
 export interface Props {
-    hideExpandIcon?: boolean;
-    options: SelectOption[];
-    dispatchCommand: (command: Function) => void;
-    mountPoint?: HTMLElement;
+    ariaLabel?: string;
     boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
+    classNamePrefix?: string;
     defaultValue?: SelectOption | null;
-    placeholder?: string;
-    onChange?: (change: ValueType<SelectOption>) => void;
-    width?: number;
+    dispatchCommand: (command: Function) => void;
     filterOption?: ((option: SelectOption, rawInput: string) => boolean) | null;
+    hideExpandIcon?: boolean;
+    mountPoint?: HTMLElement;
+    onChange?: (change: ValueType<SelectOption>) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    scrollableElement?: HTMLElement;
     setDisableParentScroll?: (disable: boolean) => void;
-    ariaLabel?: string;
-    classNamePrefix?: string;
+    width?: number;
 }
 export default function Search(props: Props): React.JSX.Element;

package/dist/types-ts4.5/ui/Toolbar.d.ts

@@ -13,30 +13,30 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { FloatingToolbarPlugin } from '../floatingToolbarPluginType';
 export interface Props {
-    items: Array<Item>;
+    api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
+    className?: string;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     dispatchCommand: (command?: Function) => void;
-    popupsMountPoint?: HTMLElement;
+    editorView?: EditorView;
+    extensionsProvider?: Promise<ExtensionProvider>;
+    focusEditor?: () => void;
+    groupLabel?: string;
+    items: Array<Item>;
+    mediaAssistiveMessage?: string;
+    node: Node;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
     providerFactory?: ProviderFactory;
-    className?: string;
-    groupLabel?: string;
-    focusEditor?: () => void;
-    editorView?: EditorView;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    target?: HTMLElement;
-    node: Node;
-    extensionsProvider?: Promise<ExtensionProvider>;
     scrollable?: boolean;
-    api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
-    mediaAssistiveMessage?: string;
     shouldFitContainer?: boolean;
+    target?: HTMLElement;
 }
 type GroupedItems = (Item | Item[])[];
 export declare function groupItems(items: Item[]): GroupedItems;
 export interface State {
-    scrollDisabled: boolean;
     mounted: boolean;
+    scrollDisabled: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "5.1.12",
+	"version": "5.2.1",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-emoji": "^4.3.0",
 		"@atlaskit/editor-plugin-extension": "^6.1.0",
 		"@atlaskit/editor-plugin-interaction": "^5.0.0",
-		"@atlaskit/editor-plugin-table": "^12.2.0",
+		"@atlaskit/editor-plugin-table": "^12.3.0",
 		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/emoji": "^69.5.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.5.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -60,12 +60,11 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",