@carbon/ibm-products 2.59.0-rc.0 → 2.60.0-rc.0

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

@@ -48,16 +48,16 @@ var ResizeHeader = function ResizeHeader(_ref) {
     isFetching = _ref.isFetching;
   var headerProps = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(resizerProps), resizerProps));
   var mouseDownHandler = function mouseDownHandler(evt) {
-    handleOnMouseDownResize === null || handleOnMouseDownResize === void 0 || handleOnMouseDownResize(evt, resizerProps);
+    handleOnMouseDownResize === null || handleOnMouseDownResize === undefined || handleOnMouseDownResize(evt, resizerProps);
   };
   var mouseUpHandler = function mouseUpHandler() {
-    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
+    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === undefined ? undefined : header.id, true);
   };
   var keyDownHandler = function keyDownHandler(evt) {
     var key = evt.key;
     if (key === 'ArrowLeft' || key === 'ArrowRight') {
-      var originalColMinWidth = (originalCol === null || originalCol === void 0 ? void 0 : originalCol.minWidth) || 90;
-      var currentColumnWidth = (header === null || header === void 0 ? void 0 : header.id) && (columnWidths === null || columnWidths === void 0 ? void 0 : columnWidths[header === null || header === void 0 ? void 0 : header.id]) || (datagridState !== null && datagridState !== void 0 && datagridState.isTableSortable && Number(originalCol === null || originalCol === void 0 ? void 0 : originalCol.width) < originalColMinWidth ? originalColMinWidth : originalCol === null || originalCol === void 0 ? void 0 : originalCol.width);
+      var originalColMinWidth = (originalCol === null || originalCol === undefined ? undefined : originalCol.minWidth) || 90;
+      var currentColumnWidth = (header === null || header === undefined ? undefined : header.id) && (columnWidths === null || columnWidths === undefined ? undefined : columnWidths[header === null || header === undefined ? undefined : header.id]) || (datagridState !== null && datagridState !== undefined && datagridState.isTableSortable && Number(originalCol === null || originalCol === undefined ? undefined : originalCol.width) < originalColMinWidth ? originalColMinWidth : originalCol === null || originalCol === undefined ? undefined : originalCol.width);
       if (key === 'ArrowLeft') {
         if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
           var newWidth = currentColumnWidth - incrementAmount;
@@ -71,7 +71,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     }
   };
   var keyUpHandler = function keyUpHandler() {
-    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
+    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === undefined ? undefined : header.id, true);
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, headerProps, {
     onMouseDown: mouseDownHandler,
@@ -80,7 +80,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     onKeyUp: keyUpHandler,
     className: "".concat(blockClass, "__col-resizer-range"),
     type: "range",
-    defaultValue: originalCol === null || originalCol === void 0 ? void 0 : originalCol.width,
+    defaultValue: originalCol === null || originalCol === undefined ? undefined : originalCol.width,
     "aria-label": resizerAriaLabel || 'Resize column',
     disabled: isFetching
   })), /*#__PURE__*/React.createElement("span", {
@@ -101,27 +101,27 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   React.useEffect(function () {
     var tableId = datagridState.tableId;
     var gridElement = document.querySelector("#".concat(tableId));
-    var tableElement = gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector('table');
+    var tableElement = gridElement === null || gridElement === undefined ? undefined : gridElement.querySelector('table');
     var headerRowElement = document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head"));
     var scrollBuffer = 2;
     if (tableElement) {
-      var hasHorizontalScrollbar = (tableElement === null || tableElement === void 0 ? void 0 : tableElement.scrollWidth) > (tableElement === null || tableElement === void 0 ? void 0 : tableElement.clientWidth);
+      var hasHorizontalScrollbar = (tableElement === null || tableElement === undefined ? undefined : tableElement.scrollWidth) > (tableElement === null || tableElement === undefined ? undefined : tableElement.clientWidth);
       if (hasHorizontalScrollbar) {
         scrollBuffer = 18;
       }
     }
-    var tableToolbar = (gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector(".".concat(blockClass, "__table-toolbar"))) || null;
-    var tableToolbarHeight = (tableToolbar === null || tableToolbar === void 0 ? void 0 : tableToolbar.offsetHeight) || 0;
+    var tableToolbar = (gridElement === null || gridElement === undefined ? undefined : gridElement.querySelector(".".concat(blockClass, "__table-toolbar"))) || null;
+    var tableToolbarHeight = (tableToolbar === null || tableToolbar === undefined ? undefined : tableToolbar.offsetHeight) || 0;
     var setCustomValues = function setCustomValues(_ref2) {
       var rowHeight = _ref2.rowHeight,
         gridHeight = _ref2.gridHeight;
-      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), layout.px(rowHeight));
-      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), layout.px(gridHeight - scrollBuffer - tableToolbarHeight));
-      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), layout.px(headerRowElement.offsetHeight));
+      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), layout.px(rowHeight));
+      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), layout.px(gridHeight - scrollBuffer - tableToolbarHeight));
+      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), layout.px(headerRowElement.offsetHeight));
     };
     setCustomValues({
-      gridHeight: gridElement === null || gridElement === void 0 ? void 0 : gridElement.offsetHeight,
-      rowHeight: headerRowElement === null || headerRowElement === void 0 ? void 0 : headerRowElement.clientHeight
+      gridHeight: gridElement === null || gridElement === undefined ? undefined : gridElement.offsetHeight,
+      rowHeight: headerRowElement === null || headerRowElement === undefined ? undefined : headerRowElement.clientHeight
     });
   }, [datagridState.rowSize, datagridState.tableId, datagridState]);
   var _useState = React.useState(2),
