@carbon/react 0.17.0-rc.0 → 1.0.0

package/lib/components/DataTable/Table.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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["className", "children", "useZebraStyles", "size", "isSortable", "useStaticWidth", "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,
+      stickyHeader = _ref.stickyHeader,
+      overflowMenuOnHover = _ref.overflowMenuOnHover,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var componentClass = cx__default["default"]("".concat(prefix, "--data-table"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sort"), isSortable), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), useZebraStyles), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--static"), useStaticWidth), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sticky-header"), stickyHeader), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--visible-overflow-menu"), !overflowMenuOnHover), _cx));
+  var table = /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--data-table-content")
+  }, /*#__PURE__*/React__default["default"].createElement("table", _rollupPluginBabelHelpers["extends"]({}, other, {
+    className: componentClass
+  }), children));
+  return stickyHeader ? /*#__PURE__*/React__default["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__default["default"].node,
+  className: PropTypes__default["default"].string,
+
+  /**
+   * `false` If true, will apply sorting styles
+   */
+  isSortable: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the overflow menu (if it exists) should be shown always, or only on hover
+   */
+  overflowMenuOnHover: PropTypes__default["default"].bool,
+
+  /**
+   *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
+   */
+  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+
+  /**
+   * `false` If true, will keep the header sticky (only data rows will scroll)
+   */
+  stickyHeader: PropTypes__default["default"].bool,
+
+  /**
+   * `false` If true, will use a width of 'auto' instead of 100%
+   */
+  useStaticWidth: PropTypes__default["default"].bool,
+
+  /**
+   * `true` to add useZebraStyles striping.
+   */
+  useZebraStyles: PropTypes__default["default"].bool
+};
+Table.defaultProps = {
+  isSortable: false,
+  overflowMenuOnHover: true
+};
+var Table$1 = Table;
+
+exports.Table = Table;
+exports["default"] = Table$1;

package/lib/components/DataTable/TableActionList.js

@@ -0,0 +1,21 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var wrapComponent = require('../../tools/wrapComponent.js');
+
+var TableActionList = wrapComponent["default"]({
+  name: 'TableActionList',
+  type: 'div',
+  className: "cds--action-list"
+});
+var TableActionList$1 = TableActionList;
+
+exports["default"] = TableActionList$1;

package/lib/components/DataTable/TableBatchAction.js

@@ -0,0 +1,55 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PropTypes = require('prop-types');
+var React = require('react');
+var iconsReact = require('@carbon/icons-react');
+var Button = require('../Button/Button.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 TableBatchAction = function TableBatchAction(props) {
+  return /*#__PURE__*/React__default["default"].createElement(Button["default"], props);
+};
+
+TableBatchAction.propTypes = {
+  /**
+   * Specify if the button is an icon-only button
+   */
+  hasIconOnly: PropTypes__default["default"].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__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
+};
+TableBatchAction.defaultProps = {
+  renderIcon: iconsReact.AddFilled,
+  iconDescription: 'Add'
+};
+var TableBatchAction$1 = TableBatchAction;
+
+exports["default"] = TableBatchAction$1;

package/lib/components/DataTable/TableBatchActions.js

