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

package/es/components/DataTable/TableSelectRow.js

@@ -1,109 +1,74 @@
 /**
- * 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 cx from 'classnames';
-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 { usePrefix } from "../../internal/usePrefix.js";
+import { useId } from "../../internal/useId.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import InlineCheckbox_default from "../InlineCheckbox/index.js";
+import RadioButton_default from "../RadioButton/index.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const TableSelectRow = ({
-  ariaLabel: deprecatedAriaLabel,
-  ['aria-label']: ariaLabel,
-  checked,
-  id,
-  name,
-  onSelect,
-  onChange,
-  disabled,
-  radio,
-  className
-}) => {
-  const prefix = usePrefix();
-  const uniqueNameId = useId();
-  const handleRadioChange = onChange ? (value, name, event) => {
-    // Convert the radio value to boolean for consistency
-    onChange(!!value, name || '', event);
-  } : undefined;
-  const handleCheckboxChange = onChange ? (checked, name, event) => {
-    onChange(checked, name, event);
-  } : undefined;
-  const selectionInputProps = {
-    id,
-    name: name ? name : uniqueNameId,
-    onClick: onSelect,
-    checked,
-    disabled
-  };
-  const labelValue = ariaLabel || deprecatedAriaLabel || '';
-  const tableSelectRowClasses = cx(`${prefix}--table-column-checkbox`, {
-    ...(className && {
-      [className]: true
-    }),
-    [`${prefix}--table-column-radio`]: radio
-  });
-  return /*#__PURE__*/React.createElement("td", {
-    className: tableSelectRowClasses,
-    "aria-live": "off"
-  }, radio ? /*#__PURE__*/React.createElement(RadioButton, _extends({}, selectionInputProps, {
-    labelText: labelValue,
-    onChange: handleRadioChange,
-    hideLabel: true
-  })) : /*#__PURE__*/React.createElement(InlineCheckbox, _extends({}, selectionInputProps, {
-    "aria-label": labelValue,
-    onChange: handleCheckboxChange
-  })));
+//#region src/components/DataTable/TableSelectRow.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 TableSelectRow = ({ ariaLabel: deprecatedAriaLabel, ["aria-label"]: ariaLabel, checked, id, name, onSelect, onChange, disabled, radio, className }) => {
+	const prefix = usePrefix();
+	const uniqueNameId = useId();
+	const handleRadioChange = onChange ? (value, name, event) => {
+		onChange(!!value, name || "", event);
+	} : void 0;
+	const handleCheckboxChange = onChange ? (checked, name, event) => {
+		onChange(checked, name, event);
+	} : void 0;
+	const selectionInputProps = {
+		id,
+		name: name ? name : uniqueNameId,
+		onClick: onSelect,
+		checked,
+		disabled
+	};
+	const labelValue = ariaLabel || deprecatedAriaLabel || "";
+	return /* @__PURE__ */ jsx("td", {
+		className: classNames(`${prefix}--table-column-checkbox`, {
+			...className && { [className]: true },
+			[`${prefix}--table-column-radio`]: radio
+		}),
+		"aria-live": "off",
+		children: radio ? /* @__PURE__ */ jsx(RadioButton_default, {
+			...selectionInputProps,
+			labelText: labelValue,
+			onChange: handleRadioChange,
+			hideLabel: true
+		}) : /* @__PURE__ */ jsx(InlineCheckbox_default, {
+			...selectionInputProps,
+			"aria-label": labelValue,
+			onChange: handleCheckboxChange
+		})
+	});
 };
 TableSelectRow.propTypes = {
-  /**
-   * Specify the aria label for the underlying input control
-   */
-  ['aria-label']: PropTypes.string,
-  /**
-   * Deprecated, please use `aria-label` instead.
-   * Specify the aria label for the underlying input control
-   */
-  ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-  /**
-   * Specify whether this row is selected, or not
-   */
-  checked: PropTypes.bool,
-  /**
-   * The CSS class names of the cell that wraps the underlying input control
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the control is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Provide an `id` for the underlying input control
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Provide a `name` for the underlying input control
-   */
-  name: PropTypes.string.isRequired,
-  /**
-   * Provide an optional hook that is called each time the input is updated
-   */
-  onChange: PropTypes.func,
-  /**
-   * Provide a handler to listen to when a user initiates a selection request
-   */
-  onSelect: PropTypes.func.isRequired,
-  /**
-   * Specify whether the control should be a radio button or inline checkbox
-   */
-  radio: PropTypes.bool
+	["aria-label"]: PropTypes.string,
+	ariaLabel: deprecate(PropTypes.string, "This prop syntax has been deprecated. Please use the new `aria-label`."),
+	checked: PropTypes.bool,
+	className: PropTypes.string,
+	disabled: PropTypes.bool,
+	id: PropTypes.string.isRequired,
+	name: PropTypes.string.isRequired,
+	onChange: PropTypes.func,
+	onSelect: PropTypes.func.isRequired,
+	radio: PropTypes.bool
 };
 