@@ -130,14 +130,14 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   var handleOnMouseDownResize = function handleOnMouseDownResize(event, resizeProps) {
     var _resizeProps = _rollupPluginBabelHelpers.objectSpread2({}, resizeProps),
       _resizeProps$onMouseD = _resizeProps.onMouseDown,
-      onMouseDown = _resizeProps$onMouseD === void 0 ? function () {} : _resizeProps$onMouseD;
+      onMouseDown = _resizeProps$onMouseD === undefined ? function () {} : _resizeProps$onMouseD;
     // When event.button is 2, that is a right click
     // and we do not want to resize
     if (event.button === 2 || event.ctrlKey) {
       event.target.blur();
       return;
     }
-    onMouseDown === null || onMouseDown === void 0 || onMouseDown(event);
+    onMouseDown === null || onMouseDown === undefined || onMouseDown(event);
   };
   var _headerGroup$getHeade = headerGroup.getHeaderGroupProps({
       role: undefined
@@ -154,7 +154,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   };
   var foundAIRow = rows.some(function (r) {
     var _r$original, _r$original2;
-    return /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.aiLabel) || /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original2 = r.original) === null || _r$original2 === void 0 ? void 0 : _r$original2.slug);
+    return /*#__PURE__*/React.isValidElement(r === null || r === undefined || (_r$original = r.original) === null || _r$original === undefined ? undefined : _r$original.aiLabel) || /*#__PURE__*/React.isValidElement(r === null || r === undefined || (_r$original2 = r.original) === null || _r$original2 === undefined ? undefined : _r$original2.slug);
   });
   var key = headerGroupProps.key,
     rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(headerGroupProps, _excluded2);
