@carbon/react 0.17.0 → 1.0.0-rc.0

package/es/components/DataTable/Table.js

@@ -0,0 +1,90 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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 * as FeatureFlags from '@carbon/feature-flags';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import deprecate from '../../prop-types/deprecate.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["className", "children", "useZebraStyles", "size", "isSortable", "useStaticWidth", "shouldShowBorder", "stickyHeader", "overflowMenuOnHover"];
+var Table = function Table(_ref) {
+  var _cx;
+
+  var className = _ref.className,
+      children = _ref.children,
+      useZebraStyles = _ref.useZebraStyles,
+      size = _ref.size,
+      isSortable = _ref.isSortable,
+      useStaticWidth = _ref.useStaticWidth,
+      shouldShowBorder = _ref.shouldShowBorder,
+      stickyHeader = _ref.stickyHeader,
+      overflowMenuOnHover = _ref.overflowMenuOnHover,
+      other = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var componentClass = cx("".concat(prefix, "--data-table"), className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--data-table--").concat(size), size), _defineProperty(_cx, "".concat(prefix, "--data-table--sort"), isSortable), _defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), useZebraStyles), _defineProperty(_cx, "".concat(prefix, "--data-table--static"), useStaticWidth), _defineProperty(_cx, "".concat(prefix, "--data-table--no-border"), !shouldShowBorder), _defineProperty(_cx, "".concat(prefix, "--data-table--sticky-header"), stickyHeader), _defineProperty(_cx, "".concat(prefix, "--data-table--visible-overflow-menu"), !overflowMenuOnHover), _cx));
+  var table = /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--data-table-content")
+  }, /*#__PURE__*/React__default.createElement("table", _extends({}, other, {
+    className: componentClass
+  }), children));
+  return stickyHeader ? /*#__PURE__*/React__default.createElement("section", {
+    className: "".concat(prefix, "--data-table_inner-container")
+  }, table) : table;
+};
+Table.propTypes = {
+  /**
+   * Pass in the children that will be rendered within the Table
+   */
+  children: PropTypes.node,
+  className: PropTypes.string,
+
+  /**
+   * `false` If true, will apply sorting styles
+   */
+  isSortable: PropTypes.bool,
+
+  /**
+   * Specify whether the overflow menu (if it exists) should be shown always, or only on hover
+   */
+  overflowMenuOnHover: PropTypes.bool,
+
+  /**
+   * `false` If true, will remove the table border
+   */
+  shouldShowBorder: deprecate(PropTypes.bool, 'The `shouldShowBorder` prop has been deprecated and can be safely removed.' + 'This prop will be removed in the next major release of ' + '`carbon-components-react`'),
+
+  /**
+   *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
+   */
+  size: FeatureFlags.enabled('enable-v11-release') ? PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']) : PropTypes.oneOf(['compact', 'short', 'normal', 'tall', 'xs', 'sm', 'md', 'lg', 'xl']),
+
+  /**
+   * `false` If true, will keep the header sticky (only data rows will scroll)
+   */
+  stickyHeader: PropTypes.bool,
+
+  /**
+   * `false` If true, will use a width of 'auto' instead of 100%
+   */
+  useStaticWidth: PropTypes.bool,
+
+  /**
+   * `true` to add useZebraStyles striping.
+   */
+  useZebraStyles: PropTypes.bool
+};
+Table.defaultProps = {
+  isSortable: false,
+  overflowMenuOnHover: true
+};
+var Table$1 = Table;
+
+export { Table, Table$1 as default };

package/es/components/DataTable/TableActionList.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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 wrapComponent from '../../tools/wrapComponent.js';
+
+var TableActionList = wrapComponent({
+  name: 'TableActionList',
+  type: 'div',
+  className: "cds--action-list"
+});
+var TableActionList$1 = TableActionList;
+
+export { TableActionList$1 as default };

