@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/DataTable/TableContext.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 const TableContext = /*#__PURE__*/React.createContext({

package/lib/components/DataTable/TableDecoratorRow.js

@@ -16,18 +16,12 @@ var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.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 TableDecoratorRow = ({
   className,
   decorator
 }) => {
   const prefix = usePrefix.usePrefix();
-  const TableDecoratorRowClasses = cx__default["default"]({
+  const TableDecoratorRowClasses = cx({
     ...(className && {
       [className]: true
     }),
@@ -38,7 +32,7 @@ const TableDecoratorRow = ({
   const normalizedDecorator = decoratorIsAILabel ? /*#__PURE__*/React.cloneElement(decorator, {
     size: 'mini'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     className: TableDecoratorRowClasses
   }, normalizedDecorator);
 };
@@ -47,11 +41,11 @@ TableDecoratorRow.propTypes = {
   /**
    * The CSS class names of the cell that wraps the underlying input control
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `TableDecoratorRow` component
    */
-  decorator: PropTypes__default["default"].node
+  decorator: PropTypes.node
 };
 
-exports["default"] = TableDecoratorRow;
+exports.default = TableDecoratorRow;

package/lib/components/DataTable/TableExpandHeader.js

@@ -18,12 +18,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.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 TableExpandHeader = ({
   ['aria-controls']: ariaControls,
   ['aria-label']: ariaLabel,
@@ -39,14 +33,14 @@ const TableExpandHeader = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--table-expand`, headerClassName);
+  const className = cx(`${prefix}--table-expand`, headerClassName);
   const previousValue = isExpanded ? 'collapsed' : undefined;
-  return /*#__PURE__*/React__default["default"].createElement("th", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("th", _rollupPluginBabelHelpers.extends({
     scope: "col",
     className: className,
     "data-previous-value": previousValue,
     id: id
-  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React__default["default"].createElement("button", {
+  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: `${prefix}--table-expand__button`,
     onClick: onExpand,
@@ -54,7 +48,7 @@ const TableExpandHeader = ({
     "aria-label": deprecatedAriaLabel || ariaLabel,
     "aria-expanded": isExpanded,
     "aria-controls": ariaControls
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
+  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
     className: `${prefix}--table-expand__svg`,
     "aria-label": expandIconDescription
   })) : null, children);
@@ -63,45 +57,45 @@ TableExpandHeader.propTypes = {
   /**
    * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandHeader
    */
-  ['aria-controls']: PropTypes__default["default"].string,
+  ['aria-controls']: PropTypes.string,
   /**
    * Specify the string read by a voice reader when the expand trigger is
    * focused
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify the string read by a voice reader when the expand trigger is
    * focused
    */
-  ariaLabel: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  ariaLabel: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * The enableExpando prop is being replaced by TableExpandHeader
    */
-  enableExpando: deprecate.deprecate(PropTypes__default["default"].bool, 'The `enableExpando` prop has been deprecated in favor of `enableToggle`. This prop will be removed in the next major release.'),
+  enableExpando: deprecate.deprecate(PropTypes.bool, 'The `enableExpando` prop has been deprecated in favor of `enableToggle`. This prop will be removed in the next major release.'),
   /**
    * Specify whether an expand all button should be displayed
    */
-  enableToggle: PropTypes__default["default"].bool,
+  enableToggle: PropTypes.bool,
   /**
    * The description of the chevron right icon, to be put in its SVG `<title>` element.
    */
-  expandIconDescription: PropTypes__default["default"].string,
+  expandIconDescription: PropTypes.string,
   /**
    * Supply an id to the th element.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether this row is expanded or not. This helps coordinate data
    * attributes so that `TableExpandRow` and `TableExpandedRow` work together
    */
-  isExpanded: requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].bool),
+  isExpanded: requiredIfGivenPropIsTruthy.default('enableToggle', PropTypes.bool),
   /**
    * Hook for when a listener initiates a request to expand the given row
    */
-  onExpand: PropTypes__default["default"].oneOfType([requiredIfGivenPropIsTruthy["default"]('enableExpando', PropTypes__default["default"].func), requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].func)])
+  onExpand: PropTypes.oneOfType([requiredIfGivenPropIsTruthy.default('enableExpando', PropTypes.func), requiredIfGivenPropIsTruthy.default('enableToggle', PropTypes.func)])
 };
 
-exports["default"] = TableExpandHeader;
+exports.default = TableExpandHeader;

package/lib/components/DataTable/TableExpandRow.js

@@ -21,13 +21,7 @@ var TableDecoratorRow = require('./TableDecoratorRow.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.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 TableExpandRow = /*#__PURE__*/React__default["default"].forwardRef(({
+const TableExpandRow = /*#__PURE__*/React.forwardRef(({
   ['aria-controls']: ariaControls,
   ['aria-label']: ariaLabel,
   ariaLabel: deprecatedAriaLabel,
@@ -45,12 +39,12 @@ const TableExpandRow = /*#__PURE__*/React__default["default"].forwardRef(({
   // We need to put the AILabel and Decorator before the expansion arrow and all other table cells after the arrow.
   let rowHasAILabel;
   const decorator = React.Children.toArray(children).map(child => {
-    if (utils.isComponentElement(child, TableSlugRow["default"])) {
+    if (utils.isComponentElement(child, TableSlugRow.default)) {
       if (child.props.slug) {
         rowHasAILabel = true;
       }
       return child;
-    } else if (utils.isComponentElement(child, TableDecoratorRow["default"])) {
+    } else if (utils.isComponentElement(child, TableDecoratorRow.default)) {
       if (utils.isComponentElement(child.props.decorator, index.AILabel)) {
         rowHasAILabel = true;
       }
@@ -58,26 +52,26 @@ const TableExpandRow = /*#__PURE__*/React__default["default"].forwardRef(({
     }
   });
   const normalizedChildren = React.Children.toArray(children).map(child => {
-    if (/*#__PURE__*/React.isValidElement(child) && child.type !== TableSlugRow["default"] && child.type !== TableDecoratorRow["default"]) {
+    if (/*#__PURE__*/React.isValidElement(child) && child.type !== TableSlugRow.default && child.type !== TableDecoratorRow.default) {
       return child;
     }
   });
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--parent-row`]: true,
     [`${prefix}--expandable-row`]: isExpanded,
     [`${prefix}--data-table--selected`]: isSelected,
     [`${prefix}--data-table--slug-row ${prefix}--data-table--ai-label-row`]: rowHasAILabel
   }, rowClassName);
   const previousValue = isExpanded ? 'collapsed' : undefined;
-  return /*#__PURE__*/React__default["default"].createElement("tr", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("tr", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
     className: className,
     "data-parent-row": true
-  }), decorator, /*#__PURE__*/React__default["default"].createElement(TableCell["default"], {
+  }), decorator, /*#__PURE__*/React.createElement(TableCell.default, {
     className: `${prefix}--table-expand`,
     "data-previous-value": previousValue,
     headers: expandHeader
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: `${prefix}--table-expand__button`,
     onClick: onExpand,
@@ -85,7 +79,7 @@ const TableExpandRow = /*#__PURE__*/React__default["default"].forwardRef(({
     "aria-label": deprecatedAriaLabel || ariaLabel,
     "aria-expanded": isExpanded,
     "aria-controls": ariaControls
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
+  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
     className: `${prefix}--table-expand__svg`,
     "aria-label": expandIconDescription
   }))), normalizedChildren);
@@ -95,43 +89,43 @@ TableExpandRow.propTypes = {
    * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandRow
    * TODO: make this required in v12
    */
-  ['aria-controls']: PropTypes__default["default"].string,
+  ['aria-controls']: PropTypes.string,
   /**
    * Specify the string read by a voice reader when the expand trigger is
    * focused
    */
   /**@ts-ignore*/
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify the string read by a voice reader when the expand trigger is
    * focused
    */
-  ariaLabel: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  ariaLabel: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * The id of the matching th node in the table head. Addresses a11y concerns outlined here: https://www.ibm.com/able/guidelines/ci162/info_and_relationships.html and https://www.w3.org/TR/WCAG20-TECHS/H43
    */
-  expandHeader: PropTypes__default["default"].string,
+  expandHeader: PropTypes.string,
   /**
    * The description of the chevron right icon, to be put in its SVG `<title>` element.
    */
-  expandIconDescription: PropTypes__default["default"].string,
+  expandIconDescription: PropTypes.string,
   /**
    * Specify whether this row is expanded or not. This helps coordinate data
    * attributes so that `TableExpandRow` and `TableExpandedRow` work together
    */
-  isExpanded: PropTypes__default["default"].bool,
+  isExpanded: PropTypes.bool,
   /**
    * Specify if the row is selected
    */
-  isSelected: PropTypes__default["default"].bool,
+  isSelected: PropTypes.bool,
   /**
    * Hook for when a listener initiates a request to expand the given row
    */
-  onExpand: PropTypes__default["default"].func.isRequired
+  onExpand: PropTypes.func.isRequired
 };
 TableExpandRow.displayName = 'TableExpandRow';
 
-exports["default"] = TableExpandRow;
+exports.default = TableExpandRow;

package/lib/components/DataTable/TableExpandedRow.js

@@ -16,12 +16,6 @@ var React = require('react');
 var TableCell = require('./TableCell.js');
 var usePrefix = require('../../internal/usePrefix.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 TableExpandedRow = ({
   className: customClassName,
   children,
@@ -30,7 +24,7 @@ const TableExpandedRow = ({
 }) => {
   const rowRef = React.useRef(null);
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--expandable-row`, customClassName);
+  const className = cx(`${prefix}--expandable-row`, customClassName);
   const toggleParentHoverClass = eventType => {
     if (rowRef && rowRef.current && rowRef.current.previousElementSibling) {
       const parentNode = rowRef.current.previousElementSibling;
@@ -41,16 +35,16 @@ const TableExpandedRow = ({
       }
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement("tr", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("tr", _rollupPluginBabelHelpers.extends({
     ref: rowRef,
     onMouseEnter: () => toggleParentHoverClass('enter'),
     onMouseLeave: () => toggleParentHoverClass('leave')
   }, rest, {
     className: className,
     "data-child-row": true
-  }), /*#__PURE__*/React__default["default"].createElement(TableCell["default"], {
+  }), /*#__PURE__*/React.createElement(TableCell.default, {
     colSpan: colSpan
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--child-row-inner-container`
   }, children)));
 };
@@ -58,15 +52,15 @@ TableExpandedRow.propTypes = {
   /**
    * Pass in the contents for your TableExpandedRow
    */
-  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.isRequired
+  colSpan: PropTypes.number.isRequired
 };
 
-exports["default"] = TableExpandedRow;
+exports.default = TableExpandedRow;

package/lib/components/DataTable/TableHead.js

@@ -11,9 +11,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var wrapComponent = require('../../tools/wrapComponent.js');
 
-const TableHead = wrapComponent["default"]({
+const TableHead = wrapComponent.default({
   name: 'TableHead',
   type: 'thead'
 });
 
-exports["default"] = TableHead;
+exports.default = TableHead;

package/lib/components/DataTable/TableHeader.js

@@ -21,12 +21,6 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var sortStates = require('./state/sortStates.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 defaultScope = 'col';
 const translationKeys = {
   buttonDescription: 'carbon.table.header.icon.description'
@@ -53,7 +47,7 @@ const sortDirections = {
   [sortStates.sortStates.ASC]: 'ascending',
   [sortStates.sortStates.DESC]: 'descending'
 };
-const TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function TableHeader({
+const TableHeader = /*#__PURE__*/React.forwardRef(function TableHeader({
   className: headerClassName,
   children,
   colSpan,
@@ -80,25 +74,25 @@ const TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function T
     size: 'mini',
     ref: AILableRef
   }) : null;
-  const headerLabelClassNames = cx__default["default"]({
+  const headerLabelClassNames = cx({
     [`${prefix}--table-header-label`]: true,
     [`${prefix}--table-header-label--slug ${prefix}--table-header-label--ai-label`]: colHasAILabel,
     [`${prefix}--table-header-label--decorator`]: decorator
   });
   if (!isSortable) {
-    return /*#__PURE__*/React__default["default"].createElement("th", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement("th", _rollupPluginBabelHelpers.extends({}, rest, {
       id: id,
       className: headerClassName,
       scope: scope,
       colSpan: colSpan,
       ref: ref
-    }), children ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }), children ? /*#__PURE__*/React.createElement("div", {
       className: headerLabelClassNames
-    }, children, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, children, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--table-header-label--decorator-inner`
     }, normalizedDecorator)) : null);
   }
-  const className = cx__default["default"](headerClassName, {
+  const className = cx(headerClassName, {
     [`${prefix}--table-sort`]: true,
     [`${prefix}--table-sort--active`]: isSortHeader && sortDirection !== sortStates.sortStates.NONE,
     [`${prefix}--table-sort--descending`]: isSortHeader && sortDirection === sortStates.sortStates.DESC
@@ -110,7 +104,7 @@ const TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function T
     isSortHeader,
     sortStates: sortStates.sortStates
   });
-  const headerClasses = cx__default["default"](headerClassName, `${prefix}--table-sort__header`, {
+  const headerClasses = cx(headerClassName, `${prefix}--table-sort__header`, {
     [`${prefix}--table-sort__header--ai-label`]: colHasAILabel,
     [`${prefix}--table-sort__header--decorator`]: decorator
   });
@@ -121,32 +115,32 @@ const TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function T
       return onClick(evt);
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement("th", {
+  return /*#__PURE__*/React.createElement("th", {
     id: id,
     "aria-sort": ariaSort,
     className: headerClasses,
     colSpan: colSpan,
     ref: ref,
     scope: scope
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--table-sort__description`,
     id: uniqueId
-  }, sortDescription), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+  }, sortDescription), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     type: "button",
     "aria-describedby": uniqueId,
     className: className,
     onClick: handleClick
-  }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, rest), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--table-sort__flex`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--table-header-label`
-  }, children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ArrowUp, {
+  }, children), /*#__PURE__*/React.createElement(iconsReact.ArrowUp, {
     size: 20,
     className: `${prefix}--table-sort__icon`
-  }), /*#__PURE__*/React__default["default"].createElement(iconsReact.ArrowsVertical, {
+  }), /*#__PURE__*/React.createElement(iconsReact.ArrowsVertical, {
     size: 20,
     className: `${prefix}--table-sort__icon-unsorted`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--table-header-label--decorator-inner`
   }, normalizedDecorator))));
 });
@@ -154,52 +148,52 @@ TableHeader.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,
   /**
    * Specify `colSpan` as a non-negative integer value to indicate how
    * many columns the TableHeader cell extends in a table
    */
-  colSpan: PropTypes__default["default"].number,
+  colSpan: PropTypes.number,
   /**
    * Supply an id to the th element.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether this header is the header by which a table is being sorted
    * by
    */
-  isSortHeader: PropTypes__default["default"].bool,
+  isSortHeader: PropTypes.bool,
   /**
    * Specify whether this header is one through which a user can sort the table
    */
-  isSortable: PropTypes__default["default"].bool,
+  isSortable: PropTypes.bool,
   /**
    * Hook that is invoked when the header is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the scope of this table header. You can find more info about this
    * attribute at the following URL:
    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
    */
-  scope: PropTypes__default["default"].string,
+  scope: PropTypes.string,
   /**
    * Specify which direction we are currently sorting by, should be one of DESC,
    * NONE, or ASC.
    */
-  sortDirection: PropTypes__default["default"].oneOf(Object.values(sortStates.sortStates)),
+  sortDirection: PropTypes.oneOf(Object.values(sortStates.sortStates)),
   /**
    * 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
 };
 TableHeader.translationKeys = Object.values(translationKeys);
 TableHeader.displayName = 'TableHeader';
 
-exports["default"] = TableHeader;
+exports.default = TableHeader;

package/lib/components/DataTable/TableRow.js

@@ -19,31 +19,25 @@ var TableDecoratorRow = require('./TableDecoratorRow.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.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);
-
-const TableRow = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+const TableRow = /*#__PURE__*/React.forwardRef((props, ref) => {
   const prefix = usePrefix.usePrefix();
   let rowHasAILabel;
   if (props?.children) {
     // TODO: Why is this loop a `map`? It's not returning anything. Ideally,
     // it seems that it should be a `some`. Maybe I'm missing something?
     React.Children.toArray(props.children).map(child => {
-      if (utils.isComponentElement(child, TableSlugRow["default"])) {
+      if (utils.isComponentElement(child, TableSlugRow.default)) {
         if (child.props.slug) {
           rowHasAILabel = true;
         }
-      } else if (utils.isComponentElement(child, TableDecoratorRow["default"]) && utils.isComponentElement(child.props.decorator, index.AILabel)) {
+      } else if (utils.isComponentElement(child, TableDecoratorRow.default) && utils.isComponentElement(child.props.decorator, index.AILabel)) {
         rowHasAILabel = true;
       }
     });
   }
   // Remove unnecessary props if provided to this component, these are
   // only useful in `TableExpandRow`
-  const className = cx__default["default"](props.className, {
+  const className = cx(props.className, {
     [`${prefix}--data-table--selected`]: props.isSelected,
     [`${prefix}--data-table--slug-row ${prefix}--data-table--ai-label-row`]: rowHasAILabel
   });
@@ -59,7 +53,7 @@ const TableRow = /*#__PURE__*/React__default["default"].forwardRef((props, ref)
   if (className) {
     cleanProps.className = className;
   }
-  return /*#__PURE__*/React__default["default"].createElement("tr", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("tr", _rollupPluginBabelHelpers.extends({
     ref: ref
   }, cleanProps));
 });
@@ -67,11 +61,11 @@ TableRow.propTypes = {
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if the row is selected
    */
-  isSelected: PropTypes__default["default"].bool
+  isSelected: PropTypes.bool
 };
 
-exports["default"] = TableRow;
+exports.default = TableRow;

package/lib/components/DataTable/TableSelectAll.js

@@ -16,12 +16,6 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const TableSelectAll = ({
   ariaLabel: deprecatedAriaLabel = 'Select all rows in the table',
   ['aria-label']: ariaLabel,
@@ -34,11 +28,11 @@ const TableSelectAll = ({
   className
 }) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("th", {
+  return /*#__PURE__*/React.createElement("th", {
     "aria-live": "off",
     scope: "col",
-    className: cx__default["default"](`${prefix}--table-column-checkbox`, className)
-  }, /*#__PURE__*/React__default["default"].createElement(InlineCheckbox["default"], {
+    className: cx(`${prefix}--table-column-checkbox`, className)
+  }, /*#__PURE__*/React.createElement(InlineCheckbox.default, {
     "aria-label": ariaLabel || deprecatedAriaLabel,
     checked: checked,
     id: id,
@@ -52,40 +46,40 @@ TableSelectAll.propTypes = {
   /**
    * Specify the aria label for the underlying input control
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify the aria label for the underlying input control
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify whether all items are selected, or not
    */
-  checked: PropTypes__default["default"].bool,
+  checked: PropTypes.bool,
   /**
    * The CSS class names of the cell that wraps the underlying input control
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the checkbox input should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide an `id` for the underlying input control
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the selection only has a subset of all items
    */
-  indeterminate: PropTypes__default["default"].bool,
+  indeterminate: PropTypes.bool,
   /**
    * Provide a `name` for the underlying input control
    */
-  name: PropTypes__default["default"].string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Provide a handler to listen to when a user initiates a selection request
    */
-  onSelect: PropTypes__default["default"].func.isRequired
+  onSelect: PropTypes.func.isRequired
 };
 
-exports["default"] = TableSelectAll;
+exports.default = TableSelectAll;