@@ -169,10 +169,10 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   }), 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) {
+  })) : null, datagridState === null || datagridState === undefined || (_datagridState$header = datagridState.headers) === null || _datagridState$header === undefined || (_datagridState$header = _datagridState$header.filter(function (_ref3) {
     var isVisible = _ref3.isVisible;
     return isVisible;
-  })) === null || _datagridState$header === void 0 ? void 0 : _datagridState$header.map(function (header, index) {
+  })) === null || _datagridState$header === undefined ? undefined : _datagridState$header.map(function (header, index) {
     var _header$getResizerPro;
     if (header.id === commonColumnIds.selectionColumnId) {
       // render directly without the wrapper TableHeader
@@ -194,10 +194,10 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
         role: undefined
       }),
       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, {
+    var resizerProps = header === null || header === undefined || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === undefined ? undefined : _header$getResizerPro.call(header, {
       role: undefined
     });
-    var headerStyle = headerProps === null || headerProps === void 0 ? void 0 : headerProps.style;
+    var headerStyle = headerProps === null || headerProps === undefined ? undefined : headerProps.style;
     var lastVisibleIndex = withActionsColumn ? 2 : 1;
     var isLastVisibleColumn = index === visibleColumns.length - lastVisibleIndex;
     if (headerStyle) {
@@ -207,7 +207,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
       });
     }
     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(_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)), "".concat(blockClass, "__with-ai-label"), header.aiLabel && /*#__PURE__*/React.isValidElement(header === null || header === void 0 ? void 0 : header.aiLabel)), headerProps.className),
+      className: cx(header === null || header === undefined ? undefined : header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === undefined ? undefined : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === undefined ? undefined : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === undefined ? undefined : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React.isValidElement(header === null || header === undefined ? undefined : header.slug)), "".concat(blockClass, "__with-ai-label"), header.aiLabel && /*#__PURE__*/React.isValidElement(header === null || header === undefined ? undefined : header.aiLabel)), headerProps.className),
       key: header.id,
       "aria-hidden": header.id === 'spacer' && 'true'
     }, getAccessibilityProps(header)), header.render('Header'), renderAILabel(header.aiLabel || header.slug), resizerProps && !header.isAction && /*#__PURE__*/React.createElement(ResizeHeader, {

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

@@ -28,12 +28,12 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
     role: undefined
   }), {
     className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
-  }), rows === null || rows === void 0 ? void 0 : rows.map(function (row) {
+  }), rows === null || rows === undefined ? undefined : rows.map(function (row) {
     var _row$RowRenderer;
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return 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), {}, {
+    return row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));

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

@@ -29,8 +29,6 @@ var rowHeights = {
   lg: 48,
   xl: 64
 };
