@carbon/react 0.17.0 → 1.0.1

package/lib/components/DataTable/TableExpandedRow.js

@@ -0,0 +1,85 @@
+/**
+ * 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 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 = ["className", "children", "colSpan"];
+
+var TableExpandedRow = function TableExpandedRow(_ref) {
+  var customClassName = _ref.className,
+      children = _ref.children,
+      colSpan = _ref.colSpan,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var rowRef = React.useRef(null);
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]("".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["default"].createElement("tr", _rollupPluginBabelHelpers["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["default"].createElement(TableCell["default"], {
+    colSpan: colSpan
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--child-row-inner-container")
+  }, children)));
+};
+
+TableExpandedRow.propTypes = {
+  /**
+   * Pass in the contents for your TableExpandedRow
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * The width of the expanded row's internal cell
+   */
+  colSpan: PropTypes__default["default"].number.isRequired
+};
+var TableExpandedRow$1 = TableExpandedRow;
+
+exports["default"] = TableExpandedRow$1;

package/lib/components/DataTable/TableHead.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 TableHead = wrapComponent["default"]({
+  name: 'TableHead',
+  type: 'thead'
+});
+var TableHead$1 = TableHead;
+
+exports["default"] = TableHead$1;

package/lib/components/DataTable/TableHeader.js

@@ -0,0 +1,197 @@
+/**
+ * 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');
+require('./state/sorting.js');
+var useId = require('../../internal/useId.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var sortStates = require('./state/sortStates.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "children", "colSpan", "isSortable", "isSortHeader", "onClick", "scope", "sortDirection", "translateWithId", "id"];
+
+var _sortDirections;
+var translationKeys = {
+  buttonDescription: 'carbon.table.header.icon.description'
+};
+
+var translateWithId = function translateWithId(key, _ref) {
+  var header = _ref.header,
+      sortDirection = _ref.sortDirection,
+      isSortHeader = _ref.isSortHeader,
+      sortStates = _ref.sortStates;
+
+  if (key === translationKeys.buttonDescription) {
+    if (isSortHeader) {
+      // When transitioning, we know that the sequence of states is as follows:
+      // NONE -> ASC -> DESC -> NONE
+      if (sortDirection === sortStates.NONE) {
+        return "Click to sort rows by ".concat(header, " header in ascending order");
+      }
+
+      if (sortDirection === sortStates.ASC) {
+        return "Click to sort rows by ".concat(header, " header in descending order");
+      }
+
+      return "Click to unsort rows by ".concat(header, " header");
+    }
+
+    return "Click to sort rows by ".concat(header, " header in ascending order");
+  }
+
+  return '';
+};
+
+var sortDirections = (_sortDirections = {}, _rollupPluginBabelHelpers.defineProperty(_sortDirections, sortStates.sortStates.NONE, 'none'), _rollupPluginBabelHelpers.defineProperty(_sortDirections, sortStates.sortStates.ASC, 'ascending'), _rollupPluginBabelHelpers.defineProperty(_sortDirections, sortStates.sortStates.DESC, 'descending'), _sortDirections);
+var TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function TableHeader(_ref2, ref) {
+  var _cx;
+
+  var headerClassName = _ref2.className,
+      children = _ref2.children,
+      colSpan = _ref2.colSpan,
+      isSortable = _ref2.isSortable,
+      isSortHeader = _ref2.isSortHeader,
+      onClick = _ref2.onClick,
+      scope = _ref2.scope,
+      sortDirection = _ref2.sortDirection,
+      t = _ref2.translateWithId,
+      id = _ref2.id,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var uniqueId = useId.useId('table-sort');
+
+  if (!isSortable) {
+    return /*#__PURE__*/React__default["default"].createElement("th", _rollupPluginBabelHelpers["extends"]({}, rest, {
+      id: id,
+      className: headerClassName,
+      scope: scope,
+      colSpan: colSpan,
+      ref: ref
+    }), children ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(prefix, "--table-header-label")
+    }, children) : null);
+  }
+
+  var className = cx__default["default"](headerClassName, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--table-sort"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.sortStates.NONE), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.sortStates.DESC), _cx));
+  var ariaSort = !isSortHeader ? 'none' : sortDirections[sortDirection];
+  var sortDescription = t('carbon.table.header.icon.description', {
+    header: children,
+    sortDirection: sortDirection,
+    isSortHeader: isSortHeader,
+    sortStates: sortStates.sortStates
+  });
+  return /*#__PURE__*/React__default["default"].createElement("th", {
+    id: id,
+    "aria-sort": ariaSort,
+    className: headerClassName,
+    colSpan: colSpan,
+    ref: ref,
+    scope: scope
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      display: 'none'
+    },
+    id: uniqueId
+  }, sortDescription), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+    type: "button",
+    "aria-describedby": uniqueId,
+    className: className,
+    onClick: onClick
+  }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--table-sort__flex")
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--table-header-label")
+  }, children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ArrowUp, {
+    size: 20,
+    className: "".concat(prefix, "--table-sort__icon")
+  }), /*#__PURE__*/React__default["default"].createElement(iconsReact.ArrowsVertical, {
+    size: 20,
+    className: "".concat(prefix, "--table-sort__icon-unsorted")
+  }))));
+});
+TableHeader.propTypes = {
+  /**
+   * Pass in children that will be embedded in the table header label
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify `colSpan` as a non-negative integer value to indicate how
+   * many columns the TableHeader cell extends in a table
+   */
+  colSpan: PropTypes__default["default"].number,
+
+  /**
+   * Supply an id to the th element.
+   */
+  id: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether this header is the header by which a table is being sorted
+   * by
+   */
+  isSortHeader: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether this header is one through which a user can sort the table
+   */
+  isSortable: PropTypes__default["default"].bool,
+
+  /**
+   * Hook that is invoked when the header is clicked
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * Specify the scope of this table header. You can find more info about this
+   * attribute at the following URL:
+   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
+   */
+  scope: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Specify which direction we are currently sorting by, should be one of DESC,
+   * NONE, or ASC.
+   */
+  sortDirection: PropTypes__default["default"].oneOf(Object.values(sortStates.sortStates)),
+
+  /**
+   * 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
+};
+TableHeader.defaultProps = {
+  isSortable: false,
+  scope: 'col',
+  translateWithId: translateWithId
+};
+TableHeader.translationKeys = Object.values(translationKeys);
+TableHeader.displayName = 'TableHeader';
+var TableHeader$1 = TableHeader;
+
+exports["default"] = TableHeader$1;

package/lib/components/DataTable/TableRow.js

@@ -0,0 +1,52 @@
+/**
+ * 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 omit = require('lodash.omit');
+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 omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var TableRow = function TableRow(props) {
+  var prefix = usePrefix.usePrefix(); // Remove unnecessary props if provided to this component, these are
+  // only useful in `TableExpandRow`
+
+  var className = cx__default["default"](props.className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--data-table--selected"), props.isSelected));
+
+  var cleanProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, omit__default["default"](props, ['ariaLabel', 'onExpand', 'isExpanded', 'isSelected'])), {}, {
+    className: className || undefined
+  });
+
+  return /*#__PURE__*/React__default["default"].createElement("tr", cleanProps);
+};
+
+TableRow.propTypes = {
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify if the row is selected
+   */
+  isSelected: PropTypes__default["default"].bool
+};
+var TableRow$1 = TableRow;
+
+exports["default"] = TableRow$1;

