carbon-addons-iot-react 2.70.0 → 2.72.0

package/es/src/components/PageTitleBar/PageTitleBar.jsx

@@ -1,11 +1,11 @@
 import { Tabs, SkeletonText, Breadcrumb, BreadcrumbItem, Tooltip } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { Fragment } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
-import { Information20, Edit20 } from '@carbon/icons-react';
 import Button from '../Button/Button.jsx';
 import 'core-js/modules/es.array.map';
+import { Information20, Edit20 } from '@carbon/icons-react';
 import deprecate from '../../internal/deprecate.js';
 import 'core-js/modules/es.symbol.description';
 
@@ -83,7 +83,7 @@ var PageTitleBar = function PageTitleBar(_ref) {
   //
   var titleBarContent = content || tabs;
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(className, 'page-title-bar')
+    className: classnames(className, 'page-title-bar')
   }, isLoading ? /*#__PURE__*/React.createElement(SkeletonText, {
     className: "page-title-bar-loading",
     heading: true,

package/es/src/components/PageWizard/PageWizard.jsx

@@ -1,7 +1,7 @@
 import { ProgressIndicator, ProgressStep } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
 import { settings } from '../../constants/Settings.js';
 import 'core-js/modules/es.array.map';
@@ -136,7 +136,7 @@ var PageWizard = function PageWizard(_ref) {
     beforeFooterContent: beforeFooterContent
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(isProgressIndicatorVertical ? "".concat(iotPrefix, "--page-wizard") : null, className, hasStickyFooter ? "".concat(iotPrefix, "--page-wizard__sticky") : null)
+    className: classnames(isProgressIndicatorVertical ? "".concat(iotPrefix, "--page-wizard") : null, className, hasStickyFooter ? "".concat(iotPrefix, "--page-wizard__sticky") : null)
   }, steps.length > 1 ? /*#__PURE__*/React.createElement("div", {
     className: isProgressIndicatorVertical ? "".concat(iotPrefix, "--page-wizard--progress--vertical") : "".concat(iotPrefix, "--page-wizard--progress--horizontal")
   }, /*#__PURE__*/React.createElement(ProgressIndicator, {

package/es/src/components/PageWizard/StatefulPageWizard.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'core-js/modules/es.array.map';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.find-index';
 import PageWizard, { childrenPropType } from './PageWizard.jsx';
 

package/es/src/components/ProgressIndicator/ProgressIndicator.jsx

@@ -1,7 +1,7 @@
 import { ProgressIndicator, ProgressStep } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
 import { settings } from '../../constants/Settings.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -118,7 +118,7 @@ var ProgressIndicator$1 = function ProgressIndicator$$1(_ref3) {
 
   var currentStep = matchingIndex > -1 ? matchingIndex : 0;
   return /*#__PURE__*/React.createElement(StyledProgressIndicator, {
-    className: cx(className, isVerticalMode ? "".concat(prefix, "--progress--vertical") : '', "".concat(iotPrefix, "--progress-indicator")),
+    className: classnames(className, isVerticalMode ? "".concat(prefix, "--progress--vertical") : '', "".concat(iotPrefix, "--progress-indicator")),
     onChange: handleChange,
     currentIndex: currentStep,
     isVerticalMode: isVerticalMode

package/es/src/components/SideNav/SideNav.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.array.filter';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
@@ -168,7 +168,7 @@ var SideNav = function SideNav(_ref) {
   };
 
   return /*#__PURE__*/React.createElement(CarbonSideNav, _extends({
-    className: cx((_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--side-nav--expanded"), isSideNavExpanded), _defineProperty(_classnames, "".concat(prefix, "--side-nav--expanded"), isSideNavExpanded), _classnames)),
+    className: classnames((_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--side-nav--expanded"), isSideNavExpanded), _defineProperty(_classnames, "".concat(prefix, "--side-nav--expanded"), isSideNavExpanded), _classnames)),
     translateById: translateById,
     "aria-label": "Side navigation",
     defaultExpanded: defaultExpanded

package/es/src/components/Table/Pagination.jsx

@@ -2,7 +2,7 @@ import sizeMe from 'react-sizeme';
 import { Pagination } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
 import _extends from '@babel/runtime/helpers/extends';
@@ -23,7 +23,7 @@ var SizedPagination = sizeMe({
       rest = _objectWithoutProperties(_ref, ["isItemPerPageHidden", "size", "className"]);
 
   return /*#__PURE__*/React.createElement(Pagination, _extends({}, rest, {
-    className: cx(className, "".concat(iotPrefix, "--pagination"), _defineProperty({}, "".concat(iotPrefix, "--pagination--hide-page"), isItemPerPageHidden)),
+    className: classnames(className, "".concat(iotPrefix, "--pagination"), _defineProperty({}, "".concat(iotPrefix, "--pagination--hide-page"), isItemPerPageHidden)),
     style: {
       '--pagination-text-display': (size === null || size === void 0 ? void 0 : size.width) && (size === null || size === void 0 ? void 0 : size.width) < 500 ? 'none' : 'flex'
     }

package/es/src/components/Table/StatefulTable.jsx

@@ -8,8 +8,8 @@ import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import merge from 'lodash/merge';
 import Table, { defaultProps } from './Table.jsx';
 import _regeneratorRuntime from '@babel/runtime/regenerator';

package/es/src/components/Table/Table.jsx

@@ -1,7 +1,7 @@
 import { TableContainer, Table } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { useState, useMemo } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
 import 'core-js/modules/es.array.filter';
 import 'core-js/modules/es.array.for-each';
@@ -12,11 +12,11 @@ import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
 import 'core-js/modules/es.array.slice';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.some';
 import 'core-js/modules/es.regexp.exec';
 import isNil from 'lodash/isNil';
@@ -384,7 +384,7 @@ var Table$1 = function Table$$1(props) {
   var isFiltered = view.filters.length > 0 || !isNil(view.toolbar) && !isNil(view.toolbar.search) && !isNil(view.toolbar.search.value) && view.toolbar.search.value !== '';
   return /*#__PURE__*/React.createElement(TableContainer, {
     style: style,
-    className: cx(className, "".concat(iotPrefix, "--table-container"))
+    className: classnames(className, "".concat(iotPrefix, "--table-container"))
   },
   /* If there is no items being rendered in the toolbar, don't render the toolbar */
   options.hasFilter || options.hasSearch || options.hasRowActions || options.hasRowCountInHeader || options.hasColumnSelection || actions.toolbar.onDownloadCSV || secondaryTitle || view.toolbar.customToolbarContent || tooltip ? /*#__PURE__*/React.createElement(TableToolbar, {
@@ -416,7 +416,7 @@ var Table$1 = function Table$$1(props) {
   }) : null, /*#__PURE__*/React.createElement("div", {
     className: "addons-iot-table-container"
   }, /*#__PURE__*/React.createElement(Table, _extends({
-    className: cx((_classNames = {}, _defineProperty(_classNames, "".concat(iotPrefix, "--data-table--resize"), options.hasResize), _defineProperty(_classNames, "".concat(iotPrefix, "--data-table--fixed"), options.hasResize && !options.useAutoTableLayoutForResize), _classNames))
+    className: classnames((_classNames = {}, _defineProperty(_classNames, "".concat(iotPrefix, "--data-table--resize"), options.hasResize), _defineProperty(_classNames, "".concat(iotPrefix, "--data-table--fixed"), options.hasResize && !options.useAutoTableLayoutForResize), _classNames))
   }, others), /*#__PURE__*/React.createElement(TableHead, _extends({}, others, {
     i18n: i18n,
     lightweight: lightweight,

package/es/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx

@@ -1,7 +1,7 @@
 import { DataTable, Icon, OverflowMenu, Loading, Button, OverflowMenuItem } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { Fragment } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.array.filter';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../../constants/Settings.js';
@@ -22,7 +22,7 @@ import { RowActionPropTypes, RowActionErrorPropTypes } from '../../TablePropType
 import RowActionsError from './RowActionsError.jsx';
 
 function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  &&& {\n    margin-left: 0.5rem;\n    svg {\n      margin-left: ", ";\n    }\n    opacity: ", ";\n  }\n  &&&:hover > svg {\n    fill: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  &&& {\n    margin-left: 0.5rem;\n    svg {\n      margin-left: ", ";\n    }\n  }\n  &&&:hover > svg {\n    fill: ", ";\n  }\n"]);
 
   _templateObject5 = function _templateObject5() {
     return data;
@@ -52,7 +52,7 @@ function _templateObject3() {
 }
 
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  &&& {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    > * {\n      opacity: ", ";\n    }\n\n    /* If the actions are focused on, they should show up */\n    > *:focus {\n      opacity: 1;\n    }\n\n    /* the spinner was a little too big and causing the row to scroll so need to scale down a bit */\n    .bx--loading--small {\n      width: 1.875rem;\n      height: 1.875rem;\n    }\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  &&& {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    /* If the actions are focused on, they should show up */\n    > *:focus {\n      opacity: 1;\n    }\n\n    /* the spinner was a little too big and causing the row to scroll so need to scale down a bit */\n    .bx--loading--small {\n      width: 1.875rem;\n      height: 1.875rem;\n    }\n  }\n"]);
 
   _templateObject2 = function _templateObject2() {
     return data;
@@ -73,21 +73,16 @@ function _templateObject() {
 var TableCell = DataTable.TableCell;
 var iotPrefix = settings.iotPrefix;
 var StyledTableCell = styled(TableCell)(_templateObject());
-var RowActionsContainer = styled.div(_templateObject2(), function (props) {
-  return props.visible ? 1 : 0;
-});
+var RowActionsContainer = styled.div(_templateObject2());
 var OverflowMenuContent = styled.div(_templateObject3());
 var StyledIcon = styled(Icon)(_templateObject4());
 var StyledOverflowMenu = styled(function (_ref) {
   var isRowExpanded = _ref.isRowExpanded,
-      isOpen = _ref.isOpen,
-      other = _objectWithoutProperties(_ref, ["isRowExpanded", "isOpen"]);
+      other = _objectWithoutProperties(_ref, ["isRowExpanded"]);
 
   return /*#__PURE__*/React.createElement(OverflowMenu, other);
 })(_templateObject5(), function (props) {
   return props.hideLabel !== 'false' ? '0' : '';
-}, function (props) {
-  return props.isOpen || props.isRowExpanded ? 1 : 0;
 }, COLORS.blue);
 var propTypes = {
   /** Need to render different styles if expanded */
@@ -221,11 +216,10 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
       return actions && actions.length > 0 ? /*#__PURE__*/React.createElement(StyledTableCell, {
         key: "".concat(id, "-row-actions-cell")
       }, /*#__PURE__*/React.createElement(RowActionsContainer, {
-        visible: isRowExpanded || isRowActionRunning || rowActionsError,
         isRowExpanded: isRowExpanded,
         className: "".concat(iotPrefix, "--row-actions-container")
       }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(iotPrefix, "--row-actions-container__background")
+        className: classnames("".concat(iotPrefix, "--row-actions-container__background"), _defineProperty({}, "".concat(iotPrefix, "--row-actions-container__background--overflow-menu-open"), isOpen))
       }, rowActionsError ? /*#__PURE__*/React.createElement(RowActionsError, {
         actionFailedText: actionFailedText,
         learnMoreText: learnMoreText,
@@ -247,7 +241,7 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
           key: "".concat(tableId, "-").concat(id, "-row-actions-button-").concat(actionId),
           "data-testid": "".concat(tableId, "-").concat(id, "-row-actions-button-").concat(actionId),
           kind: "ghost",
-          className: cx(_defineProperty({}, "".concat(iotPrefix, "--row-actions-cell-btn--icononly"), !labelText)),
+          className: classnames(_defineProperty({}, "".concat(iotPrefix, "--row-actions-cell-btn--icononly"), !labelText)),
           onClick: function onClick(e) {
             return _onClick(e, id, actionId, onApplyRowAction);
           }
@@ -262,7 +256,6 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
         },
         isRowExpanded: isRowExpanded,
         iconDescription: overflowMenuAria,
-        isOpen: isOpen,
         onOpen: this.handleOpen,
         onClose: this.handleClose
       }, actions.filter(function (action) {

package/es/src/components/Table/TableBody/TableBodyRow/TableBodyRow.jsx

@@ -1,7 +1,7 @@
 import { DataTable, Checkbox } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../../constants/Settings.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -51,7 +51,7 @@ function _templateObject4() {
 }
 
 function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  &&& {\n    ", "\n    ", "\n    cursor: pointer;\n    td {\n      div .bx--btn--ghost:hover {\n        background: ", ";\n      }\n    }\n    :hover {\n      td {\n        div > *:not(label) {\n          opacity: 1;\n        }\n      }\n    }\n\n    ", "\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  &&& {\n    ", "\n    ", "\n    cursor: pointer;\n    td {\n      div .bx--btn--ghost:hover {\n        background: ", ";\n      }\n    }\n\n    ", "\n  }\n"]);
 
   _templateObject3 = function _templateObject3() {
     return data;
@@ -71,7 +71,7 @@ function _templateObject2() {
 }
 
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  &&& {\n    ", "\n    :hover {\n      td {\n        /* show the row actions if the table row is hovered over */\n        div > *:not(label) {\n          opacity: 1;\n        }\n        ", " /* turn off hover states if the row is set not selectable */\n      }\n      ", " /* turn off hover states if the row is set not selectable */\n    }\n\n\n"]);
+  var data = _taggedTemplateLiteral(["\n  &&& {\n    ", "\n    :hover {\n      td {\n        ", " /* turn off hover states if the row is set not selectable */\n      }\n      ", " /* turn off hover states if the row is set not selectable */\n    }\n\n\n"]);
 
   _templateObject = function _templateObject() {
     return data;
@@ -325,7 +325,7 @@ var TableBodyRow = function TableBodyRow(_ref6) {
       "data-offset": offset,
       offset: offset,
       align: align,
-      className: cx("data-table-".concat(align), _defineProperty({}, "".concat(iotPrefix, "--table__cell--truncate"), truncateCellText)),
+      className: classnames("data-table-".concat(align), _defineProperty({}, "".concat(iotPrefix, "--table__cell--truncate"), truncateCellText)),
       width: initialColumnWidth
     }, /*#__PURE__*/React.createElement(StyledNestedSpan, {
       nestingOffset: offset

package/es/src/components/Table/TableCellRenderer/TableCellRenderer.jsx

@@ -1,7 +1,7 @@
 import { Tooltip } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../constants/Settings.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -34,7 +34,7 @@ var TableCellRenderer = function TableCellRenderer(_ref) {
       allowTooltip = _ref.allowTooltip,
       truncateCellText = _ref.truncateCellText;
   var mySpanRef = React.createRef();
-  var myClasses = cx((_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--no-wrap"), wrapText === 'never'), _classnames));
+  var myClasses = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--no-wrap"), wrapText === 'never'), _classnames));
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),

package/es/src/components/Table/TableHead/ColumnHeaderRow/ColumnHeaderRow.jsx

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import 'core-js/modules/es.array.filter';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { Settings16 } from '@carbon/icons-react';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
+import { Settings16 } from '@carbon/icons-react';
 import { defaultFunction } from '../../../../utils/componentUtilityFunctions.js';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';

package/es/src/components/Table/TableHead/ColumnHeaderSelect/ColumnHeaderSelect.jsx

@@ -1,7 +1,7 @@
 import { Button } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { DragSource, DropTarget } from 'react-dnd';
 import Draggable from '../../../../../node_modules/@carbon/icons-react/es/draggable/16.js';
 
@@ -14,7 +14,7 @@ var ColumnHeaderSelect = function ColumnHeaderSelect(_ref) {
       _onClick = _ref.onClick,
       isOver = _ref.isOver;
   return /*#__PURE__*/React.createElement(Button, {
-    className: cx('column-header__btn', 'column-header__select', {
+    className: classnames('column-header__btn', 'column-header__select', {
       'column-header__select--hidden': isHidden,
       'column-header__select--isOver': isOver
     }),

package/es/src/components/Table/TableHead/ColumnResize.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { useState, useImperativeHandle } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../constants/Settings.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -148,7 +148,7 @@ var ColumnResize = React.forwardRef(function (props, ref) {
         width: dragHandleWidth,
         left: leftPosition || (document.dir === 'rtl' ? 0 : 'auto')
       },
-      className: cx("".concat(iotPrefix, "--column-resize-handle"), _defineProperty({}, "".concat(iotPrefix, "--column-resize-handle--dragging"), columnIsBeingResized))
+      className: classnames("".concat(iotPrefix, "--column-resize-handle"), _defineProperty({}, "".concat(iotPrefix, "--column-resize-handle--dragging"), columnIsBeingResized))
     })
   );
 });

package/es/src/components/Table/TableHead/TableHead.jsx

@@ -1,7 +1,7 @@
 import { DataTable, Checkbox } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { createRef, useState, useCallback, useLayoutEffect } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
 import 'core-js/modules/es.array.filter';
 import 'core-js/modules/es.array.for-each';
@@ -11,10 +11,10 @@ import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../constants/Settings.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
 import 'core-js/modules/es.array.slice';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.reduce';
 import isNil from 'lodash/isNil';
 import { tableTranslateWithId } from '../../../utils/componentUtilityFunctions.js';
@@ -255,15 +255,15 @@ var TableHead = function TableHead(_ref) {
     return !col.isHidden;
   }).slice(-1)[0];
   return /*#__PURE__*/React.createElement(CarbonTableHead, {
-    className: cx({
+    className: classnames({
       lightweight: lightweight
     }),
     onMouseMove: hasResize ? forwardMouseEvent : null,
     onMouseUp: hasResize ? forwardMouseEvent : null
   }, /*#__PURE__*/React.createElement(TableRow, null, hasRowExpansion ? /*#__PURE__*/React.createElement(TableExpandHeader, {
-    className: cx(_defineProperty({}, "".concat(iotPrefix, "--table-expand-resize"), hasResize))
+    className: classnames(_defineProperty({}, "".concat(iotPrefix, "--table-expand-resize"), hasResize))
   }) : null, hasRowSelection === 'multi' ? /*#__PURE__*/React.createElement(TableHeader, {
-    className: cx("".concat(iotPrefix, "--table-header-checkbox"), _defineProperty({}, "".concat(iotPrefix, "--table-header-checkbox-resize"), hasResize)),
+    className: classnames("".concat(iotPrefix, "--table-header-checkbox"), _defineProperty({}, "".concat(iotPrefix, "--table-header-checkbox-resize"), hasResize)),
     translateWithId: function translateWithId() {
       return tableTranslateWithId.apply(void 0, arguments);
     }
@@ -307,7 +307,7 @@ var TableHead = function TableHead(_ref) {
       },
       sortDirection: hasSort ? sort.direction : 'NONE',
       align: align,
-      className: cx("table-header-label-".concat(align), _defineProperty({
+      className: classnames("table-header-label-".concat(align), _defineProperty({
         'table-header-sortable': matchingColumnMeta.isSortable
       }, "".concat(iotPrefix, "--table-header-resize"), hasResize))
     }, /*#__PURE__*/React.createElement(TableCellRenderer, {

package/es/src/components/Table/TableHead/TableHeader.js

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from 'carbon-components';
-import { ArrowUp20, ArrowsVertical20 } from '@carbon/icons-react';
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { ArrowUp20, ArrowsVertical20 } from '@carbon/icons-react';
 import 'core-js/modules/es.object.values';
 
 var _sortDirections;
@@ -74,7 +74,7 @@ var TableHeader = React.forwardRef(function TableHeader(_ref2, ref) {
     );
   }
 
-  var className = cx(headerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--table-sort"), true), _defineProperty(_cx, "".concat(prefix, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), _defineProperty(_cx, "".concat(prefix, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC), _cx));
+  var className = classnames(headerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--table-sort"), true), _defineProperty(_cx, "".concat(prefix, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), _defineProperty(_cx, "".concat(prefix, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC), _cx));
   var ariaSort = !isSortHeader ? 'none' : sortDirections[sortDirection];
   return /*#__PURE__*/React.createElement("th", {
     scope: scope,

package/es/src/components/Table/TableToolbar/TableToolbar.jsx

@@ -1,7 +1,7 @@
 import { DataTable, Tooltip, Button } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
 import 'core-js/modules/es.array.filter';
 import 'core-js/modules/es.array.for-each';
@@ -11,11 +11,11 @@ import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../constants/Settings.js';
-import { Download20, Column20, Filter20 } from '@carbon/icons-react';
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
+import { Download20, Column20, Filter20 } from '@carbon/icons-react';
 import 'core-js/modules/es.regexp.exec';
 import { tableTranslateWithId } from '../../../utils/componentUtilityFunctions.js';
 import deprecate from '../../../internal/deprecate.js';
@@ -141,7 +141,7 @@ var TableToolbar = function TableToolbar(_ref) {
       isDisabled = _ref$tableState.isDisabled,
       totalItemsCount = _ref$tableState.totalItemsCount;
   return /*#__PURE__*/React.createElement(CarbonTableToolbar, {
-    className: cx("".concat(iotPrefix, "--table-toolbar"), className)
+    className: classnames("".concat(iotPrefix, "--table-toolbar"), className)
   }, /*#__PURE__*/React.createElement(TableBatchActions, {
     className: "".concat(iotPrefix, "--table-batch-actions"),
     onCancel: onCancelBatchAction,

package/es/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx

@@ -1,12 +1,12 @@
 import { DataTable } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { useRef, useState, useEffect } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../constants/Settings.js';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 
 var iotPrefix = settings.iotPrefix;
 var CarbonTableToolbarSearch = DataTable.TableToolbarSearch;
@@ -97,7 +97,7 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     tabIndex: "-1",
     ref: toolbarSearch,
-    className: cx("".concat(iotPrefix, "--table-toolbar-search"), _defineProperty({}, "".concat(iotPrefix, "--table-toolbar-search__expanded"), expanded)),
+    className: classnames("".concat(iotPrefix, "--table-toolbar-search"), _defineProperty({}, "".concat(iotPrefix, "--table-toolbar-search__expanded"), expanded)),
     onClick: onClick,
     onKeyDown: onKeyDown,
     role: "button"

package/es/src/components/Table/baseTableReducer.js

@@ -6,9 +6,9 @@ import 'core-js/modules/es.object.get-own-property-descriptors';
 import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.object.entries';
 import 'core-js/modules/es.array.find-index';
 import update from 'immutability-helper';

package/es/src/components/Table/tableReducer.js

@@ -6,8 +6,8 @@ import 'core-js/modules/es.object.get-own-property-descriptors';
 import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.map';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.includes';
 import 'core-js/modules/es.array.iterator';
 import 'core-js/modules/es.array.reduce';

package/es/src/components/TileCatalog/StatefulTileCatalog.jsx

@@ -9,11 +9,11 @@ import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
 import 'core-js/modules/es.array.slice';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.regexp.exec';
 import 'core-js/modules/es.string.search';
 import useDeepCompareEffect from 'use-deep-compare-effect';

package/es/src/components/TileCatalog/TileCatalog.jsx

@@ -1,7 +1,7 @@
 import { DataTable, Tile, SkeletonText, RadioTile } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { Fragment } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from '../../constants/Settings.js';
 import _extends from '@babel/runtime/helpers/extends';
 import 'core-js/modules/es.array.map';
@@ -101,7 +101,7 @@ var TileCatalog = function TileCatalog(_ref) {
   var pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;
   var totalTiles = pagination && pagination.totalItems ? pagination.totalItems : 10;
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(className, "".concat(iotPrefix, "--tile-catalog"))
+    className: classnames(className, "".concat(iotPrefix, "--tile-catalog"))
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(iotPrefix, "--tile-catalog--header")
   }, search && search.placeHolderText ? /*#__PURE__*/React.createElement(TableToolbarSearch, {

package/es/src/components/TileCatalog/TileGroup.jsx

@@ -1,7 +1,7 @@
 import { Tile } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from '../../constants/Settings.js';
 
 var iotPrefix = settings.iotPrefix;
@@ -17,7 +17,7 @@ var TileGroup = function TileGroup(_ref) {
   var tiles = _ref.tiles,
       className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(className, "".concat(iotPrefix, "--tile-group"))
+    className: classnames(className, "".concat(iotPrefix, "--tile-group"))
   }, tiles, /*#__PURE__*/React.createElement(Tile, {
     className: "".concat(iotPrefix, "--greedy-tile")
   }));

package/es/src/components/TileCatalogNew/TileCatalogNew.jsx

@@ -3,8 +3,8 @@ import { DataTable, Select, SelectItem } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import { settings } from '../../constants/Settings.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.map';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.fill';
 import TilePagination from './TilePagination/TilePagination.jsx';
 

package/es/src/components/TileCatalogNew/TilePagination/TilePagination.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../../constants/Settings.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.concat';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.number.constructor';
 import 'core-js/modules/es.string.iterator';
 import 'core-js/modules/es.array.from';
@@ -49,7 +49,7 @@ var TilePagination = function TilePagination(_ref) {
     onClick: function onClick() {
       return page > 1 && _onChange(page - 1);
     },
-    className: cx("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === 1)),
+    className: classnames("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === 1)),
     ariaDisabled: "true"
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "--pagination-nav__accessibility-label")
@@ -73,7 +73,7 @@ var TilePagination = function TilePagination(_ref) {
     onClick: function onClick() {
       return page < numPages && _onChange(page + 1);
     },
-    className: cx("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === numPages))
+    className: classnames("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === numPages))
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "--pagination-nav__accessibility-label")
   }, i18n.ariaLabelNextPage), /*#__PURE__*/React.createElement("svg", {
@@ -100,7 +100,7 @@ var TilePagination = function TilePagination(_ref) {
       onClick: function onClick() {
         return _onChange(pageNumber);
       },
-      className: cx("".concat(prefix, "--pagination-nav__page"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--active"), page === pageNumber), _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--disabled"), page === pageNumber), _classnames3)),
+      className: classnames("".concat(prefix, "--pagination-nav__page"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--active"), page === pageNumber), _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--disabled"), page === pageNumber), _classnames3)),
       ariaCurrent: i18n.ariaLabelPage,
       ariaDisabled: page === pageNumber
     }, /*#__PURE__*/React.createElement("span", {

package/es/src/components/TileGallery/StatefulTileGallery.jsx

@@ -2,11 +2,11 @@ import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import 'core-js/modules/es.symbol';
 import 'core-js/modules/es.array.filter';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { ButtonKinds } from '../../../node_modules/carbon-components-react/es/prop-types/types.js';
 import Button from '../Button/Button.jsx';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.regexp.constructor';
 import 'core-js/modules/es.regexp.exec';
 import 'core-js/modules/es.regexp.to-string';