carbon-addons-iot-react 2.70.0 → 2.72.0

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

@@ -13,17 +13,17 @@ require('core-js/modules/es.object.keys');
 require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var merge = _interopDefault(require('lodash/merge'));
-var __chunk_58 = require('./Table.jsx');
+var __chunk_45 = require('./Table.jsx');
 var _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));
 require('../../../node_modules/regenerator-runtime/runtime.js');
 var _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));
 var useDeepCompareEffect = _interopDefault(require('use-deep-compare-effect'));
 var get = _interopDefault(require('lodash/get'));
-var __chunk_71 = require('./tableActionCreators.js');
-var __chunk_73 = require('./tableReducer.js');
+var __chunk_58 = require('./tableActionCreators.js');
+var __chunk_60 = require('./tableReducer.js');
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,7 +46,7 @@ var StatefulTable = function StatefulTable(_ref) {
       expandedData = _ref.expandedData,
       other = _objectWithoutProperties(_ref, ["data", "expandedData"]);
 
-  var _merge = merge({}, __chunk_58.defaultProps(_objectSpread({
+  var _merge = merge({}, __chunk_45.defaultProps(_objectSpread({
     data: initialData
   }, other)), other),
       tableId = _merge.id,
@@ -56,7 +56,7 @@ var StatefulTable = function StatefulTable(_ref) {
       callbackActions = _merge.actions,
       lightweight = _merge.lightweight;
 
-  var _useReducer = React.useReducer(__chunk_73.tableReducer, {
+  var _useReducer = React.useReducer(__chunk_60.tableReducer, {
     data: initialData,
     view: initialState,
     columns: columns
@@ -68,7 +68,7 @@ var StatefulTable = function StatefulTable(_ref) {
   var isLoading = get(initialState, 'table.loadingState.isLoading'); // Need to initially sort and filter the tables data, but preserve the selectedId
 
   useDeepCompareEffect(function () {
-    dispatch(__chunk_71.tableRegister({
+    dispatch(__chunk_58.tableRegister({
       data: initialData,
       isLoading: isLoading,
       view: initialState,
@@ -113,49 +113,49 @@ var StatefulTable = function StatefulTable(_ref) {
   var actions = {
     pagination: {
       onChangePage: function onChangePage(paginationValues) {
-        dispatch(__chunk_71.tablePageChange(paginationValues));
+        dispatch(__chunk_58.tablePageChange(paginationValues));
         callbackParent(_onChangePage, paginationValues);
       }
     },
     toolbar: {
       onApplyFilter: function onApplyFilter(filterValues) {
-        dispatch(__chunk_71.tableFilterApply(filterValues));
+        dispatch(__chunk_58.tableFilterApply(filterValues));
         callbackParent(_onApplyFilter, filterValues);
       },
       onToggleFilter: function onToggleFilter() {
-        dispatch(__chunk_71.tableToolbarToggle('filter'));
+        dispatch(__chunk_58.tableToolbarToggle('filter'));
         callbackParent(_onToggleFilter, 'filter');
       },
       onToggleColumnSelection: function onToggleColumnSelection() {
-        dispatch(__chunk_71.tableToolbarToggle('column'));
+        dispatch(__chunk_58.tableToolbarToggle('column'));
         callbackParent(_onToggleColumnSelection, 'column');
       },
       onClearAllFilters: function onClearAllFilters() {
-        dispatch(__chunk_71.tableFilterClear());
+        dispatch(__chunk_58.tableFilterClear());
         callbackParent(_onClearAllFilters);
       },
       onCancelBatchAction: function onCancelBatchAction() {
-        dispatch(__chunk_71.tableActionCancel());
+        dispatch(__chunk_58.tableActionCancel());
         callbackParent(_onCancelBatchAction);
       },
       onApplyBatchAction: function onApplyBatchAction(id) {
-        dispatch(__chunk_71.tableActionApply(id));
+        dispatch(__chunk_58.tableActionApply(id));
         callbackParent(_onApplyBatchAction, id, selectedIds);
       },
       onApplySearch: function onApplySearch(string) {
         callbackParent(_onApplySearch, string);
-        dispatch(__chunk_71.tableSearchApply(string));
+        dispatch(__chunk_58.tableSearchApply(string));
       },
       onDownloadCSV: onDownloadCSV
     },
     table: {
       onChangeSort: function onChangeSort(column) {
         var sortDirection = sort ? sort.direction : undefined;
-        dispatch(__chunk_71.tableColumnSort(column, columns));
+        dispatch(__chunk_58.tableColumnSort(column, columns));
         callbackParent(_onChangeSort, column, sortDirection);
       },
       onRowSelected: function onRowSelected(rowId, isSelected) {
-        dispatch(__chunk_71.tableRowSelect(rowId, isSelected, options.hasRowSelection));
+        dispatch(__chunk_58.tableRowSelect(rowId, isSelected, options.hasRowSelection));
         callbackParent(_onRowSelected, rowId, isSelected);
       },
       onRowClicked: function onRowClicked(rowId) {
@@ -163,11 +163,11 @@ var StatefulTable = function StatefulTable(_ref) {
         callbackParent(_onRowClicked, rowId);
       },
       onSelectAll: function onSelectAll(isSelected) {
-        dispatch(__chunk_71.tableRowSelectAll(isSelected));
+        dispatch(__chunk_58.tableRowSelectAll(isSelected));
         callbackParent(_onSelectAll, isSelected);
       },
       onRowExpanded: function onRowExpanded(rowId, isExpanded) {
-        dispatch(__chunk_71.tableRowExpand(rowId, isExpanded));
+        dispatch(__chunk_58.tableRowExpand(rowId, isExpanded));
         callbackParent(_onRowExpanded, rowId, isExpanded);
       },
       onApplyRowAction: function () {
@@ -176,20 +176,20 @@ var StatefulTable = function StatefulTable(_ref) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
-                  dispatch(__chunk_71.tableRowActionStart(rowId));
+                  dispatch(__chunk_58.tableRowActionStart(rowId));
                   _context.prev = 1;
                   _context.next = 4;
                   return callbackParent(_onApplyRowAction, actionId, rowId);
 
                 case 4:
-                  dispatch(__chunk_71.tableRowActionComplete(rowId));
+                  dispatch(__chunk_58.tableRowActionComplete(rowId));
                   _context.next = 10;
                   break;
 
                 case 7:
                   _context.prev = 7;
                   _context.t0 = _context["catch"](1);
-                  dispatch(__chunk_71.tableRowActionError(rowId, _context.t0));
+                  dispatch(__chunk_58.tableRowActionError(rowId, _context.t0));
 
                 case 10:
                 case "end":
@@ -206,7 +206,7 @@ var StatefulTable = function StatefulTable(_ref) {
         return onApplyRowAction;
       }(),
       onClearRowError: function onClearRowError(rowId) {
-        dispatch(__chunk_71.tableRowActionComplete(rowId));
+        dispatch(__chunk_58.tableRowActionComplete(rowId));
         callbackParent(_onClearRowError, rowId);
       },
       onEmptyStateAction: function onEmptyStateAction() {
@@ -215,7 +215,7 @@ var StatefulTable = function StatefulTable(_ref) {
         );
       },
       onChangeOrdering: function onChangeOrdering(ordering) {
-        dispatch(__chunk_71.tableColumnOrder(ordering));
+        dispatch(__chunk_58.tableColumnOrder(ordering));
         callbackParent(_onChangeOrdering, ordering);
       },
       onColumnResize: function onColumnResize(resizedColumns) {
@@ -223,7 +223,7 @@ var StatefulTable = function StatefulTable(_ref) {
       }
     }
   };
-  return filteredData ? /*#__PURE__*/React__default.createElement(__chunk_58.default, _extends({}, other, {
+  return filteredData ? /*#__PURE__*/React__default.createElement(__chunk_45.default, _extends({}, other, {
     // need to passthrough all other props
     id: tableId,
     columns: columns,

package/lib/src/components/Table/Table.jsx

@@ -6,7 +6,7 @@ var carbonComponentsReact = require('carbon-components-react');
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 require('core-js/modules/es.symbol');
 require('core-js/modules/es.array.filter');
 require('core-js/modules/es.array.for-each');
@@ -17,26 +17,26 @@ require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../constants/Settings.js');
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 require('core-js/modules/es.array.concat');
 require('core-js/modules/es.array.map');
 require('core-js/modules/es.array.slice');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.some');
 require('core-js/modules/es.regexp.exec');
 var isNil = _interopDefault(require('lodash/isNil'));
-var __chunk_28 = require('../../utils/componentUtilityFunctions.js');
-var __chunk_36 = require('./TablePropTypes.js');
-var __chunk_37 = require('./EmptyTable/EmptyTable.jsx');
+var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
+var __chunk_23 = require('./TablePropTypes.js');
+var __chunk_24 = require('./EmptyTable/EmptyTable.jsx');
 require('core-js/modules/es.array.find');
 require('core-js/modules/es.string.search');
 var merge = _interopDefault(require('lodash/merge'));
 var pick = _interopDefault(require('lodash/pick'));
-var __chunk_47 = require('./TableHead/TableHead.jsx');
-var __chunk_50 = require('./TableToolbar/TableToolbar.jsx');
-var __chunk_51 = require('./TableSkeletonWithHeaders/TableSkeletonWithHeaders.jsx');
-var __chunk_56 = require('./TableBody/TableBody.jsx');
-var __chunk_57 = require('./Pagination.jsx');
+var __chunk_34 = require('./TableHead/TableHead.jsx');
+var __chunk_37 = require('./TableToolbar/TableToolbar.jsx');
+var __chunk_38 = require('./TableSkeletonWithHeaders/TableSkeletonWithHeaders.jsx');
+var __chunk_43 = require('./TableBody/TableBody.jsx');
+var __chunk_44 = require('./Pagination.jsx');
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -57,13 +57,13 @@ var propTypes = {
   lightweight: PropTypes.bool,
 
   /** Specify the properties of each column in the table */
-  columns: __chunk_36.TableColumnsPropTypes.isRequired,
+  columns: __chunk_23.TableColumnsPropTypes.isRequired,
 
   /** Row value data for the body of the table */
-  data: __chunk_36.TableRowPropTypes.isRequired,
+  data: __chunk_23.TableRowPropTypes.isRequired,
 
   /** Expanded data for the table details */
-  expandedData: __chunk_36.ExpandedRowsPropTypes,
+  expandedData: __chunk_23.ExpandedRowsPropTypes,
 
   /** Optional properties to customize how the table should be rendered */
   options: PropTypes.shape({
@@ -119,7 +119,7 @@ var propTypes = {
       })),
 
       /** Simple search state */
-      search: __chunk_36.TableSearchPropTypes,
+      search: __chunk_23.TableSearchPropTypes,
 
       /** is the toolbar currently disabled */
       isDisabled: PropTypes.bool
@@ -142,9 +142,9 @@ var propTypes = {
       })),
 
       /** what is the current state of the row actions */
-      rowActions: __chunk_36.RowActionsStatePropTypes,
+      rowActions: __chunk_23.RowActionsStatePropTypes,
       expandedIds: PropTypes.arrayOf(PropTypes.string),
-      emptyState: __chunk_36.EmptyStatePropTypes,
+      emptyState: __chunk_23.EmptyStatePropTypes,
       loadingState: PropTypes.shape({
         isLoading: PropTypes.bool,
         rowCount: PropTypes.number
@@ -192,7 +192,7 @@ var propTypes = {
       onColumnResize: PropTypes.func
     }).isRequired
   }),
-  i18n: __chunk_36.I18NPropTypes
+  i18n: __chunk_23.I18NPropTypes
 };
 var defaultProps = function defaultProps(baseProps) {
   return {
@@ -249,23 +249,23 @@ var defaultProps = function defaultProps(baseProps) {
     },
     actions: {
       pagination: {
-        onChangePage: __chunk_28.defaultFunction('actions.pagination.onChangePage')
+        onChangePage: __chunk_15.defaultFunction('actions.pagination.onChangePage')
       },
       toolbar: {
-        onToggleFilter: __chunk_28.defaultFunction('actions.toolbar.onToggleFilter'),
-        onToggleColumnSelection: __chunk_28.defaultFunction('actions.toolbar.onToggleColumnSelection'),
-        onApplyBatchAction: __chunk_28.defaultFunction('actions.toolbar.onApplyBatchAction'),
-        onCancelBatchAction: __chunk_28.defaultFunction('actions.toolbar.onCancelBatchAction')
+        onToggleFilter: __chunk_15.defaultFunction('actions.toolbar.onToggleFilter'),
+        onToggleColumnSelection: __chunk_15.defaultFunction('actions.toolbar.onToggleColumnSelection'),
+        onApplyBatchAction: __chunk_15.defaultFunction('actions.toolbar.onApplyBatchAction'),
+        onCancelBatchAction: __chunk_15.defaultFunction('actions.toolbar.onCancelBatchAction')
       },
       table: {
-        onChangeSort: __chunk_28.defaultFunction('actions.table.onChangeSort'),
-        onRowExpanded: __chunk_28.defaultFunction('actions.table.onRowExpanded'),
-        onRowClicked: __chunk_28.defaultFunction('actions.table.onRowClicked'),
-        onApplyRowAction: __chunk_28.defaultFunction('actions.table.onApplyRowAction'),
-        onEmptyStateAction: __chunk_28.defaultFunction('actions.table.onEmptyStateAction'),
-        onChangeOrdering: __chunk_28.defaultFunction('actions.table.onChangeOrdering'),
-        onColumnSelectionConfig: __chunk_28.defaultFunction('actions.table.onColumnSelectionConfig'),
-        onColumnResize: __chunk_28.defaultFunction('actions.table.onColumnResize')
+        onChangeSort: __chunk_15.defaultFunction('actions.table.onChangeSort'),
+        onRowExpanded: __chunk_15.defaultFunction('actions.table.onRowExpanded'),
+        onRowClicked: __chunk_15.defaultFunction('actions.table.onRowClicked'),
+        onApplyRowAction: __chunk_15.defaultFunction('actions.table.onApplyRowAction'),
+        onEmptyStateAction: __chunk_15.defaultFunction('actions.table.onEmptyStateAction'),
+        onChangeOrdering: __chunk_15.defaultFunction('actions.table.onChangeOrdering'),
+        onColumnSelectionConfig: __chunk_15.defaultFunction('actions.table.onColumnSelectionConfig'),
+        onColumnResize: __chunk_15.defaultFunction('actions.table.onColumnResize')
       }
     },
     i18n: {
@@ -389,10 +389,10 @@ var Table = function Table(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__default.createElement(carbonComponentsReact.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__default.createElement(__chunk_50.default, {
+  options.hasFilter || options.hasSearch || options.hasRowActions || options.hasRowCountInHeader || options.hasColumnSelection || actions.toolbar.onDownloadCSV || secondaryTitle || view.toolbar.customToolbarContent || tooltip ? /*#__PURE__*/React__default.createElement(__chunk_37.default, {
     tableId: id,
     secondaryTitle: secondaryTitle,
     tooltip: tooltip,
@@ -421,8 +421,8 @@ var Table = function Table(props) {
   }) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "addons-iot-table-container"
   }, /*#__PURE__*/React__default.createElement(carbonComponentsReact.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))
-  }, others), /*#__PURE__*/React__default.createElement(__chunk_47.default, _extends({}, others, {
+    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__default.createElement(__chunk_34.default, _extends({}, others, {
     i18n: i18n,
     lightweight: lightweight,
     options: _objectSpread({}, pick(options, 'hasRowSelection', 'hasRowExpansion', 'hasRowActions', 'hasColumnSelectionConfig', 'hasResize', 'useAutoTableLayoutForResize'), {
@@ -449,11 +449,11 @@ var Table = function Table(props) {
         isSelectAllIndeterminate: view.table.isSelectAllIndeterminate
       }
     })
-  })), view.table.loadingState.isLoading ? /*#__PURE__*/React__default.createElement(__chunk_51.default, _extends({
+  })), view.table.loadingState.isLoading ? /*#__PURE__*/React__default.createElement(__chunk_38.default, _extends({
     columns: visibleColumns
   }, pick(options, 'hasRowSelection', 'hasRowExpansion', 'hasRowActions'), {
     rowCount: view.table.loadingState.rowCount
-  })) : visibleData && visibleData.length ? /*#__PURE__*/React__default.createElement(__chunk_56.default, _extends({
+  })) : visibleData && visibleData.length ? /*#__PURE__*/React__default.createElement(__chunk_43.default, _extends({
     tableId: id,
     rows: visibleData,
     rowActionsState: view.table.rowActions,
@@ -468,7 +468,7 @@ var Table = function Table(props) {
     truncateCellText: useCellTextTruncate,
     ordering: view.table.ordering,
     actions: pick(actions.table, 'onRowSelected', 'onApplyRowAction', 'onClearRowError', 'onRowExpanded', 'onRowClicked')
-  })) : /*#__PURE__*/React__default.createElement(__chunk_37.default, {
+  })) : /*#__PURE__*/React__default.createElement(__chunk_24.default, {
     id: id,
     totalColumns: totalColumns,
     isFiltered: isFiltered,
@@ -483,7 +483,7 @@ var Table = function Table(props) {
   }))), options.hasPagination && !view.table.loadingState.isLoading && visibleData && visibleData.length ?
   /*#__PURE__*/
   // don't show pagination row while loading
-  React__default.createElement(__chunk_57.default, _extends({}, view.pagination, {
+  React__default.createElement(__chunk_44.default, _extends({}, view.pagination, {
     onChange: actions.pagination.onChangePage,
     backwardText: i18n.pageBackwardAria,
     forwardText: i18n.pageForwardAria,

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

@@ -6,7 +6,7 @@ var carbonComponentsReact = require('carbon-components-react');
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 require('core-js/modules/es.array.filter');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../../../constants/Settings.js');
@@ -22,12 +22,12 @@ var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/ass
 var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
 var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
 var styled = _interopDefault(require('styled-components'));
-var __chunk_31 = require('../../../../styles/styles.js');
-var __chunk_36 = require('../../TablePropTypes.js');
-var __chunk_53 = require('./RowActionsError.jsx');
+var __chunk_18 = require('../../../../styles/styles.js');
+var __chunk_23 = require('../../TablePropTypes.js');
+var __chunk_40 = require('./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;
@@ -57,7 +57,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;
@@ -78,22 +78,17 @@ function _templateObject() {
 var TableCell = carbonComponentsReact.DataTable.TableCell;
 var iotPrefix = __chunk_4.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(carbonComponentsReact.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__default.createElement(carbonComponentsReact.OverflowMenu, other);
 })(_templateObject5(), function (props) {
   return props.hideLabel !== 'false' ? '0' : '';
-}, function (props) {
-  return props.isOpen || props.isRowExpanded ? 1 : 0;
-}, __chunk_31.COLORS.blue);
+}, __chunk_18.COLORS.blue);
 var propTypes = {
   /** Need to render different styles if expanded */
   isRowExpanded: PropTypes.bool,
@@ -105,7 +100,7 @@ var propTypes = {
   tableId: PropTypes.string.isRequired,
 
   /** Array with all the actions to render */
-  actions: __chunk_36.RowActionPropTypes,
+  actions: __chunk_23.RowActionPropTypes,
 
   /** Callback called if a row action is clicked */
   onApplyRowAction: PropTypes.func.isRequired,
@@ -117,7 +112,7 @@ var propTypes = {
   isRowActionRunning: PropTypes.bool,
 
   /** row action error out */
-  rowActionsError: __chunk_36.RowActionErrorPropTypes,
+  rowActionsError: __chunk_23.RowActionErrorPropTypes,
   onClearError: PropTypes.func,
 
   /** I18N label for in progress */
@@ -226,12 +221,11 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
       return actions && actions.length > 0 ? /*#__PURE__*/React__default.createElement(StyledTableCell, {
         key: "".concat(id, "-row-actions-cell")
       }, /*#__PURE__*/React__default.createElement(RowActionsContainer, {
-        visible: isRowExpanded || isRowActionRunning || rowActionsError,
         isRowExpanded: isRowExpanded,
         className: "".concat(iotPrefix, "--row-actions-container")
       }, /*#__PURE__*/React__default.createElement("div", {
-        className: "".concat(iotPrefix, "--row-actions-container__background")
-      }, rowActionsError ? /*#__PURE__*/React__default.createElement(__chunk_53.default, {
+        className: classnames("".concat(iotPrefix, "--row-actions-container__background"), _defineProperty({}, "".concat(iotPrefix, "--row-actions-container__background--overflow-menu-open"), isOpen))
+      }, rowActionsError ? /*#__PURE__*/React__default.createElement(__chunk_40.default, {
         actionFailedText: actionFailedText,
         learnMoreText: learnMoreText,
         dismissText: dismissText,
@@ -252,7 +246,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);
           }
@@ -267,7 +261,6 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
         },
         isRowExpanded: isRowExpanded,
         iconDescription: overflowMenuAria,
-        isOpen: isOpen,
         onOpen: this.handleOpen,
         onClose: this.handleClose
       }, actions.filter(function (action) {

package/lib/src/components/Table/TableBody/RowActionsCell/RowActionsError.jsx

@@ -8,8 +8,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
 var styled = _interopDefault(require('styled-components'));
-var __chunk_36 = require('../../TablePropTypes.js');
-var __chunk_52 = require('../../../../../node_modules/@carbon/icons-react/es/warning--alt/16.js');
+var __chunk_23 = require('../../TablePropTypes.js');
+var __chunk_39 = require('../../../../../node_modules/@carbon/icons-react/es/warning--alt/16.js');
 
 function _templateObject4() {
   var data = _taggedTemplateLiteral(["\n  font-size: 0.875rem;\n"]);
@@ -67,7 +67,7 @@ var propTypes = {
   // eslint-disable-line
 
   /** did an error occur */
-  rowActionsError: __chunk_36.RowActionErrorPropTypes,
+  rowActionsError: __chunk_23.RowActionErrorPropTypes,
   onClearError: PropTypes.func
 };
 var defaultProps = {
@@ -99,7 +99,7 @@ var RowActionsError = function RowActionsError(_ref) {
     triggerId: "tooltip-error",
     tooltipId: "tooltip",
     renderIcon: React__default.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(__chunk_52.default, {
+      return /*#__PURE__*/React__default.createElement(__chunk_39.default, {
         ref: ref
       });
     })

package/lib/src/components/Table/TableBody/TableBody.jsx

@@ -21,11 +21,11 @@ require('core-js/modules/es.array.iterator');
 require('core-js/modules/es.object.to-string');
 require('core-js/modules/es.string.includes');
 require('core-js/modules/web.dom-collections.iterator');
-var __chunk_36 = require('../TablePropTypes.js');
+var __chunk_23 = require('../TablePropTypes.js');
 require('core-js/modules/es.array.find');
 var pick = _interopDefault(require('lodash/pick'));
 var VisibilitySensor = _interopDefault(require('react-visibility-sensor'));
-var __chunk_55 = require('./TableBodyRow/TableBodyRow.jsx');
+var __chunk_42 = require('./TableBodyRow/TableBodyRow.jsx');
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -34,9 +34,9 @@ var CarbonTableBody = carbonComponentsReact.DataTable.TableBody;
 var propTypes = {
   /** The unique id of the table */
   tableId: PropTypes.string.isRequired,
-  rows: __chunk_36.TableRowPropTypes,
-  expandedRows: __chunk_36.ExpandedRowsPropTypes,
-  columns: __chunk_36.TableColumnsPropTypes,
+  rows: __chunk_23.TableRowPropTypes,
+  expandedRows: __chunk_23.ExpandedRowsPropTypes,
+  columns: __chunk_23.TableColumnsPropTypes,
   expandedIds: PropTypes.arrayOf(PropTypes.string),
   selectedIds: PropTypes.arrayOf(PropTypes.string),
 
@@ -78,7 +78,7 @@ var propTypes = {
   truncateCellText: PropTypes.bool.isRequired,
 
   /** the current state of the row actions */
-  rowActionsState: __chunk_36.RowActionsStatePropTypes,
+  rowActionsState: __chunk_23.RowActionsStatePropTypes,
   shouldExpandOnRowClick: PropTypes.bool,
   shouldLazyRender: PropTypes.bool,
   actions: PropTypes.shape({
@@ -159,7 +159,7 @@ var TableBody = function TableBody(_ref) {
     var myRowActionState = rowActionsState.find(function (rowAction) {
       return rowAction.rowId === row.id;
     });
-    var rowElement = /*#__PURE__*/React__default.createElement(__chunk_55.default, {
+    var rowElement = /*#__PURE__*/React__default.createElement(__chunk_42.default, {
       key: row.id,
       isExpanded: isRowExpanded,
       isSelectable: row.isSelectable,