@carbon/ibm-products 2.41.1-canary.9 → 2.42.0

package/es/components/Datagrid/Datagrid/DatagridHead.d.ts

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2020, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { DataGridState } from '../types';
+declare const DatagridHead: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridHead;
-declare function DatagridHead(datagridState: any): import("react/jsx-runtime").JSX.Element;

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

@@ -14,12 +14,10 @@ var DatagridHead = function DatagridHead(datagridState) {
     headRef = datagridState.headRef,
     HeaderRow = datagridState.HeaderRow;
   return /*#__PURE__*/React__default.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
-    return (
-      // doesn't support header grouping.
-      HeaderRow(datagridState, headRef, headerGroup)
+    return (// doesn't support header grouping.
+      HeaderRow === null || HeaderRow === void 0 ? void 0 : HeaderRow(datagridState, headRef, headerGroup)
     );
   }));
 };
-var DatagridHead$1 = DatagridHead;
 
-export { DatagridHead$1 as default };
+export { DatagridHead as default };

package/es/components/Datagrid/Datagrid/DatagridHeaderRow.d.ts

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { DatagridTableHooks } from '../types';
+declare const useHeaderRow: (hooks: DatagridTableHooks) => void;
 export default useHeaderRow;
-declare function useHeaderRow(hooks: any): void;

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useEffect, useState, isValidElement } from 'react';
 import cx from 'classnames';
 import { TableRow, TableHeader } from '@carbon/react';
@@ -18,9 +18,8 @@ import { DatagridSlug } from './addons/Slug/DatagridSlug.js';
 import { useInitialColumnSort } from '../useInitialColumnSort.js';
 
 var _th;
-var _excluded = ["role"],
-  _excluded2 = ["className", "role"],
-  _excluded3 = ["role"];
+var _excluded = ["className"],
+  _excluded2 = ["key"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var getAccessibilityProps = function getAccessibilityProps(header) {
   var props = {};
@@ -45,22 +44,20 @@ var ResizeHeader = function ResizeHeader(_ref) {
     onColResizeEnd = _ref.onColResizeEnd,
     resizerAriaLabel = _ref.resizerAriaLabel,
     isFetching = _ref.isFetching;
-  // eslint-disable-next-line no-unused-vars
-  resizerProps.role;
-    var headerProps = _objectWithoutProperties(resizerProps, _excluded);
+  var headerProps = _extends({}, (_objectDestructuringEmpty(resizerProps), resizerProps));
   var mouseDownHandler = function mouseDownHandler(evt) {
-    handleOnMouseDownResize(evt, resizerProps);
+    handleOnMouseDownResize === null || handleOnMouseDownResize === void 0 || handleOnMouseDownResize(evt, resizerProps);
   };
   var mouseUpHandler = function mouseUpHandler() {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header.id, true);
+    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
   };
   var keyDownHandler = function keyDownHandler(evt) {
     var key = evt.key;
     if (key === 'ArrowLeft' || key === 'ArrowRight') {
-      var originalColMinWidth = originalCol.minWidth || 90;
-      var currentColumnWidth = columnWidths[header.id] || (datagridState.isTableSortable && originalCol.width < originalColMinWidth ? originalColMinWidth : originalCol.width);
+      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);
       if (key === 'ArrowLeft') {
-        if (currentColumnWidth - incrementAmount > Math.max(minWidth, 50)) {
+        if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
           var newWidth = currentColumnWidth - incrementAmount;
           handleColumnResizingEvent(dispatch, header, newWidth, true);
         }
@@ -72,7 +69,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     }
   };
   var keyUpHandler = function keyUpHandler() {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header.id, true);
+    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", _extends({}, headerProps, {
     onMouseDown: mouseDownHandler,
@@ -81,7 +78,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     onKeyUp: keyUpHandler,
     className: "".concat(blockClass, "__col-resizer-range"),
     type: "range",
-    defaultValue: originalCol.width,
+    defaultValue: originalCol === null || originalCol === void 0 ? void 0 : originalCol.width,
     "aria-label": resizerAriaLabel || 'Resize column',
     disabled: isFetching
   })), /*#__PURE__*/React__default.createElement("span", {
@@ -89,6 +86,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
   }));
 };
 var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
