@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/DataTable/DataTable.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 var React = require('react');
 var isEqual = require('react-fast-compare');
@@ -42,11 +40,6 @@ var TableToolbarContent = require('./TableToolbarContent.js');
 var TableToolbarSearch = require('./TableToolbarSearch.js');
 var TableToolbarMenu = require('./TableToolbarMenu.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 const getInstanceId = setupGetInstanceId.setupGetInstanceId();
 const translationKeys = {
   expandRow: 'carbon.table.row.expand',
@@ -106,13 +99,13 @@ const DataTable = props => {
   } = props;
   const instanceId = React.useMemo(() => getInstanceId(), []);
   const [state, setState] = React.useState(() => ({
-    ...getDerivedStateFromProps["default"](props, {}),
+    ...getDerivedStateFromProps.default(props, {}),
     isExpandedAll: false // Start with collapsed state, treat `undefined` as neutral state
   }));
   React.useEffect(() => {
     const nextRowIds = rows.map(row => row.id);
     const nextHeaders = headers.map(header => header.key);
-    const hasRowIdsChanged = !isEqual__default["default"](nextRowIds, state.rowIds);
+    const hasRowIdsChanged = !isEqual(nextRowIds, state.rowIds);
     const currentHeaders = Object.keys(state.cellsById).reduce((acc, cellId) => {
       const headerKey = cellId.split(':')[1];
       if (headerKey && !acc.includes(headerKey)) {
@@ -120,7 +113,7 @@ const DataTable = props => {
       }
       return acc;
     }, []);
-    const hasHeadersChanged = !isEqual__default["default"](nextHeaders, currentHeaders);
+    const hasHeadersChanged = !isEqual(nextHeaders, currentHeaders);
     const currentRows = state.rowIds.map(id => {
       const row = state.rowsById[id];
       return {
@@ -131,9 +124,9 @@ const DataTable = props => {
         isSelected: row.isSelected
       };
     });
-    const hasRowsChanged = !isEqual__default["default"](rows, currentRows);
+    const hasRowsChanged = !isEqual(rows, currentRows);
     if (hasRowIdsChanged || hasHeadersChanged || hasRowsChanged) {
-      setState(prev => getDerivedStateFromProps["default"](props, prev));
+      setState(prev => getDerivedStateFromProps.default(props, prev));
     }
   }, [headers, rows]);
 
@@ -592,9 +585,9 @@ const DataTable = props => {
   }) : state.rowIds;
   const renderProps = {
     // Data derived from state
-    rows: denormalize["default"](filteredRowIds, state.rowsById, state.cellsById),
+    rows: denormalize.default(filteredRowIds, state.rowsById, state.cellsById),
     headers: headers,
-    selectedRows: denormalize["default"](getSelectedRows(), state.rowsById, state.cellsById),
+    selectedRows: denormalize.default(getSelectedRows(), state.rowsById, state.cellsById),
     // Prop accessors/getters
     getHeaderProps,
     getExpandHeaderProps,
@@ -626,102 +619,102 @@ const DataTable = props => {
 };
 DataTable.translationKeys = Object.values(translationKeys);
 DataTable.Table = Table.Table;
-DataTable.TableActionList = TableActionList["default"];
-DataTable.TableBatchAction = TableBatchAction["default"];
-DataTable.TableBatchActions = TableBatchActions["default"];
-DataTable.TableBody = TableBody["default"];
-DataTable.TableCell = TableCell["default"];
-DataTable.TableContainer = TableContainer["default"];
-DataTable.TableDecoratorRow = TableDecoratorRow["default"];
-DataTable.TableExpandHeader = TableExpandHeader["default"];
-DataTable.TableExpandRow = TableExpandRow["default"];
-DataTable.TableExpandedRow = TableExpandedRow["default"];
-DataTable.TableHead = TableHead["default"];
-DataTable.TableHeader = TableHeader["default"];
-DataTable.TableRow = TableRow["default"];
-DataTable.TableSelectAll = TableSelectAll["default"];
-DataTable.TableSelectRow = TableSelectRow["default"];
-DataTable.TableSlugRow = TableSlugRow["default"];
-DataTable.TableToolbar = TableToolbar["default"];
-DataTable.TableToolbarAction = TableToolbarAction["default"];
-DataTable.TableToolbarContent = TableToolbarContent["default"];
-DataTable.TableToolbarSearch = TableToolbarSearch["default"];
-DataTable.TableToolbarMenu = TableToolbarMenu["default"];
+DataTable.TableActionList = TableActionList.default;
+DataTable.TableBatchAction = TableBatchAction.default;
+DataTable.TableBatchActions = TableBatchActions.default;
+DataTable.TableBody = TableBody.default;
+DataTable.TableCell = TableCell.default;
+DataTable.TableContainer = TableContainer.default;
+DataTable.TableDecoratorRow = TableDecoratorRow.default;
+DataTable.TableExpandHeader = TableExpandHeader.default;
+DataTable.TableExpandRow = TableExpandRow.default;
+DataTable.TableExpandedRow = TableExpandedRow.default;
+DataTable.TableHead = TableHead.default;
+DataTable.TableHeader = TableHeader.default;
+DataTable.TableRow = TableRow.default;
+DataTable.TableSelectAll = TableSelectAll.default;
+DataTable.TableSelectRow = TableSelectRow.default;
+DataTable.TableSlugRow = TableSlugRow.default;
+DataTable.TableToolbar = TableToolbar.default;
+DataTable.TableToolbarAction = TableToolbarAction.default;
+DataTable.TableToolbarContent = TableToolbarContent.default;
+DataTable.TableToolbarSearch = TableToolbarSearch.default;
+DataTable.TableToolbarMenu = TableToolbarMenu.default;
 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
    */
-  experimentalAutoAlign: PropTypes__default["default"].bool,
+  experimentalAutoAlign: PropTypes.bool,
   /**
    * Optional hook to manually control filtering of the rows from the
    * TableToolbarSearch component
    */
-  filterRows: PropTypes__default["default"].func,
+  filterRows: PropTypes.func,
   /**
    * The `headers` prop represents the order in which the headers should
    * appear in the table. We expect an array of objects to be passed in, where
    * `key` is the name of the key in a row object, and `header` is the name of
    * the header.
    */
-  headers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    key: PropTypes__default["default"].string.isRequired,
-    header: PropTypes__default["default"].node.isRequired
+  headers: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.string.isRequired,
+    header: PropTypes.node.isRequired
   })).isRequired,
   /**
    * Specify whether the table should be able to be sorted by its headers
    */
-  isSortable: PropTypes__default["default"].bool,
+  isSortable: PropTypes.bool,
   /**
    * Provide a string for the current locale
    */
-  locale: PropTypes__default["default"].string,
+  locale: PropTypes.string,
   /**
    * Specify whether the overflow menu (if it exists) should be shown always, or only on hover
    */
-  overflowMenuOnHover: PropTypes__default["default"].bool,
+  overflowMenuOnHover: PropTypes.bool,
   /**
    * Specify whether the control should be a radio button or inline checkbox
    */
-  radio: PropTypes__default["default"].bool,
+  radio: PropTypes.bool,
   /**
    * The `rows` prop is where you provide us with a list of all the rows that
    * you want to render in the table. The only hard requirement is that this
    * is an array of objects, and that each object has a unique `id` field
    * available on it.
    */
-  rows: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    id: PropTypes__default["default"].string.isRequired,
-    disabled: PropTypes__default["default"].bool,
-    isSelected: PropTypes__default["default"].bool,
-    isExpanded: PropTypes__default["default"].bool
+  rows: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    disabled: PropTypes.bool,
+    isSelected: PropTypes.bool,
+    isExpanded: PropTypes.bool
   })).isRequired,
   /**
    *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
    */
