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

package/lib/components/DataTable/TableExpandRow.js

@@ -1,134 +1,97 @@
 /**
- * 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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_index = require('../AILabel/index.js');
+const require_utils = require('../../internal/utils.js');
+const require_TableCell = require('./TableCell.js');
+const require_TableDecoratorRow = require('./TableDecoratorRow.js');
+const require_TableSlugRow = require('./TableSlugRow.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var iconsReact = require('@carbon/icons-react');
-var TableCell = require('./TableCell.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var TableSlugRow = require('./TableSlugRow.js');
-var TableDecoratorRow = require('./TableDecoratorRow.js');
-var index = require('../AILabel/index.js');
-var utils = require('../../internal/utils.js');
-
-/** Props shared between `TableRow` and `TableExpandRow`. */
-
-const TableExpandRow = /*#__PURE__*/React.forwardRef(({
-  ['aria-controls']: ariaControls,
-  ['aria-label']: ariaLabel,
-  ariaLabel: deprecatedAriaLabel,
-  className: rowClassName,
-  children,
-  isExpanded,
-  onExpand,
-  expandIconDescription,
-  isSelected,
-  expandHeader = 'expand',
-  ...rest
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-
-  // We need to put the AILabel and Decorator before the expansion arrow and all other table cells after the arrow.
-  let rowHasAILabel;
-  const decorator = React.Children.toArray(children).map(child => {
-    if (utils.isComponentElement(child, TableSlugRow.default)) {
-      if (child.props.slug) {
-        rowHasAILabel = true;
-      }
-      return child;
-    } else if (utils.isComponentElement(child, TableDecoratorRow.default)) {
-      if (utils.isComponentElement(child.props.decorator, index.AILabel)) {
-        rowHasAILabel = true;
-      }
-      return child;
-    }
-  });
-  const normalizedChildren = React.Children.toArray(children).map(child => {
-    if (!utils.isComponentElement(child, TableSlugRow.default) && !utils.isComponentElement(child, TableDecoratorRow.default)) {
-      return child;
-    }
-  });
-  const className = cx({
-    [`${prefix}--parent-row`]: true,
-    [`${prefix}--expandable-row`]: isExpanded,
-    [`${prefix}--data-table--selected`]: isSelected,
-    [`${prefix}--data-table--slug-row ${prefix}--data-table--ai-label-row`]: rowHasAILabel
-  }, rowClassName);
-  const previousValue = isExpanded ? 'collapsed' : undefined;
-  return /*#__PURE__*/React.createElement("tr", _rollupPluginBabelHelpers.extends({}, rest, {
-    ref: ref,
-    className: className,
-    "data-parent-row": true
-  }), decorator, /*#__PURE__*/React.createElement(TableCell.default, {
-    className: `${prefix}--table-expand`,
-    "data-previous-value": previousValue,
-    headers: expandHeader
-  }, /*#__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(iconsReact.ChevronRight, {
-    className: `${prefix}--table-expand__svg`,
-    "aria-label": expandIconDescription
-  }))), normalizedChildren);
+//#region src/components/DataTable/TableExpandRow.tsx
+/**
+* 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.
+*/
+const TableExpandRow = (0, react.forwardRef)(({ ["aria-controls"]: ariaControls, ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, className: rowClassName, children, isExpanded, onExpand, expandIconDescription, isSelected, expandHeader = "expand", ...rest }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	let rowHasAILabel;
+	const decorator = react.Children.toArray(children).map((child) => {
+		if (require_utils.isComponentElement(child, require_TableSlugRow.default)) {
+			if (child.props.slug) rowHasAILabel = true;
+			return child;
+		} else if (require_utils.isComponentElement(child, require_TableDecoratorRow.default)) {
+			if (require_utils.isComponentElement(child.props.decorator, require_index.AILabel)) rowHasAILabel = true;
+			return child;
+		}
+	});
+	const normalizedChildren = react.Children.toArray(children).map((child) => {
+		if (!require_utils.isComponentElement(child, require_TableSlugRow.default) && !require_utils.isComponentElement(child, require_TableDecoratorRow.default)) return child;
+	});
+	const className = (0, classnames.default)({
+		[`${prefix}--parent-row`]: true,
+		[`${prefix}--expandable-row`]: isExpanded,
+		[`${prefix}--data-table--selected`]: isSelected,
+		[`${prefix}--data-table--slug-row ${prefix}--data-table--ai-label-row`]: rowHasAILabel
+	}, rowClassName);
+	const previousValue = isExpanded ? "collapsed" : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+		...rest,
+		ref,
+		className,
+		"data-parent-row": true,
+		children: [
+			decorator,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TableCell.default, {
+				className: `${prefix}--table-expand`,
+				"data-previous-value": previousValue,
+				headers: expandHeader,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronRight, {
+						className: `${prefix}--table-expand__svg`,
+						"aria-label": expandIconDescription
+					})
+				})
+			}),
+			normalizedChildren
+		]
+	});
 });
 TableExpandRow.propTypes = {
-  /**
-   * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandRow
-   * TODO: make this required in v12
-   */
-  'aria-controls': PropTypes.string,
-  /**
-   * Specify the string read by a voice reader when the expand trigger is
-   * focused
-   */
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
-  /**@ts-ignore*/
-  '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 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
-   */
-  expandHeader: PropTypes.string,
-  /**
-   * The description of the chevron right icon, to be put in its SVG `<title>` element.
-   */
-  expandIconDescription: PropTypes.string,
-  /**
-   * Specify whether this row is expanded or not. This helps coordinate data
-   * attributes so that `TableExpandRow` and `TableExpandedRow` work together
-   */
-  isExpanded: PropTypes.bool,
-  /**
-   * Specify if the row is selected
-   */
-  isSelected: PropTypes.bool,
-  /**
-   * Hook for when a listener initiates a request to expand the given row
-   */
-  onExpand: PropTypes.func.isRequired
+	"aria-controls": prop_types.default.string,
+	"aria-label": prop_types.default.string,
+	ariaLabel: prop_types.default.string,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	expandHeader: prop_types.default.string,
+	expandIconDescription: prop_types.default.string,
+	isExpanded: prop_types.default.bool,
+	isSelected: prop_types.default.bool,
+	onExpand: prop_types.default.func.isRequired
 };
