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

package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js

@@ -12,8 +12,6 @@ import cx from 'classnames';
 
 var _excluded = ["key"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
-// eslint-disable-next-line react/prop-types
 var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentComponent) {
   return function (datagridState) {
     var _row$original, _row$original2;
@@ -23,9 +21,9 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
       var _event$target;
       var eventType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       /* istanbul ignore else */
-      if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && _event$target.closest('tr').previousElementSibling) {
+      if (event !== null && event !== undefined && (_event$target = event.target) !== null && _event$target !== undefined && _event$target.closest('tr').previousElementSibling) {
         var _event$target2;
-        var parentNode = event === null || event === void 0 || (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.closest('tr').previousElementSibling;
+        var parentNode = event === null || event === undefined || (_event$target2 = event.target) === null || _event$target2 === undefined ? undefined : _event$target2.closest('tr').previousElementSibling;
         if (eventType === 'enter') {
           parentNode.classList.add("".concat(blockClass, "__expandable-row--hover"));
         } else {
@@ -36,7 +34,7 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
     var key = datagridState.key,
       _state = _objectWithoutProperties(datagridState, _excluded);
     return /*#__PURE__*/React__default.createElement("tr", {
-      className: cx("".concat(blockClass, "__expanded-row"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/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__*/isValidElement(row === null || row === void 0 || (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.aiLabel))),
+      className: cx("".concat(blockClass, "__expanded-row"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original2 = row.original) === null || _row$original2 === undefined ? undefined : _row$original2.aiLabel))),
       onMouseEnter: function onMouseEnter(event) {
         return toggleParentHoverClass(event, 'enter');
       },

package/es/components/Datagrid/Datagrid/DatagridHead.js

@@ -10,12 +10,12 @@ import { TableHead } from '@carbon/react';
 
 var DatagridHead = function DatagridHead(datagridState) {
   var _datagridState$header = datagridState.headerGroups,
-    headerGroups = _datagridState$header === void 0 ? [] : _datagridState$header,
+    headerGroups = _datagridState$header === undefined ? [] : _datagridState$header,
     headRef = datagridState.headRef,
     HeaderRow = datagridState.HeaderRow;
   return /*#__PURE__*/React__default.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
     return (// doesn't support header grouping.
-      HeaderRow === null || HeaderRow === void 0 ? void 0 : HeaderRow(datagridState, headRef, headerGroup)
+      HeaderRow === null || HeaderRow === undefined ? undefined : HeaderRow(datagridState, headRef, headerGroup)
     );
   }));
 };

package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -13,7 +13,7 @@ import { px } from '@carbon/layout';
 import { selectionColumnId } from '../common-column-ids.js';
 import { pkg } from '../../../settings.js';
 import { handleColumnResizeEndEvent, handleColumnResizingEvent } from './addons/stateReducer.js';
-import { getNodeTextContent } from '../../../global/js/utils/getNodeTextContent.js';
+import { getNodeTextContent as _getNodeTextContent } from '../../../global/js/utils/getNodeTextContent.js';
 import { DatagridAILabel } from './addons/AiLabel/DatagridAiLabel.js';
 import { useInitialColumnSort } from '../useInitialColumnSort.js';
 
@@ -23,7 +23,7 @@ var _excluded = ["className"],
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var getAccessibilityProps = function getAccessibilityProps(header) {
   var props = {};
-  var content = getNodeTextContent(header.Header);
+  var content = _getNodeTextContent(header.Header);
   if (!content) {
     props['aria-hidden'] = true;
   }
@@ -44,16 +44,16 @@ var ResizeHeader = function ResizeHeader(_ref) {
     isFetching = _ref.isFetching;
   var headerProps = _extends({}, (_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() {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
+    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;
@@ -67,7 +67,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     }
   };
   var keyUpHandler = function keyUpHandler() {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
+    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === undefined ? undefined : header.id, true);
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", _extends({}, headerProps, {
     onMouseDown: mouseDownHandler,
@@ -76,7 +76,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__default.createElement("span", {
@@ -97,27 +97,27 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   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"), px(rowHeight));
-      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), px(gridHeight - scrollBuffer - tableToolbarHeight));
-      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), px(headerRowElement.offsetHeight));
+      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), px(rowHeight));
+      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), px(gridHeight - scrollBuffer - tableToolbarHeight));
+      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), 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 = useState(2),
@@ -126,14 +126,14 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   var handleOnMouseDownResize = function handleOnMouseDownResize(event, resizeProps) {
     var _resizeProps = _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
@@ -150,7 +150,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   };
   var foundAIRow = rows.some(function (r) {
     var _r$original, _r$original2;
-    return /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original2 = r.original) === null || _r$original2 === void 0 ? void 0 : _r$original2.slug);
+    return /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original = r.original) === null || _r$original === undefined ? undefined : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original2 = r.original) === null || _r$original2 === undefined ? undefined : _r$original2.slug);
   });
   var key = headerGroupProps.key,
     rowProps = _objectWithoutProperties(headerGroupProps, _excluded2);