-
-// eslint-disable-next-line react/prop-types
 var DatagridRow = function DatagridRow(datagridState) {
   var _row$original, _row$original2, _row$original3, _row$original4, _row$original5, _row$original6;
   var row = datagridState.row,
@@ -46,14 +44,14 @@ var DatagridRow = function DatagridRow(datagridState) {
     headers = datagridState.headers,
     visibleColumns = datagridState.visibleColumns,
     getAsyncSubRows = datagridState.getAsyncSubRows;
-  var getVisibleNestedRowCount = function getVisibleNestedRowCount(_ref) {
+  var _getVisibleNestedRowCount = function getVisibleNestedRowCount(_ref) {
     var isExpanded = _ref.isExpanded,
       subRows = _ref.subRows;
     var size = 0;
     if (isExpanded && subRows) {
       size += subRows.length;
       subRows.forEach(function (child) {
-        size += getVisibleNestedRowCount(child);
+        size += _getVisibleNestedRowCount(child);
       });
     }
     return size;
@@ -63,15 +61,15 @@ var DatagridRow = function DatagridRow(datagridState) {
     if (!withNestedRows) {
       return;
     }
-    var subRowCount = getVisibleNestedRowCount(row);
+    var subRowCount = _getVisibleNestedRowCount(row);
     var totalNestedRowIndicatorHeight = layout.px(subRowCount * rowHeights[Number(rowSize)]);
     var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
-    hoverRow === null || hoverRow === void 0 || hoverRow.classList.add("".concat(blockClass, "__carbon-row-expanded-hover-active"));
-    var rowExpanderButton = hoverRow === null || hoverRow === void 0 ? void 0 : hoverRow.querySelector(".".concat(blockClass, "__row-expander"));
+    hoverRow === null || hoverRow === undefined || hoverRow.classList.add("".concat(blockClass, "__carbon-row-expanded-hover-active"));
+    var rowExpanderButton = hoverRow === null || hoverRow === undefined ? undefined : hoverRow.querySelector(".".concat(blockClass, "__row-expander"));
     var rowSizeValue = rowSize || 'lg';
-    hoverRow === null || hoverRow === void 0 || (_hoverRow$style = hoverRow.style) === null || _hoverRow$style === void 0 || _hoverRow$style.setProperty("--".concat(blockClass, "--indicator-height"), totalNestedRowIndicatorHeight);
-    hoverRow === null || hoverRow === void 0 || (_hoverRow$style2 = hoverRow.style) === null || _hoverRow$style2 === void 0 || _hoverRow$style2.setProperty("--".concat(blockClass, "--row-height"), layout.px(rowHeights[rowSizeValue]));
-    hoverRow === null || hoverRow === void 0 || (_hoverRow$style3 = hoverRow.style) === null || _hoverRow$style3 === void 0 || _hoverRow$style3.setProperty("--".concat(blockClass, "--indicator-offset-amount"), layout.px((rowExpanderButton === null || rowExpanderButton === void 0 ? void 0 : rowExpanderButton.offsetLeft) || 0));
+    hoverRow === null || hoverRow === undefined || (_hoverRow$style = hoverRow.style) === null || _hoverRow$style === undefined || _hoverRow$style.setProperty("--".concat(blockClass, "--indicator-height"), totalNestedRowIndicatorHeight);
+    hoverRow === null || hoverRow === undefined || (_hoverRow$style2 = hoverRow.style) === null || _hoverRow$style2 === undefined || _hoverRow$style2.setProperty("--".concat(blockClass, "--row-height"), layout.px(rowHeights[rowSizeValue]));
+    hoverRow === null || hoverRow === undefined || (_hoverRow$style3 = hoverRow.style) === null || _hoverRow$style3 === undefined || _hoverRow$style3.setProperty("--".concat(blockClass, "--indicator-offset-amount"), layout.px((rowExpanderButton === null || rowExpanderButton === undefined ? undefined : rowExpanderButton.offsetLeft) || 0));
   };
   var focusRemover = function focusRemover() {
     var elements = document.querySelectorAll("#".concat(tableId, " .").concat(blockClass, "__carbon-row-expanded"));
@@ -83,7 +81,7 @@ var DatagridRow = function DatagridRow(datagridState) {
     if (row.isExpanded) {
       var _row$RowExpansionRend;
       prepareRow(row);
-      return row === null || row === void 0 || (_row$RowExpansionRend = row.RowExpansionRenderer) === null || _row$RowExpansionRend === void 0 ? void 0 : _row$RowExpansionRend.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
+      return row === null || row === undefined || (_row$RowExpansionRend = row.RowExpansionRenderer) === null || _row$RowExpansionRend === undefined ? undefined : _row$RowExpansionRend.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
         row: row
       }));
     }
@@ -91,10 +89,10 @@ var DatagridRow = function DatagridRow(datagridState) {
   };
   var handleMouseLeave = function handleMouseLeave(event) {
     if (withMouseHover) {
-      setMouseOverRowIndex === null || setMouseOverRowIndex === void 0 || setMouseOverRowIndex(null);
+      setMouseOverRowIndex === null || setMouseOverRowIndex === undefined || setMouseOverRowIndex(null);
     }
     var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
-    hoverRow === null || hoverRow === void 0 || hoverRow.classList.remove("".concat(blockClass, "__carbon-row-expanded-hover-active"));
+    hoverRow === null || hoverRow === undefined || hoverRow.classList.remove("".concat(blockClass, "__carbon-row-expanded-hover-active"));
   };
   var handleOnKeyUp = function handleOnKeyUp(event) {
     if (!withNestedRows) {
@@ -120,9 +118,9 @@ var DatagridRow = function DatagridRow(datagridState) {
     rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getRowProps, _excluded);
   var foundAIRow = rows.some(function (r) {
     var _r$original, _r$original2;
-    return /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.aiLabel) || /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original2 = r.original) === null || _r$original2 === void 0 ? void 0 : _r$original2.slug);
+    return /*#__PURE__*/React.isValidElement(r === null || r === undefined || (_r$original = r.original) === null || _r$original === undefined ? undefined : _r$original.aiLabel) || /*#__PURE__*/React.isValidElement(r === null || r === undefined || (_r$original2 = r.original) === null || _r$original2 === undefined ? undefined : _r$original2.slug);
   });
-  var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_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)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.aiLabel)));
+  var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_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 === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/React.isValidElement(row === null || row === undefined || (_row$original2 = row.original) === null || _row$original2 === undefined ? undefined : _row$original2.aiLabel)));
   var withActionsColumn = headers ? !!headers.filter(function (header) {
     return header.isAction;
   }).length : false;