package/es/components/DataTable/TableBatchAction.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { AddFilled } from '@carbon/icons-react';
+import Button from '../Button/Button.js';
+
+var TableBatchAction = function TableBatchAction(props) {
+  return /*#__PURE__*/React__default.createElement(Button, props);
+};
+
+TableBatchAction.propTypes = {
+  /**
+   * Specify if the button is an icon-only button
+   */
+  hasIconOnly: PropTypes.bool,
+
+  /**
+   * If specifying the `renderIcon` prop, provide a description for that icon that can
+   * be read by screen readers
+   */
+  iconDescription: function iconDescription(props) {
+    if (props.renderIcon && !props.children && !props.iconDescription) {
+      return new Error('renderIcon property specified without also providing an iconDescription property.');
+    }
+
+    return undefined;
+  },
+
+  /**
+   * Optional function to render your own icon in the underlying button
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+};
+TableBatchAction.defaultProps = {
+  renderIcon: AddFilled
+};
+var TableBatchAction$1 = TableBatchAction;
+
+export { TableBatchAction$1 as default };

package/es/components/DataTable/TableBatchActions.js

@@ -0,0 +1,110 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import Button from '../Button/Button.js';
+import TableActionList from './TableActionList.js';
+import '../Text/index.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+import { Text } from '../Text/Text.js';
+
+var _excluded = ["className", "children", "shouldShowBatchActions", "totalSelected", "onCancel", "translateWithId"];
+var translationKeys = {
+  'carbon.table.batch.cancel': 'Cancel',
+  'carbon.table.batch.items.selected': 'items selected',
+  'carbon.table.batch.item.selected': 'item selected'
+};
+
+var translateWithId = function translateWithId(id, state) {
+  if (id === 'carbon.table.batch.cancel') {
+    return translationKeys[id];
+  }
+
+  return "".concat(state.totalSelected, " ").concat(translationKeys[id]);
+};
+
+var TableBatchActions = function TableBatchActions(_ref) {
+  var _cx;
+
+  var className = _ref.className,
+      children = _ref.children,
+      shouldShowBatchActions = _ref.shouldShowBatchActions,
+      totalSelected = _ref.totalSelected,
+      onCancel = _ref.onCancel,
+      t = _ref.translateWithId,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _React$useState = React__default.useState(),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isScrolling = _React$useState2[0],
+      setIsScrolling = _React$useState2[1];
+
+  var prefix = usePrefix();
+  var batchActionsClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--batch-actions"), true), _defineProperty(_cx, "".concat(prefix, "--batch-actions--active"), shouldShowBatchActions), _cx), className);
+  var batchSummaryClasses = cx("".concat(prefix, "--batch-summary"), _defineProperty({}, "".concat(prefix, "--batch-summary__scroll"), isScrolling));
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    onScroll: function onScroll() {
+      setIsScrolling(!isScrolling);
+    },
+    "aria-hidden": !shouldShowBatchActions,
+    className: batchActionsClasses
+  }, rest), /*#__PURE__*/React__default.createElement("div", {
+    className: batchSummaryClasses
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "".concat(prefix, "--batch-summary__para")
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    as: "span"
+  }, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
+    totalSelected: totalSelected
+  }) : t('carbon.table.batch.item.selected', {
+    totalSelected: totalSelected
+  })))), /*#__PURE__*/React__default.createElement(TableActionList, null, children, /*#__PURE__*/React__default.createElement(Button, {
+    className: "".concat(prefix, "--batch-summary__cancel"),
+    tabIndex: shouldShowBatchActions ? 0 : -1,
+    onClick: onCancel
+  }, t('carbon.table.batch.cancel'))));
+};
+
+TableBatchActions.translationKeys = Object.keys(translationKeys);
+TableBatchActions.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+
+  /**
+   * Hook required to listen for when the user initiates a cancel request
+   * through this component
+   */
+  onCancel: PropTypes.func.isRequired,
+
+  /**
+   * Boolean specifier for whether or not the batch action bar should be
+   * displayed
+   */
+  shouldShowBatchActions: PropTypes.bool,
+
+  /**
+   * Numeric representation of the total number of items selected in a table.
+   * This number is used to derive the selection message
+   */
+  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.func
+};
+TableBatchActions.defaultProps = {
+  translateWithId: translateWithId
+};
+var TableBatchActions$1 = TableBatchActions;
+
+export { TableBatchActions$1 as default };

package/es/components/DataTable/TableBody.js

@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+
+var _excluded = ["children", "className"];
+
+var TableBody = function TableBody(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React__default.createElement("tbody", _extends({
+    className: className
+  }, rest), children);
+};
+
+TableBody.propTypes = {
+  /**
+   * `polite` Adjust the notification behavior of screen readers
+   */
+  'aria-live': PropTypes.oneOf(['polite', 'assertive', 'off']),
+  children: PropTypes.node,
+  className: PropTypes.string
+};
+TableBody.defaultProps = {
+  'aria-live': 'polite'
+};
+var TableBody$1 = TableBody;
+
+export { TableBody$1 as default };

package/es/components/DataTable/TableCell.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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 wrapComponent from '../../tools/wrapComponent.js';
+
+var TableCell = wrapComponent({
+  name: 'TableCell',
+  type: 'td'
+});
+var TableCell$1 = TableCell;
+
+export { TableCell$1 as default };

