@carbon/react 1.85.0 → 1.86.0-rc.0

package/es/components/DataTable/TableContainer.d.ts

@@ -7,6 +7,10 @@
 import PropTypes from 'prop-types';
 import React, { type HTMLAttributes } from 'react';
 export interface TableContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Specify if the entire table has AI generated contents
+     */
+    aiEnabled?: boolean;
     /**
      * Optional description text for the Table
      */
@@ -25,8 +29,12 @@ export interface TableContainerProps extends Omit<HTMLAttributes<HTMLDivElement>
     title?: React.ReactNode;
 }
 declare const TableContainer: {
-    ({ className, children, title, description, stickyHeader, useStaticWidth, ...rest }: TableContainerProps): import("react/jsx-runtime").JSX.Element;
+    ({ aiEnabled, className, children, title, description, stickyHeader, useStaticWidth, ...rest }: TableContainerProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
+        /**
+         * Specify if the entire table has AI generated contents
+         */
+        aiEnabled: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         /**

package/es/components/DataTable/TableContainer.js

@@ -15,6 +15,7 @@ import { TableContext } from './TableContext.js';
 import { Section, Heading } from '../Heading/index.js';
 
 const TableContainer = ({
+  aiEnabled,
   className,
   children,
   title,
@@ -29,7 +30,8 @@ const TableContainer = ({
   const prefix = usePrefix();
   const tableContainerClasses = cx(className, `${prefix}--data-table-container`, {
     [`${prefix}--data-table--max-width`]: stickyHeader,
-    [`${prefix}--data-table-container--static`]: useStaticWidth
+    [`${prefix}--data-table-container--static`]: useStaticWidth,
+    [`${prefix}--data-table-container--ai-enabled`]: aiEnabled
   });
   const value = useMemo(() => {
     return {
@@ -52,6 +54,10 @@ const TableContainer = ({
   }, description)), children));
 };
 TableContainer.propTypes = {
+  /**
+   * Specify if the entire table has AI generated contents
+   */
+  aiEnabled: PropTypes.bool,
   children: PropTypes.node,
   className: PropTypes.string,
   /**

package/es/components/DataTable/TableExpandHeader.d.ts

@@ -81,7 +81,7 @@ declare const TableExpandHeader: {
         /**
          * The enableExpando prop is being replaced by TableExpandHeader
          */
-        enableExpando: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        enableExpando: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify whether an expand all button should be displayed
          */

package/es/components/DataTable/TableExpandHeader.js

@@ -11,7 +11,7 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
 
 const TableExpandHeader = ({

package/es/components/DataTable/TableSelectAll.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -57,7 +57,7 @@ declare const TableSelectAll: {
          * Deprecated, please use `aria-label` instead.
          * Specify the aria label for the underlying input control
          */
-        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify whether all items are selected, or not
          */

package/es/components/DataTable/TableSelectAll.js

@@ -10,7 +10,7 @@ import React from 'react';
 import InlineCheckbox from '../InlineCheckbox/InlineCheckbox.js';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 
 const TableSelectAll = ({
   ariaLabel: deprecatedAriaLabel = 'Select all rows in the table',

package/es/components/DataTable/TableSelectRow.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -62,7 +62,7 @@ declare const TableSelectRow: {
          * Deprecated, please use `aria-label` instead.
          * Specify the aria label for the underlying input control
          */
-        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify whether this row is selected, or not
          */

package/es/components/DataTable/TableSelectRow.js

@@ -13,7 +13,7 @@ import InlineCheckbox from '../InlineCheckbox/InlineCheckbox.js';
 import RadioButton from '../RadioButton/RadioButton.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 
 const TableSelectRow = ({
   ariaLabel: deprecatedAriaLabel,

package/es/components/DataTable/TableToolbar.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * 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/DataTable/TableToolbar.js

@@ -10,7 +10,7 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 
 const TableToolbar = ({
   ['aria-label']: ariaLabel = 'data table toolbar',

package/es/components/DataTable/TableToolbarMenu.d.ts

@@ -5,24 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-export interface TableToolbarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    /**
-     * Provide an optional class name for the toolbar menu trigger button
-     */
-    className?: string;
-    /**
-     * The description of the menu icon.
-     */
-    iconDescription?: string;
-    /**
-     * Provide an optional class name for the toolbar menu
-     */
-    menuOptionsClass?: string;
-    /**
-     * A component used to render an icon.
-     */
-    renderIcon?: any;
+import { OverflowMenuProps } from '../OverflowMenu';
+export interface TableToolbarMenuProps extends OverflowMenuProps {
 }
 declare const TableToolbarMenu: React.FC<TableToolbarMenuProps>;
 export default TableToolbarMenu;

package/es/components/DataTable/TableToolbarMenu.js

@@ -26,7 +26,6 @@ const TableToolbarMenu = ({
   const toolbarActionClasses = cx(className, `${prefix}--toolbar-action ${prefix}--overflow-menu`);
   const menuOptionsClasses = cx(menuOptionsClass, `${prefix}--toolbar-action__menu`);
   return /*#__PURE__*/React.createElement(OverflowMenu, _extends({
-    "aria-label": iconDescription,
     renderIcon: renderIcon,
     className: toolbarActionClasses,
     title: iconDescription,

package/es/components/DataTable/index.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 DataTable, { type DataTableCell, type DataTableHeader, type DataTableRow, type DataTableProps, type DataTableRenderProps, type DataTableSize } from './DataTable';
+import { DataTable, type DataTableCell, type DataTableHeader, type DataTableProps, type DataTableRenderProps, type DataTableRow, type DataTableSize } from './DataTable';
 import Table from './Table';
 import TableActionList from './TableActionList';
 import TableBatchAction from './TableBatchAction';

package/es/components/DataTable/state/getDerivedStateFromProps.js

@@ -33,7 +33,11 @@ const getDerivedStateFromProps = (props, prevState) => {
     filterInputValue: prevState.filterInputValue || null,
     // Optional state field to indicate whether a consumer should show a
     // batch actions menu
-    shouldShowBatchActions: prevState.shouldShowBatchActions || false
+    shouldShowBatchActions: prevState.shouldShowBatchActions || false,
+    // TODO: Investigate deleting this property when this util is ported to
+    // TypeScript. The only reason it was added was to address a type error in
+    // packages/react/src/components/DataTable/DataTable.tsx
+    isExpandedAll: false
   };
   if (prevState.sortDirection && prevState.sortHeaderKey) {
     const {

package/es/components/DatePicker/DatePicker.js

@@ -15,7 +15,7 @@ import DatePickerInput from '../DatePickerInput/DatePickerInput.js';
 import { appendToPlugin } from './plugins/appendToPlugin.js';
 import carbonFlatpickrFixEventsPlugin from './plugins/fixEventsPlugin.js';
 import carbonFlatpickrRangePlugin from './plugins/rangePlugin.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { Escape, Tab, Enter } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/DatePickerInput/DatePickerInput.js

@@ -14,7 +14,7 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useId } from '../../internal/useId.js';
 import '../Text/index.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';

package/es/components/Dropdown/Dropdown.js

@@ -13,7 +13,7 @@ import PropTypes from 'prop-types';
 import { WarningFilled, WarningAltFilled, Checkmark } from '@carbon/icons-react';
 import ListBox from '../ListBox/index.js';
 import mergeRefs from '../../tools/mergeRefs.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';

package/es/components/FeatureFlags/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2015, 2023
+ * Copyright IBM Corp. 2015, 2025
  *
  * 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,7 +34,7 @@ declare namespace FeatureFlags {
         /**
          * Provide the feature flags to enabled or disabled in the current Rea,ct tree
          */
-        flags: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        flags: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         enableV12TileDefaultIcons: PropTypes.Requireable<boolean>;
         enableV12TileRadioIcons: PropTypes.Requireable<boolean>;
         enableV12Overflowmenu: PropTypes.Requireable<boolean>;

package/es/components/FeatureFlags/index.js

@@ -8,7 +8,7 @@
 import { createScope, FeatureFlags as FeatureFlags$1 } from '@carbon/feature-flags';
 import PropTypes from 'prop-types';
 import React, { useContext, useState, useRef, useEffect, createContext } from 'react';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable

package/es/components/FileUploader/FileUploaderButton.d.ts

@@ -133,7 +133,7 @@ declare namespace FileUploaderButton {
         /**
          * Provide a custom tabIndex value for the `<FileUploaderButton>`
          */
-        tabIndex: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        tabIndex: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
     };
 }
 export default FileUploaderButton;

package/es/components/FileUploader/FileUploaderButton.js

@@ -13,7 +13,7 @@ import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { noopFn } from '../../internal/noopFn.js';
 import { ButtonKinds } from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';

package/es/components/FileUploader/FileUploaderDropContainer.d.ts

@@ -113,11 +113,11 @@ declare namespace FileUploaderDropContainer {
         /**
          * Provide an accessibility role for the `<FileUploaderButton>`
          */
-        role: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        role: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Provide a custom tabIndex value for the `<FileUploaderButton>`
          */
-        tabIndex: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        tabIndex: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
     };
 }
 export default FileUploaderDropContainer;

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -14,7 +14,7 @@ import { matches } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { composeEventHandlers } from '../../tools/events.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { noopFn } from '../../internal/noopFn.js';
 
 function FileUploaderDropContainer({

package/es/components/FluidTextArea/FluidTextArea.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * 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/FluidTextArea/FluidTextArea.js

@@ -11,7 +11,7 @@ import React from 'react';
 import cx from 'classnames';
 import TextArea from '../TextArea/TextArea.js';
 import '../TextArea/TextArea.Skeleton.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 

package/es/components/InlineCheckbox/InlineCheckbox.js

@@ -7,7 +7,7 @@
 
 import PropTypes from 'prop-types';
 import React, { useRef, useEffect } from 'react';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 

package/es/components/ListBox/ListBox.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import React, { forwardRef, useContext } from 'react';
 import PropTypes from 'prop-types';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import './index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';

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

@@ -50,7 +50,7 @@ declare namespace Loading {
         /**
          * Provide an `id` to uniquely identify the label
          */
-        id: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        id: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify whether you would like the small variant of <Loading>
          */

package/es/components/Loading/Loading.js

@@ -10,7 +10,7 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 
 function Loading({
   active = true,

package/es/components/Menu/Menu.js

@@ -14,7 +14,7 @@ import { Escape, ArrowLeft, ArrowUp, ArrowDown } from '../../internal/keyboard/k
 import { match } from '../../internal/keyboard/match.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { MenuContext, menuReducer } from './MenuContext.js';
 import '../LayoutDirection/LayoutDirection.js';
 import { useLayoutDirection } from '../LayoutDirection/useLayoutDirection.js';

package/es/components/Modal/Modal.js

@@ -29,7 +29,7 @@ import { noopFn } from '../../internal/noopFn.js';
 import '../Text/index.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { composeEventHandlers } from '../../tools/events.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { unstable__Dialog } from '../Dialog/index.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -21,7 +21,7 @@ import { Space, Enter, Delete, Escape, Tab, Home, End } from '../../internal/key
 import { match } from '../../internal/keyboard/match.js';
 import { defaultItemToString } from './tools/itemToString.js';
 import mergeRefs from '../../tools/mergeRefs.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { useId } from '../../internal/useId.js';
 import { defaultCompareItems, defaultSortItems } from './tools/sorting.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/MultiSelect/MultiSelect.js

@@ -18,7 +18,7 @@ import { defaultSortItems, defaultCompareItems } from './tools/sorting.js';
 import { useSelection } from '../../internal/Selection.js';
 import { useId } from '../../internal/useId.js';
 import mergeRefs from '../../tools/mergeRefs.js';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import { Delete, Escape, Space, ArrowDown, Enter } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/Notification/Notification.d.ts

@@ -86,7 +86,7 @@ export declare namespace NotificationButton {
          * Deprecated, please use `aria-label` instead.
          * Specify a label to be read by screen readers on the container note.
          */
-        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify an optional className to be applied to the notification button
          */
@@ -189,7 +189,7 @@ export declare namespace ToastNotification {
          * Deprecated, please use `aria-label` instead.
          * Provide a description for "close" icon button that can be read by screen readers
          */
-        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify the caption
          */
@@ -445,7 +445,7 @@ export declare namespace ActionableNotification {
          * Deprecated, please use `aria-label` instead.
          * Provide a description for "close" icon button that can be read by screen readers
          */
-        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify the content
          */
@@ -461,7 +461,7 @@ export declare namespace ActionableNotification {
         /**
          * Specify if focus should be moved to the component when the notification contains actions
          */
-        hasFocus: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        hasFocus: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify the close button should be disabled, or not
          */

package/es/components/Notification/Notification.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React, { useState, useRef, useEffect } from 'react';
-import deprecate from '../../prop-types/deprecate.js';
+import { deprecate } from '../../prop-types/deprecate.js';
 import cx from 'classnames';
 import { Close, ErrorFilled, CheckmarkFilled, WarningFilled, WarningAltFilled, InformationFilled, InformationSquareFilled } from '@carbon/icons-react';
 import '../Text/index.js';

package/es/components/NumberInput/NumberInput.d.ts

@@ -32,6 +32,8 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     decorator?: ReactNode;
     /**
      * Optional starting value for uncontrolled state
+     * Defaults to 0 when type="number"
+     * Defaults to NaN when type="text"
      */
     defaultValue?: number | string;
     /**
@@ -110,6 +112,11 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
      * The minimum value.
      */
     min?: number;
+    /**
+     * Provide an optional handler that is called when the input or stepper
+     * buttons are blurred.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLButtonElement>) => void;
     /**
      * Provide an optional handler that is called when the internal state of
      * NumberInput changes. This handler is called with event and state info.