package/lib/components/DataTable/TableSelectAll.js

@@ -0,0 +1,94 @@
+/**
+ * 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 InlineCheckbox = require('../InlineCheckbox/InlineCheckbox.js');
+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 PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var TableSelectAll = function TableSelectAll(_ref) {
+  var ariaLabel = _ref.ariaLabel,
+      checked = _ref.checked,
+      id = _ref.id,
+      indeterminate = _ref.indeterminate,
+      name = _ref.name,
+      onSelect = _ref.onSelect,
+      disabled = _ref.disabled,
+      className = _ref.className;
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement("th", {
+    scope: "col",
+    className: cx__default["default"]("".concat(prefix, "--table-column-checkbox"), className)
+  }, /*#__PURE__*/React__default["default"].createElement(InlineCheckbox["default"], {
+    ariaLabel: ariaLabel,
+    checked: checked,
+    id: id,
+    indeterminate: indeterminate,
+    name: name,
+    onClick: onSelect,
+    disabled: disabled
+  }));
+};
+
+TableSelectAll.propTypes = {
+  /**
+   * Specify the aria label for the underlying input control
+   */
+  ariaLabel: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Specify whether all items are selected, or not
+   */
+  checked: PropTypes__default["default"].bool.isRequired,
+
+  /**
+   * The CSS class names of the cell that wraps the underlying input control
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the checkbox input should be disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Provide an `id` for the underlying input control
+   */
+  id: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Specify whether the selection only has a subset of all items
+   */
+  indeterminate: PropTypes__default["default"].bool,
+
+  /**
+   * Provide a `name` for the underlying input control
+   */
+  name: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Provide a handler to listen to when a user initiates a selection request
+   */
+  onSelect: PropTypes__default["default"].func.isRequired
+};
+TableSelectAll.defaultProps = {
+  ariaLabel: 'Select all rows in the table'
+};
+var TableSelectAll$1 = TableSelectAll;
+
+exports["default"] = TableSelectAll$1;