-  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
   /**
    * Optional hook to manually control sorting of the rows.
    */
-  sortRow: PropTypes__default["default"].func,
+  sortRow: PropTypes.func,
   /**
    * Specify whether the header should be sticky.
    * Still experimental: may not work with every combination of table props
    */
-  stickyHeader: PropTypes__default["default"].bool,
+  stickyHeader: PropTypes.bool,
   /**
    * Optional method that takes in a message id and returns an
    * internationalized string. See `DataTable.translationKeys` for all
    * available message ids.
    */
-  translateWithId: PropTypes__default["default"].func,
+  translateWithId: PropTypes.func,
   /**
    * `false` If true, will use a width of 'auto' instead of 100%
    */
-  useStaticWidth: PropTypes__default["default"].bool,
+  useStaticWidth: PropTypes.bool,
   /**
    * `true` to add useZebraStyles striping.
    */
-  useZebraStyles: PropTypes__default["default"].bool
+  useZebraStyles: PropTypes.bool
 };
 
 exports.DataTable = DataTable;

package/lib/components/DataTable/Table.js

@@ -17,13 +17,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var TableContext = require('./TableContext.js');
 var useEvent = require('../../internal/useEvent.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.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 }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.js');
 
 const isElementWrappingContent = (element, context) => {
   if (element.children.length > 0) {
@@ -73,7 +67,7 @@ const Table = ({
   const prefix = usePrefix.usePrefix();
   const [isScrollable, setIsScrollable] = React.useState(false);
   const tableRef = React.useRef(null);
-  const componentClass = cx__default["default"](`${prefix}--data-table`, className, {
+  const componentClass = cx(`${prefix}--data-table`, className, {
     [`${prefix}--data-table--${size}`]: size,
     [`${prefix}--data-table--sort`]: isSortable,
     [`${prefix}--data-table--zebra`]: useZebraStyles,
@@ -120,7 +114,7 @@ const Table = ({
   }, []);
   const debouncedSetTabIndex = debounce.debounce(setTabIndex, 100);
   useEvent.useWindowEvent('resize', debouncedSetTabIndex);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     setTabIndex();
   }, [setTabIndex]);
 
@@ -130,22 +124,22 @@ const Table = ({
       setTableAlignment();
     });
   }
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     setTableAlignment();
   }, [setTableAlignment, size]);
-  const table = /*#__PURE__*/React__default["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["default"].createElement("table", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement("table", _rollupPluginBabelHelpers.extends({
     "aria-labelledby": titleId,
     "aria-describedby": descriptionId
   }, other, {
     className: componentClass,
     ref: tableRef
   }), children));
