@carbon/react 1.81.0 → 1.82.0

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -21,15 +21,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const Breadcrumb = /*#__PURE__*/React__default["default"].forwardRef(function Breadcrumb(_ref, ref) {
-  let {
+const Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
     'aria-label': ariaLabel,
     children,
     className: customClassNameNav,
     noTrailingSlash,
     size,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--breadcrumb`]: true,

package/lib/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,11 +1,10 @@
 /**
- * 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.
  */
-import React, { AriaAttributes } from 'react';
-import { ForwardRefReturn } from '../../types/common';
+import React, { type AriaAttributes } from 'react';
 export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
     'aria-current'?: AriaAttributes['aria-current'];
     /**
@@ -21,5 +20,5 @@ export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement>
      */
     isCurrentPage?: boolean;
 }
-declare const BreadcrumbItem: ForwardRefReturn<HTMLLIElement, BreadcrumbItemProps>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 export default BreadcrumbItem;

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -25,15 +25,16 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function BreadcrumbItem(_ref, ref) {
-  let {
+const frFn = React.forwardRef;
+const BreadcrumbItem = frFn((props, ref) => {
+  const {
     'aria-current': ariaCurrent,
     children,
     className: customClassName = '',
     href,
     isCurrentPage,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--breadcrumb-item`]: true,

package/lib/components/Button/Button.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../IconButton/index.js');
-var events = require('../../tools/events.js');
 var ButtonBase = require('./ButtonBase.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32,7 +31,6 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   return false;
 }
 const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-  const tooltipRef = React.useRef(null);
   const {
     as,
     autoAlign = false,
@@ -56,12 +54,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
   if (ButtonImageElement && !children && !iconDescription) {
     console.error('Button: renderIcon property specified without also providing an iconDescription property. ' + 'This may impact accessibility for screen reader users.');
   }
-  const handleClick = evt => {
-    // Prevent clicks on the tooltip from triggering the button click event
-    if (evt.target === tooltipRef.current) {
-      evt.preventDefault();
-    }
-  };
   const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, null);
   if (!isIconOnlyButton(hasIconOnly)) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -112,7 +104,7 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
         onFocus: onFocus,
         onBlur: onBlur,
         autoAlign: autoAlign,
-        onClick: events.composeEventHandlers([onClick, handleClick]),
+        onClick: onClick,
         renderIcon: iconOnlyImage ? null : ButtonImageElement // avoid doubling the icon.
       }), iconOnlyImage ?? children)
     );

package/lib/components/ButtonSet/ButtonSet.d.ts

@@ -1,11 +1,10 @@
 /**
- * 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.
  */
 import React from 'react';
-import { ForwardRefReturn } from '../../types/common';
 export interface ButtonSetProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Specify the button arrangement of the set (vertically stacked or
@@ -13,5 +12,5 @@ export interface ButtonSetProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     stacked?: boolean;
 }
-declare const ButtonSet: ForwardRefReturn<HTMLDivElement, ButtonSetProps>;
+declare const ButtonSet: React.ForwardRefExoticComponent<ButtonSetProps & React.RefAttributes<HTMLDivElement>>;
 export default ButtonSet;

package/lib/components/ButtonSet/ButtonSet.js

