@atlaskit/editor-plugin-floating-toolbar 1.4.6 → 1.4.8

package/LICENSE.md

@@ -1,13 +1,11 @@
 Copyright 2023 Atlassian Pty Ltd
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
+compliance with the License. You may obtain a copy of the License at
 
     http://www.apache.org/licenses/LICENSE-2.0
 
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+Unless required by applicable law or agreed to in writing, software distributed under the License is
+distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing permissions and limitations under the
+License.

package/README.md

@@ -27,4 +27,4 @@ Please see [Atlaskit - Editor plugin floating toolbar](https://atlaskit.atlassia
 For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
 ## License
 ---
- Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.
+ Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.

package/dist/cjs/plugin.js

@@ -5,6 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ContentComponent = ContentComponent;
 exports.pluginKey = exports.getRelevantConfig = exports.floatingToolbarPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -17,6 +18,7 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _forceFocus = _interopRequireWildcard(require("./pm-plugins/force-focus"));
 var _commands = require("./pm-plugins/toolbar-data/commands");
 var _plugin = require("./pm-plugins/toolbar-data/plugin");
@@ -187,7 +189,7 @@ var floatingToolbarPlugin = exports.floatingToolbarPlugin = function floatingToo
   };
 };
 function ContentComponent(_ref5) {
-  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$b, _pluginInjectionApi$c, _pluginInjectionApi$d;
   var pluginInjectionApi = _ref5.pluginInjectionApi,
     editorView = _ref5.editorView,
     popupsMountPoint = _ref5.popupsMountPoint,
@@ -205,6 +207,9 @@ function ContentComponent(_ref5) {
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.drag-and-drop_wmv9t') && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && (_pluginInjectionApi$b = pluginInjectionApi.blockControls) !== null && _pluginInjectionApi$b !== void 0 && (_pluginInjectionApi$b = _pluginInjectionApi$b.sharedState) !== null && _pluginInjectionApi$b !== void 0 && (_pluginInjectionApi$b = _pluginInjectionApi$b.currentState()) !== null && _pluginInjectionApi$b !== void 0 && _pluginInjectionApi$b.isDragging) {
+    return null;
+  }
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
   var items = config.items,
@@ -289,7 +294,9 @@ function ContentComponent(_ref5) {
     mountTo: popupsMountPoint,
     boundariesElement: popupsBoundariesElement,
     scrollableElement: popupsScrollableElement,
-    onPositionCalculated: customPositionCalculation,
+    onPositionCalculated: customPositionCalculation
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: scrollable ? {
       maxWidth: '100%'
     } : {},
@@ -305,7 +312,9 @@ function ContentComponent(_ref5) {
         groupLabel: groupLabel,
         node: node,
         dispatchCommand: dispatchCommand,
-        editorView: editorView,
+        editorView: editorView
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className,
         focusEditor: function focusEditor() {
           return editorView.focus();

package/dist/cjs/ui/EmojiPickerButton.js

@@ -107,10 +107,15 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
     appearance: 'subtle',
     key: props.idx,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       margin: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: '24px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px'
     },
     onClick: togglePopup,

package/dist/cjs/ui/ScrollButtons.js

@@ -140,7 +140,9 @@ var ScrollButtons = exports.ScrollButtons = function ScrollButtons(_ref) {
   }, [node.type]);
   return needScroll ? (0, _react2.jsx)("div", {
     ref: buttonsContainerRef,
-    css: toolbarScrollButtons,
+    css: toolbarScrollButtons
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "scroll-buttons"
   }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
     title: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollLeft),

package/dist/cjs/ui/Toolbar.js

@@ -100,7 +100,9 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
             }
           }
         };
-        return (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        return (0, _react2.jsx)(_ui.FloatingToolbarButton
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: item.className,
           key: idx,
           title: item.title,
@@ -489,7 +491,9 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         },
         "aria-label": intl.formatMessage(_floatingToolbar.messages.floatingToolbarAriaLabel),
         role: "toolbar",
-        "data-testid": "editor-floating-toolbar",
+        "data-testid": "editor-floating-toolbar"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className
       }, (0, _react2.jsx)(_ui.Announcer, {
         text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer)) : intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer),

package/dist/es2019/plugin.js

@@ -8,6 +8,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { AllSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import forceFocusPlugin, { forceFocusSelector } from './pm-plugins/force-focus';
 import { hideConfirmDialog } from './pm-plugins/toolbar-data/commands';
 import { createPlugin as floatingToolbarDataPluginFactory } from './pm-plugins/toolbar-data/plugin';
@@ -173,7 +174,7 @@ export const floatingToolbarPlugin = ({
     }
   };
 };