package/es/components/DataTable/TableContainer.js

@@ -0,0 +1,66 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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 cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["className", "children", "title", "description", "stickyHeader", "useStaticWidth"];
+
+var TableContainer = function TableContainer(_ref) {
+  var _cx;
+
+  var className = _ref.className,
+      children = _ref.children,
+      title = _ref.title,
+      description = _ref.description,
+      stickyHeader = _ref.stickyHeader,
+      useStaticWidth = _ref.useStaticWidth,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var tableContainerClasses = cx(className, "".concat(prefix, "--data-table-container"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--data-table--max-width"), stickyHeader), _defineProperty(_cx, "".concat(prefix, "--data-table-container--static"), useStaticWidth), _cx));
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+    className: tableContainerClasses
+  }), title && /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--data-table-header")
+  }, /*#__PURE__*/React__default.createElement("h4", {
+    className: "".concat(prefix, "--data-table-header__title")
+  }, title), /*#__PURE__*/React__default.createElement("p", {
+    className: "".concat(prefix, "--data-table-header__description")
+  }, description)), children);
+};
+
+TableContainer.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+
+  /**
+   * Optional description text for the Table
+   */
+  description: PropTypes.node,
+
+  /**
+   * Specify whether the table should have a sticky header
+   */
+  stickyHeader: PropTypes.bool,
+
+  /**
+   * Provide a title for the Table
+   */
+  title: PropTypes.node,
+
+  /**
+   * If true, will use a width of 'fit-content' to match the inner table width
+   */
+  useStaticWidth: PropTypes.bool
+};
+var TableContainer$1 = TableContainer;
+
+export { TableContainer$1 as default };

package/es/components/DataTable/TableExpandHeader.js

@@ -0,0 +1,86 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
+import deprecate from '../../prop-types/deprecate.js';
+import React__default from 'react';
+import { ChevronRight } from '@carbon/icons-react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["ariaLabel", "className", "enableExpando", "enableToggle", "isExpanded", "onExpand", "expandIconDescription", "children"];
+
+var TableExpandHeader = function TableExpandHeader(_ref) {
+  var ariaLabel = _ref.ariaLabel,
+      headerClassName = _ref.className,
+      enableExpando = _ref.enableExpando,
+      enableToggle = _ref.enableToggle,
+      isExpanded = _ref.isExpanded,
+      onExpand = _ref.onExpand,
+      expandIconDescription = _ref.expandIconDescription,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var className = cx("".concat(prefix, "--table-expand"), headerClassName);
+  var previousValue = isExpanded ? 'collapsed' : undefined;
+  return /*#__PURE__*/React__default.createElement("th", _extends({
+    scope: "col",
+    className: className,
+    "data-previous-value": previousValue
+  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    className: "".concat(prefix, "--table-expand__button"),
+    onClick: onExpand,
+    title: expandIconDescription,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+    className: "".concat(prefix, "--table-expand__svg"),
+    "aria-label": expandIconDescription
+  })) : null, children);
+};
+
+TableExpandHeader.propTypes = {
+  /**
+   * Specify the string read by a voice reader when the expand trigger is
+   * focused
+   */
+  ariaLabel: PropTypes.oneOfType([requiredIfGivenPropIsTruthy('enableExpando', PropTypes.string), requiredIfGivenPropIsTruthy('enableToggle', PropTypes.string)]),
+  children: PropTypes.node,
+  className: PropTypes.string,
+
+  /**
+   * The enableExpando prop is being replaced by enableToggle
+   */
+  enableExpando: 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.bool,
+
+  /**
+   * The description of the chevron right icon, to be put in its SVG `<title>` element.
+   */
+  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.oneOfType([requiredIfGivenPropIsTruthy('enableExpando', PropTypes.bool), requiredIfGivenPropIsTruthy('enableToggle', PropTypes.bool)]),
+
+  /**
+   * Hook for when a listener initiates a request to expand the given row
+   */
+  onExpand: PropTypes.oneOfType([requiredIfGivenPropIsTruthy('enableExpando', PropTypes.func), requiredIfGivenPropIsTruthy('enableToggle', PropTypes.func)])
+};
+var TableExpandHeader$1 = TableExpandHeader;
+
+export { TableExpandHeader$1 as default };

package/es/components/DataTable/TableExpandRow.js

