@carbon/react 1.17.0 → 1.18.0-rc.0

package/es/components/Accordion/AccordionItem.js

@@ -11,12 +11,12 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
 import '../Text/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { Text } from '../Text/Text.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["children", "className", "iconDescription", "open", "onHeadingClick", "renderExpando", "renderToggle", "title", "disabled"];
 

package/es/components/Accordion/index.js

@@ -7,3 +7,5 @@
 
 import Accordion from './Accordion.js';
 export { default } from './Accordion.js';
+export { default as AccordionItem } from './AccordionItem.js';
+export { default as AccordionSkeleton } from './Accordion.Skeleton.js';

package/es/components/AccordionItem/index.js

@@ -5,7 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import '../Accordion/Accordion.js';
 import AccordionItem from '../Accordion/AccordionItem.js';
 export { default } from '../Accordion/AccordionItem.js';
+import '../Accordion/Accordion.Skeleton.js';
 
 // Alias for import paths for build tools that rely on this

package/es/components/Breadcrumb/Breadcrumb.js

@@ -53,6 +53,5 @@ Breadcrumb.propTypes = {
    */
   noTrailingSlash: PropTypes.bool
 };
-var Breadcrumb$1 = Breadcrumb;
 
-export { Breadcrumb$1 as default };
+export { Breadcrumb as default };

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -89,6 +89,5 @@ BreadcrumbItem.propTypes = {
    */
   isCurrentPage: PropTypes.bool
 };
-var BreadcrumbItem$1 = BreadcrumbItem;
 
-export { BreadcrumbItem$1 as default };
+export { BreadcrumbItem as default };

package/es/components/Button/Button.Skeleton.js

@@ -64,6 +64,5 @@ ButtonSkeleton.propTypes = {
    */
   small: PropTypes.bool
 };
-var ButtonSkeleton$1 = ButtonSkeleton;
 
-export { ButtonSkeleton$1 as default };
+export { ButtonSkeleton as default };

package/es/components/Button/Button.js

@@ -284,6 +284,5 @@ Button.propTypes = {
    */
   type: PropTypes.oneOf(['button', 'reset', 'submit'])
 };
-var Button$1 = Button;
 
-export { Button$1 as default };
+export { Button as default };

package/es/components/ButtonSet/ButtonSet.js

@@ -43,6 +43,5 @@ ButtonSet.propTypes = {
    */
   stacked: PropTypes.bool
 };
-var ButtonSet$1 = ButtonSet;
 
-export { ButtonSet$1 as default };
+export { ButtonSet as default };

package/es/components/Checkbox/Checkbox.d.ts

@@ -42,6 +42,10 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
         checked: boolean;
         id: string;
     }) => void;
+    /**
+     * Provide an optional onClick handler that is called on click
+     */
+    onClick?: (evt: React.MouseEvent<HTMLInputElement>) => void;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>>;
 export default Checkbox;

package/es/components/Checkbox/Checkbox.js

@@ -13,30 +13,34 @@ import '../Text/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { Text } from '../Text/Text.js';
 
-var _excluded = ["className", "id", "labelText", "onChange", "indeterminate", "hideLabel", "title"];
+var _excluded = ["className", "id", "labelText", "onChange", "onClick", "indeterminate", "hideLabel", "readOnly", "title"];
 var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
   var className = _ref.className,
       id = _ref.id,
       labelText = _ref.labelText,
       _onChange = _ref.onChange,
+      _onClick = _ref.onClick,
       indeterminate = _ref.indeterminate,
       hideLabel = _ref.hideLabel,
+      readOnly = _ref.readOnly,
       _ref$title = _ref.title,
       title = _ref$title === void 0 ? '' : _ref$title,
       other = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [className]);
+  var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, _defineProperty({}, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly));
   var innerLabelClasses = cx("".concat(prefix, "--checkbox-label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
     type: "checkbox",
     onChange: function onChange(evt) {
-      _onChange && _onChange(evt, {
-        checked: evt.target.checked,
-        id: id
-      });
+      if (!readOnly && _onChange) {
+        _onChange(evt, {
+          checked: evt.target.checked,
+          id: id
+        });
+      }
     },
     className: "".concat(prefix, "--checkbox"),
     id: id,
@@ -50,6 +54,20 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
       } else if (_ref2 && Object(_ref2) === _ref2) {
         _ref2.current = el;
       }
+    } // readonly attribute not applicable to type="checkbox"
+    // see - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
+    ,
+    "aria-readonly": readOnly,
+    onClick: function onClick(evt) {
+      if (readOnly) {
+        // prevent default stops the checkbox being updated
+        evt.preventDefault();
+      } // pass onClick event on to the user even if readonly
+
+
+      if (_onClick) {
+        _onClick(evt);
+      }
     }
   })), /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