@@ -21,13 +21,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const ButtonSet = /*#__PURE__*/React__default["default"].forwardRef(function ButtonSet(_ref, ref) {
-  let {
+const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
     children,
     className,
     stacked,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix.usePrefix();
   const buttonSetClasses = cx__default["default"](className, `${prefix}--btn-set`, {
     [`${prefix}--btn-set--stacked`]: stacked

package/lib/components/CodeSnippet/CodeSnippet.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/lib/components/CodeSnippet/CodeSnippet.js

@@ -24,6 +24,7 @@ var copy = require('copy-to-clipboard');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -38,19 +39,6 @@ const defaultMaxCollapsedNumberOfRows = 15;
 const defaultMaxExpandedNumberOfRows = 0;
 const defaultMinCollapsedNumberOfRows = 3;
 const defaultMinExpandedNumberOfRows = 16;
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function CodeSnippet(_ref) {
   let {
     align = 'bottom',
@@ -81,7 +69,7 @@ function CodeSnippet(_ref) {
   const [shouldShowMoreLessBtn, setShouldShowMoreLessBtn] = React.useState(false);
   const {
     current: uid
-  } = React.useRef(uniqueId["default"]());
+  } = React.useRef(uniqueId.uniqueId());
   const codeContentRef = React.useRef(null);
   const codeContainerRef = React.useRef(null);
   const innerCodeRef = React.useRef(null);
@@ -281,11 +269,7 @@ CodeSnippet.propTypes = {
   // 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']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * Specify a label to be read by screen readers on the containing textbox
    * node

package/lib/components/ComboBox/ComboBox.d.ts

@@ -6,7 +6,7 @@
  */
 import { UseComboboxProps, UseComboboxActions } from 'downshift';
 import React, { type ReactNode, type ComponentType, type ReactElement, type RefAttributes, type PropsWithChildren, type PropsWithRef, type InputHTMLAttributes, type MouseEvent } from 'react';
-import { ListBoxSize } from '../ListBox';
+import { type ListBoxSize } from '../ListBox';
 import { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
 export interface OnChangeData<ItemType> {

package/lib/components/ComboBox/ComboBox.js

@@ -917,7 +917,7 @@ ComboBox.propTypes = {
   /**
    * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
    */
-  size: ListBoxPropTypes.ListBoxSize,
+  size: ListBoxPropTypes.ListBoxSizePropType,
   slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Provide text to be used in a `<label>` element that is tied to the

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023
+ * Copyright IBM Corp. 2023, 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/lib/components/ComboButton/index.js

@@ -26,6 +26,7 @@ var react = require('@floating-ui/react');
 var index = require('../FeatureFlags/index.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,19 +43,6 @@ const defaultTranslations = {
  * Message ids that will be passed to translateWithId().
  */
 
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function defaultTranslateWithId(messageId) {
   return defaultTranslations[messageId];
 }
@@ -234,11 +222,7 @@ ComboButton.propTypes = {
   // 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']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * Optional method that takes in a message id and returns an
    * internationalized string.

package/lib/components/ComposedModal/ComposedModal.js

@@ -175,10 +175,12 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
     onMouseDownTarget.current = target;
   }
   function handleOnClick(evt) {
-    const target = evt.target;
+    const {
+      target
+    } = evt;
     const mouseDownTarget = onMouseDownTarget.current;
     evt.stopPropagation();
-    if (!preventCloseOnClickOutside && !wrapFocus.elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target) && !innerModal.current.contains(mouseDownTarget)) {
+    if (!preventCloseOnClickOutside && target instanceof Node && !wrapFocus.elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target) && !innerModal.current.contains(mouseDownTarget)) {
       closeModal(evt);
     }
   }
@@ -197,7 +199,7 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
       const {
         current: endSentinelNode
       } = endSentinel;
-      wrapFocus["default"]({
+      wrapFocus.wrapFocus({
         bodyNode,
         startTrapNode: startSentinelNode,
         endTrapNode: endSentinelNode,

package/lib/components/Copy/Copy.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/lib/components/Copy/Copy.js

@@ -18,6 +18,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../IconButton/index.js');
 var noopFn = require('../../internal/noopFn.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -26,19 +27,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function Copy(_ref) {
   let {
     align = 'bottom',
@@ -111,11 +99,7 @@ Copy.propTypes = {
   // 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']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */

package/lib/components/CopyButton/CopyButton.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/lib/components/CopyButton/CopyButton.js

@@ -19,6 +19,7 @@ var index = require('../Layout/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,19 +27,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function CopyButton(_ref) {
   let {
     align = 'bottom',
@@ -93,11 +81,7 @@ CopyButton.propTypes = {
   // 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']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */

package/lib/components/DataTable/DataTable.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { type MouseEvent } from 'react';
 import type { DataTableSortState } from './state/sortStates';
 import Table from './Table';
 import TableActionList from './TableActionList';
@@ -125,7 +125,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
         [key: string]: unknown;
     };
     getSelectionProps: (getSelectionPropsArgs?: {
-        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+        onClick?: (e: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => void;
         row: DataTableRow<ColTypes>;
         [key: string]: unknown;
     }) => {
@@ -381,7 +381,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         'aria-label': any;
         'aria-controls': string;
         isExpanded: boolean;
-        onExpand: any;
+        onExpand: (event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, ...args: any[]) => void;
     };
     /**
      * Decorate consumer's `onClick` event handler with sort parameters
@@ -413,7 +413,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         [key: string]: unknown;
     }) => {
         key: string;
-        onExpand: any;
+        onExpand: (event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, ...args: any[]) => void;
         isExpanded: boolean | undefined;
         'aria-label': any;
         'aria-controls': string;
@@ -437,19 +437,14 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
      * Gets the props associated with selection for a header or a row, where
      * applicable. Most often used to indicate selection status of the table or
      * for a specific row.
-     *
-     * @param {object} [row] an optional row that we want to access the props for
-     * @param {Function} row.onClick
-     * @param {object} row.row
-     * @returns {object}
      */
     getSelectionProps: ({ onClick, row, ...rest }?: {
         [key: string]: unknown;
-        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+        onClick?: (e: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => void;
         row: DataTableRow<ColTypes>;
     }) => {
         checked: boolean | undefined;
-        onSelect: any;
+        onSelect: (event: React.MouseEvent<HTMLInputElement, globalThis.MouseEvent>, ...args: any[]) => void;
         id: string;
         name: string;
         'aria-label': any;
@@ -461,7 +456,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         id: string;
         indeterminate: boolean;
         name: string;
-        onSelect: any;
+        onSelect: (event: React.MouseEvent<HTMLInputElement, globalThis.MouseEvent>, ...args: any[]) => void;
     };
     getToolbarProps: (props?: {}) => {
         size: "sm" | undefined;

package/lib/components/DataTable/DataTable.js

@@ -243,11 +243,6 @@ class DataTable extends React__default["default"].Component {
      * Gets the props associated with selection for a header or a row, where
      * applicable. Most often used to indicate selection status of the table or
      * for a specific row.
-     *
-     * @param {object} [row] an optional row that we want to access the props for
-     * @param {Function} row.onClick
-     * @param {object} row.row
-     * @returns {object}
      */
     _rollupPluginBabelHelpers.defineProperty(this, "getSelectionProps", function () {
       let {

package/lib/components/DataTable/TableToolbarAction.d.ts

@@ -1,11 +1,10 @@
 /**
- * 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.
  */
 import React from 'react';
-import { ForwardRefReturn } from '../../types/common';
 export interface TableToolbarActionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
     /**
      * Pass in the children that will be rendered inside the TableToolbarAction
@@ -16,6 +15,5 @@ export interface TableToolbarActionProps extends Omit<React.HTMLAttributes<HTMLD
      */
     onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
 }
-export type TableToolbarActionComponent = ForwardRefReturn<HTMLDivElement, TableToolbarActionProps>;
-declare const TableToolbarAction: TableToolbarActionComponent;
+declare const TableToolbarAction: React.ForwardRefExoticComponent<TableToolbarActionProps & React.RefAttributes<HTMLDivElement>>;
 export default TableToolbarAction;

package/lib/components/DataTable/TableToolbarAction.js

@@ -19,11 +19,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const TableToolbarAction = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
-  let {
+const frFn = React.forwardRef;
+const TableToolbarAction = frFn((props, ref) => {
+  const {
     children,
     ...rest
-  } = _ref;
+  } = props;
   return /*#__PURE__*/React__default["default"].createElement(OverflowMenuItem["default"], _rollupPluginBabelHelpers["extends"]({
     ref: ref,
     itemText: children

package/lib/components/DataTable/tools/sorting.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 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.
+ */
+import { type DataTableSortState } from '../state/sortStates';
+/**
+ * Compare two values to determine their order. If both values have the same
+ * type, the default sort algorithm will be used for those types. Otherwise, the
+ * values will be converted to strings for comparison.
+ */
+export declare const compare: (a: any, b: any, locale?: string) => number;
+interface Cell {
+    id: string;
+    value: any;
+}
+interface SortRowParams {
+    key: string;
+    sortDirection: DataTableSortState;
+    sortStates: Record<DataTableSortState, DataTableSortState>;
+    locale: string;
+    compare: typeof compare;
+    rowIds: string[];
+}
+interface SortRowsConfig {
+    rowIds: string[];
+    cellsById: Record<string, Cell>;
+    key: string;
+    sortDirection: DataTableSortState;
+    locale?: string;
+    sortRow?: (cellA: any, cellB: any, params: SortRowParams) => number;
+}
+/**
+ * Sorts table rows based on the provided column key and direction.
+ */
+export declare const sortRows: ({ rowIds, cellsById, sortDirection, key, locale, sortRow, }: SortRowsConfig) => string[];
+/**
+ * Sorts table rows based on the sort direction.
+ */
+export declare const defaultSortRow: (cellA: any, cellB: any, { sortDirection, sortStates, locale, }: Pick<SortRowParams, "locale" | "sortDirection" | "sortStates">) => number;
+export {};