@atlaskit/editor-plugin-selection-toolbar 0.1.0

package/.eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  rules: {
+    '@typescript-eslint/no-duplicate-imports': 'error',
+    '@typescript-eslint/no-explicit-any': 'error',
+  },
+  overrides: [
+    {
+      files: ['**/__tests__/**/*.{js,ts,tsx}', '**/examples/**/*.{js,ts,tsx}'],
+      rules: {
+        '@typescript-eslint/no-explicit-any': 'off',
+      },
+    },
+  ],
+};

package/CHANGELOG.md

@@ -0,0 +1 @@
+# @atlaskit/editor-plugin-selection-toolbar

package/LICENSE.md

@@ -0,0 +1,13 @@
+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
+
+    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.

package/README.md

@@ -0,0 +1,34 @@
+# EditorPluginSelectionToolbar
+
+@atlaskit/editor-plugin-selection-toolbar for @atlaskit/editor-core
+
+## Usage
+
+`import EditorPluginSelectionToolbar from '@atlaskit/editor-plugin-selection-toolbar';`
+
+**Note:** This component is designed for internal Atlassian development.
+External contributors will be able to use this component but will not be able to submit issues.
+
+## Install
+---
+- **Install** - *yarn add @atlaskit/editor-plugin-selection-toolbar*
+- **npm** - [@atlaskit/editor-plugin-selection-toolbar](https://www.npmjs.com/package/@atlaskit/editor-plugin-selection-toolbar)
+- **Source** - [Bitbucket](https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/editor/editor-plugin-selection-toolbar)
+- **Bundle** - [unpkg.com](https://unpkg.com/@atlaskit/editor-plugin-selection-toolbar/dist/)
+
+## Usage
+---
+**Internal use only**
+
+@atlaskit/editor-plugin-selection-toolbar is intended for internal use by the @atlaskit/editor-core and as a plugin dependency of the Editor within your product.
+
+Direct use of this component is not supported.
+
+Please see [Atlaskit - Editor plugin selection toolbar](https://atlaskit.atlassian.com/packages/editor/editor-plugin-selection-toolbar) for documentation and examples for this package.
+
+## Support
+---
+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://developer.atlassian.com/cloud/framework/atlassian-frontend/#license) for more licensing information.

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "selectionToolbarPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.selectionToolbarPlugin;
+  }
+});
+var _plugin = require("./plugin");

package/dist/cjs/plugin-key.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectionToolbarPluginKey = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var selectionToolbarPluginKey = exports.selectionToolbarPluginKey = new _state.PluginKey('selectionToolbarPluginKey');

