@carbon/react 1.101.0-rc.0 → 1.102.0-rc.0

package/es/components/ListBox/test-helpers.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2026
+ *
+ * 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 '@testing-library/jest-dom/jest-globals';
+export declare const findListBoxNode: () => Element | null;
+export declare const findMenuNode: () => Element | null;
+export declare const findMenuItemNode: (index: number) => Element;
+export declare const findMenuIconNode: () => Element | null;
+export declare const findFieldNode: () => Element | null;
+export declare const findComboboxNode: () => Element | null;
+export declare const findPopupNode: () => Element | null;
+export declare const openMenu: () => Promise<void>;
+export declare const assertMenuOpen: (mockProps: {
+    items: unknown[];
+}) => void;
+export declare const assertMenuClosed: () => void;
+/**
+ * 'GenericItem' corresponds to an item in a collection that is passed to
+ * `MultiSelect` that is in a predictable shape and works with the default
+ * `itemToString` function.
+ */
+export declare const generateGenericItem: (index: number) => {
+    id: string;
+    label: string;
+    value: number;
+};
+/**
+ * 'CustomItem' corresponds to a potentially different item structure that might
+ * be passed into `MultiSelect` that we would need to supply a custom
+ * `itemToString` method for.
+ */
+export declare const generateCustomItem: (index: number) => {
+    field: string;
+    value: string;
+};
+/**
+ * Generates an array of values generated by the `generator` function.
+ */
+export declare const generateItems: <T>(amount: number, generator: (index: number) => T) => T[];
+export declare const customItemToString: ({ field, }: {
+    field: string;
+    value: string;
+}) => string;
+/**
+ * This object contains two sets of three items that share the same root
+ * word in different portions of the string (beginning, middle, end):
+ *
+ *  - 'struct'
+ *  - 'port'
+ *
+ * Separated by a disabled item, these derivative words are helpful when
+ * testing fuzzy search functions and components that do substring filtering.
+ */
+export declare const cognateItems: ({
+    id: string;
+    text: string;
+    disabled?: undefined;
+} | {
+    id: string;
+    text: string;
+    disabled: boolean;
+})[];
+/**
+ * Flushes microtasks to ensure element position state is settled
+ * From https://floating-ui.com/docs/react#testing
+ * More context here: https://github.com/floating-ui/react-popper/issues/368#issuecomment-1340413010
+ */
+export declare const waitForPosition: () => Promise<void>;

package/es/components/Loading/Loading.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Loading/Loading.js

@@ -36,7 +36,9 @@ function Loading({
     className: loadingClassName
   }), /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--loading__svg`,
-    viewBox: "0 0 100 100"
+    viewBox: "0 0 100 100",
+    role: "img",
+    "aria-label": description
   }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__background`,
     cx: "50%",

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2025
+ * Copyright IBM Corp. 2023, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Menu/Menu.js

