@atlaskit/editor-plugin-floating-toolbar 0.6.3 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 0.7.0
+
+### Minor Changes
+
+- [#39920](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39920) [`c08ab6beb65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c08ab6beb65) - [ux] Adding new plugin for paste options toolbar. Also making required changes for the new toolbar in folating-toolbar plugin and paste plugin.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.6.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.6.3
 
 ### Patch Changes

package/dist/cjs/ui/Dropdown.js

@@ -77,6 +77,13 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         isOpen: !_this.state.isOpen,
         isOpenedByKeyboard: false
       });
+      var onToggle = _this.props.onToggle;
+      if (!onToggle) {
+        return;
+      }
+      requestAnimationFrame(function () {
+        _this.props.dispatchCommand(onToggle);
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {

package/dist/cjs/ui/Toolbar.js

@@ -151,7 +151,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           editorView: editorView,
           setDisableParentScroll: scrollable ? setDisableScroll : undefined,
           dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
-          alignDropdownWithToolbar: items.length === 1
+          alignDropdownWithToolbar: items.length === 1,
+          onToggle: item.onToggle
         });
       case 'select':
         if (item.selectType === 'list') {

package/dist/es2019/ui/Dropdown.js

@@ -54,6 +54,13 @@ export default class Dropdown extends Component {
         isOpen: !this.state.isOpen,
         isOpenedByKeyboard: false
       });
+      const onToggle = this.props.onToggle;
+      if (!onToggle) {
+        return;
+      }
+      requestAnimationFrame(() => {
+        this.props.dispatchCommand(onToggle);
+      });
     });
     _defineProperty(this, "toggleOpenByKeyboard", event => {
       if (event.key === 'Enter' || event.key === ' ') {

package/dist/es2019/ui/Toolbar.js

@@ -119,7 +119,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           editorView: editorView,
           setDisableParentScroll: scrollable ? setDisableScroll : undefined,
           dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && `${item.id}-dropdownList`,
-          alignDropdownWithToolbar: items.length === 1
+          alignDropdownWithToolbar: items.length === 1,
+          onToggle: item.onToggle
         });
       case 'select':
         if (item.selectType === 'list') {

package/dist/esm/ui/Dropdown.js

@@ -69,6 +69,13 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         isOpen: !_this.state.isOpen,
         isOpenedByKeyboard: false
       });
