@carbon/ibm-products 2.41.1-canary.13 → 2.41.1-canary.16

package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -46,13 +46,12 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
   return /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
     role: undefined
   }), {
-    "aria-live": null,
+    "aria-live": "off",
     className: "".concat(blockClass, "__empty-state-body")
   }), /*#__PURE__*/React__default["default"].createElement(react.TableRow, null, /*#__PURE__*/React__default["default"].createElement(react.TableCell, {
-    colSpan: headers.length,
+    colSpan: headers === null || headers === void 0 ? void 0 : headers.length,
     className: "".concat(blockClass, "__empty-state-cell")
   }, validEmptyStates.includes(emptyStateType) ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, emptyStateType === 'error' && /*#__PURE__*/React__default["default"].createElement(ErrorEmptyState.ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/React__default["default"].createElement(NoDataEmptyState.NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/React__default["default"].createElement(NotFoundEmptyState.NotFoundEmptyState, emptyStateProps)) : /*#__PURE__*/React__default["default"].createElement(EmptyState.EmptyState, emptyStateProps))));
 };
-var DatagridEmptyBody$1 = DatagridEmptyBody;
 
-exports["default"] = DatagridEmptyBody$1;
+exports["default"] = DatagridEmptyBody;

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

@@ -1,2 +1,10 @@
+/**
+ * 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 { JSXElementConstructor } from 'react';
+import { DataGridState } from '../types';
+declare const DatagridExpandedRow: (ExpandedRowContentComponent: JSXElementConstructor<any>) => (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridExpandedRow;
-declare function DatagridExpandedRow(ExpandedRowContentComponent: any): (datagridState: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js

@@ -19,6 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
+var _excluded = ["key"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 
 // eslint-disable-next-line react/prop-types
@@ -27,8 +28,9 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
     var _row$original;
     var row = datagridState.row;
     var expandedContentHeight = row.expandedContentHeight;
-    var toggleParentHoverClass = function toggleParentHoverClass(event, eventType) {
+    var toggleParentHoverClass = function toggleParentHoverClass(event) {
       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) {
         var _event$target2;
@@ -40,6 +42,8 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
         }
       }
     };
+    var key = datagridState.key,
+      _state = _rollupPluginBabelHelpers.objectWithoutProperties(datagridState, _excluded);
     return /*#__PURE__*/React__default["default"].createElement("tr", {
       className: cx__default["default"]("".concat(blockClass, "__expanded-row"), _rollupPluginBabelHelpers.defineProperty({}, "".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))),
       onMouseEnter: function onMouseEnter(event) {
@@ -55,9 +59,10 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
       style: {
         height: expandedContentHeight && expandedContentHeight
       }
-    }, /*#__PURE__*/React__default["default"].createElement(ExpandedRowContentComponent, datagridState))));
+    }, /*#__PURE__*/React__default["default"].createElement(ExpandedRowContentComponent, _rollupPluginBabelHelpers["extends"]({
+      key: key
+    }, _state)))));
   };
 };
-var DatagridExpandedRow$1 = DatagridExpandedRow;
 
-exports["default"] = DatagridExpandedRow$1;
+exports["default"] = DatagridExpandedRow;

package/lib/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/lib/components/Datagrid/Datagrid/DatagridHead.js

@@ -22,12 +22,10 @@ var DatagridHead = function DatagridHead(datagridState) {
     headRef = datagridState.headRef,
     HeaderRow = datagridState.HeaderRow;
   return /*#__PURE__*/React__default["default"].createElement(react.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;
 
-exports["default"] = DatagridHead$1;
+exports["default"] = DatagridHead;

package/lib/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/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -27,9 +27,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _th;
-var _excluded = ["role"],
-  _excluded2 = ["className", "role"],
-  _excluded3 = ["role"];
+var _excluded = ["className"],
+  _excluded2 = ["key"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var getAccessibilityProps = function getAccessibilityProps(header) {
   var props = {};
@@ -54,22 +53,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 = _rollupPluginBabelHelpers.objectWithoutProperties(resizerProps, _excluded);
+  var headerProps = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(resizerProps), resizerProps));
   var mouseDownHandler = function mouseDownHandler(evt) {
-    handleOnMouseDownResize(evt, resizerProps);
+    handleOnMouseDownResize === null || handleOnMouseDownResize === void 0 || handleOnMouseDownResize(evt, resizerProps);
   };
   var mouseUpHandler = function mouseUpHandler() {
-    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header.id, true);
+    stateReducer.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;
           stateReducer.handleColumnResizingEvent(dispatch, header, newWidth, true);
         }
@@ -81,7 +78,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     }
   };
   var keyUpHandler = function keyUpHandler() {
-    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header.id, true);
+    stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, headerProps, {
     onMouseDown: mouseDownHandler,
@@ -90,7 +87,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["default"].createElement("span", {
@@ -98,6 +95,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,
@@ -108,22 +106,27 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   React.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"), layout.px(rowHeight));
-      headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), layout.px(gridHeight - scrollBuffer - tableToolbarHeight));
-      headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), layout.px(headerRowElement.offsetHeight));
+      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));
     };
     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 = React.useState(2),
@@ -131,7 +134,8 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     incrementAmount = _useState2[0];
   var handleOnMouseDownResize = function handleOnMouseDownResize(event, resizeProps) {
     var _resizeProps = _rollupPluginBabelHelpers.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) {
@@ -141,9 +145,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_headerGroup$getHeade, _excluded2);
+    headerGroupClassName = _headerGroup$getHeade.className,
+    headerGroupProps = _rollupPluginBabelHelpers.objectWithoutProperties(_headerGroup$getHeade, _excluded);
   var renderSlug = function renderSlug(slug) {
     if (isTableSortable) {
       return;
@@ -156,16 +159,20 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     var _r$original;
     return /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.slug);
   });