-function ContentComponent({
+export function ContentComponent({
   pluginInjectionApi,
   editorView,
   popupsMountPoint,
@@ -182,7 +183,7 @@ function ContentComponent({
   providerFactory,
   dispatchAnalyticsEvent
 }) {
-  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$b, _pluginInjectionApi$b2, _pluginInjectionApi$b3, _pluginInjectionApi$c, _pluginInjectionApi$d;
   const {
     floatingToolbarState,
     editorDisabledState,
@@ -195,6 +196,9 @@ function ContentComponent({
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
+  if (getBooleanFF('platform.editor.drag-and-drop_wmv9t') && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && (_pluginInjectionApi$b = pluginInjectionApi.blockControls) !== null && _pluginInjectionApi$b !== void 0 && (_pluginInjectionApi$b2 = _pluginInjectionApi$b.sharedState) !== null && _pluginInjectionApi$b2 !== void 0 && (_pluginInjectionApi$b3 = _pluginInjectionApi$b2.currentState()) !== null && _pluginInjectionApi$b3 !== void 0 && _pluginInjectionApi$b3.isDragging) {
+    return null;
+  }
   const {
     config,
     node
@@ -276,7 +280,9 @@ function ContentComponent({
     mountTo: popupsMountPoint,
     boundariesElement: popupsBoundariesElement,
     scrollableElement: popupsScrollableElement,
-    onPositionCalculated: customPositionCalculation,
+    onPositionCalculated: customPositionCalculation
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: scrollable ? {
       maxWidth: '100%'
     } : {},
@@ -292,7 +298,9 @@ function ContentComponent({
         groupLabel: groupLabel,
         node: node,
         dispatchCommand: dispatchCommand,
-        editorView: editorView,
+        editorView: editorView
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className,
         focusEditor: () => editorView.focus(),
         providerFactory: providerFactory,

package/dist/es2019/ui/EmojiPickerButton.js

@@ -94,10 +94,15 @@ export const EmojiPickerButton = props => {
     appearance: 'subtle',
     key: props.idx,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       margin: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: '24px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px'
     },
     onClick: togglePopup,

package/dist/es2019/ui/ScrollButtons.js

@@ -119,7 +119,9 @@ export const ScrollButtons = ({
   }, [node.type]);
   return needScroll ? jsx("div", {
     ref: buttonsContainerRef,
-    css: toolbarScrollButtons,
+    css: toolbarScrollButtons
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "scroll-buttons"
   }, jsx(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollLeft),

package/dist/es2019/ui/Toolbar.js

@@ -86,7 +86,9 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
             }
           }
         };
-        return jsx(Button, {
+        return jsx(Button
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: item.className,
           key: idx,
           title: item.title,
@@ -436,7 +438,9 @@ class Toolbar extends Component {
       css: () => [toolbarContainer(scrollable, hasSelect !== undefined, firstElementIsSelect)],
       "aria-label": intl.formatMessage(messages.floatingToolbarAriaLabel),
       role: "toolbar",
-      "data-testid": "editor-floating-toolbar",
+      "data-testid": "editor-floating-toolbar"
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: className
     }, jsx(Announcer, {
       text: mediaAssistiveMessage ? `${mediaAssistiveMessage}, ${intl.formatMessage(messages.floatingToolbarAnnouncer)}` : intl.formatMessage(messages.floatingToolbarAnnouncer),

package/dist/esm/plugin.js

@@ -11,6 +11,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { AllSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import forceFocusPlugin, { forceFocusSelector } from './pm-plugins/force-focus';
 import { hideConfirmDialog } from './pm-plugins/toolbar-data/commands';
 import { createPlugin as floatingToolbarDataPluginFactory } from './pm-plugins/toolbar-data/plugin';
@@ -177,8 +178,8 @@ export var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
     }
   };
 };
-function ContentComponent(_ref5) {
-  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+export function ContentComponent(_ref5) {
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$b, _pluginInjectionApi$c, _pluginInjectionApi$d;
   var pluginInjectionApi = _ref5.pluginInjectionApi,
     editorView = _ref5.editorView,
     popupsMountPoint = _ref5.popupsMountPoint,
@@ -196,6 +197,9 @@ function ContentComponent(_ref5) {
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
+  if (getBooleanFF('platform.editor.drag-and-drop_wmv9t') && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && (_pluginInjectionApi$b = pluginInjectionApi.blockControls) !== null && _pluginInjectionApi$b !== void 0 && (_pluginInjectionApi$b = _pluginInjectionApi$b.sharedState) !== null && _pluginInjectionApi$b !== void 0 && (_pluginInjectionApi$b = _pluginInjectionApi$b.currentState()) !== null && _pluginInjectionApi$b !== void 0 && _pluginInjectionApi$b.isDragging) {
+    return null;
+  }
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
   var items = config.items,
@@ -280,7 +284,9 @@ function ContentComponent(_ref5) {
     mountTo: popupsMountPoint,
     boundariesElement: popupsBoundariesElement,
     scrollableElement: popupsScrollableElement,
-    onPositionCalculated: customPositionCalculation,
+    onPositionCalculated: customPositionCalculation
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: scrollable ? {
       maxWidth: '100%'
     } : {},
@@ -296,7 +302,9 @@ function ContentComponent(_ref5) {
         groupLabel: groupLabel,
         node: node,
         dispatchCommand: dispatchCommand,
-        editorView: editorView,
+        editorView: editorView
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className,
         focusEditor: function focusEditor() {
           return editorView.focus();

package/dist/esm/ui/EmojiPickerButton.js

@@ -100,10 +100,15 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     appearance: 'subtle',
     key: props.idx,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       margin: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: '24px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px'
     },
     onClick: togglePopup,

package/dist/esm/ui/ScrollButtons.js

@@ -129,7 +129,9 @@ export var ScrollButtons = function ScrollButtons(_ref) {
   }, [node.type]);
   return needScroll ? jsx("div", {
     ref: buttonsContainerRef,
-    css: toolbarScrollButtons,
+    css: toolbarScrollButtons
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "scroll-buttons"
   }, jsx(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollLeft),

package/dist/esm/ui/Toolbar.js

@@ -91,7 +91,9 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
             }
           }
         };
-        return jsx(Button, {
+        return jsx(Button
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: item.className,
           key: idx,
           title: item.title,
@@ -480,7 +482,9 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         },
         "aria-label": intl.formatMessage(messages.floatingToolbarAriaLabel),
         role: "toolbar",
-        "data-testid": "editor-floating-toolbar",
+        "data-testid": "editor-floating-toolbar"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className
       }, jsx(Announcer, {
         text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(messages.floatingToolbarAnnouncer)) : intl.formatMessage(messages.floatingToolbarAnnouncer),

package/dist/types/plugin.d.ts

@@ -1,9 +1,13 @@
-import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+/// <reference types="react" />
+import type { ExtractInjectionAPI, FloatingToolbarConfig, UiComponentFactoryParams } 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;
+export declare function ContentComponent({ pluginInjectionApi, editorView, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, providerFactory, dispatchAnalyticsEvent, }: Pick<UiComponentFactoryParams, 'editorView' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'providerFactory' | 'dispatchAnalyticsEvent' | 'popupsScrollableElement'> & {
+    pluginInjectionApi: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
+}): JSX.Element | null;
 /**
  *
  * ProseMirror Plugin

package/dist/types/types.d.ts

@@ -1,4 +1,5 @@
 import type { FloatingToolbarConfig, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls';
 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';
@@ -30,7 +31,8 @@ export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
         OptionalPlugin<ExtensionPlugin>,
         CopyButtonPlugin,
         EditorDisabledPlugin,
-        OptionalPlugin<EditorViewModePlugin>
+        OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<BlockControlsPlugin>
     ];
     actions: {
         forceFocusSelector: ForceFocusSelector;

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

@@ -9,5 +9,5 @@ interface ScrollButtonsProps {
     node: Node;
     disabled: boolean;
 }
-export declare const ScrollButtons: ({ intl, scrollContainerRef, node, disabled, }: ScrollButtonsProps) => jsx.JSX.Element | null;
+export declare const ScrollButtons: ({ intl, scrollContainerRef, node, disabled }: ScrollButtonsProps) => jsx.JSX.Element | null;
 export {};

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

@@ -1,9 +1,13 @@
-import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+/// <reference types="react" />
+import type { ExtractInjectionAPI, FloatingToolbarConfig, UiComponentFactoryParams } 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;
+export declare function ContentComponent({ pluginInjectionApi, editorView, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, providerFactory, dispatchAnalyticsEvent, }: Pick<UiComponentFactoryParams, 'editorView' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'providerFactory' | 'dispatchAnalyticsEvent' | 'popupsScrollableElement'> & {
+    pluginInjectionApi: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
+}): JSX.Element | null;
 /**
  *
  * ProseMirror Plugin

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

@@ -1,4 +1,5 @@
 import type { FloatingToolbarConfig, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls';
 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';
@@ -30,7 +31,8 @@ export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
         OptionalPlugin<ExtensionPlugin>,
         CopyButtonPlugin,
         EditorDisabledPlugin,
-        OptionalPlugin<EditorViewModePlugin>
+        OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<BlockControlsPlugin>
     ];
     actions: {
         forceFocusSelector: ForceFocusSelector;

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

@@ -9,5 +9,5 @@ interface ScrollButtonsProps {
     node: Node;
     disabled: boolean;
 }
-export declare const ScrollButtons: ({ intl, scrollContainerRef, node, disabled, }: ScrollButtonsProps) => jsx.JSX.Element | null;
+export declare const ScrollButtons: ({ intl, scrollContainerRef, node, disabled }: ScrollButtonsProps) => jsx.JSX.Element | null;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -25,10 +25,11 @@
   },
   "dependencies": {
     "@atlaskit/adf-utils": "^19.2.0",
-    "@atlaskit/button": "^17.16.0",
-    "@atlaskit/checkbox": "^13.3.0",
-    "@atlaskit/editor-common": "^81.0.0",
+    "@atlaskit/button": "^17.17.0",
+    "@atlaskit/checkbox": "^13.4.0",
+    "@atlaskit/editor-common": "^82.0.0",
     "@atlaskit/editor-palette": "1.6.0",
+    "@atlaskit/editor-plugin-block-controls": "^1.4.1",
     "@atlaskit/editor-plugin-context-panel": "^1.1.0",
     "@atlaskit/editor-plugin-copy-button": "^1.1.0",
     "@atlaskit/editor-plugin-decorations": "^1.1.0",
@@ -42,7 +43,7 @@
     "@atlaskit/menu": "^2.3.0",
     "@atlaskit/modal-dialog": "^12.13.0",
     "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/select": "^17.9.0",
+    "@atlaskit/select": "^17.10.0",
     "@atlaskit/theme": "^12.8.0",
     "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/tooltip": "^18.4.0",
@@ -58,7 +59,6 @@
   },
   "devDependencies": {
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
@@ -105,13 +105,15 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
   "platform-feature-flags": {
     "platform.editor.a11y-floating-toolbar-markup_vexmo": {
       "type": "boolean"
     },
     "platform.editor.a11y-table-floating-toolbar-dropdown-menu_zkb33": {
       "type": "boolean"
+    },
+    "platform.editor.drag-and-drop_wmv9t": {
+      "type": "boolean"
     }
   }
 }

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/editor-plugin-floating-toolbar"
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ### Table of contents
@@ -30,33 +31,33 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 
 // @public (undocumented)
 export type ConfigWithNodeInfo = {
-  config: FloatingToolbarConfig | undefined;
-  pos: number;
-  node: Node_2;
+	config: FloatingToolbarConfig | undefined;
+	pos: number;
+	node: Node_2;
 };
 
 // @public
 export type FloatingToolbarPlugin = NextEditorPlugin<
-  'floatingToolbar',
-  {
-    dependencies: [
-      OptionalPlugin<FeatureFlagsPlugin>,
-      DecorationsPlugin,
-      OptionalPlugin<ContextPanelPlugin>,
-      OptionalPlugin<ExtensionPlugin>,
-      CopyButtonPlugin,
-      EditorDisabledPlugin,
-    ];
-    actions: {
-      forceFocusSelector: ForceFocusSelector;
-    };
-    sharedState:
-      | undefined
-      | {
-          configWithNodeInfo: ConfigWithNodeInfo | undefined;
-          floatingToolbarData: FloatingToolbarPluginData | undefined;
-        };
-  }
+	'floatingToolbar',
+	{
+		dependencies: [
+			OptionalPlugin<FeatureFlagsPlugin>,
+			DecorationsPlugin,
+			OptionalPlugin<ContextPanelPlugin>,
+			OptionalPlugin<ExtensionPlugin>,
+			CopyButtonPlugin,
+			EditorDisabledPlugin,
+		];
+		actions: {
+			forceFocusSelector: ForceFocusSelector;
+		};
+		sharedState:
+			| undefined
+			| {
+					configWithNodeInfo: ConfigWithNodeInfo | undefined;
+					floatingToolbarData: FloatingToolbarPluginData | undefined;
+			  };
+	}
 >;
 
 // @public (undocumented)
@@ -64,20 +65,16 @@ export const floatingToolbarPlugin: FloatingToolbarPlugin;
 
 // @public (undocumented)
 export type FloatingToolbarPluginData = {
-  confirmDialogForItem?: number;
+	confirmDialogForItem?: number;
 };
 
 // @public (undocumented)
 export type FloatingToolbarPluginState = {
-  getConfigWithNodeInfo: (
-    state: EditorState,
-  ) => ConfigWithNodeInfo | null | undefined;
+	getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
 };
 
 // @public (undocumented)
-export type ForceFocusSelector = (
-  selector: null | string,
-) => (tr: Transaction) => Transaction;
+export type ForceFocusSelector = (selector: null | string) => (tr: Transaction) => Transaction;
 
 // (No @packageDocumentation comment for this package)
 ```
@@ -90,7 +87,7 @@ export type ForceFocusSelector = (
 
 ```json
 {
-  "react": "^16.8.0"
+	"react": "^16.8.0"
 }
 ```