@carbon/ibm-products 2.50.0-rc.1 → 2.51.0-rc.0

package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -21,11 +21,6 @@ var getNodeTextContent = require('../../../global/js/utils/getNodeTextContent.js
 var DatagridSlug = require('./addons/Slug/DatagridSlug.js');
 var useInitialColumnSort = require('../useInitialColumnSort.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _th;
 var _excluded = ["className"],
   _excluded2 = ["key"];
@@ -51,7 +46,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     onColResizeEnd = _ref.onColResizeEnd,
     resizerAriaLabel = _ref.resizerAriaLabel,
     isFetching = _ref.isFetching;
-  var headerProps = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(resizerProps), resizerProps));
+  var headerProps = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(resizerProps), resizerProps));
   var mouseDownHandler = function mouseDownHandler(evt) {
     handleOnMouseDownResize === null || handleOnMouseDownResize === void 0 || handleOnMouseDownResize(evt, resizerProps);
   };
@@ -78,7 +73,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
   var keyUpHandler = function keyUpHandler() {
     stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, headerProps, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, headerProps, {
     onMouseDown: mouseDownHandler,
     onMouseUp: mouseUpHandler,
     onKeyDown: keyDownHandler,
@@ -88,7 +83,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     defaultValue: originalCol === null || originalCol === void 0 ? void 0 : originalCol.width,
     "aria-label": resizerAriaLabel || 'Resize column',
     disabled: isFetching
-  })), /*#__PURE__*/React__default["default"].createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     role: "separator",
     className: "".concat(blockClass, "__col-resize-indicator")
   }));
@@ -153,7 +148,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     if (isTableSortable) {
       return;
     }
-    return /*#__PURE__*/React__default["default"].createElement(DatagridSlug.DatagridSlug, {
+    return /*#__PURE__*/React.createElement(DatagridSlug.DatagridSlug, {
       slug: slug
     });
   };
@@ -166,12 +161,12 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   var withActionsColumn = headers ? !!headers.filter(function (header) {
     return header.isAction;
   }).length : false;
-  return /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(react.TableRow, _rollupPluginBabelHelpers.extends({
     key: key
   }, rowProps, {
-    className: cx__default["default"]("".concat(blockClass, "__head"), headerGroupClassName),
+    className: cx("".concat(blockClass, "__head"), headerGroupClassName),
     ref: headRef
-  }), foundAIRow ? _th || (_th = /*#__PURE__*/React__default["default"].createElement("th", {
+  }), foundAIRow ? _th || (_th = /*#__PURE__*/React.createElement("th", {
     scope: "col",
     "aria-hidden": "false"
   })) : null, datagridState === null || datagridState === void 0 || (_datagridState$header = datagridState.headers) === null || _datagridState$header === void 0 || (_datagridState$header = _datagridState$header.filter(function (_ref3) {
@@ -198,7 +193,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     var _header$getHeaderProp = header.getHeaderProps({
         role: undefined
       }),
-      headerProps = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_header$getHeaderProp), _header$getHeaderProp));
+      headerProps = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_header$getHeaderProp), _header$getHeaderProp));
     var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header, {
       role: undefined
     });
@@ -208,11 +203,11 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     if (headerStyle) {
       headerStyle.flex = lastVisibleFlexStyle;
     }