@@ -165,10 +165,10 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   }), foundAIRow ? _th || (_th = /*#__PURE__*/React__default.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 === selectionColumnId) {
       // render directly without the wrapper TableHeader
@@ -190,10 +190,10 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
         role: undefined
       }),
       headerProps = _extends({}, (_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) {
@@ -203,7 +203,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
       });
     }
     return /*#__PURE__*/React__default.createElement(TableHeader, _extends({}, headerProps, {
-      className: cx(header === null || header === void 0 ? void 0 : header.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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.isValidElement(header === null || header === void 0 ? void 0 : header.slug)), "".concat(blockClass, "__with-ai-label"), header.aiLabel && /*#__PURE__*/React__default.isValidElement(header === null || header === void 0 ? void 0 : header.aiLabel)), headerProps.className),
+      className: cx(header === null || header === undefined ? undefined : header.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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__default.isValidElement(header === null || header === undefined ? undefined : header.slug)), "".concat(blockClass, "__with-ai-label"), header.aiLabel && /*#__PURE__*/React__default.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__default.createElement(ResizeHeader, {

package/es/components/Datagrid/Datagrid/DatagridRefBody.js

@@ -24,12 +24,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, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+    return row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));

package/es/components/Datagrid/Datagrid/DatagridRow.js

@@ -11,7 +11,7 @@ import { TableRow, SkeletonText, TableCell } from '@carbon/react';
 import { px } from '@carbon/layout';
 import { selectionColumnId } from '../common-column-ids.js';
 import cx from 'classnames';
-import { pkg, carbon } from '../../../settings.js';
+import { carbon, pkg } from '../../../settings.js';
 import { DatagridAILabel } from './addons/AiLabel/DatagridAiLabel.js';
 
 var _SkeletonText;
@@ -25,8 +25,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,
@@ -42,14 +40,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;
@@ -59,15 +57,15 @@ var DatagridRow = function DatagridRow(datagridState) {
     if (!withNestedRows) {
       return;
     }
-    var subRowCount = getVisibleNestedRowCount(row);
+    var subRowCount = _getVisibleNestedRowCount(row);
     var totalNestedRowIndicatorHeight = 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"), 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"), 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"), px(rowHeights[rowSizeValue]));
+    hoverRow === null || hoverRow === undefined || (_hoverRow$style3 = hoverRow.style) === null || _hoverRow$style3 === undefined || _hoverRow$style3.setProperty("--".concat(blockClass, "--indicator-offset-amount"), px((rowExpanderButton === null || rowExpanderButton === undefined ? undefined : rowExpanderButton.offsetLeft) || 0));
   };
   var focusRemover = function focusRemover() {
     var elements = document.querySelectorAll("#".concat(tableId, " .").concat(blockClass, "__carbon-row-expanded"));
@@ -79,7 +77,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, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+      return row === null || row === undefined || (_row$RowExpansionRend = row.RowExpansionRenderer) === null || _row$RowExpansionRend === undefined ? undefined : _row$RowExpansionRend.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
         row: row
       }));
     }