+      var onToggle = _this.props.onToggle;
+      if (!onToggle) {
+        return;
+      }
+      requestAnimationFrame(function () {
+        _this.props.dispatchCommand(onToggle);
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {

package/dist/esm/ui/Toolbar.js

@@ -142,7 +142,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           editorView: editorView,
           setDisableParentScroll: scrollable ? setDisableScroll : undefined,
           dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
-          alignDropdownWithToolbar: items.length === 1
+          alignDropdownWithToolbar: items.length === 1,
+          onToggle: item.onToggle
         });
       case 'select':
         if (item.selectType === 'list') {

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

@@ -2,7 +2,8 @@
 import type { ReactElement } from 'react';
 import React, { Component } from 'react';
 import { jsx } from '@emotion/react';
-import type { DropdownOptions } from '@atlaskit/editor-common/types';
+import type { CommandDispatch, DropdownOptions } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
     title: string;
@@ -22,6 +23,7 @@ export interface Props {
     editorView?: EditorView;
     dropdownListId?: string;
     alignDropdownWithToolbar?: boolean;
+    onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
 }
 export interface State {
     isOpen: boolean;

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

@@ -0,0 +1,2 @@
+export type { FloatingToolbarPlugin, ForceFocusSelector, ConfigWithNodeInfo, FloatingToolbarPluginData, FloatingToolbarPluginState, } from './types';
+export { floatingToolbarPlugin } from './plugin';

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

@@ -0,0 +1,12 @@
+import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { ConfigWithNodeInfo, FloatingToolbarPlugin, FloatingToolbarPluginState } from './types';
+export declare const getRelevantConfig: (selection: Selection, configs: Array<FloatingToolbarConfig>) => ConfigWithNodeInfo | undefined;
+export declare const floatingToolbarPlugin: FloatingToolbarPlugin;
+/**
+ *
+ * ProseMirror Plugin
+ *
+ */
+export declare const pluginKey: PluginKey<FloatingToolbarPluginState>;

package/dist/types-ts4.5/pm-plugins/force-focus/index.d.ts

@@ -0,0 +1,21 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const forceFocusStateKey: PluginKey<any>;
+/**
+ * Used in cases where a floating toolbar button opens a submenu which destroys
+ * the button, but the user has pressed ESC to close the submenu and focus needs
+ * to move back to the button. */
+declare const _default: () => SafePlugin<{
+    selector: null;
+}>;
+export default _default;
+/**
+ * The provided selector should be the floating toolbar button that needs focus.
+ */
+export declare const forceFocusSelector: (selector: string | null) => (tr: Transaction) => Transaction;
+/**
+ * If a selector is set and the element exists, focus it.
+ */
+export declare function checkShouldForceFocusAndApply(view?: EditorView): void;

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

@@ -0,0 +1,3 @@
+import type { Command } from '@atlaskit/editor-common/types';
+export declare const showConfirmDialog: (buttonIndex: number) => Command;
+export declare const hideConfirmDialog: () => Command;

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

@@ -0,0 +1 @@
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("../..").FloatingToolbarPluginData | ((state: import("prosemirror-state").EditorState) => import("../..").FloatingToolbarPluginData)) => import("prosemirror-state").SafeStateField<import("../..").FloatingToolbarPluginData>, createCommand: <A = import("./types").FloatingToolbarPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("../..").FloatingToolbarPluginData;

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

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { FloatingToolbarPluginData } from '../../types';
+export declare const pluginKey: PluginKey<FloatingToolbarPluginData>;

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

@@ -0,0 +1,3 @@
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare const createPlugin: (dispatch: Dispatch) => SafePlugin<import("../..").FloatingToolbarPluginData>;

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

@@ -0,0 +1,3 @@
+import type { FloatingToolbarPluginData } from '../../types';
+import type { FloatingToolbarPluginAction } from './types';
+export declare const reducer: (pluginState: FloatingToolbarPluginData, action: FloatingToolbarPluginAction) => FloatingToolbarPluginData;

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

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

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

@@ -0,0 +1,42 @@
+import type { FloatingToolbarConfig, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+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;
+};
+export type FloatingToolbarPluginState = {
+    getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
+};
+export type FloatingToolbarPluginData = {
+    confirmDialogForItem?: number;
+};
+export type ForceFocusSelector = (selector: string | null) => (tr: Transaction) => Transaction;
+/**
+ * Floating toolbar plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
+ * from `@atlaskit/editor-core`.
+ */
+export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
+    dependencies: [
+        FeatureFlagsPlugin,
+        DecorationsPlugin,
+        OptionalPlugin<ContextPanelPlugin>,
+        OptionalPlugin<ExtensionPlugin>,
+        CopyButtonPlugin,
+        EditorDisabledPlugin
+    ];
+    actions: {
+        forceFocusSelector: ForceFocusSelector;
+    };
+    sharedState: {
+        configWithNodeInfo: ConfigWithNodeInfo | undefined;
+        floatingToolbarData: FloatingToolbarPluginData | undefined;
+    } | undefined;
+}>;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ConfirmationDialogProps } from '@atlaskit/editor-common/types';
+export declare const CheckboxModal: (props: ConfirmationDialogProps & WrappedComponentProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ConfirmationDialogProps } from '@atlaskit/editor-common/types';
+export declare const ConfirmationModal: React.FC<import("react-intl-next").WithIntlProps<ConfirmationDialogProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ConfirmationDialogProps & WrappedComponentProps<"intl">>;
+};

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

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import type { ReactElement } from 'react';
+import React, { Component } from 'react';
+import { jsx } from '@emotion/react';
+import type { CommandDispatch, DropdownOptions } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface Props {
+    title: string;
+    icon?: ReactElement<any>;
+    hideExpandIcon?: boolean;
+    options: DropdownOptions<Function>;
+    dispatchCommand: (command: Function) => void;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    disabled?: boolean;
+    tooltip?: string;
+    buttonTestId?: string;
+    dropdownWidth?: number;
+    showSelected?: boolean;
+    setDisableParentScroll?: (disable: boolean) => void;
+    editorView?: EditorView;
+    dropdownListId?: string;
+    alignDropdownWithToolbar?: boolean;
+    onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
+}
+export interface State {
+    isOpen: boolean;
+    isOpenedByKeyboard: boolean;
+}
+export default class Dropdown extends Component<Props, State> {
+    state: State;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    render(): jsx.JSX.Element;
+    private renderArrayOptions;
+    private toggleOpen;
+    private toggleOpenByKeyboard;
+    private hide;
+    private hideOnEsc;
+    private onOpenChanged;
+    componentDidUpdate(prevProps: Props, prevState: State): void;
+}

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { DropdownOptionT } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ButtonItemProps } from '@atlaskit/menu';
+export declare const menuItemDimensions: {
+    width: number;
+    height: number;
+};
+export declare const itemSpacing: number;
+export interface Props {
+    hide: Function;
+    dispatchCommand: Function;
+    items: Array<DropdownOptionT<Function>>;
+    showSelected?: boolean;
+    editorView?: EditorView;
+}
+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;
+}
+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-ts4.5/ui/EditorEmojiAddIcon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EditorEmojiAddIcon(): JSX.Element;

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

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import React from 'react';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EmojiId } from '@atlaskit/emoji';
+export declare const EmojiPickerButton: React.FunctionComponent<{
+    className?: string;
+    editorView?: EditorView;
+    idx?: number;
+    providerFactory?: ProviderFactory;
+    title?: string;
+    onChange?: (emoji: EmojiId) => void;
+    isSelected?: boolean;
+    mountPoint?: HTMLElement;
+    setDisableParentScroll?: (disable: boolean) => void;
+}>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { ExtensionAPI } from '@atlaskit/editor-common/extensions';
+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';
+    applyChangeToContextPanel: ApplyChangeHandler | undefined;
+    extensionApi: ExtensionAPI | undefined;
+}
+export declare const ExtensionsPlaceholder: (props: Props) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,23 @@
+/** @jsx jsx */
+import React from 'react';
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+export interface Props {
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    defaultValue?: string;
+    placeholder?: string;
+    onBlur?: (text: string) => void;
+    onSubmit?: (text: string) => void;
+}
+export interface State {
+    text: string;
+}
+export default class TextField extends Component<Props, State> {
+    constructor(props: Props);
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSubmit: (e: React.FormEvent) => void;
+    handleBlur: (e: React.FocusEvent<{}>) => void;
+    render(): jsx.JSX.Element;
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
+export default FloatingToolbarSeparator;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ConfirmationDialogProps } from '@atlaskit/editor-common/types';
+export declare const SimpleModal: (props: ConfirmationDialogProps & WrappedComponentProps) => JSX.Element;

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

