@atlaskit/editor-plugin-selection-toolbar 1.8.0 → 1.9.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-selection-toolbar
 
+## 1.9.0
+
+### Minor Changes
+
+- [#116013](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116013)
+  [`18e022766bfd3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/18e022766bfd3) -
+  [ux] ED-26464 Hiding primary toolbar and docking contextual toolbar items to top
+
+## 1.8.1
+
+### Patch Changes
+
+- [#115259](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115259)
+  [`a3150808f308a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3150808f308a) -
+  Add new forceStaticToolbar config option to floating toolbar and add it to panel and table. Add
+  new contextual toolbar plugin which controls expand and collapse logic for toolbar options.
+- Updated dependencies
+
 ## 1.8.0
 
 ### Minor Changes

package/dist/cjs/pm-plugins/commands.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toggleToolbar = void 0;
+exports.toggleToolbar = exports.setToolbarDocking = void 0;
 var _pluginKey = require("./plugin-key");
 var toggleToolbar = exports.toggleToolbar = function toggleToolbar(_ref) {
   var hide = _ref.hide;
@@ -14,4 +14,14 @@ var toggleToolbar = exports.toggleToolbar = function toggleToolbar(_ref) {
     });
     return tr;
   };
+};
+var setToolbarDocking = exports.setToolbarDocking = function setToolbarDocking(_ref3) {
+  var toolbarDocking = _ref3.toolbarDocking;
+  return function (_ref4) {
+    var tr = _ref4.tr;
+    tr.setMeta(_pluginKey.selectionToolbarPluginKey, {
+      toolbarDocking: toolbarDocking
+    });
+    return tr;
+  };
 };

package/dist/cjs/selectionToolbarPlugin.js

@@ -33,7 +33,19 @@ var selectionToolbarPlugin = exports.selectionToolbarPlugin = function selection
         return (_options$api$core$act2 = (_options$api2 = options.api) === null || _options$api2 === void 0 ? void 0 : _options$api2.core.actions.execute((0, _commands.toggleToolbar)({
           hide: false
         }))) !== null && _options$api$core$act2 !== void 0 ? _options$api$core$act2 : false;
+      },
+      setToolbarDocking: function setToolbarDocking(toolbarDocking) {
+        var _options$api$core$act3, _options$api3;
+        return (_options$api$core$act3 = (_options$api3 = options.api) === null || _options$api3 === void 0 ? void 0 : _options$api3.core.actions.execute((0, _commands.setToolbarDocking)({
+          toolbarDocking: toolbarDocking
+        }))) !== null && _options$api$core$act3 !== void 0 ? _options$api$core$act3 : false;
+      }
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
       }