package/dist/cjs/plugin.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectionToolbarPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _bindEventListener = require("bind-event-listener");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _utils = require("@atlaskit/editor-common/utils");
+var _pluginKey = require("./plugin-key");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var selectionToolbarPlugin = exports.selectionToolbarPlugin = function selectionToolbarPlugin(options) {
+  var __selectionToolbarHandlers = [];
+  return {
+    name: 'selectionToolbar',
+    pmPlugins: function pmPlugins(selectionToolbarHandlers) {
+      if (selectionToolbarHandlers) {
+        __selectionToolbarHandlers.push.apply(__selectionToolbarHandlers, (0, _toConsumableArray2.default)(selectionToolbarHandlers));
+      }
+      return [{
+        name: 'selection-tracker',
+        plugin: function plugin() {
+          return new _safePlugin.SafePlugin({
+            key: _pluginKey.selectionToolbarPluginKey,
+            state: {
+              init: function init() {
+                return {
+                  selectionStable: false
+                };
+              },
+              apply: function apply(tr, pluginState) {
+                var meta = tr.getMeta(_pluginKey.selectionToolbarPluginKey);
+                if (meta) {
+                  return _objectSpread(_objectSpread({}, pluginState), meta);
+                }
+                return pluginState;
+              }
+            },
+            view: function view(_view) {
+              var unbind = (0, _bindEventListener.bind)(_view.root, {
+                type: 'mouseup',
+                listener: function listener() {
+                  // 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.
+                  _view.dispatch(_view.state.tr.setMeta(_pluginKey.selectionToolbarPluginKey, {
+                    selectionStable: _view.hasFocus()
+                  }));
+                }
+              });
+              return {
+                destroy: function destroy() {
+                  unbind();
+                }
+              };
+            },
+            props: {
+              handleDOMEvents: {
+                mousedown: function mousedown(view) {
+                  view.dispatch(view.state.tr.setMeta(_pluginKey.selectionToolbarPluginKey, {
+                    selectionStable: false
+                  }));
+                  return false;
+                }
+              }
+            }
+          });
+        }
+      }];
+    },
+    pluginsOptions: {
+      floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
+        var _selectionToolbarPlug = _pluginKey.selectionToolbarPluginKey.getState(state),
+          selectionStable = _selectionToolbarPlug.selectionStable;
+        if (state.selection.empty || !selectionStable || 'node' in state.selection) {
+          // If there is no active selection, or the selection is not stable, or the selection is a node selection,
+          // do not show the toolbar.
+          return;
+        }
+        // Resolve the selectionToolbarHandlers to a list of SelectionToolbarGroups
+        // and filter out any handlers which returned undefined
+        var resolved = __selectionToolbarHandlers.map(function (selectionToolbarHandler) {
+          return selectionToolbarHandler(state, intl, providerFactory);
+        }).filter(function (resolved) {
+          return resolved !== undefined;
+        });
+        // Sort the groups by rank
+        // This is intended to allow different plugins to control the order of the groups
+        // they add to the selection toolbar.
+        // ie. if you want to have your plugin's group appear first, set rank to -10 if there is currently another
+        // plugin you expect to be run at the same time as with an rank of -9
+        resolved.sort(function (_ref, _ref2) {
+          var _ref$rank = _ref.rank,
+            rankA = _ref$rank === void 0 ? 0 : _ref$rank;
+          var _ref2$rank = _ref2.rank,
+            rankB = _ref2$rank === void 0 ? 0 : _ref2$rank;
+          if (rankA < rankB) {
+            return 1;
+          }
+          return -1;
+        });
+        // This flattens the groups passed into the floating toolbar into a single list of items
+        var items = resolved.reduce(function (acc, curr) {
+          acc.push.apply(acc, (0, _toConsumableArray2.default)(curr.items));
+          return acc;
+        }, []);
+        var calcToolbarPosition = options.config.preferenceToolbarAboveSelection ? _utils.calculateToolbarPositionAboveSelection : _utils.calculateToolbarPositionTrackHead;
+        var toolbarTitle = 'Selection toolbar';
+        var onPositionCalculated = calcToolbarPosition(toolbarTitle);
+        var nodeType = getSelectionNodeTypes(state);
+        return {
+          title: 'Selection toolbar',
+          nodeType: nodeType,
+          items: items,
+          onPositionCalculated: onPositionCalculated
+        };
+      }
+    }
+  };
+};
+function getSelectionNodeTypes(state) {
+  var selectionNodeTypes = [];
+  state.doc.nodesBetween(state.selection.from, state.selection.to, function (node, _pos, parent) {
+    if (selectionNodeTypes.indexOf(node.type) !== 0) {
+      selectionNodeTypes.push(node.type);
+    }
+  });
+  return selectionNodeTypes;
+}

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { selectionToolbarPlugin } from './plugin';

package/dist/es2019/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const selectionToolbarPluginKey = new PluginKey('selectionToolbarPluginKey');

package/dist/es2019/plugin.js

