@carbon/react 1.26.0 → 1.27.0-rc.0

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

@@ -25,6 +25,10 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
      * Specify whether the Checkbox should be disabled
      */
     disabled?: boolean;
+    /**
+     * Provide text for the form group for additional help
+     */
+    helperText?: React.ReactNode;
     /**
      * Specify whether the label should be hidden, or not
      */
@@ -33,6 +37,22 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
      * Specify whether the Checkbox is in an indeterminate state
      */
     indeterminate?: boolean;
+    /**
+     * Specify whether the Checkbox is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the Checkbox is in an invalid state
+     */
+    invalidText: React.ReactNode;
+    /**
+     * Specify whether the Checkbox is currently invalid
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the Checkbox is in an invalid state
+     */
+    warnText: React.ReactNode;
     /**
      * Provide an optional handler that is called when the internal state of
      * Checkbox changes. This handler is called with event and state info.

package/es/components/Checkbox/Checkbox.js

@@ -11,29 +11,48 @@ import React__default from 'react';
 import cx from 'classnames';
 import '../Text/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
+import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import { Text } from '../Text/Text.js';
 
-var _excluded = ["className", "id", "labelText", "onChange", "onClick", "indeterminate", "hideLabel", "readOnly", "title"];
+var _excluded = ["className", "helperText", "id", "labelText", "onChange", "onClick", "indeterminate", "invalid", "invalidText", "hideLabel", "readOnly", "title", "warn", "warnText"];
+var getInstanceId = setupGetInstanceId();
 var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
+  var _classNames;
+
   var className = _ref.className,
+      helperText = _ref.helperText,
       id = _ref.id,
       labelText = _ref.labelText,
       _onChange = _ref.onChange,
       _onClick = _ref.onClick,
       indeterminate = _ref.indeterminate,
+      invalid = _ref.invalid,
+      invalidText = _ref.invalidText,
       hideLabel = _ref.hideLabel,
       readOnly = _ref.readOnly,
       _ref$title = _ref.title,
       title = _ref$title === void 0 ? '' : _ref$title,
+      warn = _ref.warn,
+      warnText = _ref.warnText,
       other = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, _defineProperty({}, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly));
+  var showWarning = !readOnly && !invalid && warn;
+  var showHelper = !invalid && !warn;
+  var checkboxGroupInstanceId = getInstanceId();
+  var helperId = !helperText ? undefined : "checkbox-helper-text-".concat(checkboxGroupInstanceId);
+  var helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+    id: helperId,
+    className: "".concat(prefix, "--form__helper-text")
+  }, helperText) : null;
+  var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly), _defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--invalid"), !readOnly && invalid), _defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--warning"), showWarning), _classNames));
   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",
+    "data-invalid": invalid ? true : undefined,
     onChange: function onChange(evt) {
       if (!readOnly && _onChange) {
         _onChange(evt, {
@@ -75,7 +94,17 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
     title: title
   }, /*#__PURE__*/React__default.createElement(Text, {
     className: innerLabelClasses
-  }, labelText)));
+  }, labelText)), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--checkbox__validation-msg")
+  }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+    className: "".concat(prefix, "--checkbox__invalid-icon")
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+    className: "".concat(prefix, "--checkbox__invalid-icon ").concat(prefix, "--checkbox__invalid-icon--warning")
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, warnText))), showHelper && helper);
 });
 Checkbox.propTypes = {
   /**
@@ -98,6 +127,11 @@ Checkbox.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * Provide text for the form group for additional help
+   */
+  helperText: PropTypes.node,
+
   /**
    * Specify whether the label should be hidden, or not
    */
@@ -113,6 +147,16 @@ Checkbox.propTypes = {
    */
   indeterminate: PropTypes.bool,
 
+  /**
+   * Specify whether the Checkbox is currently invalid
+   */
+  invalid: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the Checkbox is in an invalid state
+   */
+  invalidText: PropTypes.node,
+
   /**
    * Provide a label to provide a description of the Checkbox input that you are
    * exposing to the user
@@ -134,7 +178,17 @@ Checkbox.propTypes = {
   /**
    * Specify a title for the <label> node for the Checkbox
    */
-  title: PropTypes.string
+  title: PropTypes.string,
+
+  /**
+   * Specify whether the Checkbox is currently in warning state
+   */
+  warn: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the Checkbox is in warning state
+   */
+  warnText: PropTypes.node
 };
 Checkbox.defaultProps = {
   onChange: function onChange() {},

package/es/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,119 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import cx from 'classnames';
+import { usePrefix } from '../../internal/usePrefix.js';
+import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
+import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
+
+var _excluded = ["children", "className", "helperText", "invalid", "invalidText", "legendId", "legendText", "readOnly", "warn", "warnText"];
+var getInstanceId = setupGetInstanceId();
+
+function CheckboxGroup(_ref) {
+  var _cx;
+
+  var children = _ref.children,
+      className = _ref.className,
+      helperText = _ref.helperText,
+      invalid = _ref.invalid,
+      invalidText = _ref.invalidText,
+      legendId = _ref.legendId,
+      legendText = _ref.legendText,
+      readOnly = _ref.readOnly,
+      warn = _ref.warn,
+      warnText = _ref.warnText,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var showWarning = !readOnly && !invalid && warn;
+  var showHelper = !invalid && !warn;
+  var checkboxGroupInstanceId = getInstanceId();
+  var helperId = !helperText ? undefined : "checkbox-group-helper-text-".concat(checkboxGroupInstanceId);
+  var helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+    id: helperId,
+    className: "".concat(prefix, "--form__helper-text")
+  }, helperText) : null;
+  var fieldsetClasses = cx("".concat(prefix, "--checkbox-group"), className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--checkbox-group--readonly"), readOnly), _defineProperty(_cx, "".concat(prefix, "--checkbox-group--invalid"), !readOnly && invalid), _defineProperty(_cx, "".concat(prefix, "--checkbox-group--warning"), showWarning), _cx));
+  return /*#__PURE__*/React__default.createElement("fieldset", _extends({
+    className: fieldsetClasses,
+    "data-invalid": invalid ? true : undefined,
+    "aria-labelledby": rest['aria-labelledby'] || legendId,
+    "aria-readonly": readOnly,
+    "aria-describedby": !invalid && !warn && helper ? helperId : undefined
+  }, rest), /*#__PURE__*/React__default.createElement("legend", {
+    className: "".concat(prefix, "--label"),
+    id: legendId || rest['aria-labelledby']
+  }, legendText), children, /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--checkbox-group__validation-msg")
+  }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+    className: "".concat(prefix, "--checkbox__invalid-icon")
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+    className: "".concat(prefix, "--checkbox__invalid-icon ").concat(prefix, "--checkbox__invalid-icon--warning")
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, warnText))), showHelper && helper);
+}
+
+CheckboxGroup.propTypes = {
+  /**
+   * Provide the children form elements to be rendered inside of the <fieldset>
+   */
+  children: PropTypes.node,
+
+  /**
+   * Provide a custom className to be applied to the containing <fieldset> node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Provide text for the form group for additional help
+   */
+  helperText: PropTypes.node,
+
+  /**
+   * Specify whether the form group is currently invalid
+   */
+  invalid: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the form group is in an invalid state
+   */
+  invalidText: PropTypes.node,
+
+  /**
+   * Provide id for the fieldset <legend> which corresponds to the fieldset
+   * `aria-labelledby`
+   */
+  legendId: PropTypes.node,
+
+  /**
+   * Provide the text to be rendered inside of the fieldset <legend>
+   */
+  legendText: PropTypes.node.isRequired,
+
+  /**
+   * Whether the CheckboxGroup should be read-only
+   */
+  readOnly: PropTypes.bool,
+
+  /**
+   * Specify whether the form group is currently in warning state
+   */
+  warn: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the form group is in warning state
+   */
+  warnText: PropTypes.node
+};
+
+export { CheckboxGroup as default };