-export { TableSelectRow as default };
+//#endregion
+export { TableSelectRow as default };

package/es/components/DataTable/TableSlugRow.js

@@ -1,54 +1,46 @@
 /**
- * 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 React, { useEffect } from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { deprecateComponent } from '../../prop-types/deprecateComponent.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { deprecateComponent } from "../../prop-types/deprecateComponent.js";
+import classNames from "classnames";
+import React, { useEffect } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const TableSlugRow = ({
-  className,
-  slug
-}) => {
-  useEffect(() => {
-    deprecateComponent('TableSlugRow', 'The `TableSlugRow` component has been deprecated and will be removed in the next major version. Use the TableDecoratorRow component instead.');
-  }, []);
-  const prefix = usePrefix();
-  const TableSlugRowClasses = cx({
-    ...(className && {
-      [className]: true
-    }),
-    [`${prefix}--table-column-slug`]: true,
-    [`${prefix}--table-column-slug--active`]: slug
-  });
-
-  // Slug is always size `mini`
-  let normalizedSlug;
-  if (slug) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-    normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
-      size: 'mini'
-    });
-  }
-  return /*#__PURE__*/React.createElement("td", {
-    className: TableSlugRowClasses
-  }, normalizedSlug);
+//#region src/components/DataTable/TableSlugRow.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 TableSlugRow = ({ className, slug }) => {
+	useEffect(() => {
+		deprecateComponent("TableSlugRow", "The `TableSlugRow` component has been deprecated and will be removed in the next major version. Use the TableDecoratorRow component instead.");
+	}, []);
+	const prefix = usePrefix();
+	const TableSlugRowClasses = classNames({
+		...className && { [className]: true },
+		[`${prefix}--table-column-slug`]: true,
+		[`${prefix}--table-column-slug--active`]: slug
+	});
+	let normalizedSlug;
+	if (slug) normalizedSlug = React.cloneElement(slug, { size: "mini" });
+	return /* @__PURE__ */ jsx("td", {
+		className: TableSlugRowClasses,
+		children: normalizedSlug
+	});
 };
-TableSlugRow.displayName = 'TableSlugRow';
+TableSlugRow.displayName = "TableSlugRow";
 TableSlugRow.propTypes = {
-  /**
-   * The CSS class names of the cell that wraps the underlying input control
-   */
-  className: PropTypes.string,
-  /**
-   * Provide a `Slug` component to be rendered inside the `TableSlugRow` component
-   */
-  slug: PropTypes.node
+	className: PropTypes.string,
+	slug: PropTypes.node
 };
 
-export { TableSlugRow as default };
+//#endregion
+export { TableSlugRow as default };

package/es/components/DataTable/TableToolbar.js

@@ -1,56 +1,44 @@
 /**
- * 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 from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { deprecate } from '../../prop-types/deprecate.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const TableToolbar = ({
-  ['aria-label']: ariaLabel = 'data table toolbar',
-  ariaLabel: deprecatedAriaLabel,
-  children,
-  size,
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  const className = cx({
-    [`${prefix}--table-toolbar`]: true,
-    [`${prefix}--table-toolbar--${size}`]: size
-  });
-  return /*#__PURE__*/React.createElement("section", _extends({
-    role: "group",
-    "aria-label": deprecatedAriaLabel || ariaLabel
-  }, rest, {
-    className: className
-  }), children);
+//#region src/components/DataTable/TableToolbar.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 TableToolbar = ({ ["aria-label"]: ariaLabel = "data table toolbar", ariaLabel: deprecatedAriaLabel, children, size, ...rest }) => {
+	const prefix = usePrefix();
+	const className = classNames({
+		[`${prefix}--table-toolbar`]: true,
+		[`${prefix}--table-toolbar--${size}`]: size
+	});
+	return /* @__PURE__ */ jsx("section", {
+		role: "group",
+		"aria-label": deprecatedAriaLabel || ariaLabel,
+		...rest,
+		className,
+		children
+	});
 };
 TableToolbar.propTypes = {
-  /**
-   * 'aria-label' of the TableToolbar component.
-   * Specify a label to be read by screen readers on the container node
-   */
-  ['aria-label']: PropTypes.string,
-  /**
-   * Deprecated, please use `aria-label` instead.
-   * Specify a label to be read by screen readers on the container node.
-   * 'aria-label' of the TableToolbar component.
-   */
-  ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-  /**
-   * Pass in the children that will be rendered inside the TableToolbar
-   */
-  children: PropTypes.node,
-  /**
-   * `lg` Change the row height of table
-   */
-  size: PropTypes.oneOf(['sm', 'lg'])
+	["aria-label"]: PropTypes.string,
+	ariaLabel: deprecate(PropTypes.string, "This prop syntax has been deprecated. Please use the new `aria-label`."),
+	children: PropTypes.node,
+	size: PropTypes.oneOf(["sm", "lg"])
 };
 
