@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/es/components/DataTable/TableBody.js

@@ -1,29 +1,36 @@
 /**
- * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const TableBody = ({
-  children,
-  className,
-  ...rest
-}) => /*#__PURE__*/React.createElement("tbody", _extends({
-  "aria-live": rest['aria-live'] ?? 'polite',
-  className: className
-}, rest), children);
+//#region src/components/DataTable/TableBody.tsx
+/**
+* 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.
+*/
+const TableBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tbody", {
+	"aria-live": rest["aria-live"] ?? "polite",
+	className,
+	...rest,
+	children
+});
 TableBody.propTypes = {
-  /**
-   * `polite` Adjust the notification behavior of screen readers
-   */
-  'aria-live': PropTypes.oneOf(['polite', 'assertive', 'off']),
-  children: PropTypes.node,
-  className: PropTypes.string
+	"aria-live": PropTypes.oneOf([
+		"polite",
+		"assertive",
+		"off"
+	]),
+	children: PropTypes.node,
+	className: PropTypes.string
 };
 
-export { TableBody as default };
+//#endregion
+export { TableBody as default };

package/es/components/DataTable/TableCell.js

@@ -1,57 +1,42 @@
 /**
- * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import PropTypes from 'prop-types';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const frFn = forwardRef;
-const TableCell = frFn((props, ref) => {
-  const {
-    children,
-    className,
-    hasAILabelHeader,
-    colSpan,
-    ...rest
-  } = props;
-  const prefix = usePrefix();
-  const tableCellClassNames = cx(className, {
-    [`${prefix}--table-cell--column-slug`]: hasAILabelHeader
-  });
-  return /*#__PURE__*/React.createElement("td", _extends({
-    className: tableCellClassNames ? tableCellClassNames : undefined,
-    ref: ref,
-    colSpan: colSpan
-  }, rest), children);
+//#region src/components/DataTable/TableCell.tsx
+/**
+* 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.
+*/
+const TableCell = forwardRef((props, ref) => {
+	const { children, className, hasAILabelHeader, colSpan, ...rest } = props;
+	const tableCellClassNames = classNames(className, { [`${usePrefix()}--table-cell--column-slug`]: hasAILabelHeader });
+	return /* @__PURE__ */ jsx("td", {
+		className: tableCellClassNames ? tableCellClassNames : void 0,
+		ref,
+		colSpan,
+		...rest,
+		children
+	});
 });
-TableCell.displayName = 'TableCell';
+TableCell.displayName = "TableCell";
 TableCell.propTypes = {
-  /**
-   * Pass in children that will be embedded in the table header label
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * The width of the expanded row's internal cell
-   */
-  colSpan: PropTypes.number,
-  /**
-   * Specify if the table cell is in an AI column
-   */
-  hasAILabelHeader: PropTypes.bool,
-  /**
-   * The id of the matching th node in the table head. Addresses a11y concerns outlined here: https://www.ibm.com/able/guidelines/ci162/info_and_relationships.html and https://www.w3.org/TR/WCAG20-TECHS/H43
-   */
-  headers: PropTypes.string
+	children: PropTypes.node,
+	className: PropTypes.string,
+	colSpan: PropTypes.number,
+	hasAILabelHeader: PropTypes.bool,
+	headers: PropTypes.string
 };
 
-export { TableCell as default };
+//#endregion
+export { TableCell as default };

package/es/components/DataTable/TableContainer.js