package/es/components/ComboBox/ComboBox.js

@@ -25,7 +25,7 @@ import { Text } from '../Text/Text.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, Escape } from '../../internal/keyboard/keys.js';
+import { Space, Enter, Escape, Home, End } from '../../internal/keyboard/keys.js';
 
 var _ComboBox$propTypes, _ComboBox$defaultProp;
 
@@ -315,6 +315,14 @@ var ComboBox = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
             event.persist();
           }
         }
+
+        if (match(event, Home)) {
+          event.target.setSelectionRange(0, 0);
+        }
+
+        if (match(event, End)) {
+          event.target.setSelectionRange(event.target.value.length, event.target.value.length);
+        }
       }
     });
 
@@ -362,7 +370,8 @@ var ComboBox = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       title: textInput === null || textInput === void 0 ? void 0 : (_textInput$current = textInput.current) === null || _textInput$current === void 0 ? void 0 : _textInput$current.value
     }, inputProps, rest, readOnlyEventHandlers, {
       readOnly: readOnly,
-      ref: mergeRefs(textInput, ref)
+      ref: mergeRefs(textInput, ref),
+      "aria-describedby": helperText && !invalid && !warn && !isFluid ? comboBoxHelperId : undefined
     })), invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
       className: "".concat(prefix, "--list-box__invalid-icon")
     }), showWarning && /*#__PURE__*/React__default.createElement(WarningAltFilled, {

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -106,7 +106,12 @@ var ContentSwitcher = /*#__PURE__*/function (_React$Component) {
           var size = _this$props.size,
           other = _objectWithoutProperties(_this$props, _excluded);
 
-      var classes = cx("".concat(prefix, "--content-switcher"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--content-switcher--light"), light), _defineProperty(_classNames, "".concat(prefix, "--content-switcher--").concat(size), size), _classNames));
+      var isIconOnly = React__default.Children.map(children, function (child) {
+        return child.type.displayName === 'IconSwitch';
+      }).every(function (val) {
+        return val === true;
+      });
+      var classes = cx("".concat(prefix, "--content-switcher"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--content-switcher--light"), light), _defineProperty(_classNames, "".concat(prefix, "--content-switcher--").concat(size), size), _defineProperty(_classNames, "".concat(prefix, "--content-switcher--icon-only"), isIconOnly), _classNames));
       return /*#__PURE__*/React__default.createElement("div", _extends({}, other, {
         className: classes,
         role: "tablist"
@@ -116,7 +121,8 @@ var ContentSwitcher = /*#__PURE__*/function (_React$Component) {
           onClick: composeEventHandlers([_this2.handleChildChange, child.props.onClick]),
           onKeyDown: _this2.handleChildChange,
           selected: index === _this2.state.selectedIndex,
-          ref: _this2.handleItemRef(index)
+          ref: _this2.handleItemRef(index),
+          size: size
         });
       }));
     }
@@ -169,9 +175,8 @@ _defineProperty(ContentSwitcher, "propTypes", {
 
   /**
    * Specify the size of the Content Switcher. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
-   * TODO V11: remove `xl` (replaced with lg)
    */
-  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 });
 
 _defineProperty(ContentSwitcher, "contextType", PrefixContext);

package/es/components/Copy/Copy.js

@@ -57,13 +57,13 @@ function Copy(_ref) {
 
   if (FeatureFlags.enabled('enable-v11-release')) {
     return /*#__PURE__*/React__default.createElement(IconButton, _extends({
+      closeOnActivation: false,
       align: "bottom",
       className: classNames,
       label: animation ? feedback : other['aria-label'],
       onClick: composeEventHandlers([onClick, handleClick]),
       onAnimationEnd: composeEventHandlers([onAnimationEnd, handleAnimationEnd])
     }, other, {
-      "aria-live": "polite",
       "aria-label": !children && (animation ? feedback : other['aria-label']) || null
     }), children);
   }

package/es/components/DataTable/DataTable.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, createClass as _createClass } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import isEqual from 'lodash.isequal';
@@ -17,6 +17,26 @@ import { composeEventHandlers } from '../../tools/events.js';
 import { defaultFilterRows } from './tools/filter.js';
 import { defaultSortRow } from './tools/sorting.js';
 import setupGetInstanceId from './tools/instanceId.js';
+import { Table } from './Table.js';
+import TableActionList from './TableActionList.js';
+import TableBatchAction from './TableBatchAction.js';
+import TableBatchActions from './TableBatchActions.js';
+import TableBody from './TableBody.js';
+import TableCell from './TableCell.js';
+import TableContainer from './TableContainer.js';
+import TableExpandHeader from './TableExpandHeader.js';
+import TableExpandRow from './TableExpandRow.js';
+import TableExpandedRow from './TableExpandedRow.js';
+import TableHead from './TableHead.js';
+import TableHeader from './TableHeader.js';
+import TableRow from './TableRow.js';
+import TableSelectAll from './TableSelectAll.js';
+import TableSelectRow from './TableSelectRow.js';
+import TableToolbar from './TableToolbar.js';
+import TableToolbarAction from './TableToolbarAction.js';
+import TableToolbarContent from './TableToolbarContent.js';
+import TableToolbarSearch from './TableToolbarSearch.js';
+import TableToolbarMenu from './TableToolbarMenu.js';
 
 var _excluded = ["header", "onClick", "isSortable"],
     _excluded2 = ["onClick", "onExpand"],
@@ -627,4 +647,26 @@ _defineProperty(DataTable, "defaultProps", {
 
 _defineProperty(DataTable, "translationKeys", Object.values(translationKeys));
 
-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;
+var DataTable$1 = DataTable;
+
+export { DataTable$1 as default };

package/es/components/DataTable/Table.js

@@ -87,6 +87,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/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/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

@@ -175,6 +175,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

@@ -88,6 +88,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

@@ -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/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 DataTable from './DataTable';
+import Table from './Table';
+import TableActionList from './TableActionList';
+import TableBatchAction from './TableBatchAction';
+import TableBatchActions from './TableBatchActions';
+import TableBody from './TableBody';
+import TableCell from './TableCell';
+import TableContainer from './TableContainer';
+import TableExpandHeader from './TableExpandHeader';
+import TableExpandRow from './TableExpandRow';
+import TableExpandedRow from './TableExpandedRow';
+import TableHead from './TableHead';
+import TableHeader from './TableHeader';
+import TableRow from './TableRow';
+import TableSelectAll from './TableSelectAll';
+import TableSelectRow from './TableSelectRow';
+import TableToolbar from './TableToolbar';
+import TableToolbarAction from './TableToolbarAction';
+import TableToolbarContent from './TableToolbarContent';
+import TableToolbarSearch from './TableToolbarSearch';
+import TableToolbarMenu from './TableToolbarMenu';
+export { DataTable, Table, TableActionList, TableBatchAction, TableBatchActions, TableBody, TableCell, TableContainer, TableExpandHeader, TableExpandRow, TableExpandedRow, TableHead, TableHeader, TableRow, TableSelectAll, TableSelectRow, TableToolbar, TableToolbarAction, TableToolbarContent, TableToolbarSearch, TableToolbarMenu, };
+export default DataTable;

package/es/components/DataTable/index.js

@@ -0,0 +1,70 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 DataTable from './DataTable.js';
+export { default as DataTable, 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';
+export { default as TableBatchAction } from './TableBatchAction.js';
+import TableBatchActions from './TableBatchActions.js';
+export { default as TableBatchActions } from './TableBatchActions.js';
+import TableBody from './TableBody.js';
+export { default as TableBody } from './TableBody.js';
+import TableCell from './TableCell.js';
+export { default as TableCell } from './TableCell.js';
+import TableContainer from './TableContainer.js';
+export { default as TableContainer } from './TableContainer.js';
+import TableExpandHeader from './TableExpandHeader.js';
+export { default as TableExpandHeader } from './TableExpandHeader.js';
+import TableExpandRow from './TableExpandRow.js';
+export { default as TableExpandRow } from './TableExpandRow.js';
+import TableExpandedRow from './TableExpandedRow.js';
+export { default as TableExpandedRow } from './TableExpandedRow.js';
+import TableHead from './TableHead.js';
+export { default as TableHead } from './TableHead.js';
+import TableHeader from './TableHeader.js';
+export { default as TableHeader } from './TableHeader.js';
+import TableRow from './TableRow.js';
+export { default as TableRow } from './TableRow.js';
+import TableSelectAll from './TableSelectAll.js';
+export { default as TableSelectAll } from './TableSelectAll.js';
+import TableSelectRow from './TableSelectRow.js';
+export { default as TableSelectRow } from './TableSelectRow.js';
+import TableToolbar from './TableToolbar.js';
+export { default as TableToolbar } from './TableToolbar.js';
+import TableToolbarAction from './TableToolbarAction.js';
+export { default as TableToolbarAction } from './TableToolbarAction.js';
+import TableToolbarContent from './TableToolbarContent.js';
+export { default as TableToolbarContent } from './TableToolbarContent.js';
+import TableToolbarSearch from './TableToolbarSearch.js';
+export { default as TableToolbarSearch } from './TableToolbarSearch.js';
+import TableToolbarMenu from './TableToolbarMenu.js';
+export { default as TableToolbarMenu } from './TableToolbarMenu.js';
+
+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;