-    return /*#__PURE__*/React__default["default"].createElement(react.TableHeader, _rollupPluginBabelHelpers["extends"]({}, headerProps, {
-      className: cx__default["default"](header === null || header === void 0 ? void 0 : header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === void 0 ? void 0 : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === void 0 ? void 0 : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === void 0 ? void 0 : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default["default"].isValidElement(header === null || header === void 0 ? void 0 : header.slug)), headerProps.className),
+    return /*#__PURE__*/React.createElement(react.TableHeader, _rollupPluginBabelHelpers.extends({}, headerProps, {
+      className: cx(header === null || header === void 0 ? void 0 : header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === void 0 ? void 0 : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === void 0 ? void 0 : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === void 0 ? void 0 : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React.isValidElement(header === null || header === void 0 ? void 0 : header.slug)), headerProps.className),
       key: header.id,
       "aria-hidden": header.id === 'spacer' && 'true'
-    }, getAccessibilityProps(header)), header.render('Header'), renderSlug(header.slug), resizerProps && !header.isAction && /*#__PURE__*/React__default["default"].createElement(ResizeHeader, {
+    }, getAccessibilityProps(header)), header.render('Header'), renderSlug(header.slug), resizerProps && !header.isAction && /*#__PURE__*/React.createElement(ResizeHeader, {
       resizerProps: resizerProps,
       header: header,
       handleOnMouseDownResize: handleOnMouseDownResize,
@@ -237,4 +232,4 @@ var useHeaderRow = function useHeaderRow(hooks) {
   hooks.useInstance.push(useInstance);
 };
 
-exports["default"] = useHeaderRow;
+exports.default = useHeaderRow;

package/lib/components/Datagrid/Datagrid/DatagridRefBody.js

@@ -14,11 +14,6 @@ var React = require('react');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 
 // TableBody from carbon is a functional component
@@ -29,10 +24,10 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
   var getTableBodyProps = datagridState.getTableBodyProps,
     rows = datagridState.rows,
     prepareRow = datagridState.prepareRow;
-  return /*#__PURE__*/React__default["default"].createElement("tbody", _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
+  return /*#__PURE__*/React.createElement("tbody", _rollupPluginBabelHelpers.extends({}, getTableBodyProps({
     role: undefined
   }), {
-    className: cx__default["default"]("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
+    className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows === null || rows === void 0 ? void 0 : rows.map(function (row) {
     var _row$RowRenderer;
     prepareRow(row);
@@ -45,4 +40,4 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
   }));
 };
 
-exports["default"] = DatagridRefBody;
+exports.default = DatagridRefBody;

package/lib/components/Datagrid/Datagrid/DatagridRow.js

@@ -18,11 +18,6 @@ var cx = require('classnames');
 var settings = require('../../../settings.js');
 var DatagridSlug = require('./addons/Slug/DatagridSlug.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _SkeletonText;
 var _excluded = ["className"],
   _excluded2 = ["style", "children"];
@@ -127,26 +122,26 @@ var DatagridRow = function DatagridRow(datagridState) {
     var _r$original;
     return /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.slug);
   });
-  var rowClassNames = cx__default["default"]("".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(blockClass, "__carbon-row-expandable--async"), getAsyncSubRows && row.depth > 0), "".concat(settings.carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)));
+  var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(blockClass, "__carbon-row-expandable--async"), getAsyncSubRows && row.depth > 0), "".concat(settings.carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)));
   var withActionsColumn = headers ? !!headers.filter(function (header) {
     return header.isAction;
   }).length : false;
   var rowKey = !row.isSkeleton ? key : row.skeletonKey;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+  return /*#__PURE__*/React.createElement(React.Fragment, {
     key: "".concat(rowKey, "__").concat(key, "__row--fragment")
-  }, /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({}, rowProps, {
-    className: cx__default["default"](rowClassNames, className),
+  }, /*#__PURE__*/React.createElement(react.TableRow, _rollupPluginBabelHelpers.extends({}, rowProps, {
+    className: cx(rowClassNames, className),
     key: rowKey,
     onMouseEnter: hoverHandler,
     onMouseLeave: handleMouseLeave,
     onFocus: hoverHandler,
     onBlur: focusRemover,
     onKeyUp: handleOnKeyUp
-  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== void 0 && (_row$original2 = row.original) !== null && _row$original2 !== void 0 && _row$original2.slug ? /*#__PURE__*/React__default["default"].createElement("td", {
-    className: cx__default["default"]("".concat(blockClass, "__table-row-ai-enabled"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--expanded"), row.isExpanded))
-  }, /*#__PURE__*/React__default["default"].createElement(DatagridSlug.DatagridSlug, {
+  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== void 0 && (_row$original2 = row.original) !== null && _row$original2 !== void 0 && _row$original2.slug ? /*#__PURE__*/React.createElement("td", {
+    className: cx("".concat(blockClass, "__table-row-ai-enabled"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--expanded"), row.isExpanded))
+  }, /*#__PURE__*/React.createElement(DatagridSlug.DatagridSlug, {
     slug: row === null || row === void 0 || (_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.slug
-  })) : /*#__PURE__*/React__default["default"].createElement("td", {
+  })) : /*#__PURE__*/React.createElement("td", {
     className: "".concat(blockClass, "__table-row-ai-spacer")
   }) : null, row.cells.map(function (cell, index) {
     var _cell$column, _cell$column2, _associatedHeader$;
@@ -159,7 +154,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       children = _ref2.children,
       restProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
     var columnClassname = cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.className;
-    var content = children || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, null))));
+    var content = children || /*#__PURE__*/React.createElement(React.Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(react.SkeletonText, null))));
     if ((cell === null || cell === void 0 || (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.id) === commonColumnIds.selectionColumnId) {
       // directly render component without the wrapping TableCell
       return cell.render('Cell', {
@@ -174,8 +169,8 @@ var DatagridRow = function DatagridRow(datagridState) {
     if (style) {
       style.flex = lastVisibleFlexStyle;
     }
-    return /*#__PURE__*/React__default["default"].createElement(react.TableCell, _rollupPluginBabelHelpers["extends"]({
-      className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), (row.canExpand || getAsyncSubRows) && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
+    return /*#__PURE__*/React.createElement(react.TableCell, _rollupPluginBabelHelpers.extends({
+      className: cx("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), (row.canExpand || getAsyncSubRows) && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
     }, restProps, {
       style: style,
       key: cell.column.id
@@ -183,4 +178,4 @@ var DatagridRow = function DatagridRow(datagridState) {
   })), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
 };
 
-exports["default"] = DatagridRow;
+exports.default = DatagridRow;

package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
@@ -16,11 +14,6 @@ var cx = require('classnames');
 var settings = require('../../../settings.js');
 var stateReducer = require('./addons/stateReducer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["onChange"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var SelectAll = function SelectAll(datagridState) {
@@ -57,8 +50,8 @@ var SelectAll = function SelectAll(datagridState) {
     onAllRowSelect = datagridState.onAllRowSelect;
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   if (hideSelectAll || radio) {
-    return /*#__PURE__*/React__default["default"].createElement("th", {
-      className: cx__default["default"]("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
+    return /*#__PURE__*/React.createElement("th", {
+      className: cx("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
       isFirstColumnStickyLeft && Number(windowSize) > 671))
     });
   }
@@ -78,8 +71,8 @@ var SelectAll = function SelectAll(datagridState) {
     onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
     return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
-  return /*#__PURE__*/React__default["default"].createElement(react.TableSelectAll, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
-    className: cx__default["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
+  return /*#__PURE__*/React.createElement(react.TableSelectAll, _rollupPluginBabelHelpers.extends({}, selectProps, {
+    className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
     isFirstColumnStickyLeft && Number(windowSize) > 671)),
     name: "".concat(tableId, "-select-all-checkbox-name"),
     onSelect: handleOnPageSelectAllChange,

package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -17,11 +17,6 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var settings = require('../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["onChange"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var SELECT_ALL_PAGE_ROWS = 'pageRows';
@@ -76,10 +71,10 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded);
   var disabled = isFetching || selectProps.disabled;
   var isFirstColumnStickyLeft = (columns === null || columns === void 0 || (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
-  return /*#__PURE__*/React__default["default"].createElement("th", {
+  return /*#__PURE__*/React.createElement("th", {
     scope: "col",
-    className: cx__default["default"]("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== void 0 ? windowSize : 0) > 671))
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
+    className: cx("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== void 0 ? windowSize : 0) > 671))
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({}, selectProps, {
     name: "".concat(tableId, "-select-all-checkbox-name"),
     onClick: function onClick(e) {
       onChange === null || onChange === void 0 || onChange(e);
@@ -88,16 +83,16 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     id: "".concat(tableId, "-select-all-checkbox-id"),
     labelText: allRowsLabel,
     hideLabel: true
-  }))), /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+  }))), /*#__PURE__*/React.createElement(react.OverflowMenu, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.CaretDown, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.CaretDown, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
     size: "sm",
     "aria-label": allRowsLabel,
     menuOptionsClass: "".concat(blockClass, "__select-all-toggle-overflow")
-  }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
+  }, /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
     itemText: allPageRowsLabel,
     requireTitle: true,
     disabled: disabled,
@@ -117,7 +112,7 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
         }
       });
     }
-  }), /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
+  }), /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
     itemText: allRowsLabel,
     requireTitle: true,
     disabled: disabled,
@@ -132,16 +127,16 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
   })));
 };
 SelectAllWithToggle.propTypes = {
-  allPageRowsLabel: index["default"].string,
-  allRowsLabel: index["default"].string,
-  columns: index["default"].arrayOf(index["default"].object),
-  getToggleAllPageRowsSelectedProps: index["default"].func.isRequired,
-  getToggleAllRowsSelectedProps: index["default"].func.isRequired,
-  isAllRowsSelected: index["default"].bool.isRequired,
-  isFetching: index["default"].bool,
-  selectAllToggle: index["default"].object,
-  tableId: index["default"].string.isRequired,
-  withStickyColumn: index["default"].bool
+  allPageRowsLabel: index.default.string,
+  allRowsLabel: index.default.string,
+  columns: index.default.arrayOf(index.default.object),
+  getToggleAllPageRowsSelectedProps: index.default.func.isRequired,
+  getToggleAllRowsSelectedProps: index.default.func.isRequired,
+  isAllRowsSelected: index.default.bool.isRequired,
+  isFetching: index.default.bool,
+  selectAllToggle: index.default.object,
+  tableId: index.default.string.isRequired,
+  withStickyColumn: index.default.bool
 };
 
-exports["default"] = SelectAllWithToggle;
+exports.default = SelectAllWithToggle;

package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -15,21 +15,16 @@ var react = require('@carbon/react');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
   var getTableBodyProps = datagridState.getTableBodyProps,
     rows = datagridState.rows,
     prepareRow = datagridState.prepareRow;
-  return /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
+  return /*#__PURE__*/React.createElement(react.TableBody, _rollupPluginBabelHelpers.extends({}, getTableBodyProps({
     role: undefined
   }), {
     "aria-live": undefined,
-    className: cx__default["default"]("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
+    className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows.map(function (row) {
     var _row$RowRenderer;
     prepareRow(row);
@@ -42,4 +37,4 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
   }));
 };
 
-exports["default"] = DatagridSimpleBody;
+exports.default = DatagridSimpleBody;

package/lib/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -18,11 +18,6 @@ var settings = require('../../../settings.js');
 var cx = require('classnames');
 var stateReducer = require('./addons/stateReducer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["ariaToolbarLabel"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid__table-toolbar");
 var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
@@ -49,9 +44,20 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     getRowId = datagridState.getRowId,
     batchActionMenuButtonLabel = datagridState.batchActionMenuButtonLabel,
     translateWithIdBatchActions = datagridState.translateWithIdBatchActions;
+  var _useState7 = React.useState(rows.length),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    availableRowsCount = _useState8[0],
+    setAvailableRowsCount = _useState8[1];
   var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== void 0 ? batchActionMenuButtonLabel : 'More';
   var selectedKeys = Object.keys(selectedRowIds || {});
   var totalSelected = selectedKeys.length;
+  React.useEffect(function () {
+    var _rows$find, _rows$find$getRowProp;
+    var countDisabledRows = ((_rows$find = rows.find(function (row) {
+      return row.getRowProps;
+    })) === null || _rows$find === void 0 || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === void 0 || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === void 0 || (_rows$find$getRowProp = _rows$find$getRowProp.nonselectablerows) === null || _rows$find$getRowProp === void 0 ? void 0 : _rows$find$getRowProp.length) || 0;
+    rows && setAvailableRowsCount(rows.length - countDisabledRows);
+  }, [rows]);
 
   // Get initial width of batch actions container,
   // used to measure when all items are put inside
@@ -94,7 +100,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       return;
     }
     var renderItem = function renderItem(batchAction, index) {
-      return /*#__PURE__*/React__default["default"].createElement(react.MenuItem, {
+      return /*#__PURE__*/React.createElement(react.MenuItem, {
         key: "".concat(batchAction.label, "-").concat(index),
         label: batchAction.label,
         onClick: function onClick(event) {
@@ -102,9 +108,9 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
         }
       });
     };
-    return /*#__PURE__*/React__default["default"].createElement(react.MenuButton, {
+    return /*#__PURE__*/React.createElement(react.MenuButton, {
       label: batchActionMenuButtonLabelText,
-      className: cx__default["default"]([menuClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
+      className: cx([menuClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
       tabIndex: totalSelected > 0 ? 0 : -1,
       menuAlignment: "bottom"
     }, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
@@ -149,22 +155,22 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   // Only display the first two batch actions, the rest are
   // displayed inside of the ButtonMenu if there are more than
   // 3 batch actions
-  return /*#__PURE__*/React__default["default"].createElement(react.TableBatchActions, {
+  return /*#__PURE__*/React.createElement(react.TableBatchActions, {
     shouldShowBatchActions: totalSelected > 0,
     totalSelected: totalSelected,
     onCancel: onCancelHandler,
     onSelectAll: onSelectAllHandler,
-    totalCount: rows && rows.length,
+    totalCount: availableRowsCount,
     translateWithId: translateWithIdBatchActions
   }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
     if (!toolbarBatchActionsDisplayMin && index < 2 && toolbarBatchActions.length > 3 || index < 3 && toolbarBatchActions.length <= 3 || toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin) {
-      return /*#__PURE__*/React__default["default"].createElement(react.TableBatchAction, {
+      return /*#__PURE__*/React.createElement(react.TableBatchAction, {
         key: "".concat(batchAction.label, "-").concat(index),
         renderIcon: batchAction.renderIcon,
         onClick: function onClick(event) {
           return onClickHandler(event, batchAction);
         },
-        className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(settings.carbon.prefix, "--noLabel"), !batchAction.label || batchAction.label === '')),
+        className: cx(_rollupPluginBabelHelpers.defineProperty({}, "".concat(settings.carbon.prefix, "--noLabel"), !batchAction.label || batchAction.label === '')),
         iconDescription: batchAction.label,
         tabIndex: totalSelected > 0 ? 0 : -1
       }, batchAction.label);
@@ -182,19 +188,19 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     batchActions = datagridState.batchActions,
     rowSize = datagridState.rowSize;
   var getRowHeight = rowSize || 'lg';
-  return batchActions && DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
+  return batchActions && DatagridActions ? /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: cx__default["default"]([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
-  }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
+    className: cx([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
+  }, /*#__PURE__*/React.createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React.createElement("div", {
     className: blockClass
-  }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
+  }, /*#__PURE__*/React.createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
-  ariaToolbarLabel: index["default"].string
+  ariaToolbarLabel: index.default.string
 };
 
-exports["default"] = DatagridToolbar;
+exports.default = DatagridToolbar;

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -18,10 +18,6 @@ var DatagridHead = require('./DatagridHead.js');
 var useResizeObserver = require('../../../global/js/hooks/useResizeObserver.js');
 var useIsomorphicEffect = require('../../../global/js/hooks/useIsomorphicEffect.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var rowSizeMap = {
   xs: 24,
@@ -107,14 +103,14 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
       testRef.current.style.width = "".concat(gridRef === null || gridRef === void 0 || (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth, "px");
     }
   }, [testRef, gridRef]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__head-wrap"),
     ref: headWrapRef
-  }, /*#__PURE__*/React__default["default"].createElement(DatagridHead["default"], datagridState)), /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
+  }, /*#__PURE__*/React.createElement(DatagridHead.default, datagridState)), /*#__PURE__*/React.createElement(react.TableBody, _rollupPluginBabelHelpers.extends({}, getTableBodyProps({
     role: undefined
   }), {
     "aria-live": undefined
-  }), /*#__PURE__*/React__default["default"].createElement(reactWindow.VariableSizeList, {
+  }), /*#__PURE__*/React.createElement(reactWindow.VariableSizeList, {
     height: virtualHeight || tableHeight,
     itemCount: visibleRows.length,
     itemSize: function itemSize(index) {
@@ -138,7 +134,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: innerRef,
       style: _rollupPluginBabelHelpers.objectSpread2({}, style)
     }, row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
@@ -148,4 +144,4 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   })));
 };
 
-exports["default"] = DatagridVirtualBody;
+exports.default = DatagridVirtualBody;

package/lib/components/Datagrid/Datagrid/DraggableElement.js

@@ -18,11 +18,6 @@ var settings = require('../../../settings.js');
 var utilities = require('@dnd-kit/utilities');
 var sortable = require('@dnd-kit/sortable');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Locked, _DraggableIcon;
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var DraggableElement = function DraggableElement(_ref) {
@@ -43,41 +38,42 @@ var DraggableElement = function DraggableElement(_ref) {
     setNodeRef = _useSortable.setNodeRef,
     transform = _useSortable.transform,
     transition = _useSortable.transition;
-  var content = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]({
+  var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: cx({
       disabled: disabled
     }, "".concat(blockClass, "__draggable-handleStyle"))
-  }, isSticky ? _Locked || (_Locked = /*#__PURE__*/React__default["default"].createElement(icons.Locked, {
+  }, isSticky ? _Locked || (_Locked = /*#__PURE__*/React.createElement(icons.Locked, {
     size: 16
-  })) : _DraggableIcon || (_DraggableIcon = /*#__PURE__*/React__default["default"].createElement(icons.Draggable, {
+  })) : _DraggableIcon || (_DraggableIcon = /*#__PURE__*/React.createElement(icons.Draggable, {
     size: 16
   }))), children);
   var style = {
     transform: !disabled ? utilities.CSS.Transform.toString(transform) : undefined,
     transition: transition
   };
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](classList, "".concat(blockClass, "__draggable-handleHolder"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleHolder--selected"), selected), "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), "".concat(blockClass, "__draggable-handleHolder--dragging"), isDragging)),
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
+    className: cx(classList, "".concat(blockClass, "__draggable-handleHolder"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleHolder--selected"), selected), "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), "".concat(blockClass, "__draggable-handleHolder--dragging"), isDragging)),
     id: id,
     ref: setNodeRef,
     style: style
   }, attributes, listeners, {
+    "aria-disabled": undefined,
     "aria-selected": selected,
     role: "option"
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__shared-ui--assistive-text")
-  }, ariaLabel), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleStyle"), !disabled), ["".concat(blockClass, "__draggable-handleHolder-droppable")])
+  }, ariaLabel), /*#__PURE__*/React.createElement("div", {
+    className: cx(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleStyle"), !disabled), ["".concat(blockClass, "__draggable-handleHolder-droppable")])
   }, content));
 };
 DraggableElement.propTypes = {
-  ariaLabel: index["default"].string.isRequired,
-  children: index["default"].element.isRequired,
-  classList: index["default"].string,
-  disabled: index["default"].bool,
-  id: index["default"].string.isRequired,
-  isSticky: index["default"].bool,
-  selected: index["default"].bool
+  ariaLabel: index.default.string.isRequired,
+  children: index.default.element.isRequired,
+  classList: index.default.string,
+  disabled: index.default.bool,
+  id: index.default.string.isRequired,
+  isSticky: index.default.bool,
+  selected: index.default.bool
 };
 
-exports["default"] = DraggableElement;
+exports.default = DraggableElement;