@carbon/react 1.47.0 → 1.48.0

package/lib/components/DatePicker/DatePicker.js

@@ -348,7 +348,7 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
       }
     }
     function handleOnChange(event) {
-      if (datePickerType == 'single') {
+      if (datePickerType == 'single' && closeOnSelect) {
         calendar.calendarContainer.classList.remove('open');
       }
       const {
@@ -413,7 +413,8 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
         end.removeEventListener('change', handleOnChange);
       }
     };
-  }, [savedOnChange, savedOnClose, savedOnOpen, readOnly, hasInput]); //eslint-disable-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [savedOnChange, savedOnClose, savedOnOpen, readOnly, closeOnSelect, hasInput]);
 
   // this hook allows consumers to access the flatpickr calendar
   // instance for cases where functions like open() or close()

package/lib/components/Dropdown/Dropdown.d.ts

@@ -7,7 +7,7 @@
 import React, { ReactNode } from 'react';
 import { UseSelectProps } from 'downshift';
 import { ReactNodeLike } from 'prop-types';
-import { ListBoxSize, ListBoxType } from '../ListBox';
+import { type ListBoxMenuIconTranslationKey, ListBoxSize, ListBoxType } from '../ListBox';
 import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange';
 export interface OnChangeData<ItemType> {
@@ -123,7 +123,7 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
     /**
      * Callback function for translating ListBoxMenuIcon SVG title
      */
-    translateWithId?(messageId: string, args?: Record<string, unknown>): string;
+    translateWithId?(messageId: ListBoxMenuIconTranslationKey, args?: Record<string, unknown>): string;
     /**
      * The dropdown type, `default` or `inline`
      */
@@ -137,6 +137,7 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
      */
     warnText?: React.ReactNode;
 }
