@carbon/react 1.48.0 → 1.48.1

package/es/components/ComboButton/index.js

@@ -14,7 +14,6 @@ import { IconButton } from '../IconButton/index.js';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 import { Menu } from '../Menu/Menu.js';
-import '../Menu/MenuItem.js';
 import { useAttachedMenu } from '../../internal/useAttachedMenu.js';
 import { useId } from '../../internal/useId.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';

package/es/components/Menu/Menu.js

@@ -56,7 +56,7 @@ const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(_ref, forwardR
       dispatch: childDispatch
     };
   }, [childState, childDispatch]);
-  const menu = useRef(null);
+  const menu = useRef();
   const ref = useMergedRefs([forwardRef, menu]);
   const [position, setPosition] = useState([-1, -1]);
   const focusableItems = childContext.state.items.filter(item => !item.disabled && item.ref.current);
@@ -144,14 +144,11 @@ const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(_ref, forwardR
     }
   }
   function handleBlur(e) {
-    if (open && onClose && isRoot && !menu.current?.contains(e.relatedTarget)) {
+    if (open && onClose && isRoot && !menu.current.contains(e.relatedTarget)) {
       handleClose(e);
     }
   }
   function fitValue(range, axis) {
-    if (!menu.current) {
-      return;
-    }
     const {
       width,
       height
@@ -190,38 +187,18 @@ const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(_ref, forwardR
     reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false,
     // align at max (second fallback)
     max - spacing - size];
-
-    // Previous array `options`, has at least one item that is a number (the last one - second fallback).
-    // That guarantees that the return of `find()` will always be a number
-    // and we can safely add the numeric casting `as number`.
     const bestOption = options.find(option => option !== false);
     return bestOption >= spacing ? bestOption : spacing;
   }
-  function notEmpty(value) {
-    return value !== null && value !== undefined;
-  }
-  function getPosition(x) {
-    if (Array.isArray(x)) {
-      // has to be of length 2
-      const filtered = x.filter(notEmpty);
-      if (filtered.length === 2) {
-        return filtered;
-      } else {
-        return;
-      }
-    } else {
-      return [x, x];
-    }
-  }
   function calculatePosition() {
-    const ranges = {
-      x: getPosition(x),
-      y: getPosition(y)
-    };
-    if (!ranges.x || !ranges.y) {
-      return [-1, -1];
+    if (menu.current) {
+      const ranges = {
+        x: typeof x === 'object' && x.length === 2 ? x : [x, x],
+        y: typeof y === 'object' && y.length === 2 ? y : [y, y]
+      };
+      return [fitValue(ranges.x, 'x'), fitValue(ranges.y, 'y')];
     }
-    return [fitValue(ranges.x, 'x') ?? -1, fitValue(ranges.y, 'y') ?? -1];
+    return [-1, -1];
   }
   useEffect(() => {
     if (open && focusableItems.length > 0) {
@@ -235,7 +212,7 @@ const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(_ref, forwardR
     } else {
       // reset position when menu is closed in order for the --shown
       // modifier to be applied correctly
-      setPosition([-1, -1]);
+      setPosition(-1, -1);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);

package/es/components/Menu/MenuItem.js

@@ -39,7 +39,7 @@ const MenuItem = /*#__PURE__*/React__default.forwardRef(function MenuItem(_ref,
   } = _ref;
   const prefix = usePrefix();
   const context = useContext(MenuContext);
-  const menuItem = useRef(null);
+  const menuItem = useRef();
   const ref = useMergedRefs([forwardRef, menuItem]);
   const [boundaries, setBoundaries] = useState({
     x: -1,
@@ -61,9 +61,6 @@ const MenuItem = /*#__PURE__*/React__default.forwardRef(function MenuItem(_ref,
     });
   }
   function openSubmenu() {
-    if (!menuItem.current) {
-      return;
-    }
     const {
       x,
       y,
@@ -108,11 +105,9 @@ const MenuItem = /*#__PURE__*/React__default.forwardRef(function MenuItem(_ref,
     }, hoverIntentDelay);
   }
   function handleMouseLeave() {
-    if (hoverIntentTimeout.current) {
-      clearTimeout(hoverIntentTimeout.current);
-      closeSubmenu();
-      menuItem.current?.focus();
-    }
+    clearTimeout(hoverIntentTimeout.current);
+    closeSubmenu();
+    menuItem.current.focus();
   }
   function handleKeyDown(e) {
     if (hasChildren && match(e, ArrowRight)) {
@@ -162,13 +157,13 @@ const MenuItem = /*#__PURE__*/React__default.forwardRef(function MenuItem(_ref,
   }, rest, {
     ref: ref,
     className: classNames,
-    tabIndex: -1,
-    "aria-disabled": isDisabled,
-    "aria-haspopup": hasChildren || undefined,
-    "aria-expanded": hasChildren ? submenuOpen : undefined,
+    tabIndex: "-1",
+    "aria-disabled": isDisabled || null,
+    "aria-haspopup": hasChildren || null,
+    "aria-expanded": hasChildren ? submenuOpen : null,
     onClick: handleClick,
-    onMouseEnter: hasChildren ? handleMouseEnter : undefined,
-    onMouseLeave: hasChildren ? handleMouseLeave : undefined,
+    onMouseEnter: hasChildren ? handleMouseEnter : null,
+    onMouseLeave: hasChildren ? handleMouseLeave : null,
     onKeyDown: handleKeyDown
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--menu-item__icon`
@@ -185,7 +180,7 @@ const MenuItem = /*#__PURE__*/React__default.forwardRef(function MenuItem(_ref,
     open: submenuOpen,
     onClose: () => {
       closeSubmenu();
-      menuItem.current?.focus();
+      menuItem.current.focus();
     },
     x: boundaries.x,
     y: boundaries.y
@@ -365,7 +360,7 @@ const MenuItemRadioGroup = /*#__PURE__*/React__default.forwardRef(function MenuI
   }, /*#__PURE__*/React__default.createElement("ul", _extends({}, rest, {
     role: "group",
     "aria-label": label
-  }), items?.map((item, i) => /*#__PURE__*/React__default.createElement(MenuItem, {
+  }), items.map((item, i) => /*#__PURE__*/React__default.createElement(MenuItem, {
     key: i,
     label: itemToString(item),
     role: "menuitemradio",

package/es/components/MenuButton/index.js

@@ -13,7 +13,6 @@ import { ChevronDown } from '@carbon/icons-react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 import { Menu } from '../Menu/Menu.js';
-import '../Menu/MenuItem.js';
 import { useAttachedMenu } from '../../internal/useAttachedMenu.js';
 import { useId } from '../../internal/useId.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';

package/es/components/OverflowMenu/next/index.js

@@ -12,7 +12,6 @@ import cx from 'classnames';
 import { OverflowMenuVertical } from '@carbon/icons-react';
 import { IconButton } from '../../IconButton/index.js';
 import { Menu } from '../../Menu/Menu.js';
-import '../../Menu/MenuItem.js';
 import { useId } from '../../../internal/useId.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
 import { useAttachedMenu } from '../../../internal/useAttachedMenu.js';

package/es/index.js

@@ -60,8 +60,6 @@ export { default as InlineLoading } from './components/InlineLoading/InlineLoadi
 export { default as Link } from './components/Link/Link.js';
 export { default as ListItem } from './components/ListItem/ListItem.js';
 export { default as Loading } from './components/Loading/Loading.js';
-export { Menu } from './components/Menu/Menu.js';
-export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
 export { MenuButton } from './components/MenuButton/index.js';
 export { default as Modal } from './components/Modal/Modal.js';
 export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
@@ -214,6 +212,8 @@ export { default as TableToolbarContent } from './components/DataTable/TableTool
 export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
 export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
 export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
+export { Menu } from './components/Menu/Menu.js';
+export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
 export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
 export { default as Pagination } from './components/Pagination/Pagination.js';
 export { default as PaginationNav } from './components/PaginationNav/PaginationNav.js';

package/lib/components/ComboButton/index.js

@@ -18,7 +18,6 @@ var index = require('../IconButton/index.js');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 var Menu = require('../Menu/Menu.js');
-require('../Menu/MenuItem.js');
 var useAttachedMenu = require('../../internal/useAttachedMenu.js');
 var useId = require('../../internal/useId.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');

package/lib/components/Menu/Menu.js

@@ -66,7 +66,7 @@ const Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_re
       dispatch: childDispatch
     };
   }, [childState, childDispatch]);
-  const menu = React.useRef(null);
+  const menu = React.useRef();
   const ref = useMergedRefs.useMergedRefs([forwardRef, menu]);
   const [position, setPosition] = React.useState([-1, -1]);
   const focusableItems = childContext.state.items.filter(item => !item.disabled && item.ref.current);
@@ -154,14 +154,11 @@ const Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_re
     }
   }
   function handleBlur(e) {
-    if (open && onClose && isRoot && !menu.current?.contains(e.relatedTarget)) {
+    if (open && onClose && isRoot && !menu.current.contains(e.relatedTarget)) {
       handleClose(e);
     }
   }
   function fitValue(range, axis) {
-    if (!menu.current) {
-      return;
-    }
     const {
       width,
       height
@@ -200,38 +197,18 @@ const Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_re
     reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false,
     // align at max (second fallback)
     max - spacing - size];
-
-    // Previous array `options`, has at least one item that is a number (the last one - second fallback).
-    // That guarantees that the return of `find()` will always be a number
-    // and we can safely add the numeric casting `as number`.
     const bestOption = options.find(option => option !== false);
     return bestOption >= spacing ? bestOption : spacing;
   }
-  function notEmpty(value) {
-    return value !== null && value !== undefined;
-  }
-  function getPosition(x) {
-    if (Array.isArray(x)) {
-      // has to be of length 2
-      const filtered = x.filter(notEmpty);
-      if (filtered.length === 2) {
-        return filtered;
-      } else {
-        return;
-      }
-    } else {
-      return [x, x];
-    }
-  }
   function calculatePosition() {
-    const ranges = {
-      x: getPosition(x),
-      y: getPosition(y)
-    };
-    if (!ranges.x || !ranges.y) {
-      return [-1, -1];
+    if (menu.current) {
+      const ranges = {
+        x: typeof x === 'object' && x.length === 2 ? x : [x, x],
+        y: typeof y === 'object' && y.length === 2 ? y : [y, y]
+      };
+      return [fitValue(ranges.x, 'x'), fitValue(ranges.y, 'y')];
     }
-    return [fitValue(ranges.x, 'x') ?? -1, fitValue(ranges.y, 'y') ?? -1];
+    return [-1, -1];
   }
   React.useEffect(() => {
     if (open && focusableItems.length > 0) {
@@ -245,7 +222,7 @@ const Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_re
     } else {
       // reset position when menu is closed in order for the --shown
       // modifier to be applied correctly
-      setPosition([-1, -1]);
+      setPosition(-1, -1);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);

package/lib/components/Menu/MenuItem.js

@@ -49,7 +49,7 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
   } = _ref;
   const prefix = usePrefix.usePrefix();
   const context = React.useContext(MenuContext.MenuContext);
-  const menuItem = React.useRef(null);
+  const menuItem = React.useRef();
   const ref = useMergedRefs.useMergedRefs([forwardRef, menuItem]);
   const [boundaries, setBoundaries] = React.useState({
     x: -1,
@@ -71,9 +71,6 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
     });
   }
   function openSubmenu() {
-    if (!menuItem.current) {
-      return;
-    }
     const {
       x,
       y,
@@ -118,11 +115,9 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
     }, hoverIntentDelay);
   }
   function handleMouseLeave() {
-    if (hoverIntentTimeout.current) {
-      clearTimeout(hoverIntentTimeout.current);
-      closeSubmenu();
-      menuItem.current?.focus();
-    }
+    clearTimeout(hoverIntentTimeout.current);
+    closeSubmenu();
+    menuItem.current.focus();
   }
   function handleKeyDown(e) {
     if (hasChildren && match.match(e, keys.ArrowRight)) {
@@ -172,13 +167,13 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
   }, rest, {
     ref: ref,
     className: classNames,
-    tabIndex: -1,
-    "aria-disabled": isDisabled,
-    "aria-haspopup": hasChildren || undefined,
-    "aria-expanded": hasChildren ? submenuOpen : undefined,
+    tabIndex: "-1",
+    "aria-disabled": isDisabled || null,
+    "aria-haspopup": hasChildren || null,
+    "aria-expanded": hasChildren ? submenuOpen : null,
     onClick: handleClick,
-    onMouseEnter: hasChildren ? handleMouseEnter : undefined,
-    onMouseLeave: hasChildren ? handleMouseLeave : undefined,
+    onMouseEnter: hasChildren ? handleMouseEnter : null,
+    onMouseLeave: hasChildren ? handleMouseLeave : null,
     onKeyDown: handleKeyDown
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--menu-item__icon`
@@ -195,7 +190,7 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
     open: submenuOpen,
     onClose: () => {
       closeSubmenu();
-      menuItem.current?.focus();
+      menuItem.current.focus();
     },
     x: boundaries.x,
     y: boundaries.y
@@ -375,7 +370,7 @@ const MenuItemRadioGroup = /*#__PURE__*/React__default["default"].forwardRef(fun
   }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
     role: "group",
     "aria-label": label
-  }), items?.map((item, i) => /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+  }), items.map((item, i) => /*#__PURE__*/React__default["default"].createElement(MenuItem, {
     key: i,
     label: itemToString(item),
     role: "menuitemradio",

package/lib/components/MenuButton/index.js

@@ -17,7 +17,6 @@ var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 var Menu = require('../Menu/Menu.js');
-require('../Menu/MenuItem.js');
 var useAttachedMenu = require('../../internal/useAttachedMenu.js');
 var useId = require('../../internal/useId.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');

package/lib/components/OverflowMenu/next/index.js

@@ -16,7 +16,6 @@ var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var index = require('../../IconButton/index.js');
 var Menu = require('../../Menu/Menu.js');
-require('../../Menu/MenuItem.js');
 var useId = require('../../../internal/useId.js');
 var usePrefix = require('../../../internal/usePrefix.js');
 var useAttachedMenu = require('../../../internal/useAttachedMenu.js');

package/lib/index.js

@@ -64,8 +64,6 @@ var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
-var Menu = require('./components/Menu/Menu.js');
-var MenuItem = require('./components/Menu/MenuItem.js');
 var index$8 = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
@@ -218,6 +216,8 @@ var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js
 var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
+var Menu = require('./components/Menu/Menu.js');
+var MenuItem = require('./components/Menu/MenuItem.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var Pagination$1 = require('./components/Pagination/Pagination.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
@@ -287,12 +287,6 @@ exports.InlineLoading = InlineLoading["default"];
 exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
-exports.Menu = Menu.Menu;
-exports.MenuItem = MenuItem.MenuItem;
-exports.MenuItemDivider = MenuItem.MenuItemDivider;
-exports.MenuItemGroup = MenuItem.MenuItemGroup;
-exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
-exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
 exports.MenuButton = index$8.MenuButton;
 exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
@@ -481,6 +475,12 @@ exports.TableToolbarContent = TableToolbarContent["default"];
 exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
+exports.Menu = Menu.Menu;
+exports.MenuItem = MenuItem.MenuItem;
+exports.MenuItemDivider = MenuItem.MenuItemDivider;
+exports.MenuItemGroup = MenuItem.MenuItemGroup;
+exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
+exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
 exports.MultiSelect = MultiSelect["default"];
 exports.Pagination = Pagination$1["default"];
 exports.PaginationNav = PaginationNav["default"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.48.0",
+  "version": "1.48.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,9 +49,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.16.0",
-    "@carbon/icons-react": "^11.34.0",
+    "@carbon/icons-react": "^11.34.1",
     "@carbon/layout": "^11.20.0",
-    "@carbon/styles": "^1.48.0",
+    "@carbon/styles": "^1.48.1",
     "@ibm/telemetry-js": "^1.1.0",
     "classnames": "2.5.1",
     "copy-to-clipboard": "^3.3.1",
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.29.0",
+    "@carbon/themes": "^11.29.1",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "6d133d4f920b7c01f6ea2221938a339c14a85b42"
+  "gitHead": "68c58d98fe0c287eb4456c8b5153f6cb7b58c5bf"
 }

package/es/components/Menu/Menu.d.ts

@@ -1,59 +0,0 @@
-/**
- * Copyright IBM Corp. 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
-    /**
-     * A collection of MenuItems to be rendered within this Menu.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-    /**
-     * A label describing the Menu.
-     */
-    label?: string;
-    /**
-     * The mode of this menu. Defaults to full.
-     * `full` supports nesting and selectable menu items, but no icons.
-     * `basic` supports icons but no nesting or selectable menu items.
-     *
-     * **This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).**
-     */
-    mode?: 'full' | 'basic';
-    /**
-     * Provide an optional function to be called when the Menu should be closed.
-     */
-    onClose?: () => void;
-    /**
-     * Provide an optional function to be called when the Menu is opened.
-     */
-    onOpen?: () => void;
-    /**
-     * Whether the Menu is open or not.
-     */
-    open?: boolean;
-    /**
-     * Specify the size of the Menu.
-     */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    /**
-     * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
-     */
-    target?: any;
-    /**
-     * Specify the x position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([x1, x2])
-     */
-    x?: number | (number | null | undefined)[];
-    /**
-     * Specify the y position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([y1, y2])
-     */
-    y?: number | (number | null | undefined)[];
-}
-declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
-export { Menu };

package/es/components/Menu/MenuContext.d.ts

@@ -1,32 +0,0 @@
-/**
- * Copyright IBM Corp. 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-type ActionType = {
-    type: 'enableIcons' | 'registerItem';
-    payload: any;
-};
-type StateType = {
-    isRoot: boolean;
-    mode: 'full' | 'basic';
-    hasIcons: boolean;
-    size: 'xs' | 'sm' | 'md' | 'lg' | null;
-    items: any[];
-    requestCloseRoot: (e: Pick<React.KeyboardEvent<HTMLUListElement>, 'type'>) => void;
-};
-declare function menuReducer(state: StateType, action: ActionType): {
-    hasIcons: boolean;
-    isRoot: boolean;
-    mode: "full" | "basic";
-    size: "sm" | "md" | "lg" | "xs" | null;
-    items: any[];
-    requestCloseRoot: (e: Pick<React.KeyboardEvent<HTMLUListElement>, "type">) => void;
-};
-declare const MenuContext: React.Context<{
-    state: StateType;
-    dispatch: React.Dispatch<any>;
-}>;
-export { MenuContext, menuReducer };

package/es/components/Menu/MenuItem.d.ts

@@ -1,119 +0,0 @@
-/**
- * Copyright IBM Corp. 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
-    /**
-     * Optionally provide another Menu to create a submenu. props.children can't be used to specify the content of the MenuItem itself. Use props.label instead.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-    /**
-     * Specify whether the MenuItem is disabled or not.
-     */
-    disabled?: boolean;
-    /**
-     * Specify the kind of the MenuItem.
-     */
-    kind?: 'default' | 'danger';
-    /**
-     * A required label titling the MenuItem. Will be rendered as its text content.
-     */
-    label: string;
-    /**
-     * Provide an optional function to be called when the MenuItem is clicked.
-     */
-    onClick?: (event: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement>) => void;
-    /**
-     * Only applicable if the parent menu is in `basic` mode. Sets the menu item's icon.
-     */
-    renderIcon?: any;
-    /**
-     * Provide a shortcut for the action of this MenuItem. Note that the component will only render it as a hint but not actually register the shortcut.
-     */
-    shortcut?: string;
-}
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;
-interface MenuItemSelectableProps {
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-    /**
-     * Specify whether the option should be selected by default.
-     */
-    defaultSelected?: boolean;
-    /**
-     * A required label titling this option.
-     */
-    label: string;
-    /**
-     * Provide an optional function to be called when the selection state changes.
-     */
-    onChange?: React.ChangeEventHandler<HTMLLIElement>;
-    /**
-     * Pass a bool to props.selected to control the state of this option.
-     */
-    selected?: boolean;
-}
-declare const MenuItemSelectable: React.ForwardRefExoticComponent<MenuItemSelectableProps & React.RefAttributes<HTMLLIElement>>;
-interface MenuItemGroupProps {
-    /**
-     * A collection of MenuItems to be rendered within this group.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-    /**
-     * A required label titling this group.
-     */
-    label: string;
-}
-declare const MenuItemGroup: React.ForwardRefExoticComponent<MenuItemGroupProps & React.RefAttributes<HTMLLIElement>>;
-interface MenuItemRadioGroupProps {
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-    /**
-     * Specify the default selected item. Must match the type of props.items.
-     */
-    defaultSelectedItem?: any;
-    /**
-     * Provide a function to convert an item to the string that will be rendered. Defaults to item.toString().
-     */
-    itemToString?: (item: any) => string;
-    /**
-     * Provide the options for this radio group. Can be of any type, as long as you provide an appropriate props.itemToString function.
-     */
-    items?: any[];
-    /**
-     * A required label titling this radio group.
-     */
-    label: string;
-    /**
-     * Provide an optional function to be called when the selection changes.
-     */
-    onChange?: React.ChangeEventHandler<HTMLLIElement>;
-    /**
-     * Provide props.selectedItem to control the state of this radio group. Must match the type of props.items.
-     */
-    selectedItem?: any;
-}
-declare const MenuItemRadioGroup: React.ForwardRefExoticComponent<MenuItemRadioGroupProps & React.RefAttributes<HTMLLIElement>>;
-interface MenuItemDividerProps {
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-}
-declare const MenuItemDivider: React.ForwardRefExoticComponent<MenuItemDividerProps & React.RefAttributes<HTMLLIElement>>;
-export { MenuItem, MenuItemSelectable, MenuItemGroup, MenuItemRadioGroup, MenuItemDivider, };