@@ -0,0 +1,120 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var Button = require('../Button/Button.js');
+var TableActionList = require('./TableActionList.js');
+require('../Text/index.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var Text = require('../Text/Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var _React$useState = React__default["default"].useState(),
+      _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+      isScrolling = _React$useState2[0],
+      setIsScrolling = _React$useState2[1];
+
+  var prefix = usePrefix.usePrefix();
+  var batchActionsClasses = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--batch-actions"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--batch-actions--active"), shouldShowBatchActions), _cx), className);
+  var batchSummaryClasses = cx__default["default"]("".concat(prefix, "--batch-summary"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--batch-summary__scroll"), isScrolling));
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    onScroll: function onScroll() {
+      setIsScrolling(!isScrolling);
+    },
+    "aria-hidden": !shouldShowBatchActions,
+    className: batchActionsClasses
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: batchSummaryClasses
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(prefix, "--batch-summary__para")
+  }, /*#__PURE__*/React__default["default"].createElement(Text.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["default"].createElement(TableActionList["default"], null, children, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    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__default["default"].node,
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Hook required to listen for when the user initiates a cancel request
+   * through this component
+   */
+  onCancel: PropTypes__default["default"].func.isRequired,
+
+  /**
+   * Boolean specifier for whether or not the batch action bar should be
+   * displayed
+   */
+  shouldShowBatchActions: PropTypes__default["default"].bool,
+
+  /**
+   * Numeric representation of the total number of items selected in a table.
+   * This number is used to derive the selection message
+   */
+  totalSelected: PropTypes__default["default"].number.isRequired,
+
+  /**
+   * 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
+};
+TableBatchActions.defaultProps = {
+  translateWithId: translateWithId
+};
+var TableBatchActions$1 = TableBatchActions;
+
+exports["default"] = TableBatchActions$1;

package/lib/components/DataTable/TableBody.js

@@ -0,0 +1,46 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var _excluded = ["children", "className"];
+
+var TableBody = function TableBody(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React__default["default"].createElement("tbody", _rollupPluginBabelHelpers["extends"]({
+    className: className
+  }, rest), children);
+};
+
+TableBody.propTypes = {
+  /**
+   * `polite` Adjust the notification behavior of screen readers
+   */
+  'aria-live': PropTypes__default["default"].oneOf(['polite', 'assertive', 'off']),
+  children: PropTypes__default["default"].node,
+  className: PropTypes__default["default"].string
+};
+TableBody.defaultProps = {
+  'aria-live': 'polite'
+};
+var TableBody$1 = TableBody;
+
+exports["default"] = TableBody$1;

package/lib/components/DataTable/TableCell.js

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var wrapComponent = require('../../tools/wrapComponent.js');
+
+var TableCell = wrapComponent["default"]({
+  name: 'TableCell',
+  type: 'td'
+});
+var TableCell$1 = TableCell;
+
+exports["default"] = TableCell$1;

package/lib/components/DataTable/TableContainer.js

@@ -0,0 +1,76 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+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);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var tableContainerClasses = cx__default["default"](className, "".concat(prefix, "--data-table-container"), (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--max-width"), stickyHeader), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table-container--static"), useStaticWidth), _cx));
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: tableContainerClasses
+  }), title && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--data-table-header")
+  }, /*#__PURE__*/React__default["default"].createElement("h4", {
+    className: "".concat(prefix, "--data-table-header__title")
+  }, title), /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(prefix, "--data-table-header__description")
+  }, description)), children);
+};
+
+TableContainer.propTypes = {
+  children: PropTypes__default["default"].node,
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Optional description text for the Table
+   */
+  description: PropTypes__default["default"].node,
+
+  /**
+   * Specify whether the table should have a sticky header
+   */
+  stickyHeader: PropTypes__default["default"].bool,
+
+  /**
+   * Provide a title for the Table
+   */
+  title: PropTypes__default["default"].node,
+
+  /**
+   * If true, will use a width of 'fit-content' to match the inner table width
+   */
+  useStaticWidth: PropTypes__default["default"].bool
+};
+var TableContainer$1 = TableContainer;
+
+exports["default"] = TableContainer$1;

package/lib/components/DataTable/TableExpandHeader.js

@@ -0,0 +1,96 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var PropTypes = require('prop-types');
+var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.js');
+var deprecate = require('../../prop-types/deprecate.js');
+var React = require('react');
+var iconsReact = require('@carbon/icons-react');
+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);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]("".concat(prefix, "--table-expand"), headerClassName);
+  var previousValue = isExpanded ? 'collapsed' : undefined;
+  return /*#__PURE__*/React__default["default"].createElement("th", _rollupPluginBabelHelpers["extends"]({
+    scope: "col",
+    className: className,
+    "data-previous-value": previousValue
+  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React__default["default"].createElement("button", {
+    type: "button",
+    className: "".concat(prefix, "--table-expand__button"),
+    onClick: onExpand,
+    title: expandIconDescription,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.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__default["default"].oneOfType([requiredIfGivenPropIsTruthy["default"]('enableExpando', PropTypes__default["default"].string), requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].string)]),
+  children: PropTypes__default["default"].node,
+  className: PropTypes__default["default"].string,
+
+  /**
+   * The enableExpando prop is being replaced by enableToggle
+   */
+  enableExpando: deprecate["default"](PropTypes__default["default"].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,
+
+  /**
+   * The description of the chevron right icon, to be put in its SVG `<title>` element.
+   */
+  expandIconDescription: PropTypes__default["default"].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),
+
+  /**
+   * 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)])
+};
+var TableExpandHeader$1 = TableExpandHeader;
+
+exports["default"] = TableExpandHeader$1;

package/lib/components/DataTable/TableExpandRow.js

@@ -0,0 +1,103 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var iconsReact = require('@carbon/icons-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);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--parent-row"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--expandable-row"), isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--selected"), isSelected), _cx), rowClassName);
+  var previousValue = isExpanded ? 'collapsed' : undefined;
+  return /*#__PURE__*/React__default["default"].createElement("tr", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: className,
+    "data-parent-row": true
+  }), /*#__PURE__*/React__default["default"].createElement(TableCell["default"], {
+    className: "".concat(prefix, "--table-expand"),
+    "data-previous-value": previousValue,
+    headers: expandHeader
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    type: "button",
+    className: "".concat(prefix, "--table-expand__button"),
+    onClick: onExpand,
+    title: expandIconDescription,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.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__default["default"].string.isRequired,
+  children: PropTypes__default["default"].node,
+  className: PropTypes__default["default"].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,
+
+  /**
+   * The description of the chevron right icon, to be put in its SVG `<title>` element.
+   */
+  expandIconDescription: PropTypes__default["default"].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.isRequired,
+
+  /**
+   * Specify if the row is selected
+   */
+  isSelected: PropTypes__default["default"].bool,
+
+  /**
+   * Hook for when a listener initiates a request to expand the given row
+   */
+  onExpand: PropTypes__default["default"].func.isRequired
+};
+TableExpandRow.defaultProps = {
+  expandHeader: 'expand'
+};
+var TableExpandRow$1 = TableExpandRow;
+
+exports["default"] = TableExpandRow$1;