-  return /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({}, headerGroupProps, {
+  var key = headerGroupProps.key,
+    rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(headerGroupProps, _excluded2);
+  return /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({
+    key: key
+  }, rowProps, {
     className: cx__default["default"]("".concat(blockClass, "__head"), headerGroupClassName),
     ref: headRef
   }), foundAIRow ? _th || (_th = /*#__PURE__*/React__default["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 === commonColumnIds.selectionColumnId) {
       // render directly without the wrapper TableHeader
@@ -183,12 +190,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_header$getHeaderProp, _excluded3);
+    var _header$getHeaderProp = header.getHeaderProps(),
+      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);
     return /*#__PURE__*/React__default["default"].createElement(react.TableHeader, _rollupPluginBabelHelpers["extends"]({}, headerProps, {
-      className: cx__default["default"](header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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["default"].isValidElement(header.slug))),
+      className: cx__default["default"](header === null || header === void 0 ? void 0 : header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === void 0 ? void 0 : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === void 0 ? void 0 : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === void 0 ? void 0 : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default["default"].isValidElement(header === null || header === void 0 ? void 0 : header.slug))),
       key: header.id,
       "aria-hidden": header.id === 'spacer' && 'true'
     }, getAccessibilityProps(header)), header.render('Header'), renderSlug(header.slug), resizerProps && !header.isAction && /*#__PURE__*/React__default["default"].createElement(ResizeHeader, {
@@ -215,6 +221,5 @@ var useHeaderRow = function useHeaderRow(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useHeaderRow$1 = useHeaderRow;
 
-exports["default"] = useHeaderRow$1;
+exports["default"] = useHeaderRow;

package/lib/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/lib/components/Datagrid/Datagrid/DatagridRefBody.js

@@ -33,16 +33,16 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
     role: undefined
   }), {
     className: cx__default["default"]("".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(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
+    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), {}, {
       row: row,
       key: key
     }));
   }));
 };
-var DatagridRefBody$1 = DatagridRefBody;
 
-exports["default"] = DatagridRefBody$1;
+exports["default"] = DatagridRefBody;

package/lib/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/lib/components/Datagrid/Datagrid/DatagridRow.js

@@ -24,8 +24,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _SkeletonText;
-var _excluded = ["role", "className"],
-  _excluded2 = ["children", "role"];
+var _excluded = ["className"],
+  _excluded2 = ["children"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var rowHeights = {
   xs: 24,
@@ -67,7 +67,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       return;
     }
     var subRowCount = getVisibleNestedRowCount(row);
-    var totalNestedRowIndicatorHeight = layout.px(subRowCount * rowHeights[rowSize]);
+    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"));
@@ -94,7 +94,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"));
@@ -116,11 +116,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getRowProps, _excluded);
   var foundAIRow = rows.some(function (r) {
     var _r$original;
@@ -147,9 +144,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 = _rollupPluginBabelHelpers.objectWithoutProperties(cellProps, _excluded2);
+    var _ref2 = cellProps,
+      children = _ref2.children,
+      restProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
     var columnClassname = cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.className;
     var content = children || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, null))));
     if ((cell === null || cell === void 0 || (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.id) === commonColumnIds.selectionColumnId) {
@@ -159,7 +156,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["default"].createElement(react.TableCell, _rollupPluginBabelHelpers["extends"]({
@@ -168,8 +165,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;
 
-exports["default"] = DatagridRow$1;
+exports["default"] = DatagridRow;

package/lib/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/lib/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -59,13 +59,13 @@ var SelectAll = function SelectAll(datagridState) {
   if (hideSelectAll || radio) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: cx__default["default"]("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_getProps, _excluded);
+  var _ref = getProps(),
+    onChange = _ref.onChange,
+    selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var indeterminate = selectProps.indeterminate;
   var handleSelectAllChange = function handleSelectAllChange(event) {
     if (indeterminate) {
@@ -73,7 +73,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);
@@ -87,18 +88,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["default"].createElement("div", {
     className: cx__default["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
-    isFirstColumnStickyLeft && windowSize > 671))
+    isFirstColumnStickyLeft && Number(windowSize) > 671))
   }, /*#__PURE__*/React__default["default"].createElement(react.TableSelectAll, _rollupPluginBabelHelpers["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/lib/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/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -66,22 +66,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_getProps, _excluded);
+  var _ref3 = getProps(),
+    onChange = _ref3.onChange,
+    selectProps = _rollupPluginBabelHelpers.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["default"].createElement("th", {
     scope: "col",
     className: cx__default["default"]("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["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"),
@@ -101,9 +101,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
         }
@@ -141,6 +142,5 @@ SelectAllWithToggle.propTypes = {
   tableId: index["default"].string.isRequired,
   withStickyColumn: index["default"].bool
 };
-var SelectAllWithToggle$1 = SelectAllWithToggle;
 
-exports["default"] = SelectAllWithToggle$1;
+exports["default"] = SelectAllWithToggle;

package/lib/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/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -31,15 +31,15 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     "aria-live": null,
     className: cx__default["default"]("".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(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
+    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), {}, {
       row: row,
       key: key
     }));
   }));
 };
-var DatagridSimpleBody$1 = DatagridSimpleBody;
 
-exports["default"] = DatagridSimpleBody$1;
+exports["default"] = DatagridSimpleBody;

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