@atlaskit/dropdown-menu 11.9.4 → 11.10.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/dropdown-menu
 
+## 11.10.0
+
+### Minor Changes
+
+- [`6794b446742`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6794b446742) - [ux] We are testing a new selected state for radio and checkbox items under a feature flag. If successful this will be released in a later version.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.9.5
+
+### Patch Changes
+
+- [`6a13926a3d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a13926a3d4) - Internal code changes.
+- Updated dependencies
+
 ## 11.9.4
 
 ### Patch Changes

package/dist/cjs/checkbox/dropdown-item-checkbox.js

@@ -11,7 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+var _menu = require("@atlaskit/menu");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _checkboxIcon = _interopRequireDefault(require("../internal/components/checkbox-icon"));
 var _useCheckboxState3 = _interopRequireDefault(require("../internal/hooks/use-checkbox-state"));
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
@@ -57,7 +59,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
     providedOnClick(event);
   }, [providedOnClick, setSelected]);
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
-  return /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_menu.SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
+    value: "none"
+  }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
     id: id,
     onClick: onClickHandler,
     role: "menuitemcheckbox",
@@ -67,9 +71,10 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
     iconBefore: /*#__PURE__*/_react.default.createElement(_checkboxIcon.default, {
       checked: selected
     }),
+    isSelected: selected && (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9'),
     ref: itemRef
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest));
+  }, rest)));
 };
 var _default = DropdownItemCheckbox;
 exports.default = _default;

package/dist/cjs/dropdown-menu.js

@@ -18,6 +18,7 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useControlled = _interopRequireDefault(require("@atlaskit/ds-lib/use-controlled"));
 var _useFocusEvent = _interopRequireDefault(require("@atlaskit/ds-lib/use-focus-event"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _focusManager = _interopRequireDefault(require("./internal/components/focus-manager"));
@@ -173,6 +174,7 @@ var DropdownMenu = function DropdownMenu(props) {
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true,
+    shouldRenderToParent: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.render-popup-in-parent_f73ij') ? true : undefined,
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,

package/dist/cjs/radio/dropdown-item-radio.js

@@ -11,7 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+var _menu = require("@atlaskit/menu");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _radioIcon = _interopRequireDefault(require("../internal/components/radio-icon"));
 var _useRadioState3 = _interopRequireDefault(require("../internal/hooks/use-radio-state"));
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
@@ -58,7 +60,9 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
     providedOnClick(event);
   }, [providedOnClick, setSelected]);
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
-  return /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_menu.SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
+    value: "none"
+  }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
     id: id,
     onClick: onClickHandler,
     role: (0, _isVoiceOverSupported.default)() ? 'radio' : 'menuitemradio',
@@ -68,9 +72,10 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
     iconBefore: /*#__PURE__*/_react.default.createElement(_radioIcon.default, {
       checked: selected
     }),
+    isSelected: selected && (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9'),
     ref: itemRef
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest));
+  }, rest)));
 };
 var _default = DropdownItemRadio;
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.9.4",
+	"version": "11.10.0",
 	"sideEffects": false
 }

package/dist/es2019/checkbox/dropdown-item-checkbox.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
+import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import CheckboxIcon from '../internal/components/checkbox-icon';
 import useCheckboxState from '../internal/hooks/use-checkbox-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -38,7 +40,9 @@ const DropdownItemCheckbox = props => {
     providedOnClick(event);
   }, [providedOnClick, setSelected]);
   const itemRef = useRegisterItemWithFocusManager();
-  return /*#__PURE__*/React.createElement(ButtonItem, _extends({
+  return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
+    value: "none"
+  }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
     id: id,
     onClick: onClickHandler,
     role: "menuitemcheckbox",
@@ -48,8 +52,9 @@ const DropdownItemCheckbox = props => {
     iconBefore: /*#__PURE__*/React.createElement(CheckboxIcon, {
       checked: selected
     }),
+    isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
     ref: itemRef
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest));
+  }, rest)));
 };
 export default DropdownItemCheckbox;

package/dist/es2019/dropdown-menu.js

@@ -7,6 +7,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlledState from '@atlaskit/ds-lib/use-controlled';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize as gridSizeFn, layers } from '@atlaskit/theme/constants';
@@ -146,6 +147,7 @@ const DropdownMenu = props => {
     fallbackPlacements: fallbackPlacements,
     testId: testId && `${testId}--content`,
     shouldUseCaptureOnOutsideClick: true,
+    shouldRenderToParent: getBooleanFF('platform.design-system-team.render-popup-in-parent_f73ij') ? true : undefined,
     trigger: triggerProps => {
       if (typeof trigger === 'function') {
         const {

package/dist/es2019/radio/dropdown-item-radio.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
+import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '../internal/components/radio-icon';
 import useRadioState from '../internal/hooks/use-radio-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -39,7 +41,9 @@ const DropdownItemRadio = props => {
     providedOnClick(event);
   }, [providedOnClick, setSelected]);
   const itemRef = useRegisterItemWithFocusManager();
-  return /*#__PURE__*/React.createElement(ButtonItem, _extends({
+  return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
+    value: "none"
+  }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
     id: id,
     onClick: onClickHandler,
     role: isVoiceOverSupported() ? 'radio' : 'menuitemradio',
@@ -49,8 +53,9 @@ const DropdownItemRadio = props => {
     iconBefore: /*#__PURE__*/React.createElement(RadioIcon, {
       checked: selected
     }),
+    isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
     ref: itemRef
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest));
+  }, rest)));
 };
 export default DropdownItemRadio;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.9.4",
+	"version": "11.10.0",
 	"sideEffects": false
 }

package/dist/esm/checkbox/dropdown-item-checkbox.js

@@ -4,7 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["id", "isSelected", "defaultSelected", "onClick", "shouldTitleWrap", "shouldDescriptionWrap"];
 import React, { useCallback } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
+import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import CheckboxIcon from '../internal/components/checkbox-icon';
 import useCheckboxState from '../internal/hooks/use-checkbox-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -47,7 +49,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
     providedOnClick(event);
   }, [providedOnClick, setSelected]);
   var itemRef = useRegisterItemWithFocusManager();
-  return /*#__PURE__*/React.createElement(ButtonItem, _extends({
+  return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
+    value: "none"
+  }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
     id: id,
     onClick: onClickHandler,
     role: "menuitemcheckbox",
@@ -57,8 +61,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
     iconBefore: /*#__PURE__*/React.createElement(CheckboxIcon, {
       checked: selected
     }),
+    isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
     ref: itemRef
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest));
+  }, rest)));
 };
 export default DropdownItemCheckbox;

package/dist/esm/dropdown-menu.js

@@ -13,6 +13,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlledState from '@atlaskit/ds-lib/use-controlled';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize as gridSizeFn, layers } from '@atlaskit/theme/constants';
@@ -164,6 +165,7 @@ var DropdownMenu = function DropdownMenu(props) {
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true,
+    shouldRenderToParent: getBooleanFF('platform.design-system-team.render-popup-in-parent_f73ij') ? true : undefined,
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,

package/dist/esm/radio/dropdown-item-radio.js

@@ -4,7 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["id", "isSelected", "defaultSelected", "onClick", "shouldTitleWrap", "shouldDescriptionWrap"];
 import React, { useCallback } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
+import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '../internal/components/radio-icon';
 import useRadioState from '../internal/hooks/use-radio-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -48,7 +50,9 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
     providedOnClick(event);
   }, [providedOnClick, setSelected]);
   var itemRef = useRegisterItemWithFocusManager();
-  return /*#__PURE__*/React.createElement(ButtonItem, _extends({
+  return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
+    value: "none"
+  }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
     id: id,
     onClick: onClickHandler,
     role: isVoiceOverSupported() ? 'radio' : 'menuitemradio',
@@ -58,8 +62,9 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
     iconBefore: /*#__PURE__*/React.createElement(RadioIcon, {
       checked: selected
     }),
+    isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
     ref: itemRef
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest));
+  }, rest)));
 };
 export default DropdownItemRadio;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.9.4",
+	"version": "11.10.0",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.9.4",
+  "version": "11.10.0",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,22 +24,23 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Dropdown menu",
       "category": "Components"
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/menu": "^1.7.0",
-    "@atlaskit/popup": "^1.6.0",
+    "@atlaskit/menu": "^1.8.0",
+    "@atlaskit/platform-feature-flags": "^0.2.2",
+    "@atlaskit/popup": "^1.7.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.5.0",
+    "@atlaskit/tokens": "^1.9.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -56,10 +57,8 @@
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/lozenge": "11.4.2",
     "@atlaskit/modal-dialog": "^12.6.0",
-    "@atlaskit/primitives": "^0.9.0",
+    "@atlaskit/primitives": "^0.13.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -110,6 +109,9 @@
   "platform-feature-flags": {
     "platform.design-system-team.menu-selected-state-change_0see9": {
       "type": "boolean"
+    },
+    "platform.design-system-team.render-popup-in-parent_f73ij": {
+      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/dropdown-menu/",

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

@@ -0,0 +1,146 @@
+## API Report File for "@atlaskit/dropdown-menu"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import type { CustomItemProps } from '@atlaskit/menu/types';
+import { default as DropdownItemGroup } from '@atlaskit/menu/section';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
+import type { MenuGroupProps } from '@atlaskit/menu/types';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import type { SectionProps } from '@atlaskit/menu';
+import type { SectionProps as SectionProps_2 } from '@atlaskit/menu/types';
+import type { TriggerProps } from '@atlaskit/popup/types';
+
+// @public (undocumented)
+export interface CustomTriggerProps<TriggerElement extends HTMLElement = HTMLElement> extends Omit<TriggerProps, 'ref'> {
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    testId?: string;
+    triggerRef: Ref<TriggerElement>;
+}
+
+// @public
+export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLElement>>;
+
+// @public
+export const DropdownItemCheckbox: (props: DropdownItemCheckboxProps) => JSX.Element;
+
+// @public
+export const DropdownItemCheckboxGroup: (props: DropdownItemCheckboxGroupProps) => JSX.Element;
+
+// @public (undocumented)
+interface DropdownItemCheckboxGroupProps extends SectionProps {
+    id: string;
+}
+
+// @public (undocumented)
+interface DropdownItemCheckboxProps {
+    children: React.ReactNode;
+    defaultSelected?: boolean;
+    description?: JSX.Element | string;
+    id: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    testId?: string;
+    title?: string;
+}
+
+export { DropdownItemGroup }
+
+// @public (undocumented)
+export interface DropdownItemProps {
+    children: React.ReactNode;
+    component?: CustomItemProps['component'];
+    description?: JSX.Element | string;
+    elemAfter?: React.ReactNode;
+    elemBefore?: React.ReactNode;
+    href?: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    rel?: string;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    target?: string;
+    testId?: string;
+    title?: string;
+}
+
+// @public
+export const DropdownItemRadio: (props: DropdownItemRadioProps) => JSX.Element;
+
+// @public
+export const DropdownItemRadioGroup: (props: DropdownItemRadioGroupProps) => JSX.Element;
+
+// @public (undocumented)
+interface DropdownItemRadioGroupProps extends SectionProps {
+    // (undocumented)
+    id: string;
+}
+
+// @public (undocumented)
+interface DropdownItemRadioProps {
+    children: React.ReactNode;
+    defaultSelected?: boolean;
+    description?: JSX.Element | string;
+    id: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    testId?: string;
+    title?: string;
+}
+
+// @public
+const DropdownMenu: <T extends HTMLElement = HTMLElement>(props: DropdownMenuProps<T>) => JSX.Element;
+export default DropdownMenu;
+
+// @public (undocumented)
+export interface DropdownMenuGroupProps extends SectionProps_2 {
+}
+
+// @public (undocumented)
+export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElement> {
+    appearance?: 'default' | 'tall';
+    autoFocus?: boolean;
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    isLoading?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (args: OnOpenChangeArgs) => void;
+    placement?: Placement;
+    shouldFlip?: boolean;
+    spacing?: Extract<MenuGroupProps['spacing'], 'compact' | 'cozy'>;
+    statusLabel?: string;
+    testId?: string;
+    trigger?: ((triggerButtonProps: CustomTriggerProps<TriggerElement>) => ReactElement) | string;
+    zIndex?: number;
+}
+
+// @public (undocumented)
+export interface OnOpenChangeArgs {
+    // (undocumented)
+    event: KeyboardEvent_2 | MouseEvent_2;
+    // (undocumented)
+    isOpen: boolean;
+}
+
+// @public (undocumented)
+type Placement = 'auto' | 'auto-end' | 'auto-start' | 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
+
+// (No @packageDocumentation comment for this package)
+
+```