+export type DropdownTranslationKey = ListBoxMenuIconTranslationKey;
 type DropdownComponentProps<ItemType> = React.PropsWithoutRef<React.PropsWithChildren<DropdownProps<ItemType>> & React.RefAttributes<HTMLButtonElement>>;
 interface DropdownComponent {
     <ItemType>(props: DropdownComponentProps<ItemType>): React.ReactElement | null;

package/lib/components/Dropdown/index.d.ts

@@ -4,8 +4,8 @@
  * 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 Dropdown, { OnChangeData } from './Dropdown';
-export type { OnChangeData };
+import Dropdown, { type DropdownTranslationKey, type OnChangeData } from './Dropdown';
+export type { DropdownTranslationKey, OnChangeData };
 export { Dropdown };
 export { default as DropdownSkeleton } from './Dropdown.Skeleton';
 export default Dropdown;

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -40,10 +40,13 @@ function ExpandableSearch(_ref) {
   const prefix = usePrefix.usePrefix();
   function handleBlur(evt) {
     const relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains(`${prefix}--search-close`);
-    if (expanded && !relatedTargetIsAllowed && !hasContent) {
+    if (expanded && !relatedTargetIsAllowed && !hasContent && !isExpanded) {
       setExpanded(false);
     }
   }
+  React.useEffect(() => {
+    setExpanded(!!isExpanded);
+  }, [isExpanded]);
   function handleChange(evt) {
     setHasContent(evt.target.value !== '');
   }
@@ -56,7 +59,7 @@ function ExpandableSearch(_ref) {
       evt.stopPropagation();
 
       // escape key only clears if the input is empty, otherwise it clears the input
-      if (!evt.target?.value) {
+      if (!evt.target?.value && !isExpanded) {
         setExpanded(false);
       }
     }

package/lib/components/IconButton/index.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Copyright IBM Corp. 2016, 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 { ReactNodeLike } from 'prop-types';
+import React from 'react';
+import { ButtonSize } from '../Button';
+export declare const IconButtonKinds: readonly ["primary", "secondary", "ghost", "tertiary"];
+export type IconButtonKind = (typeof IconButtonKinds)[number];
+interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Provide an icon or asset to be rendered inside of the IconButton
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be added to your Button
+     */
+    className?: string;
+    /**
+     * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
+     */
+    closeOnActivation?: boolean;
+    /**
+     * Specify whether the tooltip should be open when it first renders
+     */
+    defaultOpen?: boolean;
+    /**
+     * Specify whether the Button should be disabled, or not
+     */
+    disabled?: boolean;
+    /**
+     * Specify the duration in milliseconds to delay before displaying the tooltip
+     */
+    enterDelayMs?: number;
+    /**
+     * Specify whether the IconButton is currently selected
+     */
+    isSelected?: boolean;
+    /**
+     * Specify the type of button to be used as the base for the IconButton
+     */
+    kind?: IconButtonKind;
+    /**
+     * Provide the label to be rendered inside of the Tooltip. The label will use
+     * `aria-labelledby` and will fully describe the child node that is provided.
+     * This means that if you have text in the child node it will not be
+     * announced to the screen reader.
+     */
+    label: ReactNodeLike;
+    /**
+     * Specify the duration in milliseconds to delay before hiding the tooltip
+     */
+    leaveDelayMs?: number;
+    /**
+     * Specify the size of the Button. Defaults to `md`.
+     */
+    size?: ButtonSize;
+    /**
+     * Specify an optional className to be added to your Tooltip wrapper
+     */
+    wrapperClasses?: string;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<unknown>>;
+export { IconButton };

package/lib/components/IconButton/index.js

@@ -25,8 +25,9 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton(props, ref) {
-  const {
+const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
+const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton(_ref, ref) {
+  let {
     align,
     children,
     className,
@@ -41,7 +42,7 @@ const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Ic
     size,
     isSelected,
     ...rest
-  } = props;
+  } = _ref;
   const prefix = usePrefix.usePrefix();
   const tooltipClasses = cx__default["default"](wrapperClasses, `${prefix}--icon-tooltip`, {
     [`${prefix}--icon-tooltip--disabled`]: disabled
@@ -101,7 +102,7 @@ IconButton.propTypes = {
   /**
    * Specify the type of button to be used as the base for the IconButton
    */
-  kind: PropTypes__default["default"].oneOf(['primary', 'secondary', 'ghost', 'tertiary']),
+  kind: PropTypes__default["default"].oneOf(IconButtonKinds),
   /**
    * Provide the label to be rendered inside of the Tooltip. The label will use
    * `aria-labelledby` and will fully describe the child node that is provided.
@@ -124,3 +125,4 @@ IconButton.propTypes = {
 };
 
 exports.IconButton = IconButton;
+exports.IconButtonKinds = IconButtonKinds;

package/lib/components/ListBox/ListBoxMenuIcon.d.ts

@@ -5,10 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-export declare const translationIds: {
-    'close.menu': string;
-    'open.menu': string;
-};
+export type ListBoxMenuIconTranslationKey = 'close.menu' | 'open.menu';
 export interface ListBoxMenuIconProps {
     /**
      * Specify whether the menu is currently open, which will influence the
@@ -17,10 +14,10 @@ export interface ListBoxMenuIconProps {
     isOpen: boolean;
     /**
      * i18n hook used to provide the appropriate description for the given menu
-     * icon. This function takes in an id defined in `translationIds` and should
+     * icon. This function takes in a ListBoxMenuIconTranslationKey and should
      * return a string message for that given message id.
      */
-    translateWithId?(messageId: string, args?: Record<string, unknown>): string;
+    translateWithId?(messageId: ListBoxMenuIconTranslationKey, args?: Record<string, unknown>): string;
 }
 export type ListBoxMenuIconComponent = React.FC<ListBoxMenuIconProps>;
 /**

package/lib/components/ListBox/ListBoxMenuIcon.js

@@ -21,13 +21,9 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-const translationIds = {
-  'close.menu': 'close.menu',
-  'open.menu': 'open.menu'
-};
 const defaultTranslations = {
-  [translationIds['close.menu']]: 'Close menu',
-  [translationIds['open.menu']]: 'Open menu'
+  'close.menu': 'Close menu',
+  'open.menu': 'Open menu'
 };
 const defaultTranslateWithId = id => defaultTranslations[id];
 /**
@@ -59,11 +55,10 @@ ListBoxMenuIcon.propTypes = {
   isOpen: PropTypes__default["default"].bool.isRequired,
   /**
    * i18n hook used to provide the appropriate description for the given menu
-   * icon. This function takes in an id defined in `translationIds` and should
+   * icon. This function takes a ListBoxMenuIconTranslationKey and should
    * return a string message for that given message id.
    */
   translateWithId: PropTypes__default["default"].func
 };
 
 exports["default"] = ListBoxMenuIcon;
-exports.translationIds = translationIds;

package/lib/components/ListBox/index.d.ts

@@ -21,3 +21,4 @@ export interface ListBoxComponent extends ListBoxPartialComponent {
 }
 declare const ListBox: ListBoxComponent;
 export default ListBox;
+export type { ListBoxMenuIconTranslationKey } from './ListBoxMenuIcon';

package/lib/components/Menu/Menu.d.ts

@@ -0,0 +1,59 @@
+/**
+ * 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/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();
+  const menu = React.useRef(null);
   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,11 +154,14 @@ 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
@@ -197,18 +200,38 @@ 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() {
-    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')];
+    const ranges = {
+      x: getPosition(x),
+      y: getPosition(y)
+    };
+    if (!ranges.x || !ranges.y) {
+      return [-1, -1];
     }
-    return [-1, -1];
+    return [fitValue(ranges.x, 'x') ?? -1, fitValue(ranges.y, 'y') ?? -1];
   }
   React.useEffect(() => {
     if (open && focusableItems.length > 0) {
@@ -222,7 +245,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/MenuContext.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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/lib/components/Menu/MenuItem.d.ts

@@ -0,0 +1,119 @@
+/**
+ * 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, };

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();
+  const menuItem = React.useRef(null);
   const ref = useMergedRefs.useMergedRefs([forwardRef, menuItem]);
   const [boundaries, setBoundaries] = React.useState({
     x: -1,
@@ -71,6 +71,9 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
     });
   }
   function openSubmenu() {
+    if (!menuItem.current) {
+      return;
+    }
     const {
       x,
       y,
@@ -115,9 +118,11 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
     }, hoverIntentDelay);
   }
   function handleMouseLeave() {
-    clearTimeout(hoverIntentTimeout.current);
-    closeSubmenu();
-    menuItem.current.focus();
+    if (hoverIntentTimeout.current) {
+      clearTimeout(hoverIntentTimeout.current);
+      closeSubmenu();
+      menuItem.current?.focus();
+    }
   }
   function handleKeyDown(e) {
     if (hasChildren && match.match(e, keys.ArrowRight)) {
@@ -167,13 +172,13 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
   }, rest, {
     ref: ref,
     className: classNames,
-    tabIndex: "-1",
-    "aria-disabled": isDisabled || null,
-    "aria-haspopup": hasChildren || null,
-    "aria-expanded": hasChildren ? submenuOpen : null,
+    tabIndex: -1,
+    "aria-disabled": isDisabled,
+    "aria-haspopup": hasChildren || undefined,
+    "aria-expanded": hasChildren ? submenuOpen : undefined,
     onClick: handleClick,
-    onMouseEnter: hasChildren ? handleMouseEnter : null,
-    onMouseLeave: hasChildren ? handleMouseLeave : null,
+    onMouseEnter: hasChildren ? handleMouseEnter : undefined,
+    onMouseLeave: hasChildren ? handleMouseLeave : undefined,
     onKeyDown: handleKeyDown
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--menu-item__icon`
@@ -190,7 +195,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
@@ -370,7 +375,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/Menu/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 { Menu } from './Menu';
+import { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './MenuItem';
+export { Menu, MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable, };

package/lib/components/MenuButton/index.js

@@ -17,6 +17,7 @@ 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/Modal/Modal.d.ts

@@ -11,7 +11,7 @@ import { InlineLoadingStatus } from '../InlineLoading/InlineLoading';
 export declare const ModalSizes: readonly ["xs", "sm", "md", "lg"];
 export type ModalSize = (typeof ModalSizes)[number];
 export interface ModalSecondaryButton {
-    buttonText?: string;
+    buttonText?: string | React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
 export interface ModalProps extends ReactAttr<HTMLDivElement> {