+  var _datagridState$header;
   var resizerAriaLabel = datagridState.resizerAriaLabel,
     isTableSortable = datagridState.isTableSortable,
     rows = datagridState.rows,
@@ -99,22 +97,27 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   useEffect(function () {
     var tableId = datagridState.tableId;
     var gridElement = document.querySelector("#".concat(tableId));
-    var tableElement = gridElement.querySelector('table');
+    var tableElement = gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector('table');
     var headerRowElement = document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head"));
-    var hasHorizontalScrollbar = tableElement.scrollWidth > tableElement.clientWidth;
-    var scrollBuffer = hasHorizontalScrollbar ? 18 : 2;
-    var tableToolbar = gridElement.querySelector(".".concat(blockClass, "__table-toolbar"));
+    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);
+      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 setCustomValues = function setCustomValues(_ref2) {
       var rowHeight = _ref2.rowHeight,
         gridHeight = _ref2.gridHeight;
-      headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), px(rowHeight));
-      headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), px(gridHeight - scrollBuffer - tableToolbarHeight));
-      headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), px(headerRowElement.offsetHeight));
+      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));
     };
     setCustomValues({
-      gridHeight: gridElement.offsetHeight,
-      rowHeight: headerRowElement.clientHeight
+      gridHeight: gridElement === null || gridElement === void 0 ? void 0 : gridElement.offsetHeight,
+      rowHeight: headerRowElement === null || headerRowElement === void 0 ? void 0 : headerRowElement.clientHeight
     });
   }, [datagridState.rowSize, datagridState.tableId, datagridState]);
   var _useState = useState(2),
@@ -122,7 +125,8 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     incrementAmount = _useState2[0];
   var handleOnMouseDownResize = function handleOnMouseDownResize(event, resizeProps) {
     var _resizeProps = _objectSpread2({}, resizeProps),
-      onMouseDown = _resizeProps.onMouseDown;
+      _resizeProps$onMouseD = _resizeProps.onMouseDown,
+      onMouseDown = _resizeProps$onMouseD === void 0 ? 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) {
@@ -132,9 +136,8 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     onMouseDown === null || onMouseDown === void 0 || onMouseDown(event);
   };
   var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),
-    headerGroupClassName = _headerGroup$getHeade.className;
-    _headerGroup$getHeade.role;
-    var headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded2);
+    headerGroupClassName = _headerGroup$getHeade.className,
+    headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
   var renderSlug = function renderSlug(slug) {
     if (isTableSortable) {
       return;
@@ -147,16 +150,20 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     var _r$original;
     return /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.slug);
   });