@@ -0,0 +1,93 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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 cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { ChevronRight } from '@carbon/icons-react';
+import TableCell from './TableCell.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["ariaLabel", "className", "children", "isExpanded", "onExpand", "expandIconDescription", "isSelected", "expandHeader"];
+
+var TableExpandRow = function TableExpandRow(_ref) {
+  var _cx;
+
+  var ariaLabel = _ref.ariaLabel,
+      rowClassName = _ref.className,
+      children = _ref.children,
+      isExpanded = _ref.isExpanded,
+      onExpand = _ref.onExpand,
+      expandIconDescription = _ref.expandIconDescription,
+      isSelected = _ref.isSelected,
+      expandHeader = _ref.expandHeader,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--parent-row"), true), _defineProperty(_cx, "".concat(prefix, "--expandable-row"), isExpanded), _defineProperty(_cx, "".concat(prefix, "--data-table--selected"), isSelected), _cx), rowClassName);
+  var previousValue = isExpanded ? 'collapsed' : undefined;
+  return /*#__PURE__*/React__default.createElement("tr", _extends({}, rest, {
+    className: className,
+    "data-parent-row": true
+  }), /*#__PURE__*/React__default.createElement(TableCell, {
+    className: "".concat(prefix, "--table-expand"),
+    "data-previous-value": previousValue,
+    headers: expandHeader
+  }, /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    className: "".concat(prefix, "--table-expand__button"),
+    onClick: onExpand,
+    title: expandIconDescription,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+    className: "".concat(prefix, "--table-expand__svg"),
+    "aria-label": expandIconDescription
+  }))), children);
+};
+
+TableExpandRow.propTypes = {
+  /**
+   * Specify the string read by a voice reader when the expand trigger is
+   * focused
+   */
+  ariaLabel: PropTypes.string.isRequired,
+  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.string,
+
+  /**
+   * The description of the chevron right icon, to be put in its SVG `<title>` element.
+   */
+  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.bool.isRequired,
+
+  /**
+   * Specify if the row is selected
+   */
+  isSelected: PropTypes.bool,
+
+  /**
+   * Hook for when a listener initiates a request to expand the given row
+   */
+  onExpand: PropTypes.func.isRequired
+};
+TableExpandRow.defaultProps = {
+  expandHeader: 'expand'
+};
+var TableExpandRow$1 = TableExpandRow;
+
+export { TableExpandRow$1 as default };

package/es/components/DataTable/TableExpandedRow.js

@@ -0,0 +1,75 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default, { useRef } from 'react';
+import TableCell from './TableCell.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["className", "children", "colSpan"];
+
+var TableExpandedRow = function TableExpandedRow(_ref) {
+  var customClassName = _ref.className,
+      children = _ref.children,
+      colSpan = _ref.colSpan,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var rowRef = useRef(null);
+  var prefix = usePrefix();
+  var className = cx("".concat(prefix, "--expandable-row"), customClassName);
+
+  var toggleParentHoverClass = function toggleParentHoverClass(eventType) {
+    if (rowRef && rowRef.current && rowRef.current.previousElementSibling) {
+      var parentNode = rowRef.current.previousElementSibling;
+
+      if (eventType === 'enter') {
+        parentNode.classList.add("".concat(prefix, "--expandable-row--hover"));
+      } else {
+        parentNode.classList.remove("".concat(prefix, "--expandable-row--hover"));
+      }
+    }
+  };
+
+  return /*#__PURE__*/React__default.createElement("tr", _extends({
+    ref: rowRef,
+    onMouseEnter: function onMouseEnter() {
+      return toggleParentHoverClass('enter');
+    },
+    onMouseLeave: function onMouseLeave() {
+      return toggleParentHoverClass('leave');
+    }
+  }, rest, {
+    className: className,
+    "data-child-row": true
+  }), /*#__PURE__*/React__default.createElement(TableCell, {
+    colSpan: colSpan
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--child-row-inner-container")
+  }, children)));
+};
+
+TableExpandedRow.propTypes = {
+  /**
+   * Pass in the contents for your TableExpandedRow
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes.string,
+
+  /**
+   * The width of the expanded row's internal cell
+   */
+  colSpan: PropTypes.number.isRequired
+};
+var TableExpandedRow$1 = TableExpandedRow;
+
+export { TableExpandedRow$1 as default };

package/es/components/DataTable/TableHead.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * 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 wrapComponent from '../../tools/wrapComponent.js';
+
+var TableHead = wrapComponent({
+  name: 'TableHead',
+  type: 'thead'
+});
+var TableHead$1 = TableHead;
+
+export { TableHead$1 as default };