@@ -0,0 +1,122 @@
+import { bind } from 'bind-event-listener';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { calculateToolbarPositionAboveSelection, calculateToolbarPositionTrackHead } from '@atlaskit/editor-common/utils';
+import { selectionToolbarPluginKey } from './plugin-key';
+export const selectionToolbarPlugin = options => {
+  let __selectionToolbarHandlers = [];
+  return {
+    name: 'selectionToolbar',
+    pmPlugins(selectionToolbarHandlers) {
+      if (selectionToolbarHandlers) {
+        __selectionToolbarHandlers.push(...selectionToolbarHandlers);
+      }
+      return [{
+        name: 'selection-tracker',
+        plugin: () => {
+          return new SafePlugin({
+            key: selectionToolbarPluginKey,
+            state: {
+              init() {
+                return {
+                  selectionStable: false
+                };
+              },
+              apply(tr, pluginState) {
+                const meta = tr.getMeta(selectionToolbarPluginKey);
+                if (meta) {
+                  return {
+                    ...pluginState,
+                    ...meta
+                  };
+                }
+                return pluginState;
+              }
+            },
+            view(view) {
+              const unbind = bind(view.root, {
+                type: 'mouseup',
+                listener: () => {
+                  // 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.
+                  view.dispatch(view.state.tr.setMeta(selectionToolbarPluginKey, {
+                    selectionStable: view.hasFocus()
+                  }));
+                }
+              });
+              return {
+                destroy() {
+                  unbind();
+                }
+              };
+            },
+            props: {
+              handleDOMEvents: {
+                mousedown: view => {
+                  view.dispatch(view.state.tr.setMeta(selectionToolbarPluginKey, {
+                    selectionStable: false
+                  }));
+                  return false;
+                }
+              }
+            }
+          });
+        }
+      }];
+    },
+    pluginsOptions: {
+      floatingToolbar(state, intl, providerFactory) {
+        const {
+          selectionStable
+        } = selectionToolbarPluginKey.getState(state);
+        if (state.selection.empty || !selectionStable || 'node' in state.selection) {
+          // If there is no active selection, or the selection is not stable, or the selection is a node selection,
+          // do not show the toolbar.
+          return;
+        }
+        // Resolve the selectionToolbarHandlers to a list of SelectionToolbarGroups
+        // and filter out any handlers which returned undefined
+        const resolved = __selectionToolbarHandlers.map(selectionToolbarHandler => selectionToolbarHandler(state, intl, providerFactory)).filter(resolved => resolved !== undefined);
+        // Sort the groups by rank
+        // This is intended to allow different plugins to control the order of the groups
+        // they add to the selection toolbar.
+        // ie. if you want to have your plugin's group appear first, set rank to -10 if there is currently another
+        // plugin you expect to be run at the same time as with an rank of -9
+        resolved.sort(({
+          rank: rankA = 0
+        }, {
+          rank: rankB = 0
+        }) => {
+          if (rankA < rankB) {
+            return 1;
+          }
+          return -1;
+        });
+        // This flattens the groups passed into the floating toolbar into a single list of items
+        const items = resolved.reduce((acc, curr) => {
+          acc.push(...curr.items);
+          return acc;
+        }, []);
+        const calcToolbarPosition = options.config.preferenceToolbarAboveSelection ? calculateToolbarPositionAboveSelection : calculateToolbarPositionTrackHead;
+        const toolbarTitle = 'Selection toolbar';
+        const onPositionCalculated = calcToolbarPosition(toolbarTitle);
+        const nodeType = getSelectionNodeTypes(state);
+        return {
+          title: 'Selection toolbar',
+          nodeType: nodeType,
+          items: items,
+          onPositionCalculated
+        };
+      }
+    }
+  };
+};
+function getSelectionNodeTypes(state) {
+  let selectionNodeTypes = [];
+  state.doc.nodesBetween(state.selection.from, state.selection.to, (node, _pos, parent) => {
+    if (selectionNodeTypes.indexOf(node.type) !== 0) {
+      selectionNodeTypes.push(node.type);
+    }
+  });
+  return selectionNodeTypes;
+}

package/dist/es2019/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { selectionToolbarPlugin } from './plugin';

package/dist/esm/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var selectionToolbarPluginKey = new PluginKey('selectionToolbarPluginKey');

package/dist/esm/plugin.js