-  return /*#__PURE__*/React__default.createElement(TableRow, _extends({}, headerGroupProps, {
+  var key = headerGroupProps.key,
+    rowProps = _objectWithoutProperties(headerGroupProps, _excluded2);
+  return /*#__PURE__*/React__default.createElement(TableRow, _extends({
+    key: key
+  }, rowProps, {
     className: cx("".concat(blockClass, "__head"), headerGroupClassName),
     ref: headRef
   }), foundAIRow ? _th || (_th = /*#__PURE__*/React__default.createElement("th", {
     scope: "col",
     "aria-hidden": "false"
-  })) : null, datagridState.headers.filter(function (_ref3) {
+  })) : null, datagridState === null || datagridState === void 0 || (_datagridState$header = datagridState.headers) === null || _datagridState$header === void 0 || (_datagridState$header = _datagridState$header.filter(function (_ref3) {
     var isVisible = _ref3.isVisible;
     return isVisible;
-  }).map(function (header, index) {
+  })) === null || _datagridState$header === void 0 ? void 0 : _datagridState$header.map(function (header, index) {
     var _header$getResizerPro;
     if (header.id === selectionColumnId) {
       // render directly without the wrapper TableHeader
@@ -174,12 +181,11 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     var _ref5 = columnResizing || {},
       columnWidths = _ref5.columnWidths;
     var originalCol = visibleColumns[index];
-    var _header$getHeaderProp = header.getHeaderProps();
-      _header$getHeaderProp.role;
-      var headerProps = _objectWithoutProperties(_header$getHeaderProp, _excluded3);
+    var _header$getHeaderProp = header.getHeaderProps(),
+      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);
     return /*#__PURE__*/React__default.createElement(TableHeader, _extends({}, headerProps, {
-      className: cx(header.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header.isSorted), "".concat(blockClass, "__header-actions-column"), header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default.isValidElement(header.slug))),
+      className: cx(header === null || header === void 0 ? void 0 : header.className, _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))),
       key: header.id,
       "aria-hidden": header.id === 'spacer' && 'true'
     }, getAccessibilityProps(header)), header.render('Header'), renderSlug(header.slug), resizerProps && !header.isAction && /*#__PURE__*/React__default.createElement(ResizeHeader, {
@@ -206,6 +212,5 @@ var useHeaderRow = function useHeaderRow(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useHeaderRow$1 = useHeaderRow;
 
-export { useHeaderRow$1 as default };
+export { useHeaderRow as default };

package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts

@@ -1,2 +1,3 @@
+import { DataGridState } from '../types';
+declare const DatagridRefBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridRefBody;
-declare function DatagridRefBody(datagridState: any): import("react/jsx-runtime").JSX.Element;

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

@@ -24,16 +24,16 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
     role: undefined
   }), {
     className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
-  }), rows.map(function (row) {
+  }), rows === null || rows === void 0 ? void 0 : rows.map(function (row) {
+    var _row$RowRenderer;
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return row.RowRenderer(_objectSpread2(_objectSpread2({}, datagridState), {}, {
+    return row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));
   }));
 };
-var DatagridRefBody$1 = DatagridRefBody;
 
-export { DatagridRefBody$1 as default };
+export { DatagridRefBody as default };

package/es/components/Datagrid/Datagrid/DatagridRow.d.ts

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { DataGridState } from '../types';
+declare const DatagridRow: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridRow;
-declare function DatagridRow(datagridState: any): import("react/jsx-runtime").JSX.Element;

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

@@ -15,8 +15,8 @@ import { pkg, carbon } from '../../../settings.js';
 import { DatagridSlug } from './addons/Slug/DatagridSlug.js';
 
 var _SkeletonText;
-var _excluded = ["role", "className"],
-  _excluded2 = ["children", "role"];
+var _excluded = ["className"],
+  _excluded2 = ["children"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var rowHeights = {
   xs: 24,
@@ -58,7 +58,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       return;
     }
     var subRowCount = getVisibleNestedRowCount(row);
-    var totalNestedRowIndicatorHeight = px(subRowCount * rowHeights[rowSize]);
+    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"));
@@ -85,7 +85,7 @@ var DatagridRow = function DatagridRow(datagridState) {
   };
   var handleMouseLeave = function handleMouseLeave(event) {
     if (withMouseHover) {
-      setMouseOverRowIndex(null);
+      setMouseOverRowIndex === null || setMouseOverRowIndex === void 0 || 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"));
@@ -107,11 +107,8 @@ var DatagridRow = function DatagridRow(datagridState) {
     }
     return {};
   };
-
-  // eslint-disable-next-line no-unused-vars
-  var _row$getRowProps = row.getRowProps();
-    _row$getRowProps.role;
-    var className = _row$getRowProps.className,
+  var _row$getRowProps = row.getRowProps(),
+    className = _row$getRowProps.className,
     rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
   var foundAIRow = rows.some(function (r) {
     var _r$original;
@@ -138,9 +135,9 @@ var DatagridRow = function DatagridRow(datagridState) {
     var _cell$column, _cell$column2, _content$props, _associatedHeader$;
     var cellProps = cell.getCellProps();
     // eslint-disable-next-line no-unused-vars
-    var children = cellProps.children;
-      cellProps.role;
-      var restProps = _objectWithoutProperties(cellProps, _excluded2);
+    var _ref2 = cellProps,
+      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 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) {
@@ -150,7 +147,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       });
     }
     var title = content === null || content === void 0 || (_content$props = content.props) === null || _content$props === void 0 || (_content$props = _content$props.children[0]) === null || _content$props === void 0 || (_content$props = _content$props.props) === null || _content$props === void 0 ? void 0 : _content$props.value;
-    var associatedHeader = headers.filter(function (h) {
+    var associatedHeader = headers === null || headers === void 0 ? void 0 : headers.filter(function (h) {
       return h.id === cell.column.id;
     });
     return /*#__PURE__*/React__default.createElement(TableCell, _extends({
@@ -159,8 +156,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       key: cell.column.id,
       title: title
     }), content);
-  })), renderExpandedRow());
+  })), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
 };