-  return stickyHeader ? /*#__PURE__*/React__default["default"].createElement("section", {
+  return stickyHeader ? /*#__PURE__*/React.createElement("section", {
     className: `${prefix}--data-table_inner-container`
   }, table) : table;
 };
@@ -153,41 +147,41 @@ Table.propTypes = {
   /**
    * Pass in the children that will be rendered within the Table
    */
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * 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
    */
-  experimentalAutoAlign: PropTypes__default["default"].bool,
+  experimentalAutoAlign: PropTypes.bool,
   /**
    * `false` If true, will apply sorting styles
    */
-  isSortable: PropTypes__default["default"].bool,
+  isSortable: PropTypes.bool,
   /**
    * Specify whether the overflow menu (if it exists) should be shown always, or only on hover
    */
-  overflowMenuOnHover: PropTypes__default["default"].bool,
+  overflowMenuOnHover: PropTypes.bool,
   /**
    *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
    */
-  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
   /**
    * `false` If true, will keep the header sticky (only data rows will scroll)
    */
-  stickyHeader: PropTypes__default["default"].bool,
+  stickyHeader: PropTypes.bool,
   /**
    * `false` If true, will use a width of 'auto' instead of 100%
    */
-  useStaticWidth: PropTypes__default["default"].bool,
+  useStaticWidth: PropTypes.bool,
   /**
    * `true` to add useZebraStyles striping.
    */
-  useZebraStyles: PropTypes__default["default"].bool,
+  useZebraStyles: PropTypes.bool,
   /**
    * Specify the table tabIndex
    */
-  tabIndex: PropTypes__default["default"].number
+  tabIndex: PropTypes.number
 };
 
 exports.Table = Table;
-exports["default"] = Table;
+exports.default = Table;

package/lib/components/DataTable/TableActionList.js

@@ -11,10 +11,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var wrapComponent = require('../../tools/wrapComponent.js');
 
-const TableActionList = wrapComponent["default"]({
+const TableActionList = wrapComponent.default({
   name: 'TableActionList',
   type: 'div',
   className: prefix => `${prefix}--action-list`
 });
 
-exports["default"] = TableActionList;
+exports.default = TableActionList;

package/lib/components/DataTable/TableBatchAction.js

@@ -16,16 +16,11 @@ var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TableBatchAction = ({
   renderIcon = iconsReact.AddFilled,
   iconDescription = 'Add',
   ...props
-}) => /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
+}) => /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
   renderIcon: renderIcon,
   iconDescription: iconDescription
 }, props));
