@carbon/react 1.82.1 → 1.83.0

package/es/components/DataTable/DataTable.js

@@ -7,7 +7,7 @@
 
 import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import { Component } from 'react';
 import isEqual from 'react-fast-compare';
 import getDerivedStateFromProps from './state/getDerivedStateFromProps.js';
 import { getNextSortState } from './state/sorting.js';
@@ -76,21 +76,18 @@ const translateWithId = id => defaultTranslations[id];
  * and updating the state of the single entity will cascade updates to the
  * consumer.
  */
-class DataTable extends React__default.Component {
+class DataTable extends Component {
   constructor(_props) {
     var _this;
     super(_props);
     _this = this;
     _defineProperty(this, "instanceId", void 0);
+    // TODO: Replace with a `type` when this component is converted to a
+    // functional component.
+    _defineProperty(this, "rp", void 0);
     /**
      * Get the props associated with the given header. Mostly used for adding in
      * sorting behavior.
-     *
-     * @param {object} config
-     * @param {string} config.header the header we want the props for
-     * @param {Function} config.onClick a custom click handler for the header
-     * @param {boolean} config.isSortable
-     * @returns {object}
      */
     _defineProperty(this, "getHeaderProps", _ref => {
       let {
@@ -126,11 +123,6 @@ class DataTable extends React__default.Component {
     });
     /**
      * Get the props associated with the given expand header.
-     *
-     * @param {object} config
-     * @param {Function} config.onClick a custom click handler for the expand header
-     * @param {Function} config.onExpand a custom click handler called when header is expanded
-     * @returns {object}
      */
     _defineProperty(this, "getExpandHeaderProps", function () {
       let {
@@ -163,31 +155,18 @@ class DataTable extends React__default.Component {
     });
     /**
      * Decorate consumer's `onClick` event handler with sort parameters
-     *
-     * @param {Function} onClick
-     * @param {object} sortParams
-     * @returns {Function}
      */
     _defineProperty(this, "handleOnHeaderClick", (onClick, sortParams) => {
-      return e => onClick(e, sortParams);
+      return event => onClick(event, sortParams);
     });
     /**
-     * Decorate consumer's `onClick` event handler with sort parameters
-     *
-     * @param {Function} onClick
-     * @param {object} expandParams
-     * @returns {Function}
+     * Decorate consumer's `onClick` event handler with expand parameters
      */
     _defineProperty(this, "handleOnExpandHeaderClick", (onClick, expandParams) => {
-      return e => onClick(e, expandParams);
+      return event => onClick(event, expandParams);
     });
     /**
      * Get the props associated with the given row. Mostly used for expansion.
-     *
-     * @param {object} config
-     * @param {object} config.row the row we want the props for
-     * @param {Function} config.onClick a custom click handler for the header
-     * @returns {object}
      */
     _defineProperty(this, "getRowProps", _ref2 => {
       let {
@@ -214,10 +193,6 @@ class DataTable extends React__default.Component {
     });
     /**
      * Get the props associated with an expanded row
-     *
-     * @param {object} config
-     * @param {object} config.row the parent row we want the props for
-     * @returns {object}
      */
     _defineProperty(this, "getExpandedRowProps", _ref3 => {
       let {
@@ -276,35 +251,30 @@ class DataTable extends React__default.Component {
         onSelect: composeEventHandlers([_this.handleSelectAll, onClick])
       };
     });
-    _defineProperty(this, "getToolbarProps", function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _defineProperty(this, "getToolbarProps", props => {
       const {
         size
-      } = _this.props;
+      } = this.props;
       const isSmall = size === 'xs' || size === 'sm';
       return {
         ...props,
         size: isSmall ? 'sm' : undefined
       };
     });
-    _defineProperty(this, "getBatchActionProps", function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _defineProperty(this, "getBatchActionProps", props => {
       const {
         shouldShowBatchActions
-      } = _this.state;
-      const totalSelected = _this.getSelectedRows().length;
+      } = this.state;
+      const totalSelected = this.getSelectedRows().length;
       return {
         onSelectAll: undefined,
-        totalCount: _this.state.rowIds.length || 0,
+        totalCount: this.state.rowIds.length || 0,
         ...props,
         shouldShowBatchActions: shouldShowBatchActions && totalSelected > 0,
         totalSelected,
-        onCancel: _this.handleOnCancel
+        onCancel: this.handleOnCancel
       };
     });
-    /**
-     * Helper utility to get the Table Props.
-     */
     _defineProperty(this, "getTableProps", () => {
       const {
         useZebraStyles,
@@ -325,9 +295,6 @@ class DataTable extends React__default.Component {
         experimentalAutoAlign
       };
     });
-    /**
-     * Helper utility to get the TableContainer Props.
-     */
     _defineProperty(this, "getTableContainerProps", () => {
       const {
         stickyHeader,
@@ -340,25 +307,25 @@ class DataTable extends React__default.Component {
     });
     /**
      * Get the props associated with the given table cell.
-     *
-     * @param {object} config
-     * @param {object} config.cell the cell we want the props for
-     * @returns {object}
      */
     _defineProperty(this, "getCellProps", _ref4 => {
       let {
-        cell,
+        cell: {
+          hasAILabelHeader,
+          hasDecoratorHeader
+        },
         ...rest
       } = _ref4;
       return {
         ...rest,
-        hasAILabelHeader: cell.hasAILabelHeader,
-        hasDecoratorHeader: cell.hasDecoratorHeader
+        hasAILabelHeader,
+        hasDecoratorHeader
       };
     });
     /**
      * Helper utility to get all the currently selected rows
-     * @returns {Array<string>} the array of rowIds that are currently selected
+     *
+     * @returns the array of rowIds that are currently selected
      */
     _defineProperty(this, "getSelectedRows", () => this.state.rowIds.filter(id => {
       const row = this.state.rowsById[id];
@@ -366,8 +333,9 @@ class DataTable extends React__default.Component {
     }));
     /**
      * Helper utility to get all of the available rows after applying the filter
-     * @returns {Array<string>} the array of rowIds that are currently included through the filter
-     *  */
+     *
+     * @returns the array of rowIds that are currently included through the filter
+     */
     _defineProperty(this, "getFilteredRowIds", () => {
       const {
         filterRows = defaultFilterRows
@@ -387,15 +355,13 @@ class DataTable extends React__default.Component {
     /**
      * Helper for getting the table prefix for elements that require an
      * `id` attribute that is unique.
-     *
-     * @returns {string}
      */
     _defineProperty(this, "getTablePrefix", () => `data-table-${this.instanceId}`);
     /**
      * Helper for toggling all selected items in a state. Does not call
      * setState, so use it when setting state.
-     * @param {object} initialState
-     * @returns {object} object to put into this.setState (use spread operator)
+     *
+     * @returns object to put into this.setState (use spread operator)
      */
     _defineProperty(this, "setAllSelectedState", (initialState, isSelected, filteredRowIds) => {
       const {
@@ -445,9 +411,6 @@ class DataTable extends React__default.Component {
     });
     /**
      * Handler for toggling the selection state of a given row.
-     *
-     * @param {string} rowId
-     * @returns {Function}
      */
     _defineProperty(this, "handleOnSelectRow", rowId => () => {
       this.setState(state => {
@@ -492,9 +455,6 @@ class DataTable extends React__default.Component {
     });
     /**
      * Handler for toggling the expansion state of a given row.
-     *
-     * @param {string} rowId
-     * @returns {Function}
      */
     _defineProperty(this, "handleOnExpandRow", rowId => () => {
       this.setState(state => {
@@ -538,8 +498,7 @@ class DataTable extends React__default.Component {
     /**
      * Handler for transitioning to the next sort state of the table
      *
-     * @param {string} headerKey the field for the header that we are sorting by
-     * @returns {Function}
+     * @param headerKey - The field for the header that we are sorting by.
      */
     _defineProperty(this, "handleSortBy", headerKey => () => {
       this.setState(state => getNextSortState(this.props, state, {
@@ -549,8 +508,6 @@ class DataTable extends React__default.Component {
     /**
      * Event handler for transitioning input value state changes for the table
      * filter component.
-     *
-     * @param {Event} event
      */
     _defineProperty(this, "handleOnInputValueChange", (event, defaultValue) => {
       if (event.target) {
@@ -571,7 +528,7 @@ class DataTable extends React__default.Component {
     this.instanceId = getInstanceId();
   }
 
-  // if state needs to be updated then wait for only update after state is finished
+  // If state needs to be updated, defer render until after the update completes.
   shouldComponentUpdate(nextProps) {
     if (this.props !== nextProps) {
       const nextRowIds = nextProps.rows.map(row => row.id);
@@ -639,16 +596,65 @@ class DataTable extends React__default.Component {
       expandAll: this.handleOnExpandAll,
       radio: this.props.radio
     };
-    if (render !== undefined) {
+    if (typeof render !== 'undefined') {
       return render(renderProps);
     }
-    if (children !== undefined) {
+    if (typeof children !== 'undefined') {
       return children(renderProps);
     }
     return null;
   }
 }
-_defineProperty(DataTable, "propTypes", {
+_defineProperty(DataTable, "translationKeys", Object.values(translationKeys));
+// TODO: Delete these static properties when the components are converted to a
+// functional component.
+//
+// Static properties for sub-components
+_defineProperty(DataTable, "Table", void 0);
+_defineProperty(DataTable, "TableActionList", void 0);
+_defineProperty(DataTable, "TableBatchAction", void 0);
+_defineProperty(DataTable, "TableBatchActions", void 0);
+_defineProperty(DataTable, "TableBody", void 0);
+_defineProperty(DataTable, "TableCell", void 0);
+_defineProperty(DataTable, "TableContainer", void 0);
+_defineProperty(DataTable, "TableDecoratorRow", void 0);
+_defineProperty(DataTable, "TableExpandHeader", void 0);
+_defineProperty(DataTable, "TableExpandRow", void 0);
+_defineProperty(DataTable, "TableExpandedRow", void 0);
+_defineProperty(DataTable, "TableHead", void 0);
+_defineProperty(DataTable, "TableHeader", void 0);
+_defineProperty(DataTable, "TableRow", void 0);
+_defineProperty(DataTable, "TableSelectAll", void 0);
+_defineProperty(DataTable, "TableSelectRow", void 0);
+_defineProperty(DataTable, "TableSlugRow", void 0);
+_defineProperty(DataTable, "TableToolbar", void 0);
+_defineProperty(DataTable, "TableToolbarAction", void 0);
+_defineProperty(DataTable, "TableToolbarContent", void 0);
+_defineProperty(DataTable, "TableToolbarSearch", void 0);
+_defineProperty(DataTable, "TableToolbarMenu", void 0);
+DataTable.Table = Table;
+DataTable.TableActionList = TableActionList;
+DataTable.TableBatchAction = TableBatchAction;
+DataTable.TableBatchActions = TableBatchActions;
+DataTable.TableBody = TableBody;
+DataTable.TableCell = TableCell;
+DataTable.TableContainer = TableContainer;
+DataTable.TableDecoratorRow = TableDecoratorRow;
+DataTable.TableExpandHeader = TableExpandHeader;
+DataTable.TableExpandRow = TableExpandRow;
+DataTable.TableExpandedRow = TableExpandedRow;
+DataTable.TableHead = TableHead;
+DataTable.TableHeader = TableHeader;
+DataTable.TableRow = TableRow;
+DataTable.TableSelectAll = TableSelectAll;
+DataTable.TableSelectRow = TableSelectRow;
+DataTable.TableSlugRow = TableSlugRow;
+DataTable.TableToolbar = TableToolbar;
+DataTable.TableToolbarAction = TableToolbarAction;
+DataTable.TableToolbarContent = TableToolbarContent;
+DataTable.TableToolbarSearch = TableToolbarSearch;
+DataTable.TableToolbarMenu = TableToolbarMenu;
+DataTable.propTypes = {
   /**
    * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
    */
@@ -723,52 +729,6 @@ _defineProperty(DataTable, "propTypes", {
    * `true` to add useZebraStyles striping.
    */
   useZebraStyles: PropTypes.bool
-});
-_defineProperty(DataTable, "translationKeys", Object.values(translationKeys));
-// Static properties for sub-components
-_defineProperty(DataTable, "Table", void 0);
-_defineProperty(DataTable, "TableActionList", void 0);
-_defineProperty(DataTable, "TableBatchAction", void 0);
-_defineProperty(DataTable, "TableBatchActions", void 0);
-_defineProperty(DataTable, "TableBody", void 0);
-_defineProperty(DataTable, "TableCell", void 0);
-_defineProperty(DataTable, "TableContainer", void 0);
-_defineProperty(DataTable, "TableDecoratorRow", void 0);
-_defineProperty(DataTable, "TableExpandHeader", void 0);
-_defineProperty(DataTable, "TableExpandRow", void 0);
-_defineProperty(DataTable, "TableExpandedRow", void 0);
-_defineProperty(DataTable, "TableHead", void 0);
-_defineProperty(DataTable, "TableHeader", void 0);
-_defineProperty(DataTable, "TableRow", void 0);
-_defineProperty(DataTable, "TableSelectAll", void 0);
-_defineProperty(DataTable, "TableSelectRow", void 0);
-_defineProperty(DataTable, "TableSlugRow", void 0);
-_defineProperty(DataTable, "TableToolbar", void 0);
-_defineProperty(DataTable, "TableToolbarAction", void 0);
-_defineProperty(DataTable, "TableToolbarContent", void 0);
-_defineProperty(DataTable, "TableToolbarSearch", void 0);
-_defineProperty(DataTable, "TableToolbarMenu", void 0);
-DataTable.Table = Table;
-DataTable.TableActionList = TableActionList;
-DataTable.TableBatchAction = TableBatchAction;
-DataTable.TableBatchActions = TableBatchActions;
-DataTable.TableBody = TableBody;
-DataTable.TableCell = TableCell;
-DataTable.TableContainer = TableContainer;
-DataTable.TableDecoratorRow = TableDecoratorRow;
-DataTable.TableExpandHeader = TableExpandHeader;
-DataTable.TableExpandRow = TableExpandRow;
-DataTable.TableExpandedRow = TableExpandedRow;
-DataTable.TableHead = TableHead;
-DataTable.TableHeader = TableHeader;
-DataTable.TableRow = TableRow;
-DataTable.TableSelectAll = TableSelectAll;
-DataTable.TableSelectRow = TableSelectRow;
-DataTable.TableSlugRow = TableSlugRow;
-DataTable.TableToolbar = TableToolbar;
-DataTable.TableToolbarAction = TableToolbarAction;
-DataTable.TableToolbarContent = TableToolbarContent;
-DataTable.TableToolbarSearch = TableToolbarSearch;
-DataTable.TableToolbarMenu = TableToolbarMenu;
+};
 
 export { DataTable as default };

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

@@ -1,12 +1,12 @@
 /**
- * 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 { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
-interface TableProps {
+export interface TableProps {
     experimentalAutoAlign?: boolean;
     className?: string;
     /**

package/es/components/DataTable/Table.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useContext, useState, useRef, useCallback } from 'react';
+import React, { useContext, useState, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -126,19 +126,19 @@ const Table = _ref => {
   useIsomorphicEffect(() => {
     setTableAlignment();
   }, [setTableAlignment, size]);
-  const table = /*#__PURE__*/React__default.createElement("div", {
+  const table = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-content`
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     ,
     tabIndex: tabIndex ?? (isScrollable ? 0 : undefined)
-  }, /*#__PURE__*/React__default.createElement("table", _extends({
+  }, /*#__PURE__*/React.createElement("table", _extends({
     "aria-labelledby": titleId,
     "aria-describedby": descriptionId
   }, other, {
     className: componentClass,
     ref: tableRef
   }), children));
-  return stickyHeader ? /*#__PURE__*/React__default.createElement("section", {
+  return stickyHeader ? /*#__PURE__*/React.createElement("section", {
     className: `${prefix}--data-table_inner-container`
   }, table) : table;
 };

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

@@ -4,5 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-declare const TableActionList: (props: import("../../types/common").ReactAttr<"div">) => React.ReactElement<any>;
+declare const TableActionList: (props: import("react").HTMLAttributes<"div">) => React.ReactElement<any>;
 export default TableActionList;

package/es/components/DataTable/TableBatchAction.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { AddFilled } from '@carbon/icons-react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
@@ -18,7 +18,7 @@ const TableBatchAction = _ref => {
     iconDescription = 'Add',
     ...props
   } = _ref;
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/React.createElement(Button, _extends({
     renderIcon: renderIcon,
     iconDescription: iconDescription
   }, props));

package/es/components/DataTable/TableBatchActions.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 import TableActionList from './TableActionList.js';
@@ -51,7 +51,7 @@ const TableBatchActions = _ref => {
     translateWithId: t = translateWithId,
     ...rest
   } = _ref;
-  const [isScrolling, setIsScrolling] = React__default.useState(false);
+  const [isScrolling, setIsScrolling] = React.useState(false);
   const prefix = usePrefix();
   const batchActionsClasses = cx({
     [`${prefix}--batch-actions`]: true,
@@ -60,28 +60,28 @@ const TableBatchActions = _ref => {
   const batchSummaryClasses = cx(`${prefix}--batch-summary`, {
     [`${prefix}--batch-summary__scroll`]: isScrolling
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     onScroll: () => {
       setIsScrolling(!isScrolling);
     },
     "aria-hidden": !shouldShowBatchActions,
     className: batchActionsClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: batchSummaryClasses
-  }, /*#__PURE__*/React__default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: `${prefix}--batch-summary__para`
-  }, /*#__PURE__*/React__default.createElement(Text, null, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
+  }, /*#__PURE__*/React.createElement(Text, null, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
     totalSelected
   }) : t('carbon.table.batch.item.selected', {
     totalSelected
-  }))), onSelectAll && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+  }))), onSelectAll && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--batch-summary__divider`
-  }, "|"), /*#__PURE__*/React__default.createElement(Button, {
+  }, "|"), /*#__PURE__*/React.createElement(Button, {
     onClick: onSelectAll,
     tabIndex: shouldShowBatchActions ? 0 : -1
   }, t('carbon.table.batch.selectAll', {
     totalCount
-  })))), /*#__PURE__*/React__default.createElement(TableActionList, null, children, /*#__PURE__*/React__default.createElement(Button, {
+  })))), /*#__PURE__*/React.createElement(TableActionList, null, children, /*#__PURE__*/React.createElement(Button, {
     className: `${prefix}--batch-summary__cancel`,
     tabIndex: shouldShowBatchActions ? 0 : -1,
     onClick: onCancel

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

@@ -1,12 +1,12 @@
 /**
- * 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 PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface TableBodyProps extends ReactAttr<HTMLTableSectionElement> {
+import { type HTMLAttributes } from 'react';
+export interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * `polite` Adjust the notification behavior of screen readers
      */

package/es/components/DataTable/TableBody.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 
 const TableBody = _ref => {
   let {
@@ -15,7 +15,7 @@ const TableBody = _ref => {
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React__default.createElement("tbody", _extends({
+  return /*#__PURE__*/React.createElement("tbody", _extends({
     "aria-live": rest['aria-live'] ?? 'polite',
     className: className
   }, rest), children);

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

@@ -1,12 +1,11 @@
 /**
- * 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 { ReactAttr } from '../../types/common';
-export interface TableCellProps extends ReactAttr<HTMLTableCellElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
     /**
      * Pass in children that will be embedded in the table header label
      */

package/es/components/DataTable/TableCell.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
@@ -24,7 +24,7 @@ const TableCell = frFn((props, ref) => {
   const tableCellClassNames = cx(className, {
     [`${prefix}--table-cell--column-slug`]: hasAILabelHeader
   });
-  return /*#__PURE__*/React__default.createElement("td", _extends({
+  return /*#__PURE__*/React.createElement("td", _extends({
     className: tableCellClassNames ? tableCellClassNames : undefined,
     ref: ref,
     colSpan: colSpan

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

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface TableContainerProps extends Omit<ReactAttr<HTMLDivElement>, 'title'> {
+import React, { type HTMLAttributes } from 'react';
+export interface TableContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * Optional description text for the Table
      */

package/es/components/DataTable/TableContainer.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 import { TableContext } from './TableContext.js';
@@ -38,16 +38,16 @@ const TableContainer = _ref => {
       descriptionId: description ? descriptionId : undefined
     };
   }, [title, description, titleId, descriptionId]);
-  return /*#__PURE__*/React__default.createElement(TableContext.Provider, {
+  return /*#__PURE__*/React.createElement(TableContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(Section, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Section, _extends({}, rest, {
     className: tableContainerClasses
-  }), (title || description) && /*#__PURE__*/React__default.createElement("div", {
+  }), (title || description) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header`
-  }, title && /*#__PURE__*/React__default.createElement(Heading, {
+  }, title && /*#__PURE__*/React.createElement(Heading, {
     className: `${prefix}--data-table-header__title`,
     id: titleId
-  }, title), description && /*#__PURE__*/React__default.createElement("p", {
+  }, title), description && /*#__PURE__*/React.createElement("p", {
     className: `${prefix}--data-table-header__description`,
     id: descriptionId
   }, description)), children));

package/es/components/DataTable/TableDecoratorRow.js

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -23,13 +23,13 @@ const TableDecoratorRow = _ref => {
     [`${prefix}--table-column-decorator`]: true,
     [`${prefix}--table-column-decorator--active`]: decorator
   });
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(decorator) ? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(decorator) ? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'mini'
     });
   }
-  return /*#__PURE__*/React__default.createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     className: TableDecoratorRowClasses
   }, normalizedDecorator);
 };

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

@@ -5,8 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export type TableExpandHeaderPropsBase = {
     /**
      * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandHeader
@@ -44,7 +43,7 @@ export type TableExpandHeaderPropsBase = {
      * Hook for when a listener initiates a request to expand the given row
      */
     onExpand?(event: React.MouseEvent<HTMLButtonElement>): void;
-} & ReactAttr<HTMLTableCellElement>;
+} & HTMLAttributes<HTMLTableCellElement>;
 export type TableExpandHeaderPropsWithToggle = Omit<TableExpandHeaderPropsBase, 'aria-label' | 'enableToggle' | 'onExpand'> & {
     enableToggle: true;
     ['aria-label']: string;