@@ -1,93 +1,86 @@
 /**
- * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useMemo } from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { useId } from '../../internal/useId.js';
-import { TableContext } from './TableContext.js';
-import { Section, Heading } from '../Heading/index.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { useId } from "../../internal/useId.js";
+import { TableContext } from "./TableContext.js";
+import { Heading, Section } from "../Heading/index.js";
+import classNames from "classnames";
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
 
-const TableContainer = ({
-  aiEnabled,
-  className,
-  children,
-  decorator,
-  title,
-  description,
-  stickyHeader,
-  useStaticWidth,
-  ...rest
-}) => {
-  const baseId = useId('tc');
-  const titleId = `${baseId}-title`;
-  const descriptionId = `${baseId}-description`;
-  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--ai-enabled`]: aiEnabled
-  });
-  const value = useMemo(() => {
-    return {
-      titleId: title ? titleId : undefined,
-      descriptionId: description ? descriptionId : undefined
-    };
-  }, [title, description, titleId, descriptionId]);
-  return /*#__PURE__*/React.createElement(TableContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(Section, _extends({}, rest, {
-    className: tableContainerClasses
-  }), (title || description || decorator) && /*#__PURE__*/React.createElement("div", {
-    className: cx(`${prefix}--data-table-header`, {
-      [`${prefix}--data-table-header__with-decorator`]: decorator,
-      [`${prefix}--data-table-header__with-decorator--standalone`]: decorator && !title && !description
-    })
-  }, (title || description) && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--data-table-header__content`
-  }, title && /*#__PURE__*/React.createElement(Heading, {
-    className: `${prefix}--data-table-header__title`,
-    id: titleId
-  }, title), description && /*#__PURE__*/React.createElement("p", {
-    className: `${prefix}--data-table-header__description`,
-    id: descriptionId
-  }, description)), decorator && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--data-table-header__decorator`
-  }, decorator)), children));
+//#region src/components/DataTable/TableContainer.tsx
+/**
+* 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.
+*/
+const TableContainer = ({ aiEnabled, className, children, decorator, title, description, stickyHeader, useStaticWidth, ...rest }) => {
+	const baseId = useId("tc");
+	const titleId = `${baseId}-title`;
+	const descriptionId = `${baseId}-description`;
+	const prefix = usePrefix();
+	const tableContainerClasses = classNames(className, `${prefix}--data-table-container`, {
+		[`${prefix}--data-table--max-width`]: stickyHeader,
+		[`${prefix}--data-table-container--static`]: useStaticWidth,
+		[`${prefix}--data-table-container--ai-enabled`]: aiEnabled
+	});
+	const value = useMemo(() => {
+		return {
+			titleId: title ? titleId : void 0,
+			descriptionId: description ? descriptionId : void 0
+		};
+	}, [
+		title,
+		description,
+		titleId,
+		descriptionId
+	]);
+	return /* @__PURE__ */ jsx(TableContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsxs(Section, {
+			...rest,
+			className: tableContainerClasses,
+			children: [(title || description || decorator) && /* @__PURE__ */ jsxs("div", {
+				className: classNames(`${prefix}--data-table-header`, {
+					[`${prefix}--data-table-header__with-decorator`]: decorator,
+					[`${prefix}--data-table-header__with-decorator--standalone`]: decorator && !title && !description
+				}),
+				children: [(title || description) && /* @__PURE__ */ jsxs("div", {
+					className: `${prefix}--data-table-header__content`,
+					children: [title && /* @__PURE__ */ jsx(Heading, {
+						className: `${prefix}--data-table-header__title`,
+						id: titleId,
+						children: title
+					}), description && /* @__PURE__ */ jsx("p", {
+						className: `${prefix}--data-table-header__description`,
+						id: descriptionId,
+						children: description
+					})]
+				}), decorator && /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--data-table-header__decorator`,
+					children: decorator
+				})]
+			}), children]
+		})
+	});
 };
 TableContainer.propTypes = {
-  /**
-   * Specify if the entire table has AI generated contents
-   */
-  aiEnabled: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * **Experimental**: Provide a `decorator` component to be rendered inside the `TableContainer` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Optional description text for the Table
-   */
-  description: PropTypes.node,
-  /**
-   * Specify whether the table should have a sticky header
-   */
-  stickyHeader: PropTypes.bool,
-  /**
-   * Provide a title for the Table
-   */
-  title: PropTypes.node,
-  /**
-   * If true, will use a width of 'fit-content' to match the inner table width
-   */
-  useStaticWidth: PropTypes.bool
+	aiEnabled: PropTypes.bool,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	decorator: PropTypes.node,
+	description: PropTypes.node,
+	stickyHeader: PropTypes.bool,
+	title: PropTypes.node,
+	useStaticWidth: PropTypes.bool
 };
 
-export { TableContainer as default };
+//#endregion
+export { TableContainer as default };

package/es/components/DataTable/TableContext.js

@@ -1,15 +1,23 @@
 /**
- * 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 { createContext } from 'react';
+import { createContext } from "react";
 
-const TableContext = /*#__PURE__*/createContext({
-  titleId: undefined,
-  descriptionId: undefined
+//#region src/components/DataTable/TableContext.tsx
+/**
+* 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 TableContext = createContext({
+	titleId: void 0,
+	descriptionId: void 0
 });
 
-export { TableContext };
+//#endregion
+export { TableContext };

package/es/components/DataTable/TableDecoratorRow.js

@@ -1,47 +1,41 @@
 /**
- * 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 cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { cloneElement } from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { AILabel } from '../AILabel/index.js';
-import { isComponentElement } from '../../internal/utils.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { AILabel } from "../AILabel/index.js";
+import { isComponentElement } from "../../internal/utils.js";
+import classNames from "classnames";
+import React, { cloneElement } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const TableDecoratorRow = ({
-  className,
-  decorator
-}) => {
-  const prefix = usePrefix();
-  const TableDecoratorRowClasses = cx({
-    ...(className && {
-      [className]: true
-    }),
-    [`${prefix}--table-column-decorator`]: true,
-    [`${prefix}--table-column-decorator--active`]: decorator
-  });
-  const decoratorIsAILabel = isComponentElement(decorator, AILabel);
-  const normalizedDecorator = decoratorIsAILabel ? /*#__PURE__*/cloneElement(decorator, {
-    size: 'mini'
-  }) : null;
-  return /*#__PURE__*/React.createElement("td", {
-    className: TableDecoratorRowClasses
-  }, normalizedDecorator);
+//#region src/components/DataTable/TableDecoratorRow.tsx
+/**
+* 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.
+*/
+const TableDecoratorRow = ({ className, decorator }) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("td", {
+		className: classNames({
+			...className && { [className]: true },
+			[`${prefix}--table-column-decorator`]: true,
+			[`${prefix}--table-column-decorator--active`]: decorator
+		}),
+		children: isComponentElement(decorator, AILabel) ? cloneElement(decorator, { size: "mini" }) : null
+	});
 };
-TableDecoratorRow.displayName = 'TableDecoratorRow';
+TableDecoratorRow.displayName = "TableDecoratorRow";
 TableDecoratorRow.propTypes = {
-  /**
-   * The CSS class names of the cell that wraps the underlying input control
-   */
-  className: PropTypes.string,
-  /**
-   * **Experimental**: Provide a `decorator` component to be rendered inside the `TableDecoratorRow` component
-   */
-  decorator: PropTypes.node
+	className: PropTypes.string,
+	decorator: PropTypes.node
 };
 
-export { TableDecoratorRow as default };
+//#endregion
+export { TableDecoratorRow as default };

package/es/components/DataTable/TableExpandHeader.js

@@ -1,101 +1,64 @@
 /**
- * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ChevronRight } from '@carbon/icons-react';
-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 { requiredIfGivenPropIsTruthy } from '../../prop-types/requiredIfGivenPropIsTruthy.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import { requiredIfGivenPropIsTruthy } from "../../prop-types/requiredIfGivenPropIsTruthy.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "@carbon/icons-react";
 
-const TableExpandHeader = ({
-  ['aria-controls']: ariaControls,
-  ['aria-label']: ariaLabel,
-  ariaLabel: deprecatedAriaLabel,
-  className: headerClassName,
-  enableExpando,
-  enableToggle,
-  id = 'expand',
-  isExpanded,
-  onExpand,
-  expandIconDescription,
-  children,
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  const className = cx(`${prefix}--table-expand`, headerClassName);
-  const previousValue = isExpanded ? 'collapsed' : undefined;
-  return /*#__PURE__*/React.createElement("th", _extends({
-    scope: "col",
-    className: className,
-    "data-previous-value": previousValue,
-    id: id
-  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: `${prefix}--table-expand__button`,
-    onClick: onExpand,
-    title: expandIconDescription,
-    "aria-label": deprecatedAriaLabel || ariaLabel,
-    "aria-expanded": isExpanded,
-    "aria-controls": ariaControls
-  }, /*#__PURE__*/React.createElement(ChevronRight, {
-    className: `${prefix}--table-expand__svg`,
-    "aria-label": expandIconDescription
-  })) : null, children);
+//#region src/components/DataTable/TableExpandHeader.tsx
+/**
+* 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.
+*/
+const TableExpandHeader = ({ ["aria-controls"]: ariaControls, ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, className: headerClassName, enableExpando, enableToggle, id = "expand", isExpanded, onExpand, expandIconDescription, children, ...rest }) => {
+	const prefix = usePrefix();
+	const className = classNames(`${prefix}--table-expand`, headerClassName);
+	const previousValue = isExpanded ? "collapsed" : void 0;
+	return /* @__PURE__ */ jsxs("th", {
+		scope: "col",
+		className,
+		"data-previous-value": previousValue,
+		id,
+		...rest,
+		children: [enableExpando || enableToggle ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `${prefix}--table-expand__button`,
+			onClick: onExpand,
+			title: expandIconDescription,
+			"aria-label": deprecatedAriaLabel || ariaLabel,
+			"aria-expanded": isExpanded,
+			"aria-controls": ariaControls,
+			children: /* @__PURE__ */ jsx(ChevronRight, {
+				className: `${prefix}--table-expand__svg`,
+				"aria-label": expandIconDescription
+			})
+		}) : null, children]
+	});
 };
 TableExpandHeader.propTypes = {
-  /**
-   * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandHeader
-   */
-  ['aria-controls']: PropTypes.string,
-  /**
-   * Specify the string read by a voice reader when the expand trigger is
-   * focused
-   */
-  ['aria-label']: PropTypes.string,
-  /**
-   * Deprecated, please use `aria-label` instead.
-   * Specify the string read by a voice reader when the expand trigger is
-   * focused
-   */
-  ariaLabel: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * The enableExpando prop is being replaced by TableExpandHeader
-   */
-  enableExpando: deprecate(PropTypes.bool, 'The `enableExpando` prop has been deprecated in favor of `enableToggle`. This prop will be removed in the next major release.'),
-  /**
-   * Specify whether an expand all button should be displayed
-   */
-  enableToggle: PropTypes.bool,
-  /**
-   * The description of the chevron right icon, to be put in its SVG `<title>` element.
-   */
-  expandIconDescription: PropTypes.string,
-  /**
-   * Supply an id to the th element.
-   */
-  id: PropTypes.string,
-  /**
-   * Specify whether this row is expanded or not. This helps coordinate data
-   * attributes so that `TableExpandRow` and `TableExpandedRow` work together
-   */
-  isExpanded: requiredIfGivenPropIsTruthy('enableToggle', PropTypes.bool),
-  /**
-   * Hook for when a listener initiates a request to expand the given row
-   */
-  onExpand: PropTypes.oneOfType([requiredIfGivenPropIsTruthy('enableExpando', PropTypes.func
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  ), requiredIfGivenPropIsTruthy('enableToggle', PropTypes.func
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  )])
+	["aria-controls"]: PropTypes.string,
+	["aria-label"]: PropTypes.string,
+	ariaLabel: PropTypes.string,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	enableExpando: deprecate(PropTypes.bool, "The `enableExpando` prop has been deprecated in favor of `enableToggle`. This prop will be removed in the next major release."),
+	enableToggle: PropTypes.bool,
+	expandIconDescription: PropTypes.string,
+	id: PropTypes.string,
+	isExpanded: requiredIfGivenPropIsTruthy("enableToggle", PropTypes.bool),
+	onExpand: PropTypes.oneOfType([requiredIfGivenPropIsTruthy("enableExpando", PropTypes.func), requiredIfGivenPropIsTruthy("enableToggle", PropTypes.func)])
 };
 
-export { TableExpandHeader as default };
+//#endregion
+export { TableExpandHeader as default };