@@ -33,7 +28,7 @@ TableBatchAction.propTypes = {
   /**
    * Specify if the button is an icon-only button
    */
-  hasIconOnly: PropTypes__default["default"].bool,
+  hasIconOnly: PropTypes.bool,
   /**
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
@@ -47,7 +42,7 @@ TableBatchAction.propTypes = {
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 
-exports["default"] = TableBatchAction;
+exports.default = TableBatchAction;

package/lib/components/DataTable/TableBatchActions.js

@@ -20,12 +20,6 @@ require('../Text/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TableBatchActionsTranslationKeys = ['carbon.table.batch.cancel', 'carbon.table.batch.items.selected', 'carbon.table.batch.item.selected', 'carbon.table.batch.selectAll'];
 const translationKeys = {
   'carbon.table.batch.cancel': 'Cancel',
@@ -59,37 +53,37 @@ const TableBatchActions = ({
   translateWithId: t = translateWithId,
   ...rest
 }) => {
-  const [isScrolling, setIsScrolling] = React__default["default"].useState(false);
+  const [isScrolling, setIsScrolling] = React.useState(false);
   const prefix = usePrefix.usePrefix();
-  const batchActionsClasses = cx__default["default"]({
+  const batchActionsClasses = cx({
     [`${prefix}--batch-actions`]: true,
     [`${prefix}--batch-actions--active`]: shouldShowBatchActions
   }, className);
-  const batchSummaryClasses = cx__default["default"](`${prefix}--batch-summary`, {
+  const batchSummaryClasses = cx(`${prefix}--batch-summary`, {
     [`${prefix}--batch-summary__scroll`]: isScrolling
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     onScroll: () => {
       setIsScrolling(!isScrolling);
     },
     "aria-hidden": !shouldShowBatchActions,
     className: batchActionsClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: batchSummaryClasses
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: `${prefix}--batch-summary__para`
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, null, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
+  }, /*#__PURE__*/React.createElement(Text.Text, null, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
     totalSelected
   }) : t('carbon.table.batch.item.selected', {
     totalSelected
-  }))), onSelectAll && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+  }))), onSelectAll && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--batch-summary__divider`
-  }, "|"), /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, "|"), /*#__PURE__*/React.createElement(Button.default, {
     onClick: onSelectAll,
     tabIndex: shouldShowBatchActions ? 0 : -1
   }, t('carbon.table.batch.selectAll', {
     totalCount
-  })))), /*#__PURE__*/React__default["default"].createElement(TableActionList["default"], null, children, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  })))), /*#__PURE__*/React.createElement(TableActionList.default, null, children, /*#__PURE__*/React.createElement(Button.default, {
     className: `${prefix}--batch-summary__cancel`,
     tabIndex: shouldShowBatchActions ? 0 : -1,
     onClick: onCancel
@@ -97,40 +91,40 @@ const TableBatchActions = ({
 };
 TableBatchActions.translationKeys = TableBatchActionsTranslationKeys;
 TableBatchActions.propTypes = {
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * Hook required to listen for when the user initiates a cancel request
    * through this component
    */
-  onCancel: PropTypes__default["default"].func.isRequired,
+  onCancel: PropTypes.func.isRequired,
   /**
    * Hook to listen for when the user initiates a select all
    * request through this component. This _only_ controls the rendering
    * of the `Select All` button and does not include built in functionality
    */
-  onSelectAll: PropTypes__default["default"].func,
+  onSelectAll: PropTypes.func,
   /**
    * Boolean specifier for whether or not the batch action bar should be
    * displayed
    */
-  shouldShowBatchActions: PropTypes__default["default"].bool,
+  shouldShowBatchActions: PropTypes.bool,
   /**
    * Numeric representation of the total number of items in a table.
    * This number is used in the select all button text
    */
-  totalCount: PropTypes__default["default"].number,
+  totalCount: PropTypes.number,
   /**
    * Numeric representation of the total number of items selected in a table.
    * This number is used to derive the selection message
    */
-  totalSelected: PropTypes__default["default"].number.isRequired,
+  totalSelected: PropTypes.number.isRequired,
   /**
    * Supply a method to translate internal strings with your i18n tool of
    * choice. Translation keys are available on the `translationKeys` field for
    * this component.
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
-exports["default"] = TableBatchActions;
+exports.default = TableBatchActions;

package/lib/components/DataTable/TableBody.js

@@ -13,16 +13,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TableBody = ({
   children,
   className,
   ...rest
-}) => /*#__PURE__*/React__default["default"].createElement("tbody", _rollupPluginBabelHelpers["extends"]({
+}) => /*#__PURE__*/React.createElement("tbody", _rollupPluginBabelHelpers.extends({
   "aria-live": rest['aria-live'] ?? 'polite',
   className: className
 }, rest), children);
@@ -30,9 +25,9 @@ TableBody.propTypes = {
   /**
    * `polite` Adjust the notification behavior of screen readers
    */
-  'aria-live': PropTypes__default["default"].oneOf(['polite', 'assertive', 'off']),
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string
+  'aria-live': PropTypes.oneOf(['polite', 'assertive', 'off']),
+  children: PropTypes.node,
+  className: PropTypes.string
 };
 
-exports["default"] = TableBody;
+exports.default = TableBody;

package/lib/components/DataTable/TableCell.js

@@ -15,12 +15,6 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 const frFn = React.forwardRef;
 const TableCell = frFn((props, ref) => {
   const {
@@ -31,10 +25,10 @@ const TableCell = frFn((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const tableCellClassNames = cx__default["default"](className, {
+  const tableCellClassNames = cx(className, {
     [`${prefix}--table-cell--column-slug`]: hasAILabelHeader
   });
-  return /*#__PURE__*/React__default["default"].createElement("td", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("td", _rollupPluginBabelHelpers.extends({
     className: tableCellClassNames ? tableCellClassNames : undefined,
     ref: ref,
     colSpan: colSpan
@@ -45,23 +39,23 @@ TableCell.propTypes = {
   /**
    * Pass in children that will be embedded in the table header label
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * The width of the expanded row's internal cell
    */
-  colSpan: PropTypes__default["default"].number,
+  colSpan: PropTypes.number,
   /**
    * Specify if the table cell is in an AI column
    */
-  hasAILabelHeader: PropTypes__default["default"].bool,
+  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__default["default"].string
+  headers: PropTypes.string
 };
 
-exports["default"] = TableCell;
+exports.default = TableCell;

package/lib/components/DataTable/TableContainer.js

@@ -18,12 +18,6 @@ var useId = require('../../internal/useId.js');
 var TableContext = require('./TableContext.js');
 var index = require('../Heading/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TableContainer = ({
   aiEnabled,
   className,
@@ -38,7 +32,7 @@ const TableContainer = ({
   const titleId = `${baseId}-title`;
   const descriptionId = `${baseId}-description`;
   const prefix = usePrefix.usePrefix();
-  const tableContainerClasses = cx__default["default"](className, `${prefix}--data-table-container`, {
+  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
@@ -49,16 +43,16 @@ const TableContainer = ({
       descriptionId: description ? descriptionId : undefined
     };
   }, [title, description, titleId, descriptionId]);
-  return /*#__PURE__*/React__default["default"].createElement(TableContext.TableContext.Provider, {
+  return /*#__PURE__*/React.createElement(TableContext.TableContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default["default"].createElement(index.Section, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement(index.Section, _rollupPluginBabelHelpers.extends({}, rest, {
     className: tableContainerClasses
-  }), (title || description) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), (title || description) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header`
-  }, title && /*#__PURE__*/React__default["default"].createElement(index.Heading, {
+  }, title && /*#__PURE__*/React.createElement(index.Heading, {
     className: `${prefix}--data-table-header__title`,
     id: titleId
-  }, title), description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, title), description && /*#__PURE__*/React.createElement("p", {
     className: `${prefix}--data-table-header__description`,
     id: descriptionId
   }, description)), children));
@@ -67,25 +61,25 @@ TableContainer.propTypes = {
   /**
    * Specify if the entire table has AI generated contents
    */
-  aiEnabled: PropTypes__default["default"].bool,
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  aiEnabled: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * Optional description text for the Table
    */
-  description: PropTypes__default["default"].node,
+  description: PropTypes.node,
   /**
    * Specify whether the table should have a sticky header
    */
-  stickyHeader: PropTypes__default["default"].bool,
+  stickyHeader: PropTypes.bool,
   /**
    * Provide a title for the Table
    */
-  title: PropTypes__default["default"].node,
+  title: PropTypes.node,
   /**
    * If true, will use a width of 'fit-content' to match the inner table width
    */
-  useStaticWidth: PropTypes__default["default"].bool
+  useStaticWidth: PropTypes.bool
 };
 
-exports["default"] = TableContainer;
+exports.default = TableContainer;