-export { TableToolbar as default };
+//#endregion
+export { TableToolbar as default };

package/es/components/DataTable/TableToolbarAction.js

@@ -1,31 +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, { forwardRef } from 'react';
-import OverflowMenuItem from '../OverflowMenuItem/OverflowMenuItem.js';
+import OverflowMenuItem_default from "../OverflowMenuItem/index.js";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const frFn = forwardRef;
-const TableToolbarAction = frFn((props, ref) => {
-  const {
-    children,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({
-    ref: ref,
-    itemText: children
-  }, rest));
+//#region src/components/DataTable/TableToolbarAction.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 TableToolbarAction = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	return /* @__PURE__ */ jsx(OverflowMenuItem_default, {
+		ref,
+		itemText: children,
+		...rest
+	});
 });
-TableToolbarAction.displayName = 'TableToolbarAction';
+TableToolbarAction.displayName = "TableToolbarAction";
 TableToolbarAction.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  onClick: PropTypes.func.isRequired
+	children: PropTypes.node,
+	className: PropTypes.string,
+	onClick: PropTypes.func.isRequired
 };
 
-export { TableToolbarAction as default };
+//#endregion
+export { TableToolbarAction as default };

package/es/components/DataTable/TableToolbarContent.js

@@ -1,16 +1,24 @@
 /**
- * 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 wrapComponent from '../../tools/wrapComponent.js';
+import wrapComponent from "../../tools/wrapComponent.js";
 
+//#region src/components/DataTable/TableToolbarContent.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 TableToolbarContent = wrapComponent({
-  name: 'TableToolbarContent',
-  type: 'div',
-  className: prefix => `${prefix}--toolbar-content`
+	name: "TableToolbarContent",
+	type: "div",
+	className: (prefix) => `${prefix}--toolbar-content`
 });
 
-export { TableToolbarContent as default };
+//#endregion
+export { TableToolbarContent as default };

package/es/components/DataTable/TableToolbarMenu.js

@@ -1,57 +1,46 @@
 /**
- * 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 { Settings } from '@carbon/icons-react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { OverflowMenu } from '../OverflowMenu/index.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import OverflowMenu from "../OverflowMenu/index.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
+import { Settings } from "@carbon/icons-react";
 
-const defaultIconDescription = 'Settings';
-const TableToolbarMenu = ({
-  className,
-  renderIcon = Settings,
-  iconDescription = defaultIconDescription,
-  children,
-  menuOptionsClass,
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  const toolbarActionClasses = cx(className, `${prefix}--toolbar-action ${prefix}--overflow-menu`);
-  const menuOptionsClasses = cx(menuOptionsClass, `${prefix}--toolbar-action__menu`);
-  return /*#__PURE__*/React.createElement(OverflowMenu, _extends({
-    renderIcon: renderIcon,
-    className: toolbarActionClasses,
-    title: iconDescription,
-    iconDescription: iconDescription,
-    menuOptionsClass: menuOptionsClasses,
-    flipped: true
-  }, rest), children);
+//#region src/components/DataTable/TableToolbarMenu.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 defaultIconDescription = "Settings";
+const TableToolbarMenu = ({ className, renderIcon = Settings, iconDescription = defaultIconDescription, children, menuOptionsClass, ...rest }) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx(OverflowMenu, {
+		renderIcon,
+		className: classNames(className, `${prefix}--toolbar-action ${prefix}--overflow-menu`),
+		title: iconDescription,
+		iconDescription,
+		menuOptionsClass: classNames(menuOptionsClass, `${prefix}--toolbar-action__menu`),
+		flipped: true,
+		...rest,
+		children
+	});
 };
 TableToolbarMenu.propTypes = {
-  children: PropTypes.node.isRequired,
-  /**
-   * Provide an optional class name for the toolbar menu
-   */
-  className: PropTypes.string,
-  /**
-   * The description of the menu icon.
-   */
-  iconDescription: PropTypes.string,
-  /**
-   * Provide an optional class name for the toolbar menu
-   */
-  menuOptionsClass: PropTypes.string,
-  /**
-   * A component used to render an icon.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+	children: PropTypes.node.isRequired,
+	className: PropTypes.string,
+	iconDescription: PropTypes.string,
+	menuOptionsClass: PropTypes.string,
+	renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 
-export { TableToolbarMenu as default };
+//#endregion
+export { TableToolbarMenu as default };