+      return _pluginKey.selectionToolbarPluginKey.getState(editorState);
     },
     pmPlugins: function pmPlugins(selectionToolbarHandlers) {
       if (selectionToolbarHandlers) {
@@ -48,7 +60,8 @@ var selectionToolbarPlugin = exports.selectionToolbarPlugin = function selection
               init: function init() {
                 return {
                   selectionStable: false,
-                  hide: false
+                  hide: false,
+                  toolbarDocking: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 'none' : 'top'
                 };
               },
               apply: function apply(tr, pluginState) {
@@ -63,12 +76,12 @@ var selectionToolbarPlugin = exports.selectionToolbarPlugin = function selection
               var unbind = (0, _bindEventListener.bind)(_view.root, {
                 type: 'mouseup',
                 listener: function listener() {
-                  var _options$api3;
+                  var _options$api4;
                   // We only want to set selectionStable to true if the editor has focus
                   // to prevent the toolbar from showing when the editor is blurred
                   // due to a click outside the editor.
 
-                  var editorViewModePlugin = (_options$api3 = options.api) === null || _options$api3 === void 0 || (_options$api3 = _options$api3.editorViewMode) === null || _options$api3 === void 0 ? void 0 : _options$api3.sharedState.currentState();
+                  var editorViewModePlugin = (_options$api4 = options.api) === null || _options$api4 === void 0 || (_options$api4 = _options$api4.editorViewMode) === null || _options$api4 === void 0 ? void 0 : _options$api4.sharedState.currentState();
                   var isViewModeEnabled = (editorViewModePlugin === null || editorViewModePlugin === void 0 ? void 0 : editorViewModePlugin.mode) === 'view';
                   _view.dispatch(_view.state.tr.setMeta(_pluginKey.selectionToolbarPluginKey, {
                     selectionStable: !isViewModeEnabled ? _view.hasFocus() : true
@@ -167,8 +180,10 @@ var selectionToolbarPlugin = exports.selectionToolbarPlugin = function selection
             }
           }
         }
-        if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
-          items.push.apply(items, (0, _toConsumableArray2.default)(_overflowToolbarConfig.overflowToolbarConfig));
+        if (items.length > 0 && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+          items.push.apply(items, (0, _toConsumableArray2.default)((0, _overflowToolbarConfig.getOverflowToolbarConfig)({
+            api: options.api
+          })));
         }
         var calcToolbarPosition = options.config.preferenceToolbarAboveSelection ? _utils.calculateToolbarPositionAboveSelection : _utils.calculateToolbarPositionTrackHead;
         var toolbarTitle = 'Selection toolbar';

package/dist/cjs/ui/overflow-toolbar-config.js

@@ -1,38 +1,49 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.overflowToolbarConfig = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.getOverflowToolbarConfig = void 0;
+var _react = require("@emotion/react");
 var _ContextualToolbarIcon = require("./icons/ContextualToolbarIcon");
 var _FixedToolbarIcon = require("./icons/FixedToolbarIcon");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // New editor controls
-var overflowToolbarConfig = exports.overflowToolbarConfig = [{
-  type: 'separator'
-}, {
-  type: 'overflow-dropdown',
-  options: [{
+var getOverflowToolbarConfig = exports.getOverflowToolbarConfig = function getOverflowToolbarConfig(_ref) {
+  var api = _ref.api;
+  return [{
     type: 'separator'
   }, {
-    type: 'overflow-dropdown-heading',
-    title: 'Toolbar position'
-  }, {
-    title: 'Contextual',
-    onClick: function onClick() {
-      return true;
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_ContextualToolbarIcon.ContextualToolbarIcon, {
-      label: "Contextual toolbar"
-    })
-  }, {
-    title: 'Fixed at top',
-    onClick: function onClick() {
-      return true;
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_FixedToolbarIcon.FixedToolbarIcon, {
-      label: "Fixed toolbar"
-    })
-  }]
-}];
+    type: 'overflow-dropdown',
+    options: [{
+      type: 'separator'
+    }, {
+      type: 'overflow-dropdown-heading',
+      title: 'Toolbar position'
+    }, {
+      title: 'Contextual',
+      onClick: function onClick() {
+        var _api$selectionToolbar, _api$selectionToolbar2, _api$selectionToolbar3;
+        return (_api$selectionToolbar = api === null || api === void 0 || (_api$selectionToolbar2 = api.selectionToolbar.actions) === null || _api$selectionToolbar2 === void 0 || (_api$selectionToolbar3 = _api$selectionToolbar2.setToolbarDocking) === null || _api$selectionToolbar3 === void 0 ? void 0 : _api$selectionToolbar3.call(_api$selectionToolbar2, 'none')) !== null && _api$selectionToolbar !== void 0 ? _api$selectionToolbar : false;
+      },
+      icon: (0, _react.jsx)(_ContextualToolbarIcon.ContextualToolbarIcon, {
+        label: "Contextual toolbar"
+      })
+    }, {
+      title: 'Fixed at top',
+      onClick: function onClick() {
+        var _api$selectionToolbar4, _api$selectionToolbar5, _api$selectionToolbar6;
+        return (_api$selectionToolbar4 = api === null || api === void 0 || (_api$selectionToolbar5 = api.selectionToolbar.actions) === null || _api$selectionToolbar5 === void 0 || (_api$selectionToolbar6 = _api$selectionToolbar5.setToolbarDocking) === null || _api$selectionToolbar6 === void 0 ? void 0 : _api$selectionToolbar6.call(_api$selectionToolbar5, 'top')) !== null && _api$selectionToolbar4 !== void 0 ? _api$selectionToolbar4 : false;
+      },
+      icon: (0, _react.jsx)(_FixedToolbarIcon.FixedToolbarIcon, {
+        label: "Fixed toolbar"
+      })
+    }]
+  }];
+};

package/dist/es2019/pm-plugins/commands.js

@@ -8,4 +8,14 @@ export const toggleToolbar = ({
     hide
   });
   return tr;
+};
+export const setToolbarDocking = ({
+  toolbarDocking
+}) => ({
+  tr
+}) => {
+  tr.setMeta(selectionToolbarPluginKey, {
+    toolbarDocking
+  });
+  return tr;
 };

package/dist/es2019/selectionToolbarPlugin.js

@@ -3,9 +3,9 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { calculateToolbarPositionAboveSelection, calculateToolbarPositionTrackHead } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { toggleToolbar } from './pm-plugins/commands';
+import { setToolbarDocking, toggleToolbar } from './pm-plugins/commands';
 import { selectionToolbarPluginKey } from './pm-plugins/plugin-key';
-import { overflowToolbarConfig } from './ui/overflow-toolbar-config';
+import { getOverflowToolbarConfig } from './ui/overflow-toolbar-config';
 export const selectionToolbarPlugin = options => {
   const __selectionToolbarHandlers = [];
   return {
@@ -22,7 +22,19 @@ export const selectionToolbarPlugin = options => {
         return (_options$api$core$act2 = (_options$api2 = options.api) === null || _options$api2 === void 0 ? void 0 : _options$api2.core.actions.execute(toggleToolbar({
           hide: false
         }))) !== null && _options$api$core$act2 !== void 0 ? _options$api$core$act2 : false;
+      },
+      setToolbarDocking: toolbarDocking => {
+        var _options$api$core$act3, _options$api3;
+        return (_options$api$core$act3 = (_options$api3 = options.api) === null || _options$api3 === void 0 ? void 0 : _options$api3.core.actions.execute(setToolbarDocking({
+          toolbarDocking
+        }))) !== null && _options$api$core$act3 !== void 0 ? _options$api$core$act3 : false;
+      }
+    },
+    getSharedState(editorState) {
+      if (!editorState) {
+        return;
       }
+      return selectionToolbarPluginKey.getState(editorState);
     },
     pmPlugins(selectionToolbarHandlers) {
       if (selectionToolbarHandlers) {
@@ -37,7 +49,8 @@ export const selectionToolbarPlugin = options => {
               init() {
                 return {
                   selectionStable: false,
-                  hide: false
+                  hide: false,
+                  toolbarDocking: editorExperiment('platform_editor_controls', 'variant1') ? 'none' : 'top'
                 };
               },
               apply(tr, pluginState) {
@@ -55,12 +68,12 @@ export const selectionToolbarPlugin = options => {
               const unbind = bind(view.root, {
                 type: 'mouseup',
                 listener: () => {
-                  var _options$api3, _options$api3$editorV;
+                  var _options$api4, _options$api4$editorV;
                   // We only want to set selectionStable to true if the editor has focus
                   // to prevent the toolbar from showing when the editor is blurred
                   // due to a click outside the editor.
 
-                  const editorViewModePlugin = (_options$api3 = options.api) === null || _options$api3 === void 0 ? void 0 : (_options$api3$editorV = _options$api3.editorViewMode) === null || _options$api3$editorV === void 0 ? void 0 : _options$api3$editorV.sharedState.currentState();
+                  const editorViewModePlugin = (_options$api4 = options.api) === null || _options$api4 === void 0 ? void 0 : (_options$api4$editorV = _options$api4.editorViewMode) === null || _options$api4$editorV === void 0 ? void 0 : _options$api4$editorV.sharedState.currentState();
                   const isViewModeEnabled = (editorViewModePlugin === null || editorViewModePlugin === void 0 ? void 0 : editorViewModePlugin.mode) === 'view';
                   view.dispatch(view.state.tr.setMeta(selectionToolbarPluginKey, {
                     selectionStable: !isViewModeEnabled ? view.hasFocus() : true
@@ -156,8 +169,10 @@ export const selectionToolbarPlugin = options => {
             }
           }
         }
-        if (editorExperiment('platform_editor_controls', 'variant1')) {
-          items.push(...overflowToolbarConfig);
+        if (items.length > 0 && editorExperiment('platform_editor_controls', 'variant1')) {
+          items.push(...getOverflowToolbarConfig({
+            api: options.api
+          }));
         }
         const calcToolbarPosition = options.config.preferenceToolbarAboveSelection ? calculateToolbarPositionAboveSelection : calculateToolbarPositionTrackHead;
         const toolbarTitle = 'Selection toolbar';

package/dist/es2019/ui/overflow-toolbar-config.js

@@ -1,9 +1,16 @@
-import React from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
 import { ContextualToolbarIcon } from './icons/ContextualToolbarIcon';
 import { FixedToolbarIcon } from './icons/FixedToolbarIcon';
-
 // New editor controls
-export const overflowToolbarConfig = [{
+export const getOverflowToolbarConfig = ({
+  api
+}) => [{
   type: 'separator'
 }, {
   type: 'overflow-dropdown',
@@ -15,17 +22,19 @@ export const overflowToolbarConfig = [{
   }, {
     title: 'Contextual',
     onClick: () => {
-      return true;
+      var _api$selectionToolbar, _api$selectionToolbar2, _api$selectionToolbar3;
+      return (_api$selectionToolbar = api === null || api === void 0 ? void 0 : (_api$selectionToolbar2 = api.selectionToolbar.actions) === null || _api$selectionToolbar2 === void 0 ? void 0 : (_api$selectionToolbar3 = _api$selectionToolbar2.setToolbarDocking) === null || _api$selectionToolbar3 === void 0 ? void 0 : _api$selectionToolbar3.call(_api$selectionToolbar2, 'none')) !== null && _api$selectionToolbar !== void 0 ? _api$selectionToolbar : false;
     },
-    icon: /*#__PURE__*/React.createElement(ContextualToolbarIcon, {
+    icon: jsx(ContextualToolbarIcon, {
       label: "Contextual toolbar"
     })
   }, {
     title: 'Fixed at top',
     onClick: () => {
-      return true;
+      var _api$selectionToolbar4, _api$selectionToolbar5, _api$selectionToolbar6;
+      return (_api$selectionToolbar4 = api === null || api === void 0 ? void 0 : (_api$selectionToolbar5 = api.selectionToolbar.actions) === null || _api$selectionToolbar5 === void 0 ? void 0 : (_api$selectionToolbar6 = _api$selectionToolbar5.setToolbarDocking) === null || _api$selectionToolbar6 === void 0 ? void 0 : _api$selectionToolbar6.call(_api$selectionToolbar5, 'top')) !== null && _api$selectionToolbar4 !== void 0 ? _api$selectionToolbar4 : false;
     },
-    icon: /*#__PURE__*/React.createElement(FixedToolbarIcon, {
+    icon: jsx(FixedToolbarIcon, {
       label: "Fixed toolbar"
     })
   }]

package/dist/esm/pm-plugins/commands.js

@@ -8,4 +8,14 @@ export var toggleToolbar = function toggleToolbar(_ref) {
     });
     return tr;
   };
+};
+export var setToolbarDocking = function setToolbarDocking(_ref3) {
+  var toolbarDocking = _ref3.toolbarDocking;
+  return function (_ref4) {
+    var tr = _ref4.tr;
+    tr.setMeta(selectionToolbarPluginKey, {
+      toolbarDocking: toolbarDocking
+    });
+    return tr;
+  };
 };

package/dist/esm/selectionToolbarPlugin.js

@@ -7,9 +7,9 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { calculateToolbarPositionAboveSelection, calculateToolbarPositionTrackHead } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { toggleToolbar } from './pm-plugins/commands';
+import { setToolbarDocking as _setToolbarDocking, toggleToolbar } from './pm-plugins/commands';
 import { selectionToolbarPluginKey } from './pm-plugins/plugin-key';
-import { overflowToolbarConfig } from './ui/overflow-toolbar-config';
+import { getOverflowToolbarConfig } from './ui/overflow-toolbar-config';
 export var selectionToolbarPlugin = function selectionToolbarPlugin(options) {
   var __selectionToolbarHandlers = [];
   return {
@@ -26,7 +26,19 @@ export var selectionToolbarPlugin = function selectionToolbarPlugin(options) {
         return (_options$api$core$act2 = (_options$api2 = options.api) === null || _options$api2 === void 0 ? void 0 : _options$api2.core.actions.execute(toggleToolbar({
           hide: false
         }))) !== null && _options$api$core$act2 !== void 0 ? _options$api$core$act2 : false;
+      },
+      setToolbarDocking: function setToolbarDocking(toolbarDocking) {
+        var _options$api$core$act3, _options$api3;
+        return (_options$api$core$act3 = (_options$api3 = options.api) === null || _options$api3 === void 0 ? void 0 : _options$api3.core.actions.execute(_setToolbarDocking({
+          toolbarDocking: toolbarDocking
+        }))) !== null && _options$api$core$act3 !== void 0 ? _options$api$core$act3 : false;
+      }
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
       }
+      return selectionToolbarPluginKey.getState(editorState);
     },
     pmPlugins: function pmPlugins(selectionToolbarHandlers) {
       if (selectionToolbarHandlers) {
@@ -41,7 +53,8 @@ export var selectionToolbarPlugin = function selectionToolbarPlugin(options) {
               init: function init() {
                 return {
                   selectionStable: false,
-                  hide: false
+                  hide: false,
+                  toolbarDocking: editorExperiment('platform_editor_controls', 'variant1') ? 'none' : 'top'
                 };
               },
               apply: function apply(tr, pluginState) {
@@ -56,12 +69,12 @@ export var selectionToolbarPlugin = function selectionToolbarPlugin(options) {
               var unbind = bind(_view.root, {
                 type: 'mouseup',
                 listener: function listener() {
-                  var _options$api3;
+                  var _options$api4;
                   // We only want to set selectionStable to true if the editor has focus
                   // to prevent the toolbar from showing when the editor is blurred
                   // due to a click outside the editor.
 
-                  var editorViewModePlugin = (_options$api3 = options.api) === null || _options$api3 === void 0 || (_options$api3 = _options$api3.editorViewMode) === null || _options$api3 === void 0 ? void 0 : _options$api3.sharedState.currentState();
+                  var editorViewModePlugin = (_options$api4 = options.api) === null || _options$api4 === void 0 || (_options$api4 = _options$api4.editorViewMode) === null || _options$api4 === void 0 ? void 0 : _options$api4.sharedState.currentState();
                   var isViewModeEnabled = (editorViewModePlugin === null || editorViewModePlugin === void 0 ? void 0 : editorViewModePlugin.mode) === 'view';
                   _view.dispatch(_view.state.tr.setMeta(selectionToolbarPluginKey, {
                     selectionStable: !isViewModeEnabled ? _view.hasFocus() : true
@@ -160,8 +173,10 @@ export var selectionToolbarPlugin = function selectionToolbarPlugin(options) {
             }
           }
         }
-        if (editorExperiment('platform_editor_controls', 'variant1')) {
-          items.push.apply(items, _toConsumableArray(overflowToolbarConfig));
+        if (items.length > 0 && editorExperiment('platform_editor_controls', 'variant1')) {
+          items.push.apply(items, _toConsumableArray(getOverflowToolbarConfig({
+            api: options.api
+          })));
         }
         var calcToolbarPosition = options.config.preferenceToolbarAboveSelection ? calculateToolbarPositionAboveSelection : calculateToolbarPositionTrackHead;
         var toolbarTitle = 'Selection toolbar';

package/dist/esm/ui/overflow-toolbar-config.js

@@ -1,32 +1,42 @@
-import React from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
 import { ContextualToolbarIcon } from './icons/ContextualToolbarIcon';
 import { FixedToolbarIcon } from './icons/FixedToolbarIcon';
-
 // New editor controls
-export var overflowToolbarConfig = [{
-  type: 'separator'
-}, {
-  type: 'overflow-dropdown',
-  options: [{
+export var getOverflowToolbarConfig = function getOverflowToolbarConfig(_ref) {
+  var api = _ref.api;
+  return [{
     type: 'separator'
   }, {
-    type: 'overflow-dropdown-heading',
-    title: 'Toolbar position'
-  }, {
-    title: 'Contextual',
-    onClick: function onClick() {
-      return true;
-    },
-    icon: /*#__PURE__*/React.createElement(ContextualToolbarIcon, {
-      label: "Contextual toolbar"
-    })
-  }, {
-    title: 'Fixed at top',
-    onClick: function onClick() {
-      return true;
-    },
-    icon: /*#__PURE__*/React.createElement(FixedToolbarIcon, {
-      label: "Fixed toolbar"
-    })
-  }]
-}];
+    type: 'overflow-dropdown',
+    options: [{
+      type: 'separator'
+    }, {
+      type: 'overflow-dropdown-heading',
+      title: 'Toolbar position'
+    }, {
+      title: 'Contextual',
+      onClick: function onClick() {
+        var _api$selectionToolbar, _api$selectionToolbar2, _api$selectionToolbar3;
+        return (_api$selectionToolbar = api === null || api === void 0 || (_api$selectionToolbar2 = api.selectionToolbar.actions) === null || _api$selectionToolbar2 === void 0 || (_api$selectionToolbar3 = _api$selectionToolbar2.setToolbarDocking) === null || _api$selectionToolbar3 === void 0 ? void 0 : _api$selectionToolbar3.call(_api$selectionToolbar2, 'none')) !== null && _api$selectionToolbar !== void 0 ? _api$selectionToolbar : false;
+      },
+      icon: jsx(ContextualToolbarIcon, {
+        label: "Contextual toolbar"
+      })
+    }, {
+      title: 'Fixed at top',
+      onClick: function onClick() {
+        var _api$selectionToolbar4, _api$selectionToolbar5, _api$selectionToolbar6;
+        return (_api$selectionToolbar4 = api === null || api === void 0 || (_api$selectionToolbar5 = api.selectionToolbar.actions) === null || _api$selectionToolbar5 === void 0 || (_api$selectionToolbar6 = _api$selectionToolbar5.setToolbarDocking) === null || _api$selectionToolbar6 === void 0 ? void 0 : _api$selectionToolbar6.call(_api$selectionToolbar5, 'top')) !== null && _api$selectionToolbar4 !== void 0 ? _api$selectionToolbar4 : false;
+      },
+      icon: jsx(FixedToolbarIcon, {
+        label: "Fixed toolbar"
+      })
+    }]
+  }];
+};

package/dist/types/pm-plugins/commands.d.ts

@@ -1,4 +1,8 @@
 import type { EditorCommand } from '@atlaskit/editor-common/types';
+import type { ToolbarDocking } from '../types';
 export declare const toggleToolbar: ({ hide }: {
     hide: boolean;
 }) => EditorCommand;
+export declare const setToolbarDocking: ({ toolbarDocking }: {
+    toolbarDocking: ToolbarDocking;
+}) => EditorCommand;

package/dist/types/selectionToolbarPluginType.d.ts

@@ -1,6 +1,10 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { ToolbarDocking } from './types';
 export type SelectionToolbarPlugin = NextEditorPlugin<'selectionToolbar', {
+    sharedState: {
+        toolbarDocking: ToolbarDocking;
+    };
     pluginConfiguration: {
         /**
          * Defaults to false
@@ -11,5 +15,6 @@ export type SelectionToolbarPlugin = NextEditorPlugin<'selectionToolbar', {
     actions?: {
         suppressToolbar?: () => boolean;
         unsuppressToolbar?: () => boolean;
+        setToolbarDocking?: (toolbarDocking: ToolbarDocking) => boolean;
     };
 }>;

package/dist/types/types/index.d.ts

@@ -4,3 +4,4 @@ export type SelectionToolbarPluginOptions = {
      */
     preferenceToolbarAboveSelection?: boolean;
 };
+export type ToolbarDocking = 'top' | 'none';

package/dist/types/ui/overflow-toolbar-config.d.ts

@@ -1,2 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { Command, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-export declare const overflowToolbarConfig: FloatingToolbarItem<Command>[];
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { SelectionToolbarPlugin } from '../selectionToolbarPluginType';
+type OverflowToobarConfigOptions = {
+    api?: ExtractInjectionAPI<SelectionToolbarPlugin>;
+};
+export declare const getOverflowToolbarConfig: ({ api, }: OverflowToobarConfigOptions) => FloatingToolbarItem<Command>[];
+export {};

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

@@ -1,4 +1,8 @@
 import type { EditorCommand } from '@atlaskit/editor-common/types';
+import type { ToolbarDocking } from '../types';
 export declare const toggleToolbar: ({ hide }: {
     hide: boolean;
 }) => EditorCommand;
+export declare const setToolbarDocking: ({ toolbarDocking }: {
+    toolbarDocking: ToolbarDocking;
+}) => EditorCommand;

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

@@ -1,6 +1,10 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { ToolbarDocking } from './types';
 export type SelectionToolbarPlugin = NextEditorPlugin<'selectionToolbar', {
+    sharedState: {
+        toolbarDocking: ToolbarDocking;
+    };
     pluginConfiguration: {
         /**
          * Defaults to false
@@ -13,5 +17,6 @@ export type SelectionToolbarPlugin = NextEditorPlugin<'selectionToolbar', {
     actions?: {
         suppressToolbar?: () => boolean;
         unsuppressToolbar?: () => boolean;
+        setToolbarDocking?: (toolbarDocking: ToolbarDocking) => boolean;
     };
 }>;

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

@@ -4,3 +4,4 @@ export type SelectionToolbarPluginOptions = {
      */
     preferenceToolbarAboveSelection?: boolean;
 };
+export type ToolbarDocking = 'top' | 'none';

package/dist/types-ts4.5/ui/overflow-toolbar-config.d.ts

@@ -1,2 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { Command, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-export declare const overflowToolbarConfig: FloatingToolbarItem<Command>[];
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { SelectionToolbarPlugin } from '../selectionToolbarPluginType';
+type OverflowToobarConfigOptions = {
+    api?: ExtractInjectionAPI<SelectionToolbarPlugin>;
+};
+export declare const getOverflowToolbarConfig: ({ api, }: OverflowToobarConfigOptions) => FloatingToolbarItem<Command>[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-toolbar",
-	"version": "1.8.0",
+	"version": "1.9.0",
 	"description": "@atlaskit/editor-plugin-selection-toolbar for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,11 +31,11 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^99.15.0",
+		"@atlaskit/editor-common": "^99.18.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/platform-feature-flags": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.46.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/tmp-editor-statsig": "^2.47.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},