@carbon/react 1.27.0 → 1.28.0

package/es/components/DataTable/Table.js

@@ -5,37 +5,40 @@
  * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { TableContext } from './TableContext.js';
 
-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,
-      _ref$isSortable = _ref.isSortable,
-      isSortable = _ref$isSortable === void 0 ? false : _ref$isSortable,
-      useStaticWidth = _ref.useStaticWidth,
-      stickyHeader = _ref.stickyHeader,
-      _ref$overflowMenuOnHo = _ref.overflowMenuOnHover,
-      overflowMenuOnHover = _ref$overflowMenuOnHo === void 0 ? true : _ref$overflowMenuOnHo,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var _useContext = useContext(TableContext),
-      titleId = _useContext.titleId,
-      descriptionId = _useContext.descriptionId;
-
-  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--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")
+const Table = _ref => {
+  let {
+    className,
+    children,
+    useZebraStyles,
+    size,
+    isSortable = false,
+    useStaticWidth,
+    stickyHeader,
+    overflowMenuOnHover = true,
+    ...other
+  } = _ref;
+  const {
+    titleId,
+    descriptionId
+  } = useContext(TableContext);
+  const prefix = usePrefix();
+  const componentClass = cx(`${prefix}--data-table`, className, {
+    [`${prefix}--data-table--${size}`]: size,
+    [`${prefix}--data-table--sort`]: isSortable,
+    [`${prefix}--data-table--zebra`]: useZebraStyles,
+    [`${prefix}--data-table--static`]: useStaticWidth,
+    [`${prefix}--data-table--sticky-header`]: stickyHeader,
+    [`${prefix}--data-table--visible-overflow-menu`]: !overflowMenuOnHover
+  });
+  const table = /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--data-table-content`
   }, /*#__PURE__*/React__default.createElement("table", _extends({
     "aria-labelledby": titleId,
     "aria-describedby": descriptionId
@@ -43,7 +46,7 @@ var Table = function Table(_ref) {
     className: componentClass
   }), children));
   return stickyHeader ? /*#__PURE__*/React__default.createElement("section", {
-    className: "".concat(prefix, "--data-table_inner-container")
+    className: `${prefix}--data-table_inner-container`
   }, table) : table;
 };
 Table.propTypes = {

package/es/components/DataTable/TableActionList.js

@@ -7,12 +7,10 @@
 
 import wrapComponent from '../../tools/wrapComponent.js';
 
-var TableActionList = wrapComponent({
+const TableActionList = wrapComponent({
   name: 'TableActionList',
   type: 'div',
-  className: function className(prefix) {
-    return "".concat(prefix, "--action-list");
-  }
+  className: prefix => `${prefix}--action-list`
 });
 var TableActionList$1 = TableActionList;
 

package/es/components/DataTable/TableBatchAction.js

@@ -10,9 +10,7 @@ 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);
-};
+const TableBatchAction = props => /*#__PURE__*/React__default.createElement(Button, props);
 
 TableBatchAction.propTypes = {
   /**
@@ -24,7 +22,7 @@ TableBatchAction.propTypes = {
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
    */
-  iconDescription: function iconDescription(props) {
+  iconDescription: props => {
     if (props.renderIcon && !props.children && !props.iconDescription) {
       return new Error('renderIcon property specified without also providing an iconDescription property.');
     }

package/es/components/DataTable/TableBatchActions.js

@@ -5,7 +5,7 @@
  * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -15,42 +15,41 @@ 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 = {
+const 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) {
+const translateWithId = (id, state) => {
   if (id === 'carbon.table.batch.cancel') {
     return translationKeys[id];
   }
 
-  return "".concat(state.totalSelected, " ").concat(translationKeys[id]);
+  return `${state.totalSelected} ${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));
+const TableBatchActions = _ref => {
+  let {
+    className,
+    children,
+    shouldShowBatchActions,
+    totalSelected,
+    onCancel,
+    translateWithId: t,
+    ...rest
+  } = _ref;
+  const [isScrolling, setIsScrolling] = React__default.useState();
+  const prefix = usePrefix();
+  const batchActionsClasses = cx({
+    [`${prefix}--batch-actions`]: true,
+    [`${prefix}--batch-actions--active`]: shouldShowBatchActions
+  }, className);
+  const batchSummaryClasses = cx(`${prefix}--batch-summary`, {
+    [`${prefix}--batch-summary__scroll`]: isScrolling
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    onScroll: function onScroll() {
+    onScroll: () => {
       setIsScrolling(!isScrolling);
     },
     "aria-hidden": !shouldShowBatchActions,
@@ -58,15 +57,15 @@ var TableBatchActions = function TableBatchActions(_ref) {
   }, rest), /*#__PURE__*/React__default.createElement("div", {
     className: batchSummaryClasses
   }, /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(prefix, "--batch-summary__para")
+    className: `${prefix}--batch-summary__para`
   }, /*#__PURE__*/React__default.createElement(Text, {
     as: "span"
   }, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
-    totalSelected: totalSelected
+    totalSelected
   }) : t('carbon.table.batch.item.selected', {
-    totalSelected: totalSelected
+    totalSelected
   })))), /*#__PURE__*/React__default.createElement(TableActionList, null, children, /*#__PURE__*/React__default.createElement(Button, {
-    className: "".concat(prefix, "--batch-summary__cancel"),
+    className: `${prefix}--batch-summary__cancel`,
     tabIndex: shouldShowBatchActions ? 0 : -1,
     onClick: onCancel
   }, t('carbon.table.batch.cancel'))));
