@carbon/react 1.89.0-rc.0 → 1.89.0

package/lib/components/StructuredList/StructuredList.js

@@ -32,6 +32,7 @@ function StructuredListWrapper(props) {
     ariaLabel: deprecatedAriaLabel,
     isCondensed,
     isFlush,
+    selectedInitialRow,
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
@@ -40,7 +41,7 @@ function StructuredListWrapper(props) {
     [`${prefix}--structured-list--condensed`]: isCondensed,
     [`${prefix}--structured-list--flush`]: isFlush && !selection
   }, className);
-  const [selectedRow, setSelectedRow] = React.useState(null);
+  const [selectedRow, setSelectedRow] = React.useState(selectedInitialRow ?? null);
   return /*#__PURE__*/React.createElement(GridSelectedRowStateContext.Provider, {
     value: selectedRow
   }, /*#__PURE__*/React.createElement(GridSelectedRowDispatchContext.Provider, {
@@ -81,7 +82,11 @@ StructuredListWrapper.propTypes = {
   /**
    * Specify whether your StructuredListWrapper should have selections
    */
-  selection: PropTypes.bool
+  selection: PropTypes.bool,
+  /**
+   * Specify which row will be selected initially
+   */
+  selectedInitialRow: PropTypes.string
 };
 function StructuredListHead(props) {
   const {
@@ -143,21 +148,22 @@ function StructuredListRow(props) {
     head,
     onClick,
     selection,
+    id,
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
-  const id = useId.useId('grid-input');
+  const rowId = id ?? useId.useId('grid-input');
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
   const prefix = usePrefix.usePrefix();
   const value = {
-    id
+    id: rowId
   };
   const classes = cx(`${prefix}--structured-list-row`, {
     [`${prefix}--structured-list-row--header-row`]: head,
-    [`${prefix}--structured-list-row--focused-within`]: hasFocusWithin && !selection || hasFocusWithin && selection && (selectedRow === id || selectedRow === null),
+    [`${prefix}--structured-list-row--focused-within`]: hasFocusWithin && !selection || hasFocusWithin && selection && (selectedRow === rowId || selectedRow === null),
     // Ensure focus on the first item when navigating through Tab keys and no row is selected (selectedRow === null)
-    [`${prefix}--structured-list-row--selected`]: selectedRow === id
+    [`${prefix}--structured-list-row--selected`]: selectedRow === rowId
   }, className);
   const itemRef = React.useRef(null);
   const handleClick = () => {
@@ -178,15 +184,17 @@ function StructuredListRow(props) {
     className: classes,
     ref: itemRef,
     onClick: event => {
-      setSelectedRow?.(id);
+      setSelectedRow?.(rowId);
       onClick && onClick(event);
       if (selection) {
         // focus items only when selection is enabled
         setHasFocusWithin(true);
       }
     },
-    onFocus: () => {
-      setHasFocusWithin(true);
+    onFocus: event => {
+      if (selection || event.currentTarget === event.target) {
+        setHasFocusWithin(true);
+      }
     },
     onBlur: () => {
       setHasFocusWithin(false);
@@ -194,7 +202,7 @@ function StructuredListRow(props) {
     onKeyDown: onKeyDown
   }), /*#__PURE__*/React.createElement(GridRowContext.Provider, {
     value: value
-  }, selection && /*#__PURE__*/React.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React.createElement(iconsReact.RadioButtonChecked, {
+  }, selection && /*#__PURE__*/React.createElement(StructuredListCell, null, selectedRow === rowId ? /*#__PURE__*/React.createElement(iconsReact.RadioButtonChecked, {
     className: `${prefix}--structured-list__icon`
   }) : /*#__PURE__*/React.createElement(iconsReact.RadioButton, {
     className: `${prefix}--structured-list__icon`
@@ -228,7 +236,11 @@ StructuredListRow.propTypes = {
   /**
    * Mark if this row should be selectable
    */
-  selection: PropTypes.bool
+  selection: PropTypes.bool,
+  /**
+   * Specify row id so that it can be used for initial selection
+   */
+  id: PropTypes.string
 };
 function StructuredListInput(props) {
   const defaultId = useId.useId('structureListInput');

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React, { type ElementType, type ReactNode } from 'react';
-import { type PopoverAlignment } from '../Popover';
+import { type PopoverAlignment, PopoverBaseProps } from '../Popover';
 import { PolymorphicProps } from '../../types/common';
 import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 type ToggletipLabelProps<E extends ElementType> = {
@@ -36,12 +36,7 @@ export declare namespace ToggletipLabel {
         className: PropTypes.Requireable<string>;
     };
 }
-export interface ToggletipBaseProps {
-    align?: PopoverAlignment;
-    alignmentAxisOffset?: number;
-    autoAlign?: boolean;
-    className?: string;
-    children?: ReactNode;
+export interface ToggletipBaseProps extends Omit<PopoverBaseProps, 'open'> {
     defaultOpen?: boolean;
 }
 export type ToggletipProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, ToggletipBaseProps>;
@@ -53,39 +48,21 @@ export type ToggletipProps<T extends ElementType> = PolymorphicComponentPropWith
 export declare function Toggletip<E extends ElementType = 'span'>({ align, as, autoAlign, className: customClassName, children, defaultOpen, ...rest }: ToggletipProps<E>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Toggletip {
     var propTypes: {
-        /**
-         * Specify how the toggletip should align with the button
-         */
-        align: PropTypes.Requireable<string>;
-        /**
-         * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.
-         */
-        alignmentAxisOffset: PropTypes.Requireable<number>;
-        /**
-         * Provide a custom element or component to render the top-level node for the
-         * component.
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * Will auto-align the popover on first render if it is not visible. This prop
-         * is currently experimental and is subject to future changes. Requires
-         * React v17+
-         * @see https://github.com/carbon-design-system/carbon/issues/18714
-         */
-        autoAlign: PropTypes.Requireable<boolean>;
-        /**
-         * Custom children to be rendered as the content of the label
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Provide a custom class name to be added to the outermost node in the
-         * component
-         */
-        className: PropTypes.Requireable<string>;
         /**
          * Specify if the toggletip should be open by default
          */
         defaultOpen: PropTypes.Requireable<boolean>;
+        align?: PopoverAlignment;
+        alignmentAxisOffset?: number;
+        autoAlign?: boolean;
+        autoAlignBoundary?: import("@floating-ui/dom").Boundary;
+        caret?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        dropShadow?: boolean;
+        highContrast?: boolean;
+        isTabTip?: boolean;
+        onRequestClose?: () => void;
     };
 }
 export interface ToggletipButtonBaseProps {

package/lib/components/Toggletip/index.js

@@ -102,6 +102,7 @@ function Toggletip({
   };
   const onKeyDown = event => {
     if (open && match.match(event, keys.Escape)) {
+      event.stopPropagation();
       actions.close();
 
       // If the menu is closed while focus is still inside the menu, it should return to the trigger button  (#12922)
@@ -151,57 +152,17 @@ function Toggletip({
     autoAlign: autoAlign
   }, rest), children));
 }
-Toggletip.propTypes = {
-  /**
-   * Specify how the toggletip should align with the button
-   */
-  align: PropTypes.oneOf(['top', 'top-left',
-  // deprecated use top-start instead
-  'top-right',
-  // deprecated use top-end instead
-
-  'bottom', 'bottom-left',
-  // deprecated use bottom-start instead
-  'bottom-right',
-  // deprecated use bottom-end instead
 
-  'left', 'left-bottom',
-  // deprecated use left-end instead
-  'left-top',
-  // deprecated use left-start instead
-
-  'right', 'right-bottom',
-  // deprecated use right-end instead
-  'right-top',
-  // deprecated use right-start instead
-
-  // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
-  /**
-   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.
-   */
-  alignmentAxisOffset: PropTypes.number,
-  /**
-   * Provide a custom element or component to render the top-level node for the
-   * component.
-   */
-  as: PropTypes.elementType,
-  /**
-   * Will auto-align the popover on first render if it is not visible. This prop
-   * is currently experimental and is subject to future changes. Requires
-   * React v17+
-   * @see https://github.com/carbon-design-system/carbon/issues/18714
-   */
-  autoAlign: PropTypes.bool,
-  /**
-   * Custom children to be rendered as the content of the label
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom class name to be added to the outermost node in the
-   * component
-   */
-  className: PropTypes.string,
+// Get all the properties from Popover except for "open".
+// The Typescript types for PropTypes are really messed up so we need lots of
+// casting.  It will be great when we can finally get rid of PropTypes altogether.
+const {
+  open,
+  ...popoverNonOpenPropTypes
+} = index.Popover.propTypes ?? {};
+Toggletip.propTypes = {
+  // Has all of Popover's PropTypes except for "open".
+  ...popoverNonOpenPropTypes,
   /**
    * Specify if the toggletip should be open by default
    */

package/lib/index.d.ts

@@ -58,6 +58,7 @@ export * from './components/OrderedList';
 export * from './components/OverflowMenu';
 export * from './components/OverflowMenuItem';
 export * as unstable__PageHeader from './components/PageHeader';
+export * as preview__Dialog from './components/Dialog';
 export * from './components/Pagination';
 export * from './components/Pagination/Pagination.Skeleton';
 export * from './components/PaginationNav';
@@ -185,7 +186,6 @@ export type { TableToolbarSearchProps } from './components/DataTable/TableToolba
 export type { DataTableSkeletonProps } from './components/DataTableSkeleton/DataTableSkeleton';
 export type { DatePickerProps } from './components/DatePicker/DatePicker';
 export type { DatePickerInputProps } from './components/DatePickerInput/DatePickerInput';
-export type { DialogProps } from './components/Dialog/index';
 export type { DropdownProps } from './components/Dropdown/Dropdown';
 export type { ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
 export type { FeatureFlagsProps } from './components/FeatureFlags/index';
@@ -267,6 +267,7 @@ export type { OrderedListProps } from './components/OrderedList/OrderedList';
 export type { OverflowMenuProps } from './components/OverflowMenu/OverflowMenu';
 export type { OverflowMenuItemProps } from './components/OverflowMenuItem/OverflowMenuItem';
 export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, } from './components/PageHeader';
+export type { DialogProps, DialogHeaderProps, DialogControlsProps, DialogCloseButtonProps, DialogTitleProps, DialogSubtitleProps, DialogBodyProps, DialogFooterProps, } from './components/Dialog';
 export type { PaginationProps } from './components/Pagination/Pagination';
 export type { PaginationSkeletonProps } from './components/Pagination/Pagination.Skeleton';
 export type { DirectionButtonProps } from './components/PaginationNav/PaginationNav';

package/lib/index.js

@@ -21,11 +21,11 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
-var index$7 = require('./components/ClassPrefix/index.js');
+var index$8 = require('./components/ClassPrefix/index.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$8 = require('./components/ComboButton/index.js');
+var index$9 = require('./components/ComboButton/index.js');
 var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
 var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
@@ -67,7 +67,7 @@ var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
 var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
 var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
-var index$1 = require('./components/FeatureFlags/index.js');
+var index$2 = require('./components/FeatureFlags/index.js');
 var FileUploader = require('./components/FileUploader/FileUploader.js');
 var Filename = require('./components/FileUploader/Filename.js');
 var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
@@ -87,14 +87,14 @@ var Column = require('./components/Grid/Column.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var GridContext = require('./components/Grid/GridContext.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$9 = require('./components/IdPrefix/index.js');
+var index$a = require('./components/IdPrefix/index.js');
 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$a = require('./components/MenuButton/index.js');
+var index$b = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
@@ -103,9 +103,10 @@ var Notification = require('./components/Notification/Notification.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$b = require('./components/OverflowMenu/index.js');
+var index$c = require('./components/OverflowMenu/index.js');
 var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
 var index = require('./components/PageHeader/index.js');
+var index$1 = require('./components/Dialog/index.js');
 var Pagination$1 = require('./components/Pagination/Pagination.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
@@ -128,7 +129,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
 var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
-var index$c = require('./components/Slider/index.js');
+var index$d = require('./components/Slider/index.js');
 var HStack = require('./components/Stack/HStack.js');
 var Stack = require('./components/Stack/Stack.js');
 var VStack = require('./components/Stack/VStack.js');
@@ -155,7 +156,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
 var Toggle = require('./components/Toggle/Toggle.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
-var index$d = require('./components/Toggletip/index.js');
+var index$e = require('./components/Toggletip/index.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
 var Content = require('./components/UIShell/Content.js');
@@ -211,18 +212,18 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
 var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
 var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
 var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
-var index$e = require('./components/Heading/index.js');
-var index$f = require('./components/IconButton/index.js');
-var index$g = require('./components/Layer/index.js');
-var index$2 = require('./components/Layout/index.js');
+var index$f = require('./components/Heading/index.js');
+var index$g = require('./components/IconButton/index.js');
+var index$h = require('./components/Layer/index.js');
+var index$3 = require('./components/Layout/index.js');
 var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
-var index$3 = require('./components/OverflowMenuV2/index.js');
-var index$h = require('./components/Popover/index.js');
+var index$4 = require('./components/OverflowMenuV2/index.js');
+var index$i = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
-var index$4 = require('./components/AILabel/index.js');
-var index$5 = require('./components/IconIndicator/index.js');
-var index$6 = require('./components/ShapeIndicator/index.js');
+var index$5 = require('./components/AILabel/index.js');
+var index$6 = require('./components/IconIndicator/index.js');
+var index$7 = require('./components/ShapeIndicator/index.js');
 var ChatButton = require('./components/ChatButton/ChatButton.js');
 var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
 var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
@@ -231,7 +232,7 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$i = require('./components/Theme/index.js');
+var index$j = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
@@ -261,11 +262,11 @@ exports.ButtonSet = ButtonSet.default;
 exports.Checkbox = Checkbox.default;
 exports.CheckboxSkeleton = Checkbox_Skeleton.default;
 exports.CheckboxGroup = CheckboxGroup.default;
-exports.ClassPrefix = index$7.ClassPrefix;
+exports.ClassPrefix = index$8.ClassPrefix;
 exports.CodeSnippet = CodeSnippet.default;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton.default;
 exports.ComboBox = ComboBox.default;
-exports.ComboButton = index$8.ComboButton;
+exports.ComboButton = index$9.ComboButton;
 exports.ComposedModal = ComposedModal.default;
 exports.ModalBody = ComposedModal.ModalBody;
 exports.ModalHeader = ModalHeader.ModalHeader;
@@ -307,12 +308,12 @@ exports.DropdownSkeleton = Dropdown_Skeleton.default;
 exports.ErrorBoundary = ErrorBoundary.default;
 exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
 exports.ExpandableSearch = ExpandableSearch.default;
-exports.FeatureFlags = index$1.FeatureFlags;
-exports.unstable_FeatureFlags = index$1.FeatureFlags;
-exports.unstable_useFeatureFlag = index$1.useFeatureFlag;
-exports.unstable_useFeatureFlags = index$1.useFeatureFlags;
-exports.useFeatureFlag = index$1.useFeatureFlag;
-exports.useFeatureFlags = index$1.useFeatureFlags;
+exports.FeatureFlags = index$2.FeatureFlags;
+exports.unstable_FeatureFlags = index$2.FeatureFlags;
+exports.unstable_useFeatureFlag = index$2.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$2.useFeatureFlags;
+exports.useFeatureFlag = index$2.useFeatureFlag;
+exports.useFeatureFlags = index$2.useFeatureFlags;
 exports.FileUploader = FileUploader.default;
 exports.Filename = Filename.default;
 exports.FileUploaderSkeleton = FileUploader_Skeleton.default;
@@ -332,7 +333,7 @@ exports.Column = Column.default;
 exports.ColumnHang = ColumnHang.ColumnHang;
 exports.GridSettings = GridContext.GridSettings;
 exports.IconSkeleton = Icon_Skeleton.default;
-exports.IdPrefix = index$9.IdPrefix;
+exports.IdPrefix = index$a.IdPrefix;
 exports.InlineLoading = InlineLoading.default;
 exports.Link = Link.default;
 exports.ListItem = ListItem.default;
@@ -343,7 +344,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
 exports.MenuItemGroup = MenuItem.MenuItemGroup;
 exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
 exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
-exports.MenuButton = index$a.MenuButton;
+exports.MenuButton = index$b.MenuButton;
 exports.Modal = Modal.default;
 exports.ModalWrapper = ModalWrapper.default;
 exports.FilterableMultiSelect = FilterableMultiSelect.FilterableMultiSelect;
@@ -358,9 +359,10 @@ exports.ToastNotification = Notification.ToastNotification;
 exports.NumberInputSkeleton = NumberInput_Skeleton.default;
 exports.NumberInput = NumberInput.NumberInput;
 exports.OrderedList = OrderedList.default;
-exports.OverflowMenu = index$b.default;
+exports.OverflowMenu = index$c.default;
 exports.OverflowMenuItem = OverflowMenuItem.default;
 exports.unstable__PageHeader = index;
+exports.preview__Dialog = index$1;
 exports.Pagination = Pagination$1.default;
 exports.PaginationSkeleton = Pagination_Skeleton.default;
 exports.PaginationNav = PaginationNav.default;
@@ -384,7 +386,7 @@ exports.SelectItemGroup = SelectItemGroup.default;
 exports.SkeletonIcon = SkeletonIcon.default;
 exports.SkeletonPlaceholder = SkeletonPlaceholder.default;
 exports.SkeletonText = SkeletonText.default;
-exports.Slider = index$c.default;
+exports.Slider = index$d.default;
 exports.HStack = HStack.HStack;
 exports.Stack = Stack.Stack;
 exports.VStack = VStack.VStack;
@@ -428,11 +430,11 @@ exports.TimePickerSelect = TimePickerSelect.default;
 exports.Toggle = Toggle.Toggle;
 exports.ToggleSkeleton = Toggle_Skeleton.default;
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
-exports.Toggletip = index$d.Toggletip;
-exports.ToggletipActions = index$d.ToggletipActions;
-exports.ToggletipButton = index$d.ToggletipButton;
-exports.ToggletipContent = index$d.ToggletipContent;
-exports.ToggletipLabel = index$d.ToggletipLabel;
+exports.Toggletip = index$e.Toggletip;
+exports.ToggletipActions = index$e.ToggletipActions;
+exports.ToggletipButton = index$e.ToggletipButton;
+exports.ToggletipContent = index$e.ToggletipContent;
+exports.ToggletipLabel = index$e.ToggletipLabel;
 exports.TreeNode = TreeNode.default;
 exports.TreeView = TreeView.default;
 exports.Content = Content.default;
@@ -487,27 +489,27 @@ exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
 exports.unstable__FluidTimePicker = FluidTimePicker.default;
 exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
 exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect.default;
-exports.Heading = index$e.Heading;
-exports.Section = index$e.Section;
-exports.IconButton = index$f.IconButton;
-exports.IconButtonKinds = index$f.IconButtonKinds;
-exports.Layer = index$g.Layer;
-exports.useLayer = index$g.useLayer;
-exports.unstable_Layout = index$2.Layout;
+exports.Heading = index$f.Heading;
+exports.Section = index$f.Section;
+exports.IconButton = index$g.IconButton;
+exports.IconButtonKinds = index$g.IconButtonKinds;
+exports.Layer = index$h.Layer;
+exports.useLayer = index$h.useLayer;
+exports.unstable_Layout = index$3.Layout;
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
-exports.unstable_OverflowMenuV2 = index$3.OverflowMenuV2;
-exports.Popover = index$h.Popover;
-exports.PopoverContent = index$h.PopoverContent;
+exports.unstable_OverflowMenuV2 = index$4.OverflowMenuV2;
+exports.Popover = index$i.Popover;
+exports.PopoverContent = index$i.PopoverContent;
 exports.ProgressBar = ProgressBar.default;
-exports.AILabel = index$4.AILabel;
-exports.AILabelActions = index$4.AILabelActions;
-exports.AILabelContent = index$4.AILabelContent;
-exports.unstable__Slug = index$4.AILabel;
-exports.unstable__SlugActions = index$4.AILabelActions;
-exports.unstable__SlugContent = index$4.AILabelContent;
-exports.unstable__IconIndicator = index$5.IconIndicator;
-exports.unstable__ShapeIndicator = index$6.ShapeIndicator;
+exports.AILabel = index$5.AILabel;
+exports.AILabelActions = index$5.AILabelActions;
+exports.AILabelContent = index$5.AILabelContent;
+exports.unstable__Slug = index$5.AILabel;
+exports.unstable__SlugActions = index$5.AILabelActions;
+exports.unstable__SlugContent = index$5.AILabelContent;
+exports.unstable__IconIndicator = index$6.IconIndicator;
+exports.unstable__ShapeIndicator = index$7.ShapeIndicator;
 exports.unstable__ChatButton = ChatButton.default;
 exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton.default;
 exports.AISkeletonPlaceholder = AISkeletonPlaceholder.default;
@@ -518,11 +520,11 @@ exports.AISkeletonText = AISkeletonText.default;
 exports.unstable__AiSkeletonText = AISkeletonText.default;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$i.GlobalTheme;
-exports.Theme = index$i.Theme;
-exports.ThemeContext = index$i.ThemeContext;
-exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
-exports.useTheme = index$i.useTheme;
+exports.GlobalTheme = index$j.GlobalTheme;
+exports.Theme = index$j.Theme;
+exports.ThemeContext = index$j.ThemeContext;
+exports.usePrefersDarkScheme = index$j.usePrefersDarkScheme;
+exports.useTheme = index$j.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;

package/lib/internal/Selection.js

@@ -50,7 +50,7 @@ const useSelection = ({
 
     // Assert special properties (e.g., `disabled`, `isSelectAll`, etc.) are
     // `any` since those properties aren’t part of the generic type.
-    const allSelectableItems = filteredItems.filter(item => !item?.disabled);
+    const allSelectableItems = filteredItems.filter(item => !item?.disabled && !item?.isSelectAll);
     const disabledItemCount = filteredItems.filter(item => item?.disabled).length;
     let newSelectedItems;
 

package/lib/internal/useMergedRefs.js

@@ -18,15 +18,16 @@ var React = require('react');
  * node, assigns that node to every ref in the array.
  */
 const useMergedRefs = refs => {
+  const memoizedRefs = React.useMemo(() => refs, refs);
   return React.useCallback(node => {
-    refs.forEach(ref => {
+    memoizedRefs.forEach(ref => {
       if (typeof ref === 'function') {
         ref(node);
       } else if (ref) {
         ref.current = node;
       }
     });
-  }, [refs]);
+  }, [memoizedRefs]);
 };
 
 exports.useMergedRefs = useMergedRefs;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.89.0-rc.0",
+  "version": "1.89.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -52,16 +52,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": "^0.29.0",
-    "@carbon/icons-react": "^11.65.0-rc.0",
-    "@carbon/layout": "^11.39.0-rc.0",
-    "@carbon/styles": "^1.88.0-rc.0",
-    "@carbon/utilities": "^0.7.0",
+    "@carbon/feature-flags": "^0.30.0",
+    "@carbon/icons-react": "^11.65.0",
+    "@carbon/layout": "^11.39.0",
+    "@carbon/styles": "^1.88.0",
+    "@carbon/utilities": "^0.8.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
     "copy-to-clipboard": "^3.3.1",
-    "downshift": "9.0.9",
+    "downshift": "9.0.10",
     "es-toolkit": "^1.27.0",
     "flatpickr": "4.6.13",
     "invariant": "^2.2.3",
@@ -79,8 +79,8 @@
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@carbon/test-utils": "^10.36.0",
-    "@carbon/themes": "^11.58.0-rc.0",
+    "@carbon/test-utils": "^10.37.0",
+    "@carbon/themes": "^11.58.0",
     "@figma/code-connect": "^1.3.2",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -96,26 +96,25 @@
     "autoprefixer": "^10.4.0",
     "babel-loader": "^10.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-carbon": "^0.8.0-rc.0",
+    "babel-preset-carbon": "^0.8.0",
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.2.0",
-    "clipboardy": "^2.1.0",
+    "clipboardy": "^4.0.0",
     "css-loader": "^7.0.0",
     "enquirer": "^2.3.6",
-    "fast-glob": "^3.2.7",
+    "fast-glob": "^3.3.3",
     "fs-extra": "^11.0.0",
     "html-webpack-plugin": "^5.5.0",
     "mini-css-extract-plugin": "^2.4.5",
     "postcss": "^8.4.5",
     "postcss-loader": "^8.0.0",
-    "prettier2": "npm:prettier@2",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0",
     "remark-gfm": "^4.0.0",
-    "rimraf": "^6.0.0",
+    "rimraf": "^6.0.1",
     "rollup": "^4.41.1",
     "rollup-plugin-strip-banner": "^3.0.0",
     "sass": "^1.77.7",
@@ -123,7 +122,7 @@
     "storybook": "^9.0.5",
     "stream-browserify": "^3.0.0",
     "style-loader": "^4.0.0",
-    "typescript-config-carbon": "^0.5.0",
+    "typescript-config-carbon": "^0.6.0",
     "use-sync-external-store": "^1.5.0",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^5.0.0"
@@ -139,5 +138,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "babd7a9692f8c0595b67877417d7ebf915e19b20"
+  "gitHead": "d66cc6afbdf6802cf8b14042f20f7c350beef90b"
 }