-var DatagridRow$1 = DatagridRow;
 
-export { DatagridRow$1 as default };
+export { DatagridRow as default };

package/es/components/Datagrid/Datagrid/DatagridSelectAll.d.ts

@@ -1 +1,9 @@
-export function SelectAll(datagridState: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { DataGridState } from '../types';
+declare const SelectAll: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
+export { SelectAll };

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

@@ -50,13 +50,13 @@ var SelectAll = function SelectAll(datagridState) {
   if (hideSelectAll || radio) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: cx("".concat(blockClass, "__head-hidden-select-all"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
-      isFirstColumnStickyLeft && windowSize > 671))
+      isFirstColumnStickyLeft && Number(windowSize) > 671))
     });
   }
   var getProps = DatagridPagination ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
-  var _getProps = getProps(),
-    onChange = _getProps.onChange,
-    selectProps = _objectWithoutProperties(_getProps, _excluded);
+  var _ref = getProps(),
+    onChange = _ref.onChange,
+    selectProps = _objectWithoutProperties(_ref, _excluded);
   var indeterminate = selectProps.indeterminate;
   var handleSelectAllChange = function handleSelectAllChange(event) {
     if (indeterminate) {
@@ -64,7 +64,8 @@ var SelectAll = function SelectAll(datagridState) {
         dispatch: dispatch,
         rows: rows,
         getRowId: getRowId,
-        indeterminate: true
+        indeterminate: true,
+        isChecked: undefined
       });
       toggleAllRowsSelected(false);
       onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
@@ -78,18 +79,19 @@ var SelectAll = function SelectAll(datagridState) {
       dispatch: dispatch,
       rows: rows,
       getRowId: getRowId,
-      isChecked: event.target.checked
+      isChecked: event.target.checked,
+      indeterminate: indeterminate
     });
     onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
     return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
-    isFirstColumnStickyLeft && windowSize > 671))
+    isFirstColumnStickyLeft && Number(windowSize) > 671))
   }, /*#__PURE__*/React__default.createElement(TableSelectAll, _extends({}, selectProps, {
     name: "".concat(tableId, "-select-all-checkbox-name"),
     onSelect: handleSelectAllChange,
-    disabled: isFetching || selectProps.disabled,
+    disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
     id: "".concat(tableId, "-select-all-checkbox-id")
   })));
 };

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