@@ -103,7 +102,7 @@ TableBatchActions.propTypes = {
   translateWithId: PropTypes.func
 };
 TableBatchActions.defaultProps = {
-  translateWithId: translateWithId
+  translateWithId
 };
 var TableBatchActions$1 = TableBatchActions;
 

package/es/components/DataTable/TableBody.js

@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { 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);
-
+const TableBody = _ref => {
+  let {
+    children,
+    className,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("tbody", _extends({
     className: className
   }, rest), children);

package/es/components/DataTable/TableCell.js

@@ -7,7 +7,7 @@
 
 import wrapComponent from '../../tools/wrapComponent.js';
 
-var TableCell = wrapComponent({
+const TableCell = wrapComponent({
   name: 'TableCell',
   type: 'td'
 });

package/es/components/DataTable/TableContainer.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 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useMemo } from 'react';
@@ -13,25 +13,25 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 import { TableContext } from './TableContext.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 baseId = useId('tc');
-  var titleId = "".concat(baseId, "-title");
-  var descriptionId = "".concat(baseId, "-description");
-  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));
-  var value = useMemo(function () {
+const TableContainer = _ref => {
+  let {
+    className,
+    children,
+    title,
+    description,
+    stickyHeader,
+    useStaticWidth,
+    ...rest
+  } = _ref;
+  const baseId = useId('tc');
+  const titleId = `${baseId}-title`;
+  const descriptionId = `${baseId}-description`;
+  const prefix = usePrefix();
+  const tableContainerClasses = cx(className, `${prefix}--data-table-container`, {
+    [`${prefix}--data-table--max-width`]: stickyHeader,
+    [`${prefix}--data-table-container--static`]: useStaticWidth
+  });
+  const value = useMemo(() => {
     return {
       titleId: title ? titleId : null,
       descriptionId: description ? descriptionId : null
@@ -42,12 +42,12 @@ var TableContainer = function TableContainer(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: tableContainerClasses
   }), title && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--data-table-header")
+    className: `${prefix}--data-table-header`
   }, /*#__PURE__*/React__default.createElement("h4", {
-    className: "".concat(prefix, "--data-table-header__title"),
+    className: `${prefix}--data-table-header__title`,
     id: titleId
   }, title), /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(prefix, "--data-table-header__description"),
+    className: `${prefix}--data-table-header__description`,
     id: descriptionId
   }, description)), children));
 };

package/es/components/DataTable/TableContext.js

@@ -7,7 +7,7 @@
 
 import { createContext } from 'react';
 