@@ -0,0 +1,44 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { Item } from '@atlaskit/editor-common/floating-toolbar';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { FeatureFlags, OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export type { Item };
+export interface Props {
+    items: Array<Item>;
+    dispatchCommand: (command?: Function) => void;
+    popupsMountPoint?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    providerFactory?: ProviderFactory;
+    className?: string;
+    focusEditor?: () => void;
+    editorView?: EditorView;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    target?: HTMLElement;
+    node: Node;
+    extensionsProvider?: Promise<ExtensionProvider>;
+    scrollable?: boolean;
+    featureFlags: FeatureFlags;
+    api: PluginInjectionAPIWithDependencies<[
+        typeof decorationsPlugin,
+        OptionalPlugin<typeof contextPanelPlugin>,
+        OptionalPlugin<ExtensionPlugin>
+    ]> | undefined;
+}
+export interface State {
+    scrollDisabled: boolean;
+    mounted: boolean;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import Loadable from 'react-loadable';
+import type { Props } from './Toolbar';
+export declare const ToolbarLoader: import("react").ComponentType<Props> & Loadable.LoadableComponent;

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

@@ -0,0 +1,48 @@
+declare const _default: {
+    confirmModalDefaultHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmModalOK: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmModalCancel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmModalListUnit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    floatingToolbarAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    floatingToolbarAnnouncer: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    floatingToolbarScrollLeft: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    floatingToolbarScrollRight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,20 @@
+export declare const iconOnlySpacing: {
+    '&&': {
+        padding: string;
+        /**
+          Increased specificity here because css for .hyperlink-open-link defined in
+          packages/editor/editor-core/src/ui/ContentStyles/index.tsx file
+          overrides padding left-right 2px with 4px.
+        */
+        '&&[href]': {
+            padding: string;
+        };
+    };
+    '& > span': {
+        margin: string;
+    };
+};
+export declare const getButtonStyles: (props: any) => {
+    background: any;
+    color: any;
+};

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

@@ -0,0 +1,2 @@
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+export declare function findNode(parent: Node, predicate: (node: Node) => boolean): Node | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -24,9 +24,9 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^32.0.0",
-    "@atlaskit/button": "^16.10.0",
+    "@atlaskit/button": "^16.11.0",
     "@atlaskit/checkbox": "^12.6.0",
-    "@atlaskit/editor-common": "^76.8.0",
+    "@atlaskit/editor-common": "^76.14.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-context-panel": "^0.2.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
@@ -34,15 +34,15 @@
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-extension": "^0.2.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
-    "@atlaskit/editor-plugin-table": "^5.0.0",
+    "@atlaskit/editor-plugin-table": "^5.3.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/emoji": "^67.5.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/menu": "^1.11.0",
+    "@atlaskit/menu": "^2.1.0",
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/select": "^16.7.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,64 @@
+## API Report File for "@atlaskit/editor-plugin-floating-toolbar"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+
+// @public (undocumented)
+export type ConfigWithNodeInfo = {
+    config: FloatingToolbarConfig | undefined;
+    pos: number;
+    node: Node_2;
+};
+
+// @public
+export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
+    dependencies: [
+    FeatureFlagsPlugin,
+    DecorationsPlugin,
+    OptionalPlugin<ContextPanelPlugin>,
+    OptionalPlugin<ExtensionPlugin>,
+    CopyButtonPlugin,
+    EditorDisabledPlugin
+    ];
+    actions: {
+        forceFocusSelector: ForceFocusSelector;
+    };
+    sharedState: undefined | {
+        configWithNodeInfo: ConfigWithNodeInfo | undefined;
+        floatingToolbarData: FloatingToolbarPluginData | undefined;
+    };
+}>;
+
+// @public (undocumented)
+export const floatingToolbarPlugin: FloatingToolbarPlugin;
+
+// @public (undocumented)
+export type FloatingToolbarPluginData = {
+    confirmDialogForItem?: number;
+};
+
+// @public (undocumented)
+export type FloatingToolbarPluginState = {
+    getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
+};
+
+// @public (undocumented)
+export type ForceFocusSelector = (selector: null | string) => (tr: Transaction) => Transaction;
+
+// (No @packageDocumentation comment for this package)
+
+```