@@ -1,28 +1,24 @@
-export default SelectAllWithToggle;
-declare function SelectAllWithToggle({ tableId, isFetching, isAllRowsSelected, selectAllToggle, getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, allPageRowsLabel, allRowsLabel, columns, withStickyColumn, }: {
-    tableId: any;
-    isFetching: any;
-    isAllRowsSelected: any;
-    selectAllToggle: any;
-    getToggleAllPageRowsSelectedProps: any;
-    getToggleAllRowsSelectedProps: any;
-    allPageRowsLabel?: string | undefined;
-    allRowsLabel?: string | undefined;
-    columns: any;
-    withStickyColumn: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace SelectAllWithToggle {
-    namespace propTypes {
-        let allPageRowsLabel: PropTypes.Requireable<string>;
-        let allRowsLabel: PropTypes.Requireable<string>;
-        let columns: PropTypes.Requireable<(object | null | undefined)[]>;
-        let getToggleAllPageRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
-        let getToggleAllRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
-        let isAllRowsSelected: PropTypes.Validator<boolean>;
-        let isFetching: PropTypes.Requireable<boolean>;
-        let selectAllToggle: PropTypes.Requireable<object>;
-        let tableId: PropTypes.Validator<string>;
-        let withStickyColumn: PropTypes.Requireable<boolean>;
-    }
-}
+/**
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import PropTypes from 'prop-types';
+import { DataGridState } from '../types';
+declare const SelectAllWithToggle: {
+    ({ tableId, isFetching, isAllRowsSelected, selectAllToggle, getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, allPageRowsLabel, allRowsLabel, columns, withStickyColumn, }: DataGridState): import("react/jsx-runtime").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>;
+    };
+};
+export default SelectAllWithToggle;

package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -57,22 +57,22 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     };
   }, []);
   if (labels) {
-    allPageRowsLabel = labels.allPageRows || allPageRowsLabel;
+    allPageRowsLabel = (labels === null || labels === void 0 ? void 0 : labels.allPageRows) || allPageRowsLabel;
     allRowsLabel = labels.allRows || allRowsLabel;
   }
   var getProps = selectAllMode === SELECT_ALL_PAGE_ROWS ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
-  var _getProps = getProps(),
-    onChange = _getProps.onChange,
-    selectProps = _objectWithoutProperties(_getProps, _excluded);
+  var _ref3 = getProps(),
+    onChange = _ref3.onChange,
+    selectProps = _objectWithoutProperties(_ref3, _excluded);
   var disabled = isFetching || selectProps.disabled;
-  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
+  var isFirstColumnStickyLeft = (columns === null || columns === void 0 || (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _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 > 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(e);
+      onChange === null || onChange === void 0 || onChange(e);
     },
     disabled: disabled,
     id: "".concat(tableId, "-select-all-checkbox-id"),
@@ -92,9 +92,10 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     requireTitle: true,
     disabled: disabled,
     onClick: function onClick() {
+      var _ref4;
       setSelectAllMode(SELECT_ALL_PAGE_ROWS);
       // deselect all rows first
-      getToggleAllRowsSelectedProps().onChange({
+      getToggleAllRowsSelectedProps === null || getToggleAllRowsSelectedProps === void 0 || (_ref4 = getToggleAllRowsSelectedProps()) === null || _ref4 === void 0 || _ref4.onChange({
         target: {
           checked: false
         }
@@ -132,6 +133,5 @@ SelectAllWithToggle.propTypes = {
   tableId: PropTypes.string.isRequired,
   withStickyColumn: PropTypes.bool
 };
-var SelectAllWithToggle$1 = SelectAllWithToggle;
 
-export { SelectAllWithToggle$1 as default };
+export { SelectAllWithToggle as default };

package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts

@@ -1,2 +1,3 @@
+import { DataGridState } from '../types';
+declare const DatagridSimpleBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridSimpleBody;
-declare function DatagridSimpleBody(datagridState: any): import("react/jsx-runtime").JSX.Element;

package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -22,15 +22,15 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     "aria-live": null,
     className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows.map(function (row) {
+    var _row$RowRenderer;
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return row.RowRenderer(_objectSpread2(_objectSpread2({}, datagridState), {}, {
+    return row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));
   }));
 };
-var DatagridSimpleBody$1 = DatagridSimpleBody;
 
-export { DatagridSimpleBody$1 as default };
+export { DatagridSimpleBody as default };

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

@@ -1,11 +1,18 @@
-export default DatagridToolbar;
-declare function DatagridToolbar({ ariaToolbarLabel, ...datagridState }: {
-    [x: string]: any;
-    ariaToolbarLabel: any;
-}): import("react/jsx-runtime").JSX.Element | null;
-declare namespace DatagridToolbar {
-    namespace propTypes {
-        let ariaToolbarLabel: PropTypes.Requireable<string>;
-    }
-}
+/**
+ * Copyright IBM Corp. 2021, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import PropTypes from 'prop-types';
+import { DataGridState } from '../types';
+interface DatagridToolbarProps {
+    ariaToolbarLabel?: string;
+}
+declare const DatagridToolbar: {
+    ({ ariaToolbarLabel, ...datagridState }: DatagridToolbarProps & DataGridState): import("react/jsx-runtime").JSX.Element | null;
+    propTypes: {
+        ariaToolbarLabel: PropTypes.Requireable<string>;
+    };
+};
+export default DatagridToolbar;

package/es/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -48,13 +48,14 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   // the ButtonMenu
   useEffect(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
-      var batchActionListWidth = ref.current.querySelector(".".concat(carbon.prefix, "--action-list")).offsetWidth;
+      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(carbon.prefix, "--action-list")).offsetWidth;
       setInitialListWidth(batchActionListWidth);
       setReceivedInitialWidth(true);
     }
   }, [totalSelected, receivedInitialWidth, ref]);
   useEffect(function () {
-    var summaryWidth = ref.current.querySelector(".".concat(carbon.prefix, "--batch-summary")).offsetWidth;
+    var summaryWidth = ref === null || ref === void 0 ? void 0 : ref.current.querySelector(".".concat(carbon.prefix, "--batch-summary")).offsetWidth;
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
@@ -79,7 +80,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 === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 && !displayAllInMenu) {
+    if (toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 && !displayAllInMenu) {
       return;
     }
     var renderItem = function renderItem(batchAction, index) {
@@ -94,7 +95,8 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     return /*#__PURE__*/React__default.createElement(MenuButton, {
       label: batchActionMenuButtonLabelText,
       className: cx([menuClass, _defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
-      tabIndex: totalSelected > 0 ? 0 : -1
+      tabIndex: totalSelected > 0 ? 0 : -1,
+      menuAlignment: "bottom"
     }, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
       var hidden = index < 2 && !displayAllInMenu;
       if (!hidden) {
@@ -113,10 +115,11 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       dispatch: dispatch,
       rows: [],
       getRowId: getRowId,
-      isChecked: false
+      isChecked: false,
+      indeterminate: undefined
     });
     toggleAllRowsSelected(false);
-    setGlobalFilter(null);
+    setGlobalFilter === null || setGlobalFilter === void 0 || setGlobalFilter(null);
   };
   var onSelectAllHandler = function onSelectAllHandler() {
     toggleAllRowsSelected(true);
@@ -124,7 +127,9 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     handleSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
-      getRowId: getRowId
+      getRowId: getRowId,
+      indeterminate: undefined,
+      isChecked: undefined
     });
   };
 
@@ -168,15 +173,14 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     className: cx([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
   }, /*#__PURE__*/React__default.createElement(TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default.createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default.createElement("div", {
     className: blockClass
   }, /*#__PURE__*/React__default.createElement(TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
   ariaToolbarLabel: PropTypes.string
 };
-var DatagridToolbar$1 = DatagridToolbar;
 
-export { DatagridToolbar$1 as default };
+export { DatagridToolbar as default };