-var TableContext = /*#__PURE__*/createContext({
+const TableContext = /*#__PURE__*/createContext({
   titleId: undefined,
   descriptionId: undefined
 });

package/es/components/DataTable/TableExpandHeader.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
@@ -14,24 +14,22 @@ import React__default from 'react';
 import { ChevronRight } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["ariaLabel", "className", "enableExpando", "enableToggle", "id", "isExpanded", "onExpand", "expandIconDescription", "children"];
-
-var TableExpandHeader = function TableExpandHeader(_ref) {
-  var ariaLabel = _ref.ariaLabel,
-      headerClassName = _ref.className,
-      enableExpando = _ref.enableExpando,
-      enableToggle = _ref.enableToggle,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? 'expand' : _ref$id,
-      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;
+const TableExpandHeader = _ref => {
+  let {
+    ariaLabel,
+    className: headerClassName,
+    enableExpando,
+    enableToggle,
+    id = 'expand',
+    isExpanded,
+    onExpand,
+    expandIconDescription,
+    children,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--table-expand`, headerClassName);
+  const previousValue = isExpanded ? 'collapsed' : undefined;
   return /*#__PURE__*/React__default.createElement("th", _extends({
     scope: "col",
     className: className,
@@ -39,12 +37,12 @@ var TableExpandHeader = function TableExpandHeader(_ref) {
     id: id
   }, rest), enableExpando || enableToggle ? /*#__PURE__*/React__default.createElement("button", {
     type: "button",
-    className: "".concat(prefix, "--table-expand__button"),
+    className: `${prefix}--table-expand__button`,
     onClick: onExpand,
     title: expandIconDescription,
     "aria-label": ariaLabel
   }, /*#__PURE__*/React__default.createElement(ChevronRight, {
-    className: "".concat(prefix, "--table-expand__svg"),
+    className: `${prefix}--table-expand__svg`,
     "aria-label": expandIconDescription
   })) : null, children);
 };

package/es/components/DataTable/TableExpandRow.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 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -13,40 +13,40 @@ 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,
-      _ref$expandHeader = _ref.expandHeader,
-      expandHeader = _ref$expandHeader === void 0 ? 'expand' : _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;
+const TableExpandRow = _ref => {
+  let {
+    ariaLabel,
+    className: rowClassName,
+    children,
+    isExpanded,
+    onExpand,
+    expandIconDescription,
+    isSelected,
+    expandHeader = 'expand',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--parent-row`]: true,
+    [`${prefix}--expandable-row`]: isExpanded,
+    [`${prefix}--data-table--selected`]: isSelected
+  }, rowClassName);
+  const 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"),
+    className: `${prefix}--table-expand`,
     "data-previous-value": previousValue,
     headers: expandHeader
   }, /*#__PURE__*/React__default.createElement("button", {
     type: "button",
-    className: "".concat(prefix, "--table-expand__button"),
+    className: `${prefix}--table-expand__button`,
     onClick: onExpand,
     title: expandIconDescription,
     "aria-label": ariaLabel
   }, /*#__PURE__*/React__default.createElement(ChevronRight, {
-    className: "".concat(prefix, "--table-expand__svg"),
+    className: `${prefix}--table-expand__svg`,
     "aria-label": expandIconDescription
   }))), children);
 };

package/es/components/DataTable/TableExpandedRow.js

@@ -5,52 +5,47 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { 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"];
+const TableExpandedRow = _ref => {
+  let {
+    className: customClassName,
+    children,
+    colSpan,
+    ...rest
+  } = _ref;
+  const rowRef = useRef(null);
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--expandable-row`, customClassName);
 
-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) {
+  const toggleParentHoverClass = eventType => {
     if (rowRef && rowRef.current && rowRef.current.previousElementSibling) {
-      var parentNode = rowRef.current.previousElementSibling;
+      const parentNode = rowRef.current.previousElementSibling;
 
       if (eventType === 'enter') {
-        parentNode.classList.add("".concat(prefix, "--expandable-row--hover"));
+        parentNode.classList.add(`${prefix}--expandable-row--hover`);
       } else {
-        parentNode.classList.remove("".concat(prefix, "--expandable-row--hover"));
+        parentNode.classList.remove(`${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');
-    }
+    onMouseEnter: () => toggleParentHoverClass('enter'),
+    onMouseLeave: () => 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")
+    className: `${prefix}--child-row-inner-container`
   }, children)));
 };
 

package/es/components/DataTable/TableHead.js

@@ -7,7 +7,7 @@
 
 import wrapComponent from '../../tools/wrapComponent.js';
 
-var TableHead = wrapComponent({
+const TableHead = wrapComponent({
   name: 'TableHead',
   type: 'thead'
 });