@@ -87,10 +85,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) {
@@ -116,9 +114,9 @@ var DatagridRow = function DatagridRow(datagridState) {
     rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
   var foundAIRow = rows.some(function (r) {
     var _r$original, _r$original2;
-    return /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original2 = r.original) === null || _r$original2 === void 0 ? void 0 : _r$original2.slug);
+    return /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original = r.original) === null || _r$original === undefined ? undefined : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original2 = r.original) === null || _r$original2 === undefined ? undefined : _r$original2.slug);
   });
-  var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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(carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/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__*/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"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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(carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/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;
@@ -133,14 +131,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__default.createElement("td", {
+  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== undefined && (_row$original3 = row.original) !== null && _row$original3 !== undefined && _row$original3.aiLabel ? /*#__PURE__*/React__default.createElement("td", {
     className: cx("".concat(blockClass, "__table-row-ai-enabled"), _defineProperty({}, "".concat(blockClass, "__ai-label--expanded"), row.isExpanded))
   }, /*#__PURE__*/React__default.createElement(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__default.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__default.createElement("td", {
     className: cx("".concat(blockClass, "__table-row-ai-enabled"), _defineProperty({}, "".concat(blockClass, "__slug--expanded"), row.isExpanded))
   }, /*#__PURE__*/React__default.createElement(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__default.createElement("td", {
     className: "".concat(blockClass, "__table-row-ai-spacer")
   }) : null, row.cells.map(function (cell, index) {
@@ -148,20 +146,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 = _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__default.createElement(React__default.Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, null))));
-    if ((cell === null || cell === void 0 || (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.id) === selectionColumnId) {
+    if ((cell === null || cell === undefined || (_cell$column2 = cell.column) === null || _cell$column2 === undefined ? undefined : _cell$column2.id) === 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;
@@ -170,12 +167,13 @@ var DatagridRow = function DatagridRow(datagridState) {
       style.flex = lastVisibleFlexStyle;
     }
     return /*#__PURE__*/React__default.createElement(TableCell, _extends({
-      className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty(_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__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), "".concat(blockClass, "__ai-label--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$2 = associatedHeader[0]) === null || _associatedHeader$2 === void 0 ? void 0 : _associatedHeader$2.aiLabel)), columnClassname)
+      className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty(_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__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === undefined ? undefined : _associatedHeader$.slug)), "".concat(blockClass, "__ai-label--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/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);
 };
 
 export { DatagridRow as default };

package/es/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -10,7 +10,7 @@ import React__default, { useState, useLayoutEffect } from 'react';
 import { TableSelectAll } from '@carbon/react';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import { handleOnPageSelectAllRowData, handleSelectAllRowData } from './addons/stateReducer.js';
+import { handleSelectAllRowData, handleOnPageSelectAllRowData } from './addons/stateReducer.js';
 
 var _excluded = ["onChange"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
@@ -48,7 +48,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__default.createElement("th", {
       className: cx("".concat(blockClass, "__head-hidden-select-all"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
@@ -68,8 +68,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) {
@@ -81,8 +81,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
         }
@@ -95,16 +95,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__default.createElement(TableSelectAll, _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"), _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/es/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/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -26,9 +26,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 || {},
@@ -58,7 +58,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;
@@ -66,14 +66,14 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     onChange = _ref3.onChange,
     selectProps = _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__default.createElement("th", {
     scope: "col",
-    className: cx("".concat(blockClass, "__select-all-toggle-on"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== void 0 ? windowSize : 0) > 671))
+    className: cx("".concat(blockClass, "__select-all-toggle-on"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== undefined ? windowSize : 0) > 671))
   }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Checkbox, _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"),
@@ -96,7 +96,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/es/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -26,7 +26,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, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+    return row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));

package/es/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;