package/lib/components/DataTable/TableSelectRow.js

@@ -0,0 +1,107 @@
+/**
+ * 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 PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var InlineCheckbox = require('../InlineCheckbox/InlineCheckbox.js');
+var index = require('../RadioButton/index.js');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var TableSelectRow = function TableSelectRow(_ref) {
+  var _classNames;
+
+  var ariaLabel = _ref.ariaLabel,
+      checked = _ref.checked,
+      id = _ref.id,
+      name = _ref.name,
+      onSelect = _ref.onSelect,
+      onChange = _ref.onChange,
+      disabled = _ref.disabled,
+      radio = _ref.radio,
+      className = _ref.className;
+  var prefix = usePrefix.usePrefix();
+  var selectionInputProps = {
+    id: id,
+    name: name,
+    onClick: onSelect,
+    onChange: onChange,
+    checked: checked,
+    disabled: disabled
+  };
+  var InlineInputComponent = radio ? index["default"] : InlineCheckbox["default"];
+  var tableSelectRowClasses = cx__default["default"]("".concat(prefix, "--table-column-checkbox"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, className, className), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--table-column-radio"), radio), _classNames));
+  return /*#__PURE__*/React__default["default"].createElement("td", {
+    className: tableSelectRowClasses
+  }, /*#__PURE__*/React__default["default"].createElement(InlineInputComponent, _rollupPluginBabelHelpers["extends"]({}, selectionInputProps, radio && {
+    labelText: ariaLabel,
+    hideLabel: true
+  }, !radio && {
+    ariaLabel: ariaLabel
+  })));
+};
+
+TableSelectRow.propTypes = {
+  /**
+   * Specify the aria label for the underlying input control
+   */
+  ariaLabel: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Specify whether all items are selected, or not
+   */
+  checked: PropTypes__default["default"].bool.isRequired,
+
+  /**
+   * The CSS class names of the cell that wraps the underlying input control
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Provide an `id` for the underlying input control
+   */
+  id: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Provide a `name` for the underlying input control
+   */
+  name: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Provide an optional hook that is called each time the input is updated
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * Provide a handler to listen to when a user initiates a selection request
+   */
+  onSelect: PropTypes__default["default"].func.isRequired,
+
+  /**
+   * Specify whether the control should be a radio button or inline checkbox
+   */
+  radio: PropTypes__default["default"].bool
+};
+var TableSelectRow$1 = TableSelectRow;
+
+exports["default"] = TableSelectRow$1;

package/lib/components/DataTable/TableToolbar.js

@@ -0,0 +1,57 @@
+/**
+ * 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 AriaPropTypes = require('../../prop-types/AriaPropTypes.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 = ["children", "size"];
+
+var TableToolbar = function TableToolbar(_ref) {
+  var _cx;
+
+  var children = _ref.children,
+      size = _ref.size,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--table-toolbar"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--table-toolbar--").concat(size), size), _cx));
+  return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: className
+  }), children);
+};
+
+TableToolbar.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, AriaPropTypes.AriaLabelPropType), {}, {
+  /**
+   * Pass in the children that will be rendered inside the TableToolbar
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * `lg` Change the row height of table
+   */
+  size: PropTypes__default["default"].oneOf(['sm', 'lg'])
+});
+TableToolbar.defaultProps = {
+  'aria-label': 'data table toolbar'
+};
+var TableToolbar$1 = TableToolbar;
+
+exports["default"] = TableToolbar$1;

package/lib/components/DataTable/TableToolbarAction.js

@@ -0,0 +1,40 @@
+/**
+ * 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 PropTypes = require('prop-types');
+var React = require('react');
+var index = require('../OverflowMenuItem/index.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 _excluded = ["children"];
+var TableToolbarAction = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React__default["default"].createElement(index["default"], _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    itemText: children
+  }, rest));
+});
+TableToolbarAction.displayName = 'TableToolbarAction';
+TableToolbarAction.propTypes = {
+  children: PropTypes__default["default"].node,
+  className: PropTypes__default["default"].string,
+  onClick: PropTypes__default["default"].func.isRequired
+};
+var TableToolbarAction$1 = TableToolbarAction;
+
+exports["default"] = TableToolbarAction$1;

package/lib/components/DataTable/TableToolbarContent.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 TableToolbarContent = wrapComponent["default"]({
+  name: 'TableToolbarContent',
+  type: 'div',
+  className: "cds--toolbar-content"
+});
+var TableToolbarContent$1 = TableToolbarContent;
+
+exports["default"] = TableToolbarContent$1;