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

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;

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

@@ -57,13 +57,14 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   // the ButtonMenu
   React.useEffect(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
-      var batchActionListWidth = ref.current.querySelector(".".concat(settings.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(settings.carbon.prefix, "--action-list")).offsetWidth;
       setInitialListWidth(batchActionListWidth);
       setReceivedInitialWidth(true);
     }
   }, [totalSelected, receivedInitialWidth, ref]);
   React.useEffect(function () {
-    var summaryWidth = ref.current.querySelector(".".concat(settings.carbon.prefix, "--batch-summary")).offsetWidth;
+    var summaryWidth = ref === null || ref === void 0 ? void 0 : ref.current.querySelector(".".concat(settings.carbon.prefix, "--batch-summary")).offsetWidth;
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
@@ -88,7 +89,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) {
@@ -103,7 +104,8 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     return /*#__PURE__*/React__default["default"].createElement(react.MenuButton, {
       label: batchActionMenuButtonLabelText,
       className: cx__default["default"]([menuClass, _rollupPluginBabelHelpers.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) {
@@ -122,10 +124,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);
@@ -133,7 +136,9 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     stateReducer.handleSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
-      getRowId: getRowId
+      getRowId: getRowId,
+      indeterminate: undefined,
+      isChecked: undefined
     });
   };
 
@@ -177,15 +182,14 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     className: cx__default["default"]([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
   }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: blockClass
   }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
   ariaToolbarLabel: index["default"].string
 };
-var DatagridToolbar$1 = DatagridToolbar;
 
-exports["default"] = DatagridToolbar$1;
+exports["default"] = DatagridToolbar;

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

@@ -1,2 +1,9 @@
+/**
+ * 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 DatagridVirtualBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridVirtualBody;
-declare function DatagridVirtualBody(datagridState: any): import("react/jsx-runtime").JSX.Element;

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

@@ -53,37 +53,48 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   /* istanbul ignore next */
   var handleVirtualGridResize = function handleVirtualGridResize() {
     var gridRefElement = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current;
-    gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 ? void 0 : gridRefElement.clientWidth;
+    if (gridRefElement) {
+      var _gridRefElement$clien;
+      gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 || (_gridRefElement$clien = gridRefElement.clientWidth) === null || _gridRefElement$clien === void 0 ? void 0 : _gridRefElement$clien.toString();
+    }
   };
   useResizeObserver.useResizeObserver(gridRef, handleVirtualGridResize);
   React.useEffect(function () {
-    handleResize();
+    handleResize === null || handleResize === void 0 || handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
-  if (listRef && listRef.current) {
-    listRef.current.resetAfterIndex(0);
-  }
+  React.useEffect(function () {
+    if (listRef && listRef.current) {
+      listRef.current.resetAfterIndex(0);
+    }
+  }, [listRef]);
   var visibleRows = DatagridPagination && page || rows;
-  var testRef = React.useRef();
+  var testRef = React.useRef(null);
 
   // Sync the scrollLeft position of the virtual body to the table header
   React.useEffect(function () {
     function handleScroll(event) {
+      var _document;
       var virtualBody = event.target;
-      document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap")).scrollLeft = virtualBody.scrollLeft;
+      var headWrapEl = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap"));
+      if (headWrapEl) {
+        headWrapEl.scrollLeft = virtualBody === null || virtualBody === void 0 ? void 0 : virtualBody.scrollLeft;
+      }
       var spacerColumn = document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap thead th:last-child"));
-      spacerColumn.style.width = layout.px(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
+      if (spacerColumn) {
+        spacerColumn.style.width = layout.px(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
+      }
     }
-    var testRefValue = testRef.current;
-    testRefValue.addEventListener('scroll', handleScroll);
+    var testRefValue = testRef === null || testRef === void 0 ? void 0 : testRef.current;
+    testRefValue === null || testRefValue === void 0 || testRefValue.addEventListener('scroll', handleScroll);
     return function () {
-      testRefValue.removeEventListener('scroll', handleScroll);
+      testRefValue === null || testRefValue === void 0 || testRefValue.removeEventListener('scroll', handleScroll);
     };
   });
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__head-wrap"),
     style: {
-      width: (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth,
+      width: gridRef === null || gridRef === void 0 || (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth,
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React__default["default"].createElement(DatagridHead["default"], datagridState)), /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
@@ -94,7 +105,8 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     height: virtualHeight || tableHeight,
     itemCount: visibleRows.length,
     itemSize: function itemSize(index) {
-      return visibleRows[index].isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
+      var _visibleRows$index;
+      return (_visibleRows$index = visibleRows[index]) !== null && _visibleRows$index !== void 0 && _visibleRows$index.isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
     },
     estimatedItemSize: rowHeight,
     onScroll: onScroll,
@@ -106,9 +118,10 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     ref: listRef,
     className: "".concat(blockClass, "__virtual-scrollbar"),
     style: {
-      width: (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth
+      width: gridRef === null || gridRef === void 0 || (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth
     }
   }, function (_ref) {
+    var _row$RowRenderer;
     var index = _ref.index,
       style = _ref.style;
     var row = visibleRows[index];
@@ -117,12 +130,11 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
       key = _row$getRowProps.key;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: _rollupPluginBabelHelpers.objectSpread2({}, style)
-    }, row.RowRenderer(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
+    }, 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 DatagridVirtualBody$1 = DatagridVirtualBody;
 
-exports["default"] = DatagridVirtualBody$1;
+exports["default"] = DatagridVirtualBody;

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

@@ -1,22 +1,24 @@
-export default DraggableElement;
-declare function DraggableElement({ id, children, classList, disabled, ariaLabel, isSticky, selected, }: {
-    id: any;
-    children: any;
-    classList: any;
-    disabled: any;
-    ariaLabel: any;
-    isSticky: any;
-    selected: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace DraggableElement {
-    namespace propTypes {
-        let ariaLabel: PropTypes.Validator<string>;
-        let children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        let classList: PropTypes.Requireable<string>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let id: PropTypes.Validator<string>;
-        let isSticky: PropTypes.Requireable<boolean>;
-        let selected: PropTypes.Requireable<boolean>;
-    }
-}
+import { PropsWithChildren, ReactNode } from 'react';
 import PropTypes from 'prop-types';
+interface DraggableElementProps extends PropsWithChildren {
+    ariaLabel: string;
+    children: ReactNode;
+    classList?: string;
+    disabled?: boolean;
+    id: string;
+    isSticky?: boolean;
+    selected?: boolean;
+}
+declare const DraggableElement: {
+    ({ id, children, classList, disabled, ariaLabel, isSticky, selected, }: DraggableElementProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        ariaLabel: PropTypes.Validator<string>;
+        children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        classList: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        id: PropTypes.Validator<string>;
+        isSticky: PropTypes.Requireable<boolean>;
+        selected: PropTypes.Requireable<boolean>;
+    };
+};
+export default DraggableElement;

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

@@ -53,7 +53,7 @@ var DraggableElement = function DraggableElement(_ref) {
     size: 16
   }))), children);
   var style = {
-    transform: !disabled ? utilities.CSS.Transform.toString(transform) : {},
+    transform: !disabled ? utilities.CSS.Transform.toString(transform) : undefined,
     transition: transition
   };
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
@@ -62,7 +62,6 @@ var DraggableElement = function DraggableElement(_ref) {
     ref: setNodeRef,
     style: style
   }, attributes, listeners, {
-    disabled: disabled,
     "aria-selected": selected,
     role: "option"
   }), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -80,6 +79,5 @@ DraggableElement.propTypes = {
   isSticky: index["default"].bool,
   selected: index["default"].bool
 };
-var DraggableElement$1 = DraggableElement;
 
-exports["default"] = DraggableElement$1;
+exports["default"] = DraggableElement;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts

@@ -41,7 +41,7 @@ declare namespace FilterPanel {
         let searchLabelText: PropTypes.Requireable<string>;
         let searchPlaceholder: PropTypes.Requireable<string>;
         let secondaryActionLabel: PropTypes.Requireable<string>;
-        let setAllFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let setAllFilters: PropTypes.Requireable<(...args: any[]) => any>;
         let showFilterSearch: PropTypes.Requireable<boolean>;
         let title: PropTypes.Requireable<string>;
         let updateMethod: PropTypes.Requireable<string>;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -292,7 +292,7 @@ FilterPanel.propTypes = {
   searchLabelText: index["default"].string,
   searchPlaceholder: index["default"].string,
   secondaryActionLabel: index["default"].string,
-  setAllFilters: index["default"].func.isRequired,
+  setAllFilters: index["default"].func,
   showFilterSearch: index["default"].bool,
   title: index["default"].string,
   updateMethod: index["default"].oneOf([constants.BATCH, constants.INSTANT])

package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts

@@ -1,2 +1,12 @@
-export const DatagridSlug: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+/**
+ * Copyright IBM Corp. 2024, 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 React, { ReactNode } from 'react';
+interface DatagridSlugProps {
+    slug?: ReactNode;
+}
+export declare const DatagridSlug: React.ForwardRefExoticComponent<DatagridSlugProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1 +1,7 @@
-export { Datagrid } from "./Datagrid";
+/**
+ * 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.
+ */
+export { Datagrid } from './Datagrid';