@atlaskit/editor-plugin-selection-extension 9.0.0 → 9.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-selection-extension
 
+## 9.0.2
+
+### Patch Changes
+
+- [`609229c9d51fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/609229c9d51fd) -
+  EDITOR-2772 Implement new rendering of block menu selection extensions
+- Updated dependencies
+
+## 9.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.0.0
 
 ### Major Changes

package/dist/cjs/types/index.js

@@ -22,16 +22,17 @@ var SelectionExtensionActionTypes = exports.SelectionExtensionActionTypes = /*#_
  * Common fields applicable to all extension menu items
  */
 /**
- * Fields for a leaf menu item (i.e., an item that does not have nested menu items)
+ * Fields for a dropdown item (i.e., an item that does not have further nested menu items)
  */
 /**
- * Fields for a dropdown menu item (i.e., an item that has nested menu items)
+ * Fields for a nested dropdown menu (i.e., an menu item that has further nested menu items)
  */
 /**
- * A type which marks all fields from ExtensionMenuItemDropdownMenuConfiguration and ExtensionMenuItemLeafConfiguration
- * as never, ensuring that only one of the two can be present at a time to avoid misconfigurations
+ * This type represents either a dropdown item or a dropdown menu, but not both.
+ *
+ * We mark all fields of the other type as `never` to enforce this exclusivity.
  */
 /**
- * We intentionally only support leaf menu items nested within dropdown menu items so that there will
- * be at max two levels of nesting from extension menu items.
+ * We intentionally only support dropdown items nested within dropdown menus, i.e. no menus nested
+ * within menus – so there will be at max two levels of nesting from extension menu items
  */

package/dist/cjs/ui/menu/SelectionExtensionDropdownItem.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionExtensionDropdownItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var SelectionExtensionDropdownItem = exports.SelectionExtensionDropdownItem = function SelectionExtensionDropdownItem(_ref) {
+  var dropdownItem = _ref.dropdownItem;
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    elemBefore: dropdownItem.icon ? /*#__PURE__*/(0, _react.createElement)(dropdownItem.icon, {
+      label: ''
+    }) : undefined,
+    onClick: dropdownItem.onClick,
+    isDisabled: dropdownItem.isDisabled
+  }, dropdownItem.label);
+};

package/dist/cjs/ui/menu/SelectionExtensionDropdownMenu.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionExtensionNestedDropdownMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
+var _SelectionExtensionDropdownItem = require("./SelectionExtensionDropdownItem");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ChildItems = function ChildItems(_ref) {
+  var nestedDropdownMenu = _ref.nestedDropdownMenu;
+  var childItems = nestedDropdownMenu.getMenuItems();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, childItems.map(function (dropdownItem) {
+    return /*#__PURE__*/_react.default.createElement(_SelectionExtensionDropdownItem.SelectionExtensionDropdownItem, {
+      key: dropdownItem.label,
+      dropdownItem: dropdownItem
+    });
+  }));
+};
+var SelectionExtensionNestedDropdownMenu = exports.SelectionExtensionNestedDropdownMenu = function SelectionExtensionNestedDropdownMenu(_ref2) {
+  var nestedDropdownMenu = _ref2.nestedDropdownMenu;
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
+    text: nestedDropdownMenu.label,
+    elemBefore: nestedDropdownMenu.icon ? /*#__PURE__*/(0, _react.createElement)(nestedDropdownMenu.icon, {
+      label: ''
+    }) : undefined,
+    elemAfter: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
+      label: 'nested menu'
+    })
+  }, /*#__PURE__*/_react.default.createElement(ChildItems, {
+    nestedDropdownMenu: nestedDropdownMenu
+  }));
+};

package/dist/cjs/ui/menu/SelectionExtensionMenuItems.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionExtensionMenuItems = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _menuItems = require("../utils/menu-items");
+var _SelectionExtensionDropdownItem = require("./SelectionExtensionDropdownItem");
+var _SelectionExtensionDropdownMenu = require("./SelectionExtensionDropdownMenu");
+var SelectionExtensionMenuItems = exports.SelectionExtensionMenuItems = function SelectionExtensionMenuItems(_ref) {
+  var getMenuItems = _ref.getMenuItems;
+  var extensionMenuItems = getMenuItems();
+  if (!(extensionMenuItems !== null && extensionMenuItems !== void 0 && extensionMenuItems.length)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extensionMenuItems.map(function (item) {
+    if ((0, _menuItems.isNestedDropdownMenuConfiguration)(item)) {
+      return /*#__PURE__*/_react.default.createElement(_SelectionExtensionDropdownMenu.SelectionExtensionNestedDropdownMenu, {
+        key: item.label,
+        nestedDropdownMenu: item
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_SelectionExtensionDropdownItem.SelectionExtensionDropdownItem, {
+      key: item.label,
+      dropdownItem: item
+    });
+  }));
+};

package/dist/cjs/ui/utils/menu-items.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNestedDropdownMenuConfiguration = void 0;
+/**
+ * Type guard to check if the given configuration is for a dropdown menu.
+ *
+ * @param item - The menu item configuration to check, either menu item or dropdown menu
+ * @returns True if the item configuration is for a dropdown menu, false otherwise
+ */
+var isNestedDropdownMenuConfiguration = exports.isNestedDropdownMenuConfiguration = function isNestedDropdownMenuConfiguration(item) {
+  return 'getMenuItems' in item && typeof item.getMenuItems === 'function';
+};

package/dist/cjs/ui/utils/registerBlockMenuItems.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.registerBlockMenuItems = registerBlockMenuItems;
 var _react = _interopRequireDefault(require("react"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
+var _SelectionExtensionMenuItems = require("../menu/SelectionExtensionMenuItems");
 function registerBlockMenuItems(extensionList, api) {
-  extensionList.forEach(function (_ref, index) {
+  extensionList.forEach(function (_ref) {
     var _api$blockMenu;
     var source = _ref.source,
       key = _ref.key,
@@ -25,8 +26,9 @@ function registerBlockMenuItems(extensionList, api) {
         rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_blockMenu.TRANSFORM_CREATE_MENU_SECTION.key]
       },
       component: function component() {
-        // EDITOR-2772 implementation of rendering in next PR
-        return /*#__PURE__*/_react.default.createElement("div", null, "Placeholder");
+        return /*#__PURE__*/_react.default.createElement(_SelectionExtensionMenuItems.SelectionExtensionMenuItems, {
+          getMenuItems: blockMenu.getMenuItems
+        });
       }
     }]);
   });

package/dist/es2019/types/index.js

@@ -20,19 +20,20 @@ export let SelectionExtensionActionTypes = /*#__PURE__*/function (SelectionExten
  */
 
 /**
- * Fields for a leaf menu item (i.e., an item that does not have nested menu items)
+ * Fields for a dropdown item (i.e., an item that does not have further nested menu items)
  */
 
 /**
- * Fields for a dropdown menu item (i.e., an item that has nested menu items)
+ * Fields for a nested dropdown menu (i.e., an menu item that has further nested menu items)
  */
 
 /**
- * A type which marks all fields from ExtensionMenuItemDropdownMenuConfiguration and ExtensionMenuItemLeafConfiguration
- * as never, ensuring that only one of the two can be present at a time to avoid misconfigurations
+ * This type represents either a dropdown item or a dropdown menu, but not both.
+ *
+ * We mark all fields of the other type as `never` to enforce this exclusivity.
  */
 
 /**
- * We intentionally only support leaf menu items nested within dropdown menu items so that there will
- * be at max two levels of nesting from extension menu items.
+ * We intentionally only support dropdown items nested within dropdown menus, i.e. no menus nested
+ * within menus – so there will be at max two levels of nesting from extension menu items
  */

package/dist/es2019/ui/menu/SelectionExtensionDropdownItem.js

@@ -0,0 +1,13 @@
+import React, { createElement } from 'react';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+export const SelectionExtensionDropdownItem = ({
+  dropdownItem
+}) => {
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: dropdownItem.icon ? /*#__PURE__*/createElement(dropdownItem.icon, {
+      label: ''
+    }) : undefined,
+    onClick: dropdownItem.onClick,
+    isDisabled: dropdownItem.isDisabled
+  }, dropdownItem.label);
+};

package/dist/es2019/ui/menu/SelectionExtensionDropdownMenu.js

@@ -0,0 +1,28 @@
+import React, { createElement } from 'react';
+import { ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
+import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
+import { SelectionExtensionDropdownItem } from './SelectionExtensionDropdownItem';
+const ChildItems = ({
+  nestedDropdownMenu
+}) => {
+  const childItems = nestedDropdownMenu.getMenuItems();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, childItems.map(dropdownItem => /*#__PURE__*/React.createElement(SelectionExtensionDropdownItem, {
+    key: dropdownItem.label,
+    dropdownItem: dropdownItem
+  })));
+};
+export const SelectionExtensionNestedDropdownMenu = ({
+  nestedDropdownMenu
+}) => {
+  return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
+    text: nestedDropdownMenu.label,
+    elemBefore: nestedDropdownMenu.icon ? /*#__PURE__*/createElement(nestedDropdownMenu.icon, {
+      label: ''
+    }) : undefined,
+    elemAfter: /*#__PURE__*/React.createElement(ChevronRightIcon, {
+      label: 'nested menu'
+    })
+  }, /*#__PURE__*/React.createElement(ChildItems, {
+    nestedDropdownMenu: nestedDropdownMenu
+  }));
+};

package/dist/es2019/ui/menu/SelectionExtensionMenuItems.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { isNestedDropdownMenuConfiguration } from '../utils/menu-items';
+import { SelectionExtensionDropdownItem } from './SelectionExtensionDropdownItem';
+import { SelectionExtensionNestedDropdownMenu } from './SelectionExtensionDropdownMenu';
+export const SelectionExtensionMenuItems = ({
+  getMenuItems
+}) => {
+  const extensionMenuItems = getMenuItems();
+  if (!(extensionMenuItems !== null && extensionMenuItems !== void 0 && extensionMenuItems.length)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, extensionMenuItems.map(item => {
+    if (isNestedDropdownMenuConfiguration(item)) {
+      return /*#__PURE__*/React.createElement(SelectionExtensionNestedDropdownMenu, {
+        key: item.label,
+        nestedDropdownMenu: item
+      });
+    }
+    return /*#__PURE__*/React.createElement(SelectionExtensionDropdownItem, {
+      key: item.label,
+      dropdownItem: item
+    });
+  }));
+};

package/dist/es2019/ui/utils/menu-items.js

@@ -0,0 +1,9 @@
+/**
+ * Type guard to check if the given configuration is for a dropdown menu.
+ *
+ * @param item - The menu item configuration to check, either menu item or dropdown menu
+ * @returns True if the item configuration is for a dropdown menu, false otherwise
+ */
+export const isNestedDropdownMenuConfiguration = item => {
+  return 'getMenuItems' in item && typeof item.getMenuItems === 'function';
+};

package/dist/es2019/ui/utils/registerBlockMenuItems.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import { TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_MENU_ITEM_RANK } from '@atlaskit/editor-common/block-menu';
+import { SelectionExtensionMenuItems } from '../menu/SelectionExtensionMenuItems';
 export function registerBlockMenuItems(extensionList, api) {
   extensionList.forEach(({
     source,
     key,
     blockMenu
-  }, index) => {
+  }) => {
     var _api$blockMenu;
     if (source !== 'first-party' || !blockMenu) {
       return;
@@ -19,8 +20,9 @@ export function registerBlockMenuItems(extensionList, api) {
         rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_CREATE_MENU_SECTION.key]
       },
       component: () => {
-        // EDITOR-2772 implementation of rendering in next PR
-        return /*#__PURE__*/React.createElement("div", null, "Placeholder");
+        return /*#__PURE__*/React.createElement(SelectionExtensionMenuItems, {
+          getMenuItems: blockMenu.getMenuItems
+        });
       }
     }]);
   });

package/dist/esm/types/index.js

@@ -20,19 +20,20 @@ export var SelectionExtensionActionTypes = /*#__PURE__*/function (SelectionExten
  */
 
 /**
- * Fields for a leaf menu item (i.e., an item that does not have nested menu items)
+ * Fields for a dropdown item (i.e., an item that does not have further nested menu items)
  */
 
 /**
- * Fields for a dropdown menu item (i.e., an item that has nested menu items)
+ * Fields for a nested dropdown menu (i.e., an menu item that has further nested menu items)
  */
 
 /**
- * A type which marks all fields from ExtensionMenuItemDropdownMenuConfiguration and ExtensionMenuItemLeafConfiguration
- * as never, ensuring that only one of the two can be present at a time to avoid misconfigurations
+ * This type represents either a dropdown item or a dropdown menu, but not both.
+ *
+ * We mark all fields of the other type as `never` to enforce this exclusivity.
  */
 
 /**
- * We intentionally only support leaf menu items nested within dropdown menu items so that there will
- * be at max two levels of nesting from extension menu items.
+ * We intentionally only support dropdown items nested within dropdown menus, i.e. no menus nested
+ * within menus – so there will be at max two levels of nesting from extension menu items
  */

package/dist/esm/ui/menu/SelectionExtensionDropdownItem.js

@@ -0,0 +1,12 @@
+import React, { createElement } from 'react';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+export var SelectionExtensionDropdownItem = function SelectionExtensionDropdownItem(_ref) {
+  var dropdownItem = _ref.dropdownItem;
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: dropdownItem.icon ? /*#__PURE__*/createElement(dropdownItem.icon, {
+      label: ''
+    }) : undefined,
+    onClick: dropdownItem.onClick,
+    isDisabled: dropdownItem.isDisabled
+  }, dropdownItem.label);
+};

package/dist/esm/ui/menu/SelectionExtensionDropdownMenu.js

@@ -0,0 +1,28 @@
+import React, { createElement } from 'react';
+import { ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
+import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
+import { SelectionExtensionDropdownItem } from './SelectionExtensionDropdownItem';
+var ChildItems = function ChildItems(_ref) {
+  var nestedDropdownMenu = _ref.nestedDropdownMenu;
+  var childItems = nestedDropdownMenu.getMenuItems();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, childItems.map(function (dropdownItem) {
+    return /*#__PURE__*/React.createElement(SelectionExtensionDropdownItem, {
+      key: dropdownItem.label,
+      dropdownItem: dropdownItem
+    });
+  }));
+};
+export var SelectionExtensionNestedDropdownMenu = function SelectionExtensionNestedDropdownMenu(_ref2) {
+  var nestedDropdownMenu = _ref2.nestedDropdownMenu;
+  return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
+    text: nestedDropdownMenu.label,
+    elemBefore: nestedDropdownMenu.icon ? /*#__PURE__*/createElement(nestedDropdownMenu.icon, {
+      label: ''
+    }) : undefined,
+    elemAfter: /*#__PURE__*/React.createElement(ChevronRightIcon, {
+      label: 'nested menu'
+    })
+  }, /*#__PURE__*/React.createElement(ChildItems, {
+    nestedDropdownMenu: nestedDropdownMenu
+  }));
+};

package/dist/esm/ui/menu/SelectionExtensionMenuItems.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { isNestedDropdownMenuConfiguration } from '../utils/menu-items';
+import { SelectionExtensionDropdownItem } from './SelectionExtensionDropdownItem';
+import { SelectionExtensionNestedDropdownMenu } from './SelectionExtensionDropdownMenu';
+export var SelectionExtensionMenuItems = function SelectionExtensionMenuItems(_ref) {
+  var getMenuItems = _ref.getMenuItems;
+  var extensionMenuItems = getMenuItems();
+  if (!(extensionMenuItems !== null && extensionMenuItems !== void 0 && extensionMenuItems.length)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, extensionMenuItems.map(function (item) {
+    if (isNestedDropdownMenuConfiguration(item)) {
+      return /*#__PURE__*/React.createElement(SelectionExtensionNestedDropdownMenu, {
+        key: item.label,
+        nestedDropdownMenu: item
+      });
+    }
+    return /*#__PURE__*/React.createElement(SelectionExtensionDropdownItem, {
+      key: item.label,
+      dropdownItem: item
+    });
+  }));
+};

package/dist/esm/ui/utils/menu-items.js

@@ -0,0 +1,9 @@
+/**
+ * Type guard to check if the given configuration is for a dropdown menu.
+ *
+ * @param item - The menu item configuration to check, either menu item or dropdown menu
+ * @returns True if the item configuration is for a dropdown menu, false otherwise
+ */
+export var isNestedDropdownMenuConfiguration = function isNestedDropdownMenuConfiguration(item) {
+  return 'getMenuItems' in item && typeof item.getMenuItems === 'function';
+};

package/dist/esm/ui/utils/registerBlockMenuItems.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_MENU_ITEM_RANK } from '@atlaskit/editor-common/block-menu';
+import { SelectionExtensionMenuItems } from '../menu/SelectionExtensionMenuItems';
 export function registerBlockMenuItems(extensionList, api) {
-  extensionList.forEach(function (_ref, index) {
+  extensionList.forEach(function (_ref) {
     var _api$blockMenu;
     var source = _ref.source,
       key = _ref.key,
@@ -18,8 +19,9 @@ export function registerBlockMenuItems(extensionList, api) {
         rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_CREATE_MENU_SECTION.key]
       },
       component: function component() {
-        // EDITOR-2772 implementation of rendering in next PR
-        return /*#__PURE__*/React.createElement("div", null, "Placeholder");
+        return /*#__PURE__*/React.createElement(SelectionExtensionMenuItems, {
+          getMenuItems: blockMenu.getMenuItems
+        });
       }
     }]);
   });

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

@@ -156,9 +156,9 @@ type ExtensionMenuItemBaseConfiguration = {
     isDisabled?: boolean;
 };
 /**
- * Fields for a leaf menu item (i.e., an item that does not have nested menu items)
+ * Fields for a dropdown item (i.e., an item that does not have further nested menu items)
  */
-type ExtensionMenuItemLeafConfiguration = {
+type ExtensionDropdownItemFields = {
     /**
      * Optional content component to render when this menu item is selected
      *
@@ -174,23 +174,25 @@ type ExtensionMenuItemLeafConfiguration = {
     onClick?: () => void;
 };
 /**
- * Fields for a dropdown menu item (i.e., an item that has nested menu items)
+ * Fields for a nested dropdown menu (i.e., an menu item that has further nested menu items)
  */
-type ExtensionMenuItemDropdownMenuConfiguration = {
+type ExtensionNestedDropdownMenuFields = {
     getMenuItems: GetNestedMenuItemsFn;
 };
+export type ExtensionDropdownItemConfiguration = ExtensionMenuItemBaseConfiguration & AllNever<ExtensionNestedDropdownMenuFields> & ExtensionDropdownItemFields;
+export type ExtensionNestedDropdownMenuConfiguration = ExtensionMenuItemBaseConfiguration & AllNever<ExtensionDropdownItemFields> & ExtensionNestedDropdownMenuFields;
 type AllNever<T> = {
     [K in keyof T]?: never;
 };
 /**
- * A type which marks all fields from ExtensionMenuItemDropdownMenuConfiguration and ExtensionMenuItemLeafConfiguration
- * as never, ensuring that only one of the two can be present at a time to avoid misconfigurations
+ * This type represents either a dropdown item or a dropdown menu, but not both.
+ *
+ * We mark all fields of the other type as `never` to enforce this exclusivity.
  */
-type ExtensionMenuItemUnsupportedConfiguration = AllNever<ExtensionMenuItemDropdownMenuConfiguration | ExtensionMenuItemLeafConfiguration>;
-export type ExtensionMenuItemConfiguration = ExtensionMenuItemBaseConfiguration & ExtensionMenuItemUnsupportedConfiguration & (ExtensionMenuItemLeafConfiguration | ExtensionMenuItemDropdownMenuConfiguration);
+export type ExtensionMenuItemConfiguration = ExtensionDropdownItemConfiguration | ExtensionNestedDropdownMenuConfiguration;
 /**
- * We intentionally only support leaf menu items nested within dropdown menu items so that there will
- * be at max two levels of nesting from extension menu items.
+ * We intentionally only support dropdown items nested within dropdown menus, i.e. no menus nested
+ * within menus – so there will be at max two levels of nesting from extension menu items
  */
-type ExtensionMenuItemNestedConfiguration = ExtensionMenuItemBaseConfiguration & ExtensionMenuItemLeafConfiguration;
+type ExtensionMenuItemNestedConfiguration = ExtensionDropdownItemConfiguration;
 export {};

package/dist/types/ui/menu/SelectionExtensionDropdownItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ExtensionDropdownItemConfiguration } from '../../types';
+type SelectionExtensionDropdownItemProps = {
+    dropdownItem: ExtensionDropdownItemConfiguration;
+};
+export declare const SelectionExtensionDropdownItem: ({ dropdownItem, }: SelectionExtensionDropdownItemProps) => React.JSX.Element;
+export {};

package/dist/types/ui/menu/SelectionExtensionDropdownMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type ExtensionNestedDropdownMenuConfiguration } from '../../types';
+export type SelectionExtensionNestedDropdownMenuProps = {
+    nestedDropdownMenu: ExtensionNestedDropdownMenuConfiguration;
+};
+export declare const SelectionExtensionNestedDropdownMenu: ({ nestedDropdownMenu, }: SelectionExtensionNestedDropdownMenuProps) => React.JSX.Element;

package/dist/types/ui/menu/SelectionExtensionMenuItems.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ExtensionMenuItemConfiguration } from '../../types';
+type SelectionExtensionMenuItemsProps = {
+    getMenuItems: () => ExtensionMenuItemConfiguration[];
+};
+export declare const SelectionExtensionMenuItems: ({ getMenuItems }: SelectionExtensionMenuItemsProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/utils/menu-items.d.ts

@@ -0,0 +1,8 @@
+import type { ExtensionMenuItemConfiguration, ExtensionNestedDropdownMenuConfiguration } from '../../types';
+/**
+ * Type guard to check if the given configuration is for a dropdown menu.
+ *
+ * @param item - The menu item configuration to check, either menu item or dropdown menu
+ * @returns True if the item configuration is for a dropdown menu, false otherwise
+ */
+export declare const isNestedDropdownMenuConfiguration: (item: ExtensionMenuItemConfiguration) => item is ExtensionNestedDropdownMenuConfiguration;

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

@@ -156,9 +156,9 @@ type ExtensionMenuItemBaseConfiguration = {
     isDisabled?: boolean;
 };
 /**
- * Fields for a leaf menu item (i.e., an item that does not have nested menu items)
+ * Fields for a dropdown item (i.e., an item that does not have further nested menu items)
  */
-type ExtensionMenuItemLeafConfiguration = {
+type ExtensionDropdownItemFields = {
     /**
      * Optional content component to render when this menu item is selected
      *
@@ -174,23 +174,25 @@ type ExtensionMenuItemLeafConfiguration = {
     onClick?: () => void;
 };
 /**
- * Fields for a dropdown menu item (i.e., an item that has nested menu items)
+ * Fields for a nested dropdown menu (i.e., an menu item that has further nested menu items)
  */
-type ExtensionMenuItemDropdownMenuConfiguration = {
+type ExtensionNestedDropdownMenuFields = {
     getMenuItems: GetNestedMenuItemsFn;
 };
+export type ExtensionDropdownItemConfiguration = ExtensionMenuItemBaseConfiguration & AllNever<ExtensionNestedDropdownMenuFields> & ExtensionDropdownItemFields;
+export type ExtensionNestedDropdownMenuConfiguration = ExtensionMenuItemBaseConfiguration & AllNever<ExtensionDropdownItemFields> & ExtensionNestedDropdownMenuFields;
 type AllNever<T> = {
     [K in keyof T]?: never;
 };
 /**
- * A type which marks all fields from ExtensionMenuItemDropdownMenuConfiguration and ExtensionMenuItemLeafConfiguration
- * as never, ensuring that only one of the two can be present at a time to avoid misconfigurations
+ * This type represents either a dropdown item or a dropdown menu, but not both.
+ *
+ * We mark all fields of the other type as `never` to enforce this exclusivity.
  */
-type ExtensionMenuItemUnsupportedConfiguration = AllNever<ExtensionMenuItemDropdownMenuConfiguration | ExtensionMenuItemLeafConfiguration>;
-export type ExtensionMenuItemConfiguration = ExtensionMenuItemBaseConfiguration & ExtensionMenuItemUnsupportedConfiguration & (ExtensionMenuItemLeafConfiguration | ExtensionMenuItemDropdownMenuConfiguration);
+export type ExtensionMenuItemConfiguration = ExtensionDropdownItemConfiguration | ExtensionNestedDropdownMenuConfiguration;
 /**
- * We intentionally only support leaf menu items nested within dropdown menu items so that there will
- * be at max two levels of nesting from extension menu items.
+ * We intentionally only support dropdown items nested within dropdown menus, i.e. no menus nested
+ * within menus – so there will be at max two levels of nesting from extension menu items
  */
-type ExtensionMenuItemNestedConfiguration = ExtensionMenuItemBaseConfiguration & ExtensionMenuItemLeafConfiguration;
+type ExtensionMenuItemNestedConfiguration = ExtensionDropdownItemConfiguration;
 export {};

package/dist/types-ts4.5/ui/menu/SelectionExtensionDropdownItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ExtensionDropdownItemConfiguration } from '../../types';
+type SelectionExtensionDropdownItemProps = {
+    dropdownItem: ExtensionDropdownItemConfiguration;
+};
+export declare const SelectionExtensionDropdownItem: ({ dropdownItem, }: SelectionExtensionDropdownItemProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/menu/SelectionExtensionDropdownMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type ExtensionNestedDropdownMenuConfiguration } from '../../types';
+export type SelectionExtensionNestedDropdownMenuProps = {
+    nestedDropdownMenu: ExtensionNestedDropdownMenuConfiguration;
+};
+export declare const SelectionExtensionNestedDropdownMenu: ({ nestedDropdownMenu, }: SelectionExtensionNestedDropdownMenuProps) => React.JSX.Element;

package/dist/types-ts4.5/ui/menu/SelectionExtensionMenuItems.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ExtensionMenuItemConfiguration } from '../../types';
+type SelectionExtensionMenuItemsProps = {
+    getMenuItems: () => ExtensionMenuItemConfiguration[];
+};
+export declare const SelectionExtensionMenuItems: ({ getMenuItems }: SelectionExtensionMenuItemsProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/utils/menu-items.d.ts

@@ -0,0 +1,8 @@
+import type { ExtensionMenuItemConfiguration, ExtensionNestedDropdownMenuConfiguration } from '../../types';
+/**
+ * Type guard to check if the given configuration is for a dropdown menu.
+ *
+ * @param item - The menu item configuration to check, either menu item or dropdown menu
+ * @returns True if the item configuration is for a dropdown menu, false otherwise
+ */
+export declare const isNestedDropdownMenuConfiguration: (item: ExtensionMenuItemConfiguration) => item is ExtensionNestedDropdownMenuConfiguration;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-extension",
-	"version": "9.0.0",
+	"version": "9.0.2",
 	"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^14.9.0",
+		"@atlaskit/tmp-editor-statsig": "^15.1.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"react-intl-next": "npm:react-intl@^5.18.1",