@@ -0,0 +1,126 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { bind } from 'bind-event-listener';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { calculateToolbarPositionAboveSelection, calculateToolbarPositionTrackHead } from '@atlaskit/editor-common/utils';
+import { selectionToolbarPluginKey } from './plugin-key';
+export var selectionToolbarPlugin = function selectionToolbarPlugin(options) {
+  var __selectionToolbarHandlers = [];
+  return {
+    name: 'selectionToolbar',
+    pmPlugins: function pmPlugins(selectionToolbarHandlers) {
+      if (selectionToolbarHandlers) {
+        __selectionToolbarHandlers.push.apply(__selectionToolbarHandlers, _toConsumableArray(selectionToolbarHandlers));
+      }
+      return [{
+        name: 'selection-tracker',
+        plugin: function plugin() {
+          return new SafePlugin({
+            key: selectionToolbarPluginKey,
+            state: {
+              init: function init() {
+                return {
+                  selectionStable: false
+                };
+              },
+              apply: function apply(tr, pluginState) {
+                var meta = tr.getMeta(selectionToolbarPluginKey);
+                if (meta) {
+                  return _objectSpread(_objectSpread({}, pluginState), meta);
+                }
+                return pluginState;
+              }
+            },
+            view: function view(_view) {
+              var unbind = bind(_view.root, {
+                type: 'mouseup',
+                listener: function listener() {
+                  // 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.
+                  _view.dispatch(_view.state.tr.setMeta(selectionToolbarPluginKey, {
+                    selectionStable: _view.hasFocus()
+                  }));
+                }
+              });
+              return {
+                destroy: function destroy() {
+                  unbind();
+                }
+              };
+            },
+            props: {
+              handleDOMEvents: {
+                mousedown: function mousedown(view) {
+                  view.dispatch(view.state.tr.setMeta(selectionToolbarPluginKey, {
+                    selectionStable: false
+                  }));
+                  return false;
+                }
+              }
+            }
+          });
+        }
+      }];
+    },
+    pluginsOptions: {
+      floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
+        var _selectionToolbarPlug = selectionToolbarPluginKey.getState(state),
+          selectionStable = _selectionToolbarPlug.selectionStable;
+        if (state.selection.empty || !selectionStable || 'node' in state.selection) {
+          // If there is no active selection, or the selection is not stable, or the selection is a node selection,
+          // do not show the toolbar.
+          return;
+        }
+        // Resolve the selectionToolbarHandlers to a list of SelectionToolbarGroups
+        // and filter out any handlers which returned undefined
+        var resolved = __selectionToolbarHandlers.map(function (selectionToolbarHandler) {
+          return selectionToolbarHandler(state, intl, providerFactory);
+        }).filter(function (resolved) {
+          return resolved !== undefined;
+        });
+        // Sort the groups by rank
+        // This is intended to allow different plugins to control the order of the groups
+        // they add to the selection toolbar.
+        // ie. if you want to have your plugin's group appear first, set rank to -10 if there is currently another
+        // plugin you expect to be run at the same time as with an rank of -9
+        resolved.sort(function (_ref, _ref2) {
+          var _ref$rank = _ref.rank,
+            rankA = _ref$rank === void 0 ? 0 : _ref$rank;
+          var _ref2$rank = _ref2.rank,
+            rankB = _ref2$rank === void 0 ? 0 : _ref2$rank;
+          if (rankA < rankB) {
+            return 1;
+          }
+          return -1;
+        });
+        // This flattens the groups passed into the floating toolbar into a single list of items
+        var items = resolved.reduce(function (acc, curr) {
+          acc.push.apply(acc, _toConsumableArray(curr.items));
+          return acc;
+        }, []);
+        var calcToolbarPosition = options.config.preferenceToolbarAboveSelection ? calculateToolbarPositionAboveSelection : calculateToolbarPositionTrackHead;
+        var toolbarTitle = 'Selection toolbar';
+        var onPositionCalculated = calcToolbarPosition(toolbarTitle);
+        var nodeType = getSelectionNodeTypes(state);
+        return {
+          title: 'Selection toolbar',
+          nodeType: nodeType,
+          items: items,
+          onPositionCalculated: onPositionCalculated
+        };
+      }
+    }
+  };
+};
+function getSelectionNodeTypes(state) {
+  var selectionNodeTypes = [];
+  state.doc.nodesBetween(state.selection.from, state.selection.to, function (node, _pos, parent) {
+    if (selectionNodeTypes.indexOf(node.type) !== 0) {
+      selectionNodeTypes.push(node.type);
+    }
+  });
+  return selectionNodeTypes;
+}

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { selectionToolbarPlugin } from './plugin';
+export type { SelectionToolbarPlugin } from './plugin';