@@ -137,14 +135,14 @@ var DatagridRow = function DatagridRow(datagridState) {
     onFocus: hoverHandler,
     onBlur: focusRemover,
     onKeyUp: handleOnKeyUp
-  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== void 0 && (_row$original3 = row.original) !== null && _row$original3 !== void 0 && _row$original3.aiLabel ? /*#__PURE__*/React.createElement("td", {
+  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== undefined && (_row$original3 = row.original) !== null && _row$original3 !== undefined && _row$original3.aiLabel ? /*#__PURE__*/React.createElement("td", {
     className: cx("".concat(blockClass, "__table-row-ai-enabled"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__ai-label--expanded"), row.isExpanded))
   }, /*#__PURE__*/React.createElement(DatagridAiLabel.DatagridAILabel, {
-    aiLabel: row === null || row === void 0 || (_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.aiLabel
-  })) : row !== null && row !== void 0 && (_row$original5 = row.original) !== null && _row$original5 !== void 0 && _row$original5.slug ? /*#__PURE__*/React.createElement("td", {
+    aiLabel: row === null || row === undefined || (_row$original4 = row.original) === null || _row$original4 === undefined ? undefined : _row$original4.aiLabel
+  })) : row !== null && row !== undefined && (_row$original5 = row.original) !== null && _row$original5 !== undefined && _row$original5.slug ? /*#__PURE__*/React.createElement("td", {
     className: cx("".concat(blockClass, "__table-row-ai-enabled"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--expanded"), row.isExpanded))
   }, /*#__PURE__*/React.createElement(DatagridAiLabel.DatagridAILabel, {
-    aiLabel: row === null || row === void 0 || (_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.slug
+    aiLabel: row === null || row === undefined || (_row$original6 = row.original) === null || _row$original6 === undefined ? undefined : _row$original6.slug
   })) : /*#__PURE__*/React.createElement("td", {
     className: "".concat(blockClass, "__table-row-ai-spacer")
   }) : null, row.cells.map(function (cell, index) {
@@ -152,20 +150,19 @@ var DatagridRow = function DatagridRow(datagridState) {
     var cellProps = cell.getCellProps({
       role: undefined
     });
-    // eslint-disable-next-line no-unused-vars
     var _ref2 = cellProps,
       style = _ref2.style,
       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 columnClassname = cell === null || cell === undefined || (_cell$column = cell.column) === null || _cell$column === undefined ? undefined : _cell$column.className;
     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) {
+    if ((cell === null || cell === undefined || (_cell$column2 = cell.column) === null || _cell$column2 === undefined ? undefined : _cell$column2.id) === commonColumnIds.selectionColumnId) {
       // directly render component without the wrapping TableCell
       return cell.render('Cell', {
         key: cell.column.id
       });
     }
-    var associatedHeader = headers === null || headers === void 0 ? void 0 : headers.filter(function (h) {
+    var associatedHeader = headers === null || headers === undefined ? undefined : headers.filter(function (h) {
       return h.id === cell.column.id;
     });
     var lastVisibleIndex = withActionsColumn ? 2 : 1;
@@ -174,12 +171,13 @@ var DatagridRow = function DatagridRow(datagridState) {
       style.flex = lastVisibleFlexStyle;
     }
     return /*#__PURE__*/React.createElement(react.TableCell, _rollupPluginBabelHelpers.extends({
-      className: cx("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_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)), "".concat(blockClass, "__ai-label--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$2 = associatedHeader[0]) === null || _associatedHeader$2 === void 0 ? void 0 : _associatedHeader$2.aiLabel)), columnClassname)
+      className: cx("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_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$ === undefined ? undefined : _associatedHeader$.slug)), "".concat(blockClass, "__ai-label--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$2 = associatedHeader[0]) === null || _associatedHeader$2 === undefined ? undefined : _associatedHeader$2.aiLabel)), columnClassname)
     }, restProps, {
+      // eslint-disable-next-line react/forbid-component-props
       style: style,
       key: cell.column.id
     }), content);
-  })), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
+  })), (renderExpandedRow === null || renderExpandedRow === undefined ? undefined : renderExpandedRow()) || undefined);
 };
 
 exports.default = DatagridRow;

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