-TableExpandRow.displayName = 'TableExpandRow';
+TableExpandRow.displayName = "TableExpandRow";
 
-exports.default = TableExpandRow;
+//#endregion
+exports.default = TableExpandRow;

package/lib/components/DataTable/TableExpandedRow.js

@@ -1,66 +1,60 @@
 /**
- * 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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_TableCell = require('./TableCell.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var TableCell = require('./TableCell.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const TableExpandedRow = ({
-  className: customClassName,
-  children,
-  colSpan,
-  ...rest
-}) => {
-  const rowRef = React.useRef(null);
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--expandable-row`, customClassName);
-  const toggleParentHoverClass = eventType => {
-    if (rowRef && rowRef.current && rowRef.current.previousElementSibling) {
-      const parentNode = rowRef.current.previousElementSibling;
-      if (eventType === 'enter') {
-        parentNode.classList.add(`${prefix}--expandable-row--hover`);
-      } else {
-        parentNode.classList.remove(`${prefix}--expandable-row--hover`);
-      }
-    }
-  };
-  return /*#__PURE__*/React.createElement("tr", _rollupPluginBabelHelpers.extends({
-    ref: rowRef,
-    onMouseEnter: () => toggleParentHoverClass('enter'),
-    onMouseLeave: () => toggleParentHoverClass('leave')
-  }, rest, {
-    className: className,
-    "data-child-row": true
-  }), /*#__PURE__*/React.createElement(TableCell.default, {
-    colSpan: colSpan
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--child-row-inner-container`
-  }, children)));
+//#region src/components/DataTable/TableExpandedRow.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 TableExpandedRow = ({ className: customClassName, children, colSpan, ...rest }) => {
+	const rowRef = (0, react.useRef)(null);
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)(`${prefix}--expandable-row`, customClassName);
+	const toggleParentHoverClass = (eventType) => {
+		if (rowRef && rowRef.current && rowRef.current.previousElementSibling) {
+			const parentNode = rowRef.current.previousElementSibling;
+			if (eventType === "enter") parentNode.classList.add(`${prefix}--expandable-row--hover`);
+			else parentNode.classList.remove(`${prefix}--expandable-row--hover`);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		ref: rowRef,
+		onMouseEnter: () => toggleParentHoverClass("enter"),
+		onMouseLeave: () => toggleParentHoverClass("leave"),
+		...rest,
+		className,
+		"data-child-row": true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TableCell.default, {
+			colSpan,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--child-row-inner-container`,
+				children
+			})
+		})
+	});
 };
 TableExpandedRow.propTypes = {
-  /**
-   * Pass in the contents for your TableExpandedRow
-   */
-  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.isRequired
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	colSpan: prop_types.default.number.isRequired
 };
 
-exports.default = TableExpandedRow;
+//#endregion
+exports.default = TableExpandedRow;

package/lib/components/DataTable/TableHead.js

@@ -1,19 +1,17 @@
 /**
- * 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.
  */
 
-'use strict';
+const require_wrapComponent = require('../../tools/wrapComponent.js');
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var wrapComponent = require('../../tools/wrapComponent.js');
-
-const TableHead = wrapComponent.default({
-  name: 'TableHead',
-  type: 'thead'
+//#region src/components/DataTable/TableHead.tsx
+const TableHead = require_wrapComponent.default({
+	name: "TableHead",
+	type: "thead"
 });
 
-exports.default = TableHead;
+//#endregion
+exports.default = TableHead;