package/dist/types/plugin-key.d.ts

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const selectionToolbarPluginKey: PluginKey<any>;

package/dist/types/plugin.d.ts

@@ -0,0 +1,10 @@
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+export declare const selectionToolbarPlugin: NextEditorPlugin<'selectionToolbar', {
+    pluginConfiguration: {
+        /**
+         * Defaults to false
+         */
+        preferenceToolbarAboveSelection?: boolean;
+    };
+}>;
+export type SelectionToolbarPlugin = typeof selectionToolbarPlugin;

package/dist/types/types.d.ts

@@ -0,0 +1,6 @@
+export type SelectionToolbarPluginOptions = {
+    /**
+     * When set to true, placing the toolbar above the selection will be preferenced.
+     */
+    preferenceToolbarAboveSelection?: boolean;
+};

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

@@ -0,0 +1,2 @@
+export { selectionToolbarPlugin } from './plugin';
+export type { SelectionToolbarPlugin } from './plugin';

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

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const selectionToolbarPluginKey: PluginKey<any>;

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

@@ -0,0 +1,10 @@
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+export declare const selectionToolbarPlugin: NextEditorPlugin<'selectionToolbar', {
+    pluginConfiguration: {
+        /**
+         * Defaults to false
+         */
+        preferenceToolbarAboveSelection?: boolean;
+    };
+}>;
+export type SelectionToolbarPlugin = typeof selectionToolbarPlugin;

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

@@ -0,0 +1,6 @@
+export type SelectionToolbarPluginOptions = {
+    /**
+     * When set to true, placing the toolbar above the selection will be preferenced.
+     */
+    preferenceToolbarAboveSelection?: boolean;
+};

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@atlaskit/editor-plugin-selection-toolbar",
+  "version": "0.1.0",
+  "description": "@atlaskit/editor-plugin-selection-toolbar for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: AI",
+    "inPublicMirror": false,
+    "releaseModel": "continuous",
+    "website": {
+      "name": "EditorPluginSelectionToolbar",
+      "category": "Components"
+    }
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/editor-common": "^76.11.4",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@babel/runtime": "^7.0.0",
+    "bind-event-listener": "^2.1.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@af/visual-regression": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/report.api.md

@@ -0,0 +1,48 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/editor-plugin-selection-toolbar"
+
+> 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
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+
+// @public (undocumented)
+export type SelectionToolbarPlugin = typeof selectionToolbarPlugin;
+
+// @public (undocumented)
+export const selectionToolbarPlugin: NextEditorPlugin<
+  'selectionToolbar',
+  {
+    pluginConfiguration: {
+      preferenceToolbarAboveSelection?: boolean;
+    };
+  }
+>;
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

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

@@ -0,0 +1,21 @@
+## API Report File for "@atlaskit/editor-plugin-selection-toolbar"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+
+// @public (undocumented)
+export type SelectionToolbarPlugin = typeof selectionToolbarPlugin;
+
+// @public (undocumented)
+export const selectionToolbarPlugin: NextEditorPlugin<'selectionToolbar', {
+    pluginConfiguration: {
+        preferenceToolbarAboveSelection?: boolean;
+    };
+}>;
+
+// (No @packageDocumentation comment for this package)
+
+```