@@ -84,10 +84,14 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
   }
   function handleOpen() {
     if (menu.current) {
-      focusReturn.current = document.activeElement;
+      const {
+        activeElement,
+        dir
+      } = document;
+      focusReturn.current = activeElement instanceof HTMLElement ? activeElement : null;
       if (legacyAutoalign) {
         const pos = calculatePosition();
-        if ((document?.dir === 'rtl' || direction === 'rtl') && !rest?.id?.includes('MenuButton')) {
+        if ((dir === 'rtl' || direction === 'rtl') && !rest?.id?.includes('MenuButton')) {
           menu.current.style.insetInlineStart = `initial`;
           menu.current.style.insetInlineEnd = `${pos[0]}px`;
         } else {

package/es/components/Menu/MenuItem.js

@@ -69,7 +69,7 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem({
   const context = useContext(MenuContext);
   const menuItem = useRef(null);
   const ref = useMergedRefs([forwardRef, menuItem, refs.setReference]);
-  const hasChildren = Boolean(children);
+  const hasChildren = React.Children.toArray(children).length > 0;
   const isDisabled = disabled && !hasChildren;
   const isDanger = kind === 'danger' && !hasChildren;
   function registerItem() {
@@ -77,7 +77,7 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem({
       type: 'registerItem',
       payload: {
         ref: menuItem,
-        disabled: Boolean(disabled)
+        disabled: disabled ?? false
       }
     });
   }

package/es/components/Modal/Modal.js

@@ -158,7 +158,6 @@ const ModalDialog = /*#__PURE__*/React.forwardRef(function ModalDialog({
     const {
       target
     } = evt;
-    evt.stopPropagation();
     const shouldCloseOnOutsideClick =
     // Passive modals can close on clicks outside the modal when
     // preventCloseOnClickOutside is undefined or explicitly set to false.

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -220,7 +220,6 @@ const FilterableMultiSelect = /*#__PURE__*/forwardRef(function FilterableMultiSe
     item => !item.disabled);
 
     // Sort only non-select-all items, select-all item must stay at the top
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
     const sortedReal = sortItems(nonSelectAllItems, {
       selectedItems: {
         top: controlledSelectedItems,
@@ -313,6 +312,7 @@ const FilterableMultiSelect = /*#__PURE__*/forwardRef(function FilterableMultiSe
   useEffect(() => {
     const handleClickOutside = event => {
       const target = event.target;
+      if (!(target instanceof Node)) return;
       const wrapper = document.getElementById(id)?.closest(`.${prefix}--multi-select__wrapper`);
 
       // If click is outside our component and menu is open or input is focused
@@ -614,15 +614,16 @@ const FilterableMultiSelect = /*#__PURE__*/forwardRef(function FilterableMultiSe
 
   // Memoize the value of getMenuProps to avoid an infinite loop
   const menuProps = useMemo(() => getMenuProps({
-    ref: autoAlign ? refs.setFloating : null
+    ref: autoAlign ? refs.setFloating : null,
+    hidden: !isOpen
   }, {
     suppressRefError: true
-  }), [autoAlign, getMenuProps, refs.setFloating]);
+  }), [autoAlign, getMenuProps, isOpen, refs.setFloating]);
   const handleFocus = evt => {
     if (evt?.target.classList.contains(`${prefix}--tag__close-icon`) || evt?.target.classList.contains(`${prefix}--list-box__selection`)) {
       setIsFocused(false);
     } else {
-      setIsFocused(evt?.type === 'focus' ? true : false);
+      setIsFocused(evt?.type === 'focus');
     }
   };
   const mergedRef = mergeRefs(textInput, inputProp.ref);

package/es/components/MultiSelect/MultiSelect.js

@@ -390,7 +390,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     if (evt.target.classList.contains(`${prefix}--tag__close-icon`)) {
       setIsFocused(false);
     } else {
-      setIsFocused(evt.type === 'focus' ? true : false);
+      setIsFocused(evt.type === 'focus');
     }
   };
   const readOnlyEventHandlers = readOnly ? {
@@ -424,8 +424,9 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
 
   // Memoize the value of getMenuProps to avoid an infinite loop
   const menuProps = useMemo(() => getMenuProps({
-    ref: enableFloatingStyles ? refs.setFloating : null
-  }), [enableFloatingStyles, getMenuProps, refs.setFloating]);
+    ref: enableFloatingStyles ? refs.setFloating : null,
+    hidden: !isOpen
+  }), [enableFloatingStyles, getMenuProps, isOpen, refs.setFloating]);
   const allLabelProps = getLabelProps();
   const labelProps = /*#__PURE__*/isValidElement(titleText) ? {
     id: allLabelProps.id
@@ -472,9 +473,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   }, selectedItems.length > 0 && /*#__PURE__*/React.createElement(ListBox.Selection, {
     readOnly: readOnly,
     clearSelection: !disabled && !readOnly ? clearSelection : noopFn,
-    selectionCount: selectedItemsLength
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    ,
+    selectionCount: selectedItemsLength,
     translateWithId: translateWithId,
     disabled: disabled
   }), /*#__PURE__*/React.createElement("button", _extends({
@@ -493,9 +492,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     translateWithId: translateWithId
   })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
-  }, normalizedDecorator) : ''), /*#__PURE__*/React.createElement(ListBox.Menu, menuProps, isOpen &&
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
-  sortItems(filteredItems, sortOptions).map((item, index) => {
+  }, normalizedDecorator) : ''), /*#__PURE__*/React.createElement(ListBox.Menu, menuProps, isOpen && sortItems(filteredItems, sortOptions).map((item, index) => {
     const {
       hasIndividualSelections,
       nonSelectAllSelectedCount,

package/es/components/MultiSelect/MultiSelectPropTypes.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -34,17 +34,15 @@ export declare const sortingPropTypes: {
      */
     sortItems: PropTypes.Requireable<(...args: any[]) => any>;
 };
-interface DownshiftTypedProps<ItemType> {
-    itemToString?(item: ItemType): string;
-}
 interface SharedOptions {
     locale: string;
 }
-interface CompareItems {
-    (itemA: string, itemB: string, options: SharedOptions): number;
-}
-export interface SortItemsOptions<ItemType> extends SharedOptions, DownshiftTypedProps<ItemType> {
+export type CompareItems = (itemA: string, itemB: string, options: {
+    locale: string;
+}) => number;
+export interface SortItemsOptions<ItemType> extends SharedOptions {
     compareItems: CompareItems;
+    itemToString: (item: ItemType) => string;
     selectedItems: ItemType[];
 }
 export interface MultiSelectSortingProps<ItemType> {

package/es/components/MultiSelect/tools/sorting.d.ts

@@ -1,9 +1,16 @@
-export function defaultCompareItems(itemA: string, itemB: string, { locale }: {
-    locale: string;
-}): number;
-export function defaultSortItems(items: any, { selectedItems, itemToString, compareItems, locale }: {
-    selectedItems?: never[] | undefined;
-    itemToString: any;
-    compareItems: any;
-    locale?: string | undefined;
-}): any;
+/**
+ * Copyright IBM Corp. 2016, 2026
+ *
+ * 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 type { CompareItems, SortItemsOptions } from '../MultiSelectPropTypes';
+/**
+ * Use `localeCompare` with the `numeric` option enabled to sort two
+ * alphanumeric strings.
+ */
+export declare const defaultCompareItems: CompareItems;
+/**
+ * Default sorting function for options in a selection control.
+ */
+export declare const defaultSortItems: <T>(items: T[], { selectedItems, itemToString, compareItems, locale }: SortItemsOptions<T>) => T[];

package/es/components/MultiSelect/tools/sorting.js

@@ -5,16 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const isSelectAllItem = item => typeof item === 'object' && item !== null && 'isSelectAll' in item;
+
 /**
- * Use the locale `localeCompare` with the `numeric` option to sort two
- * alpha-numeric strings.
- *
- * @param {string} itemA - The first string to compare.
- * @param {string} itemB - The second string to compare.
- * @param {object} options - Options for comparing.
- * @param {string} options.locale - The locale to use for comparison.
- * @returns {number} A negative number if itemA comes before itemB, a positive
- *   number if itemA comes after itemB, or 0 if they are equal.
+ * Use `localeCompare` with the `numeric` option enabled to sort two
+ * alphanumeric strings.
  */
 const defaultCompareItems = (itemA, itemB, {
   locale
@@ -23,18 +18,19 @@ const defaultCompareItems = (itemA, itemB, {
 });
 
 /**
- * Default sorting algorithm for options in a selection control
+ * Default sorting function for options in a selection control.
  */
 const defaultSortItems = (items, {
-  selectedItems = [],
+  selectedItems,
   itemToString,
   compareItems,
-  locale = 'en'
+  locale
 }) => {
+  // TODO: Should this util mutate items or should that be avoided?
   return items.sort((itemA, itemB) => {
     // Always place "select all" option at the beginning
-    if (itemA.isSelectAll) return -1;
-    if (itemB.isSelectAll) return 1;
+    if (isSelectAllItem(itemA) && itemA.isSelectAll) return -1;
+    if (isSelectAllItem(itemB) && itemB.isSelectAll) return 1;
     const hasItemA = selectedItems.includes(itemA);
     const hasItemB = selectedItems.includes(itemB);
     if (hasItemA && !hasItemB) return -1;

package/es/components/NumberInput/NumberInput.js

@@ -445,7 +445,7 @@ const NumberInput = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     if ('type' in evt.target && evt.target.type === 'button') {
       setIsFocused(false);
     } else {
-      setIsFocused(evt.type === 'focus' ? true : false);
+      setIsFocused(evt.type === 'focus');
     }
   };
   const outerElementClasses = cx(`${prefix}--form-item`, {

package/es/components/OverflowMenu/OverflowMenu.js

@@ -255,6 +255,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef(({
     const focusinEventName = hasFocusin ? 'focusin' : 'focus';
     hFocusIn.current = on(menuBody.ownerDocument, focusinEventName, event => {
       const target = event.target;
+      if (!(target instanceof Element)) return;
       const triggerEl = triggerRef.current;
       if (typeof target.matches === 'function') {
         if (!menuBody.contains(target) && triggerEl && !target.matches(`.${prefix}--overflow-menu:first-child, .${prefix}--overflow-menu-options:first-child`)) {

package/es/components/OverflowMenuItem/OverflowMenuItem.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -14,6 +14,10 @@ export interface OverflowMenuItemProps extends React.HTMLAttributes<HTMLElement>
      * A callback to tell the parent menu component that the menu should be closed.
      */
     closeMenu?: () => void;
+    /**
+     * Specify the message read by screen readers for the danger overflow menu item variant
+     */
+    dangerDescription?: string;
     /**
      * `true` to make this menu item disabled.
      */

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -15,12 +15,14 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { warning } from '../../internal/warning.js';
 import { Text } from '../Text/Text.js';
 import '../Text/TextDirection.js';
+import { useId } from '../../internal/useId.js';
 
 const frFn = forwardRef;
 const OverflowMenuItem = frFn((props, ref) => {
   const {
     className,
     closeMenu,
+    dangerDescription = 'danger',
     disabled = false,
     handleOverflowMenuItemFocus,
     hasDivider = false,
@@ -64,13 +66,17 @@ const OverflowMenuItem = frFn((props, ref) => {
     [`${prefix}--overflow-menu-options__option--disabled`]: disabled
   }, wrapperClassName);
   const TagToUse = href ? 'a' : 'button';
+  const assistiveId = useId('danger-description');
   const OverflowMenuItemContent = (() => {
     if (typeof itemText !== 'string') {
       return itemText;
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--overflow-menu-options__option-content`
-    }, itemText);
+    }, itemText), isDelete && /*#__PURE__*/React.createElement("span", {
+      id: assistiveId,
+      className: `${prefix}--visually-hidden`
+    }, dangerDescription));
   })();
   return /*#__PURE__*/React.createElement(Text, {
     as: "li",
@@ -110,6 +116,10 @@ OverflowMenuItem.propTypes = {
    * A callback to tell the parent menu component that the menu should be closed.
    */
   closeMenu: PropTypes.func,
+  /**
+   * Specify the message read by screen readers for the danger overflow menu item variant
+   */
+  dangerDescription: PropTypes.string,
   /**
    * `true` to make this menu item disabled.
    */

package/es/components/Popover/index.js

@@ -40,7 +40,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction({
   autoAlign = false,
   autoAlignBoundary,
   backgroundToken = 'layer',
-  caret = isTabTip ? false : true,
+  caret = !isTabTip,
   className: customClassName,
   children,
   border = false,
@@ -160,7 +160,8 @@ forwardRef) {
     // Middleware order matters, arrow should be last
     middleware: [offset(!isTabTip ? {
       alignmentAxis: alignmentAxisOffset,
-      mainAxis: popoverDimensions?.current?.offset
+      // Use 4px spacing when no caret, otherwise use the caret offset
+      mainAxis: caret ? popoverDimensions?.current?.offset : 4
     } : 0), autoAlign && flip({
       fallbackPlacements: isTabTip ? align.includes('bottom') ? ['bottom-start', 'bottom-end', 'top-start', 'top-end'] : ['top-start', 'top-end', 'bottom-start', 'bottom-end'] : align.includes('bottom') ? ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'] : ['top', 'top-start', 'top-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end'],
       fallbackStrategy: 'initialPlacement',
@@ -297,10 +298,9 @@ forwardRef) {
       return item;
     }
   });
-  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
     value: value
-  }, /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
     className: className,
     ref: ref
   }), enableFloatingStyles || isTabTip ? mappedChildren : children));

package/es/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -65,7 +65,7 @@ function ProgressIndicator({
     if (index === currentIndex) {
       return /*#__PURE__*/React.cloneElement(child, {
         complete: child.props.complete,
-        current: child.props.complete ? false : true,
+        current: !child.props.complete,
         index,
         onClick
       });

package/es/components/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { useState, useRef, cloneElement } from 'react';
+import React, { useState, useRef, useEffect, cloneElement } from 'react';
 import cx from 'classnames';
 import { Legend } from '../Text/createTextComponent.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -43,17 +43,14 @@ const RadioButtonGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = props;
   const prefix = usePrefix();
   const [selected, setSelected] = useState(valueSelected ?? defaultSelected);
-  const [prevValueSelected, setPrevValueSelected] = useState(valueSelected);
+  const prevValueSelected = useRef(valueSelected);
   const radioButtonGroupInstanceId = useId();
-
-  /**
-   * prop + state alignment - getDerivedStateFromProps
-   * only update if selected prop changes
-   */
-  if (valueSelected !== prevValueSelected) {
-    setSelected(valueSelected);
-    setPrevValueSelected(valueSelected);
-  }
+  useEffect(() => {
+    if (valueSelected !== prevValueSelected.current) {
+      setSelected(valueSelected);
+      prevValueSelected.current = valueSelected;
+    }
+  }, [valueSelected]);
   function getRadioButtons() {
     const mappedChildren = React.Children.map(children, radioButton => {
       if (!radioButton) {

package/es/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Search/Search.js

@@ -22,6 +22,7 @@ import { FormContext } from '../FluidForm/FormContext.js';
 import { noopFn } from '../../internal/noopFn.js';
 import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
+import { isSearchValuePresent } from './utils.js';
 
 var _Close;
 const Search = /*#__PURE__*/React.forwardRef(({
@@ -47,7 +48,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
   value,
   ...rest
 }, forwardRef) => {
-  const hasPropValue = value || defaultValue ? true : false;
+  const hasPropValue = isSearchValuePresent(value) || isSearchValuePresent(defaultValue);
   const prefix = usePrefix();
   const {
     isFluid
@@ -74,7 +75,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--search-close--hidden`]: !hasContent || !isExpanded
   });
   if (value !== prevValue) {
-    setHasContent(!!value);
+    setHasContent(isSearchValuePresent(value));
     setPrevValue(value);
   }
   function clearInput() {

package/es/components/Search/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const isSearchValuePresent: (value: string | number | undefined) => boolean;

package/es/components/Search/utils.js

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+
+const isSearchValuePresent = value => value !== '' && typeof value !== 'undefined';
+
+export { isSearchValuePresent };

package/es/components/Select/Select.d.ts

@@ -4,7 +4,7 @@
  * 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, { type ChangeEventHandler, type ComponentPropsWithRef, type ReactNode } from 'react';
+import React, { type ChangeEventHandler, type ComponentPropsWithRef, type ReactNode, type SelectHTMLAttributes } from 'react';
 type ExcludedAttributes = 'size';
 export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, ExcludedAttributes> {
     /**
@@ -22,7 +22,7 @@ export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, Exclu
     /**
      * Optionally provide the default value of the `<select>`
      */
-    defaultValue?: any;
+    defaultValue?: SelectHTMLAttributes<HTMLSelectElement>['defaultValue'];
     /**
      * Specify whether the control is disabled
      */

package/es/components/Select/Select.js

@@ -34,7 +34,7 @@ const Select = /*#__PURE__*/forwardRef(({
   hideLabel = false,
   invalid = false,
   invalidText = '',
-  helperText = '',
+  helperText,
   light = false,
   readOnly,
   size,
@@ -107,7 +107,7 @@ const Select = /*#__PURE__*/forwardRef(({
     ariaProps['aria-describedby'] = helper ? normalizedProps.helperId : undefined;
   }
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' ? true : false);
+    setIsFocused(evt.type === 'focus');
   };
   const handleChange = evt => {
     const selectedOption = evt?.target?.options[evt.target.selectedIndex];

package/es/components/SelectItem/SelectItem.d.ts

@@ -1,11 +1,11 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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 PropTypes from 'prop-types';
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes, type OptionHTMLAttributes } from 'react';
 export interface SelectItemProps extends HTMLAttributes<HTMLOptionElement> {
     /**
      * Specify an optional className to be applied to the node
@@ -26,7 +26,7 @@ export interface SelectItemProps extends HTMLAttributes<HTMLOptionElement> {
     /**
      * Specify the value of the <SelectItem>
      */
-    value: any;
+    value: OptionHTMLAttributes<HTMLOptionElement>['value'];
 }
 declare const SelectItem: {
     ({ className, value, disabled, hidden, text, ...other }: SelectItemProps): import("react/jsx-runtime").JSX.Element;

package/es/components/StructuredList/StructuredList.js

@@ -150,8 +150,8 @@ function StructuredListRow(props) {
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = useState(false);
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
-  const rowId = id ?? useId('grid-input');
+  const generatedRowId = useId('grid-input');
+  const rowId = id ?? generatedRowId;
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
   const prefix = usePrefix();