@@ -50,7 +50,7 @@ var SelectAll = function SelectAll(datagridState) {
     toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
     withVirtualScroll = datagridState.withVirtualScroll,
     onAllRowSelect = datagridState.onAllRowSelect;
-  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
+  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
   if (hideSelectAll || radio) {
     return /*#__PURE__*/React.createElement("th", {
       className: cx("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
@@ -70,8 +70,8 @@ var SelectAll = function SelectAll(datagridState) {
       isChecked: event.target.checked,
       indeterminate: indeterminate
     });
-    onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
-    return onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    onAllRowSelect === null || onAllRowSelect === undefined || onAllRowSelect(rows, event);
+    return onChange === null || onChange === undefined ? undefined : onChange(event);
   };
   var handleSelectAllChange = function handleSelectAllChange(event) {
     if (indeterminate) {
@@ -83,8 +83,8 @@ var SelectAll = function SelectAll(datagridState) {
         isChecked: undefined
       });
       toggleAllRowsSelected(false);
-      onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
-      return onChange === null || onChange === void 0 ? void 0 : onChange({
+      onAllRowSelect === null || onAllRowSelect === undefined || onAllRowSelect(rows, event);
+      return onChange === null || onChange === undefined ? undefined : onChange({
         target: {
           checked: false
         }
@@ -97,16 +97,16 @@ var SelectAll = function SelectAll(datagridState) {
       isChecked: event.target.checked,
       indeterminate: indeterminate
     });
-    onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
-    return onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    onAllRowSelect === null || onAllRowSelect === undefined || onAllRowSelect(rows, event);
+    return onChange === null || onChange === undefined ? undefined : onChange(event);
   };
   return /*#__PURE__*/React.createElement(react.TableSelectAll, _rollupPluginBabelHelpers.extends({}, selectProps, {
-    checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
+    checked: (selectProps === null || selectProps === undefined ? undefined : selectProps.checked) || false,
     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: withVirtualScroll ? handleSelectAllChange : handleOnPageSelectAllChange,
-    disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
+    disabled: isFetching || (selectProps === null || selectProps === undefined ? undefined : selectProps.disabled),
     id: "".concat(tableId, "-select-all-checkbox-id")
   }));
 };

package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts

@@ -5,21 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { DataGridState } from '../types';
 declare const SelectAllWithToggle: {
     ({ tableId, isFetching, isAllRowsSelected, selectAllToggle, getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, allPageRowsLabel, allRowsLabel, columns, withStickyColumn, }: DataGridState): React.JSX.Element;
     propTypes: {
-        allPageRowsLabel: PropTypes.Requireable<string>;
-        allRowsLabel: PropTypes.Requireable<string>;
-        columns: PropTypes.Requireable<(object | null | undefined)[]>;
-        getToggleAllPageRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
-        getToggleAllRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
-        isAllRowsSelected: PropTypes.Validator<boolean>;
-        isFetching: PropTypes.Requireable<boolean>;
-        selectAllToggle: PropTypes.Requireable<object>;
-        tableId: PropTypes.Validator<string>;
-        withStickyColumn: PropTypes.Requireable<boolean>;
+        allPageRowsLabel: any;
+        allRowsLabel: any;
+        columns: any;
+        getToggleAllPageRowsSelectedProps: any;
+        getToggleAllRowsSelectedProps: any;
+        isAllRowsSelected: any;
+        isFetching: any;
+        selectAllToggle: any;
+        tableId: any;
+        withStickyColumn: any;
     };
 };
 export default SelectAllWithToggle;

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

@@ -30,9 +30,9 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     getToggleAllPageRowsSelectedProps = _ref.getToggleAllPageRowsSelectedProps,
     getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
     _ref$allPageRowsLabel = _ref.allPageRowsLabel,
-    allPageRowsLabel = _ref$allPageRowsLabel === void 0 ? 'Select all on page' : _ref$allPageRowsLabel,
+    allPageRowsLabel = _ref$allPageRowsLabel === undefined ? 'Select all on page' : _ref$allPageRowsLabel,
     _ref$allRowsLabel = _ref.allRowsLabel,
-    allRowsLabel = _ref$allRowsLabel === void 0 ? 'Select all' : _ref$allRowsLabel,
+    allRowsLabel = _ref$allRowsLabel === undefined ? 'Select all' : _ref$allRowsLabel,
     columns = _ref.columns,
     withStickyColumn = _ref.withStickyColumn;
   var _ref2 = selectAllToggle || {},
@@ -62,7 +62,7 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     };
   }, []);
   if (labels) {
-    allPageRowsLabel = (labels === null || labels === void 0 ? void 0 : labels.allPageRows) || allPageRowsLabel;
+    allPageRowsLabel = (labels === null || labels === undefined ? undefined : labels.allPageRows) || allPageRowsLabel;
     allRowsLabel = labels.allRows || allRowsLabel;
   }
   var getProps = selectAllMode === SELECT_ALL_PAGE_ROWS ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
@@ -70,14 +70,14 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     onChange = _ref3.onChange,
     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;
+  var isFirstColumnStickyLeft = (columns === null || columns === undefined || (_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
   return /*#__PURE__*/React.createElement("th", {
     scope: "col",
-    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))
+    className: cx("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== undefined ? 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);
+      onChange === null || onChange === undefined || onChange(e);
     },
     disabled: disabled,
     id: "".concat(tableId, "-select-all-checkbox-id"),
@@ -100,7 +100,7 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
       var _ref4;
       setSelectAllMode(SELECT_ALL_PAGE_ROWS);
       // deselect all rows first
-      getToggleAllRowsSelectedProps === null || getToggleAllRowsSelectedProps === void 0 || (_ref4 = getToggleAllRowsSelectedProps()) === null || _ref4 === void 0 || _ref4.onChange({
+      getToggleAllRowsSelectedProps === null || getToggleAllRowsSelectedProps === undefined || (_ref4 = getToggleAllRowsSelectedProps()) === null || _ref4 === undefined || _ref4.onChange({
         target: {
           checked: false
         }

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

@@ -30,7 +30,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return 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), {}, {
+    return row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));

package/lib/components/Datagrid/Datagrid/DatagridToolbar.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { DataGridState } from '../types';
 interface DatagridToolbarProps {
     ariaToolbarLabel?: string;
@@ -13,7 +12,7 @@ interface DatagridToolbarProps {
 declare const DatagridToolbar: {
     ({ ariaToolbarLabel, ...datagridState }: DatagridToolbarProps & DataGridState): React.JSX.Element | null;
     propTypes: {
-        ariaToolbarLabel: PropTypes.Requireable<string>;
+        ariaToolbarLabel: any;
     };
 };
 export default DatagridToolbar;

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

@@ -48,15 +48,17 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     availableRowsCount = _useState8[0],
     setAvailableRowsCount = _useState8[1];
-  var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== void 0 ? batchActionMenuButtonLabel : 'More';
+  var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== undefined ? 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);
+    })) === null || _rows$find === undefined || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === undefined || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === undefined || (_rows$find$getRowProp = _rows$find$getRowProp.nonselectablerows) === null || _rows$find$getRowProp === undefined ? undefined : _rows$find$getRowProp.length) || 0;
+    if (rows) {
+      setAvailableRowsCount(rows.length - countDisabledRows);
+    }
   }, [rows]);
 
   // Get initial width of batch actions container,
@@ -65,13 +67,13 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   React.useEffect(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
       var _ref$current;
-      var batchActionListWidth = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(".".concat(settings.carbon.prefix, "--action-list")).offsetWidth;
+      var batchActionListWidth = ref === null || ref === undefined || (_ref$current = ref.current) === null || _ref$current === undefined ? undefined : _ref$current.querySelector(".".concat(settings.carbon.prefix, "--action-list")).offsetWidth;
       setInitialListWidth(batchActionListWidth);
       setReceivedInitialWidth(true);
     }
   }, [totalSelected, receivedInitialWidth, ref]);
   React.useEffect(function () {
-    var summaryWidth = ref === null || ref === void 0 ? void 0 : ref.current.querySelector(".".concat(settings.carbon.prefix, "--batch-summary")).offsetWidth;
+    var summaryWidth = ref === null || ref === undefined ? undefined : ref.current.querySelector(".".concat(settings.carbon.prefix, "--batch-summary")).offsetWidth;
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
@@ -96,7 +98,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     var minWidthBeforeOverflowIcon = 380;
     // Do not render ButtonMenu when there are 3 or less items
     // and if there is enough available space to render all the items
-    if (toolbarBatchActions && !displayAllInMenu && (!toolbarBatchActionsDisplayMin && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 || toolbarBatchActionsDisplayMin !== undefined && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= toolbarBatchActionsDisplayMin)) {
+    if (toolbarBatchActions && !displayAllInMenu && (!toolbarBatchActionsDisplayMin && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.length) <= 3 || toolbarBatchActionsDisplayMin !== undefined && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.length) <= toolbarBatchActionsDisplayMin)) {
       return;
     }
     var renderItem = function renderItem(batchAction, index) {
@@ -113,7 +115,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       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) {
+    }, toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.map(function (batchAction, index) {
       var hidden = toolbarBatchActionsDisplayMin === undefined && index < 2 && !displayAllInMenu;
       if (toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin && !displayAllInMenu) {
         hidden = true;
@@ -138,11 +140,11 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       indeterminate: undefined
     });
     toggleAllRowsSelected(false);
-    setGlobalFilter === null || setGlobalFilter === void 0 || setGlobalFilter(null);
+    setGlobalFilter === null || setGlobalFilter === undefined || setGlobalFilter(null);
   };
   var onSelectAllHandler = function onSelectAllHandler() {
     toggleAllRowsSelected(true);
-    onSelectAllRows === null || onSelectAllRows === void 0 || onSelectAllRows(true);
+    onSelectAllRows === null || onSelectAllRows === undefined || onSelectAllRows(true);
     stateReducer.handleSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
@@ -162,7 +164,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     onSelectAll: onSelectAllHandler,
     totalCount: availableRowsCount,
     translateWithId: translateWithIdBatchActions
-  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
+  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.map(function (batchAction, index) {
     if (!toolbarBatchActionsDisplayMin && index < 2 && toolbarBatchActions.length > 3 || index < 3 && toolbarBatchActions.length <= 3 || toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin) {
       return /*#__PURE__*/React.createElement(react.TableBatchAction, {
         key: "".concat(batchAction.label, "-").concat(index),
@@ -193,11 +195,11 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     className: cx([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
   }, /*#__PURE__*/React.createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React.createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === undefined ? undefined : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React.createElement("div", {
     className: blockClass
   }, /*#__PURE__*/React.createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === undefined ? undefined : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
   ariaToolbarLabel: index.default.string