@@ -108,6 +126,11 @@ Checkbox.propTypes = {
    */
   onChange: PropTypes.func,
 
+  /**
+   * Specify whether the Checkbox is read-only
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Specify a title for the <label> node for the Checkbox
    */

package/es/components/CodeSnippet/CodeSnippet.js

@@ -12,6 +12,7 @@ import cx from 'classnames';
 import useResizeObserver from '../../node_modules/use-resize-observer/polyfilled.js';
 import { ChevronDown } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 import CopyButton from '../CopyButton/CopyButton.js';
 import uniqueId from '../../tools/uniqueId.js';
@@ -139,7 +140,7 @@ function CodeSnippet(_ref) {
         handleScroll();
       }
     }
-  }, [type, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minExpandedNumberOfRows, rowHeightInPixels]);
+  });
   useEffect(function () {
     handleScroll();
   }, [handleScroll]);
@@ -156,7 +157,7 @@ function CodeSnippet(_ref) {
     }
   };
 
-  var codeSnippetClasses = cx(className, "".concat(prefix, "--snippet"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--snippet--").concat(type), type), _defineProperty(_classNames, "".concat(prefix, "--snippet--disabled"), type !== 'inline' && disabled), _defineProperty(_classNames, "".concat(prefix, "--snippet--expand"), expandedCode), _defineProperty(_classNames, "".concat(prefix, "--snippet--light"), light), _defineProperty(_classNames, "".concat(prefix, "--snippet--no-copy"), hideCopyButton), _defineProperty(_classNames, "".concat(prefix, "--snippet--wraptext"), wrapText), _classNames));
+  var codeSnippetClasses = cx(className, "".concat(prefix, "--snippet"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--snippet--").concat(type), type), _defineProperty(_classNames, "".concat(prefix, "--snippet--disabled"), type !== 'inline' && disabled), _defineProperty(_classNames, "".concat(prefix, "--snippet--expand"), expandedCode), _defineProperty(_classNames, "".concat(prefix, "--snippet--light"), light), _defineProperty(_classNames, "".concat(prefix, "--snippet--no-copy"), hideCopyButton), _defineProperty(_classNames, "".concat(prefix, "--snippet--wraptext"), wrapText), _defineProperty(_classNames, "".concat(prefix, "--snippet--has-right-overflow"), type == 'multi' && hasRightOverflow), _classNames));
   var expandCodeBtnText = expandedCode ? showLessText : showMoreText;
 
   if (type === 'inline') {
@@ -226,7 +227,7 @@ function CodeSnippet(_ref) {
     ref: innerCodeRef
   }, children))), hasLeftOverflow && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--snippet__overflow-indicator--left")
-  }), hasRightOverflow && /*#__PURE__*/React__default.createElement("div", {
+  }), hasRightOverflow && type !== 'multi' && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--snippet__overflow-indicator--right")
   }), !hideCopyButton && /*#__PURE__*/React__default.createElement(CopyButton, {
     disabled: disabled,

package/es/components/ComboBox/ComboBox.js

@@ -13,19 +13,20 @@ import React__default, { useContext, useRef, useState, useEffect } from 'react';
 import '../Text/index.js';
 import { WarningFilled, WarningAltFilled, Checkmark } from '@carbon/icons-react';
 import '../ListBox/index.js';
+import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
+import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
+import { Space, Enter } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
-import { match } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
 import ListBox from '../ListBox/ListBox.js';
-import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
-import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
 import { ListBoxSize, ListBoxType } from '../ListBox/ListBoxPropTypes.js';
-import { Space, Enter } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["ariaLabel", "className", "direction", "disabled", "downshiftProps", "helperText", "id", "initialSelectedItem", "invalid", "invalidText", "items", "itemToElement", "itemToString", "light", "onChange", "onInputChange", "onToggleClick", "placeholder", "selectedItem", "shouldFilterItem", "size", "titleText", "translateWithId", "type", "warn", "warnText", "onStateChange"];
 
@@ -545,6 +546,5 @@ ComboBox.defaultProps = {
   ariaLabel: 'Choose an item',
   direction: 'bottom'
 };
-var ComboBox$1 = ComboBox;
 
-export { ComboBox$1 as default };
+export { ComboBox as default };

package/es/components/ComposedModal/ComposedModal.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { ModalHeader } from './ModalHeader.js';
@@ -222,6 +222,5 @@ ComposedModal.defaultProps = {
   onKeyDown: function onKeyDown() {},
   selectorPrimaryFocus: '[data-modal-primary-focus]'
 };
-var ComposedModal$1 = ComposedModal;
 
-export { ModalBody, ComposedModal$1 as default };
+export { ModalBody, ComposedModal as default };

package/es/components/ComposedModal/ModalFooter.js

@@ -8,6 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 import ButtonSet from '../ButtonSet/ButtonSet.js';
 import cx from 'classnames';

package/es/components/ContainedList/ContainedList.js

@@ -19,10 +19,12 @@ function ContainedList(_ref) {
       className = _ref.className,
       _ref$kind = _ref.kind,
       kind = _ref$kind === void 0 ? variants[0] : _ref$kind,
-      label = _ref.label;
+      label = _ref.label,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'lg' : _ref$size;
   var labelId = "".concat(useId('contained-list'), "-header");
   var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--contained-list"), "".concat(prefix, "--contained-list--").concat(kind), className);
+  var classes = cx("".concat(prefix, "--contained-list"), "".concat(prefix, "--contained-list--").concat(kind), "".concat(prefix, "--contained-list--").concat(size), className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -61,7 +63,12 @@ ContainedList.propTypes = {
   /**
    * A label describing the contained list.
    */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+
+  /**
+   * Specify the size of the contained list.
+   */
+  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl'])
 };
 
 export { ContainedList as default };

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, objectSpread2 as _objectSpread2, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
+import { ArrowRight, ArrowLeft } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { getNextIndex } from '../../internal/keyboard/navigation.js';
-import { ArrowRight, ArrowLeft } from '../../internal/keyboard/keys.js';
+import { PrefixContext } from '../../internal/usePrefix.js';
 
 var _excluded = ["children", "className", "light", "selectedIndex", "selectionMode", "size"];
 

package/es/components/CopyButton/CopyButton.js

@@ -22,8 +22,7 @@ function CopyButton(_ref) {
   var prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement(Copy, _extends({
     className: cx(className, "".concat(prefix, "--copy-btn")),
-    "aria-label": iconDescription,
-    title: iconDescription
+    "aria-label": iconDescription
   }, other), /*#__PURE__*/React__default.createElement(Copy$1, {
     className: "".concat(prefix, "--snippet__icon")
   }));

package/es/components/DangerButton/DangerButton.js

@@ -7,6 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 
 var DangerButton = function DangerButton(props) {
@@ -15,6 +16,4 @@ var DangerButton = function DangerButton(props) {
   }, props));
 };
 
-var DangerButton$1 = DangerButton;
-
-export { DangerButton$1 as default };
+export { DangerButton as default };

package/es/components/DataTable/Table.js

@@ -85,6 +85,5 @@ Table.defaultProps = {
   isSortable: false,
   overflowMenuOnHover: true
 };
-var Table$1 = Table;
 
-export { Table, Table$1 as default };
+export { Table, Table as default };

package/es/components/DataTable/TableActionList.js

@@ -14,6 +14,5 @@ var TableActionList = wrapComponent({
     return "".concat(prefix, "--action-list");
   }
 });
-var TableActionList$1 = TableActionList;
 
-export { TableActionList$1 as default };
+export { TableActionList as default };

package/es/components/DataTable/TableBatchAction.js

@@ -8,6 +8,7 @@
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { AddFilled } from '@carbon/icons-react';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 
 var TableBatchAction = function TableBatchAction(props) {
@@ -41,6 +42,5 @@ TableBatchAction.defaultProps = {
   renderIcon: AddFilled,
   iconDescription: 'Add'
 };
-var TableBatchAction$1 = TableBatchAction;
 
-export { TableBatchAction$1 as default };
+export { TableBatchAction as default };

package/es/components/DataTable/TableBatchActions.js

@@ -9,6 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 import TableActionList from './TableActionList.js';
 import '../Text/index.js';
@@ -105,6 +106,5 @@ TableBatchActions.propTypes = {
 TableBatchActions.defaultProps = {
   translateWithId: translateWithId
 };
-var TableBatchActions$1 = TableBatchActions;
 
-export { TableBatchActions$1 as default };
+export { TableBatchActions as default };

package/es/components/DataTable/TableBody.js

@@ -32,6 +32,5 @@ TableBody.propTypes = {
 TableBody.defaultProps = {
   'aria-live': 'polite'
 };
-var TableBody$1 = TableBody;
 
-export { TableBody$1 as default };
+export { TableBody as default };

package/es/components/DataTable/TableCell.js

@@ -11,6 +11,5 @@ var TableCell = wrapComponent({
   name: 'TableCell',
   type: 'td'
 });
-var TableCell$1 = TableCell;
 
-export { TableCell$1 as default };
+export { TableCell as default };

package/es/components/DataTable/TableContainer.js

@@ -76,6 +76,5 @@ TableContainer.propTypes = {
    */
   useStaticWidth: PropTypes.bool
 };
-var TableContainer$1 = TableContainer;
 
-export { TableContainer$1 as default };
+export { TableContainer as default };

package/es/components/DataTable/TableExpandHeader.js

@@ -89,6 +89,5 @@ TableExpandHeader.propTypes = {
    */
   onExpand: PropTypes.oneOfType([requiredIfGivenPropIsTruthy('enableExpando', PropTypes.func), requiredIfGivenPropIsTruthy('enableToggle', PropTypes.func)])
 };
-var TableExpandHeader$1 = TableExpandHeader;
 
-export { TableExpandHeader$1 as default };
+export { TableExpandHeader as default };

package/es/components/DataTable/TableExpandRow.js

@@ -86,6 +86,5 @@ TableExpandRow.propTypes = {
    */
   onExpand: PropTypes.func.isRequired
 };
-var TableExpandRow$1 = TableExpandRow;
 
-export { TableExpandRow$1 as default };
+export { TableExpandRow as default };

package/es/components/DataTable/TableExpandedRow.js

@@ -70,6 +70,5 @@ TableExpandedRow.propTypes = {
    */
   colSpan: PropTypes.number.isRequired
 };
-var TableExpandedRow$1 = TableExpandedRow;
 
-export { TableExpandedRow$1 as default };
+export { TableExpandedRow as default };

package/es/components/DataTable/TableHead.js

@@ -11,6 +11,5 @@ var TableHead = wrapComponent({
   name: 'TableHead',
   type: 'thead'
 });
-var TableHead$1 = TableHead;
 
-export { TableHead$1 as default };
+export { TableHead as default };

package/es/components/DataTable/TableHeader.js

@@ -182,6 +182,5 @@ TableHeader.defaultProps = {
 };
 TableHeader.translationKeys = Object.values(translationKeys);
 TableHeader.displayName = 'TableHeader';
-var TableHeader$1 = TableHeader;
 
-export { TableHeader$1 as default };
+export { TableHeader as default };

package/es/components/DataTable/TableRow.js

@@ -36,6 +36,5 @@ TableRow.propTypes = {
    */
   isSelected: PropTypes.bool
 };
-var TableRow$1 = TableRow;
 
-export { TableRow$1 as default };
+export { TableRow as default };

package/es/components/DataTable/TableSelectAll.js

@@ -79,6 +79,5 @@ TableSelectAll.propTypes = {
 TableSelectAll.defaultProps = {
   ariaLabel: 'Select all rows in the table'
 };
-var TableSelectAll$1 = TableSelectAll;
 
-export { TableSelectAll$1 as default };
+export { TableSelectAll as default };

package/es/components/DataTable/TableSelectRow.js

@@ -92,6 +92,5 @@ TableSelectRow.propTypes = {
    */
   radio: PropTypes.bool
 };
-var TableSelectRow$1 = TableSelectRow;
 
-export { TableSelectRow$1 as default };
+export { TableSelectRow as default };

package/es/components/DataTable/TableToolbar.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -42,6 +42,5 @@ TableToolbar.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {
 TableToolbar.defaultProps = {
   'aria-label': 'data table toolbar'
 };
-var TableToolbar$1 = TableToolbar;
 
-export { TableToolbar$1 as default };
+export { TableToolbar as default };

package/es/components/DataTable/TableToolbarAction.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import OverflowMenuItem from '../OverflowMenuItem/index.js';
+import OverflowMenuItem from '../OverflowMenuItem/OverflowMenuItem.js';
 
 var _excluded = ["children"];
 var TableToolbarAction = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
@@ -26,6 +26,5 @@ TableToolbarAction.propTypes = {
   className: PropTypes.string,
   onClick: PropTypes.func.isRequired
 };
-var TableToolbarAction$1 = TableToolbarAction;
 
-export { TableToolbarAction$1 as default };
+export { TableToolbarAction as default };

package/es/components/DataTable/TableToolbarContent.js

@@ -14,6 +14,5 @@ var TableToolbarContent = wrapComponent({
     return "".concat(prefix, "--toolbar-content");
   }
 });
-var TableToolbarContent$1 = TableToolbarContent;
 
-export { TableToolbarContent$1 as default };
+export { TableToolbarContent as default };

package/es/components/DataTable/TableToolbarMenu.js

@@ -56,6 +56,5 @@ TableToolbarMenu.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-var TableToolbarMenu$1 = TableToolbarMenu;
 
-export { TableToolbarMenu$1 as default };
+export { TableToolbarMenu as default };

package/es/components/DataTable/TableToolbarSearch.js

@@ -10,6 +10,7 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useMemo, useEffect } from 'react';
 import Search from '../Search/Search.js';
+import '../Search/Search.Skeleton.js';
 import setupGetInstanceId from './tools/instanceId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -236,6 +237,5 @@ TableToolbarSearch.defaultProps = {
   persistent: false,
   onClear: function onClear() {}
 };
-var TableToolbarSearch$1 = TableToolbarSearch;
 
-export { TableToolbarSearch$1 as default };
+export { TableToolbarSearch as default };

package/es/components/DataTable/index.js

@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import DataTable$1 from './DataTable.js';
-import Table from './Table.js';
-export { default as Table } from './Table.js';
+import DataTable from './DataTable.js';
+export { default } from './DataTable.js';
+import { Table } from './Table.js';
+export { Table } from './Table.js';
 import TableActionList from './TableActionList.js';
 export { default as TableActionList } from './TableActionList.js';
 import TableBatchAction from './TableBatchAction.js';
@@ -47,26 +48,23 @@ export { default as TableToolbarSearch } from './TableToolbarSearch.js';
 import TableToolbarMenu from './TableToolbarMenu.js';
 export { default as TableToolbarMenu } from './TableToolbarMenu.js';
 
-DataTable$1.Table = Table;
-DataTable$1.TableActionList = TableActionList;
-DataTable$1.TableBatchAction = TableBatchAction;
-DataTable$1.TableBatchActions = TableBatchActions;
-DataTable$1.TableBody = TableBody;
-DataTable$1.TableCell = TableCell;
-DataTable$1.TableContainer = TableContainer;
-DataTable$1.TableExpandHeader = TableExpandHeader;
-DataTable$1.TableExpandRow = TableExpandRow;
-DataTable$1.TableExpandedRow = TableExpandedRow;
-DataTable$1.TableHead = TableHead;
-DataTable$1.TableHeader = TableHeader;
-DataTable$1.TableRow = TableRow;
-DataTable$1.TableSelectAll = TableSelectAll;
-DataTable$1.TableSelectRow = TableSelectRow;
-DataTable$1.TableToolbar = TableToolbar;
-DataTable$1.TableToolbarAction = TableToolbarAction;
-DataTable$1.TableToolbarContent = TableToolbarContent;
-DataTable$1.TableToolbarSearch = TableToolbarSearch;
-DataTable$1.TableToolbarMenu = TableToolbarMenu;
-var DataTable = DataTable$1;
-
-export { DataTable as default };
+DataTable.Table = Table;
+DataTable.TableActionList = TableActionList;
+DataTable.TableBatchAction = TableBatchAction;
+DataTable.TableBatchActions = TableBatchActions;
+DataTable.TableBody = TableBody;
+DataTable.TableCell = TableCell;
+DataTable.TableContainer = TableContainer;
+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.TableToolbar = TableToolbar;
+DataTable.TableToolbarAction = TableToolbarAction;
+DataTable.TableToolbarContent = TableToolbarContent;
+DataTable.TableToolbarSearch = TableToolbarSearch;
+DataTable.TableToolbarMenu = TableToolbarMenu;

package/es/components/DataTable/state/getDerivedStateFromProps.js

@@ -50,6 +50,4 @@ var getDerivedStateFromProps = function getDerivedStateFromProps(props, prevStat
   return state;
 };
 
-var getDerivedStateFromProps$1 = getDerivedStateFromProps;
-
-export { getDerivedStateFromProps$1 as default };
+export { getDerivedStateFromProps as default };