@carbon/ibm-products 2.43.2-canary.206 → 2.43.2-canary.208

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

@@ -10,7 +10,7 @@ import React__default, { useState, useLayoutEffect } from 'react';
 import { TableSelectAll } from '@carbon/react';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import { handleSelectAllRowData } from './addons/stateReducer.js';
+import { handleOnPageSelectAllRowData } from './addons/stateReducer.js';
 
 var _excluded = ["onChange"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
@@ -45,7 +45,6 @@ var SelectAll = function SelectAll(datagridState) {
     dispatch = datagridState.dispatch,
     rows = datagridState.rows,
     getRowId = datagridState.getRowId,
-    toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
     onAllRowSelect = datagridState.onAllRowSelect;
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   if (hideSelectAll || radio) {
@@ -59,24 +58,8 @@ var SelectAll = function SelectAll(datagridState) {
     onChange = _ref.onChange,
     selectProps = _objectWithoutProperties(_ref, _excluded);
   var indeterminate = selectProps.indeterminate;
-  var handleSelectAllChange = function handleSelectAllChange(event) {
-    if (indeterminate) {
-      handleSelectAllRowData({
-        dispatch: dispatch,
-        rows: rows,
-        getRowId: getRowId,
-        indeterminate: true,
-        isChecked: undefined
-      });
-      toggleAllRowsSelected(false);
-      onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
-      return onChange === null || onChange === void 0 ? void 0 : onChange({
-        target: {
-          checked: false
-        }
-      });
-    }
-    handleSelectAllRowData({
+  var handleOnPageSelectAllChange = function handleOnPageSelectAllChange(event) {
+    handleOnPageSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
       getRowId: getRowId,
@@ -90,7 +73,7 @@ var SelectAll = function SelectAll(datagridState) {
     className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
     isFirstColumnStickyLeft && Number(windowSize) > 671)),
     name: "".concat(tableId, "-select-all-checkbox-name"),
-    onSelect: handleSelectAllChange,
+    onSelect: handleOnPageSelectAllChange,
     disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
     id: "".concat(tableId, "-select-all-checkbox-id")
   }));

package/es/components/Datagrid/Datagrid/addons/stateReducer.d.ts

@@ -14,6 +14,13 @@ export function handleSelectAllRowData({ dispatch, rows, getRowId, indeterminate
     indeterminate: any;
     isChecked: any;
 }): any;
+export function handleOnPageSelectAllRowData({ dispatch, rows, getRowId, indeterminate, isChecked, }: {
+    dispatch: any;
+    rows: any;
+    getRowId: any;
+    indeterminate: any;
+    isChecked: any;
+}): any;
 export function handleDynamicRowCheck({ dispatch, status, rowId, depth, index, }: {
     dispatch: any;
     status: any;

package/es/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -12,8 +12,9 @@ var COLUMN_RESIZE_START = 'columnStartResizing';
 var COLUMN_RESIZING = 'columnResizing';
 var COLUMN_RESIZE_END = 'columnDoneResizing';
 var INIT = 'init';
-var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
-var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
+var TOGGLE_ROW_SELECTED = 'toggleRowSelected'; // selects individual row
+var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected'; // selects all rows in entire table
+var TOGGLE_ON_PAGE_ALL_ROWS_SELECTED = 'toggleAllRowsOnPageSelected'; // selects all rows in the current page
 var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
@@ -78,12 +79,28 @@ var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
     }
   });
 };
-var handleDynamicRowCheck = function handleDynamicRowCheck(_ref3) {
+var handleOnPageSelectAllRowData = function handleOnPageSelectAllRowData(_ref3) {
   var dispatch = _ref3.dispatch,
-    status = _ref3.status,
-    rowId = _ref3.rowId,
-    depth = _ref3.depth,
-    index = _ref3.index;
+    rows = _ref3.rows,
+    getRowId = _ref3.getRowId,
+    indeterminate = _ref3.indeterminate,
+    isChecked = _ref3.isChecked;
+  return dispatch({
+    type: TOGGLE_ON_PAGE_ALL_ROWS_SELECTED,
+    payload: {
+      rows: rows,
+      getRowId: getRowId,
+      indeterminate: indeterminate,
+      isChecked: isChecked
+    }
+  });
+};
+var handleDynamicRowCheck = function handleDynamicRowCheck(_ref4) {
+  var dispatch = _ref4.dispatch,
+    status = _ref4.status,
+    rowId = _ref4.rowId,
+    depth = _ref4.depth,
+    index = _ref4.index;
   return dispatch({
     type: DYNAMIC_ROW_CHECK,
     payload: {
@@ -124,11 +141,11 @@ var stateReducer = function stateReducer(newState, action) {
       }
     case TOGGLE_ALL_ROWS_SELECTED:
       {
-        var _ref4 = action.payload || {},
-          rows = _ref4.rows,
-          getRowId = _ref4.getRowId,
-          indeterminate = _ref4.indeterminate,
-          isChecked = _ref4.isChecked;
+        var _ref5 = action.payload || {},
+          rows = _ref5.rows,
+          getRowId = _ref5.getRowId,
+          indeterminate = _ref5.indeterminate,
+          isChecked = _ref5.isChecked;
         var newSelectedRowIds = {};
         if (rows) {
           var newSelectedRowData = {};
@@ -148,26 +165,65 @@ var stateReducer = function stateReducer(newState, action) {
         }
         return _objectSpread2({}, newState);
       }
+    case TOGGLE_ON_PAGE_ALL_ROWS_SELECTED:
+      {
+        var _ref6 = action.payload || {},
+          _rows = _ref6.rows,
+          _getRowId = _ref6.getRowId,
+          _indeterminate = _ref6.indeterminate,
+          _isChecked = _ref6.isChecked;
+        var previousSelectedRowIds = newState.selectedRowIds || {};
+        var previousSelectedRowData = newState.selectedRowData || {};
+        var _newSelectedRowIds = {};
+        if (_rows) {
+          var _newSelectedRowData = {};
+          _rows.forEach(function (row) {
+            var _row$getRowProps2;
+            var props = (_row$getRowProps2 = row.getRowProps) === null || _row$getRowProps2 === void 0 ? void 0 : _row$getRowProps2.call(row);
+            if (props && props.disabled) {
+              return;
+            }
+            if (props) {
+              if (!_indeterminate && _isChecked) {
+                // adds selection to newly selected rows
+                _newSelectedRowIds[_getRowId(row.original, row.index)] = true;
+                _newSelectedRowData[_getRowId(row.original, row.index)] = row.original;
+              } else {
+                // removes selection from previously selected rows
+                delete previousSelectedRowIds[_getRowId(row.original, row.index)];
+                delete previousSelectedRowData[_getRowId(row.original, row.index)];
+              }
+            }
+          });
+          var finalSelectedRowIds = _objectSpread2(_objectSpread2({}, previousSelectedRowIds), _newSelectedRowIds);
+          var finalSelectedRowData = _objectSpread2(_objectSpread2({}, previousSelectedRowData), _newSelectedRowData);
+          return _objectSpread2(_objectSpread2({}, newState), {}, {
+            selectedRowIds: finalSelectedRowIds,
+            selectedRowData: finalSelectedRowData
+          });
+        }
+        return _objectSpread2({}, newState);
+      }
     case TOGGLE_ROW_SELECTED:
       {
-        var _ref5 = action.payload || {},
-          rowData = _ref5.rowData,
-          _isChecked = _ref5.isChecked,
-          _getRowId = _ref5.getRowId;
+        var _ref7 = action.payload || {},
+          rowData = _ref7.rowData,
+          _isChecked2 = _ref7.isChecked,
+          _getRowId2 = _ref7.getRowId;
         if (!rowData) {
           return;
         }
-        if (_isChecked) {
+        if (_isChecked2) {
           return _objectSpread2(_objectSpread2({}, newState), {}, {
-            selectedRowData: _objectSpread2(_objectSpread2({}, newState.selectedRowData), {}, _defineProperty({}, _getRowId(rowData.original, rowData.index), rowData.original))
+            selectedRowData: _objectSpread2(_objectSpread2({}, newState.selectedRowData), {}, _defineProperty({}, _getRowId2(rowData.original, rowData.index), rowData.original))
           });
         }
-        if (rowData && !_isChecked) {
+        if (rowData && !_isChecked2) {
           var newData = _objectSpread2({}, newState.selectedRowData);
-          var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref6) {
-            var _ref7 = _slicedToArray(_ref6, 1),
-              key = _ref7[0];
-            return parseInt(key) !== parseInt(_getRowId(rowData.original, rowData.index));
+          var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref8) {
+            var _ref9 = _slicedToArray(_ref8, 1),
+              key = _ref9[0];
+            return parseInt(key) !== parseInt(_getRowId2(rowData.original, rowData.index));
           }));
           return _objectSpread2(_objectSpread2({}, newState), {}, {
             selectedRowData: dataWithRemovedRow
@@ -183,27 +239,27 @@ var stateReducer = function stateReducer(newState, action) {
       }
     case COLUMN_RESIZE_START:
       {
-        var _ref8 = action.payload || {},
-          headerId = _ref8.headerId;
+        var _ref10 = action.payload || {},
+          headerId = _ref10.headerId;
         return _objectSpread2(_objectSpread2({}, newState), {}, {
           isResizing: headerId
         });
       }
     case COLUMN_RESIZING:
       {
-        var _ref9 = action.payload || {},
-          _headerId = _ref9.headerId,
-          newWidth = _ref9.newWidth,
-          defaultWidth = _ref9.defaultWidth;
+        var _ref11 = action.payload || {},
+          _headerId = _ref11.headerId,
+          newWidth = _ref11.newWidth,
+          defaultWidth = _ref11.defaultWidth;
         var newColumnWidth = {};
         if (typeof _headerId === 'undefined') {
           return _objectSpread2({}, newState);
         }
         newColumnWidth[_headerId] = newWidth;
-        var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref10) {
-          var _ref11 = _slicedToArray(_ref10, 2);
-            _ref11[0];
-            var value = _ref11[1];
+        var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref12) {
+          var _ref13 = _slicedToArray(_ref12, 2);
+            _ref13[0];
+            var value = _ref13[1];
           return !isNaN(value);
         }));
         var headerIdArray = newState.columnResizing.headerIdWidths || [];
@@ -218,10 +274,10 @@ var stateReducer = function stateReducer(newState, action) {
       }
     case COLUMN_RESIZE_END:
       {
-        var _ref12 = action.payload || {},
-          onColResizeEnd = _ref12.onColResizeEnd,
-          _headerId2 = _ref12.headerId,
-          isKeyEvent = _ref12.isKeyEvent;
+        var _ref14 = action.payload || {},
+          onColResizeEnd = _ref14.onColResizeEnd,
+          _headerId2 = _ref14.headerId,
+          isKeyEvent = _ref14.isKeyEvent;
         var currentColumn = {};
         currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
         var allChangedColumns = newState.columnResizing.columnWidths;
@@ -247,4 +303,4 @@ var stateReducer = function stateReducer(newState, action) {
   }
 };
 
-export { handleColumnResizeEndEvent, handleColumnResizingEvent, handleDynamicRowCheck, handleSelectAllRowData, handleToggleRowSelected, stateReducer };
+export { handleColumnResizeEndEvent, handleColumnResizingEvent, handleDynamicRowCheck, handleOnPageSelectAllRowData, handleSelectAllRowData, handleToggleRowSelected, stateReducer };

package/es/components/PageHeader/PageHeaderUtils.js

@@ -98,11 +98,6 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
       // adjust top for sticky with navigation
       update.headerTopValue += update.navigationRowHeight;
     }
-    if (!hasActionBar && !widthIsNarrow) {
-      // Add difference between $spacing-08 and $spacing-07 to ensure space below breadcrumb is correct on scroll
-      // $spacing-07 is used as size for breadcrumb when no action bar otherwise $spacing-08
-      update.headerTopValue += 8;
-    }
     if (!enableBreadcrumbScroll || !navigation) {
       // adjust sticky top if no navigation or breadcrumb is to stay on screen
       update.headerTopValue += update.breadcrumbRowHeight;

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

@@ -54,7 +54,6 @@ var SelectAll = function SelectAll(datagridState) {
     dispatch = datagridState.dispatch,
     rows = datagridState.rows,
     getRowId = datagridState.getRowId,
-    toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
     onAllRowSelect = datagridState.onAllRowSelect;
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   if (hideSelectAll || radio) {
@@ -68,24 +67,8 @@ var SelectAll = function SelectAll(datagridState) {
     onChange = _ref.onChange,
     selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var indeterminate = selectProps.indeterminate;
-  var handleSelectAllChange = function handleSelectAllChange(event) {
-    if (indeterminate) {
-      stateReducer.handleSelectAllRowData({
-        dispatch: dispatch,
-        rows: rows,
-        getRowId: getRowId,
-        indeterminate: true,
-        isChecked: undefined
-      });
-      toggleAllRowsSelected(false);
-      onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
-      return onChange === null || onChange === void 0 ? void 0 : onChange({
-        target: {
-          checked: false
-        }
-      });
-    }
-    stateReducer.handleSelectAllRowData({
+  var handleOnPageSelectAllChange = function handleOnPageSelectAllChange(event) {
+    stateReducer.handleOnPageSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
       getRowId: getRowId,
@@ -99,7 +82,7 @@ var SelectAll = function SelectAll(datagridState) {
     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 && Number(windowSize) > 671)),
     name: "".concat(tableId, "-select-all-checkbox-name"),
-    onSelect: handleSelectAllChange,
+    onSelect: handleOnPageSelectAllChange,
     disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
     id: "".concat(tableId, "-select-all-checkbox-id")
   }));

package/lib/components/Datagrid/Datagrid/addons/stateReducer.d.ts

@@ -14,6 +14,13 @@ export function handleSelectAllRowData({ dispatch, rows, getRowId, indeterminate
     indeterminate: any;
     isChecked: any;
 }): any;
+export function handleOnPageSelectAllRowData({ dispatch, rows, getRowId, indeterminate, isChecked, }: {
+    dispatch: any;
+    rows: any;
+    getRowId: any;
+    indeterminate: any;
+    isChecked: any;
+}): any;
 export function handleDynamicRowCheck({ dispatch, status, rowId, depth, index, }: {
     dispatch: any;
     status: any;

package/lib/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -16,8 +16,9 @@ var COLUMN_RESIZE_START = 'columnStartResizing';
 var COLUMN_RESIZING = 'columnResizing';
 var COLUMN_RESIZE_END = 'columnDoneResizing';
 var INIT = 'init';
-var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
-var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
+var TOGGLE_ROW_SELECTED = 'toggleRowSelected'; // selects individual row
+var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected'; // selects all rows in entire table
+var TOGGLE_ON_PAGE_ALL_ROWS_SELECTED = 'toggleAllRowsOnPageSelected'; // selects all rows in the current page
 var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
@@ -82,12 +83,28 @@ var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
     }
   });
 };
-var handleDynamicRowCheck = function handleDynamicRowCheck(_ref3) {
+var handleOnPageSelectAllRowData = function handleOnPageSelectAllRowData(_ref3) {
   var dispatch = _ref3.dispatch,
-    status = _ref3.status,
-    rowId = _ref3.rowId,
-    depth = _ref3.depth,
-    index = _ref3.index;
+    rows = _ref3.rows,
+    getRowId = _ref3.getRowId,
+    indeterminate = _ref3.indeterminate,
+    isChecked = _ref3.isChecked;
+  return dispatch({
+    type: TOGGLE_ON_PAGE_ALL_ROWS_SELECTED,
+    payload: {
+      rows: rows,
+      getRowId: getRowId,
+      indeterminate: indeterminate,
+      isChecked: isChecked
+    }
+  });
+};
+var handleDynamicRowCheck = function handleDynamicRowCheck(_ref4) {
+  var dispatch = _ref4.dispatch,
+    status = _ref4.status,
+    rowId = _ref4.rowId,
+    depth = _ref4.depth,
+    index = _ref4.index;
   return dispatch({
     type: DYNAMIC_ROW_CHECK,
     payload: {
@@ -128,11 +145,11 @@ var stateReducer = function stateReducer(newState, action) {
       }
     case TOGGLE_ALL_ROWS_SELECTED:
       {
-        var _ref4 = action.payload || {},
-          rows = _ref4.rows,
-          getRowId = _ref4.getRowId,
-          indeterminate = _ref4.indeterminate,
-          isChecked = _ref4.isChecked;
+        var _ref5 = action.payload || {},
+          rows = _ref5.rows,
+          getRowId = _ref5.getRowId,
+          indeterminate = _ref5.indeterminate,
+          isChecked = _ref5.isChecked;
         var newSelectedRowIds = {};
         if (rows) {
           var newSelectedRowData = {};
@@ -152,26 +169,65 @@ var stateReducer = function stateReducer(newState, action) {
         }
         return _rollupPluginBabelHelpers.objectSpread2({}, newState);
       }
+    case TOGGLE_ON_PAGE_ALL_ROWS_SELECTED:
+      {
+        var _ref6 = action.payload || {},
+          _rows = _ref6.rows,
+          _getRowId = _ref6.getRowId,
+          _indeterminate = _ref6.indeterminate,
+          _isChecked = _ref6.isChecked;
+        var previousSelectedRowIds = newState.selectedRowIds || {};
+        var previousSelectedRowData = newState.selectedRowData || {};
+        var _newSelectedRowIds = {};
+        if (_rows) {
+          var _newSelectedRowData = {};
+          _rows.forEach(function (row) {
+            var _row$getRowProps2;
+            var props = (_row$getRowProps2 = row.getRowProps) === null || _row$getRowProps2 === void 0 ? void 0 : _row$getRowProps2.call(row);
+            if (props && props.disabled) {
+              return;
+            }
+            if (props) {
+              if (!_indeterminate && _isChecked) {
+                // adds selection to newly selected rows
+                _newSelectedRowIds[_getRowId(row.original, row.index)] = true;
+                _newSelectedRowData[_getRowId(row.original, row.index)] = row.original;
+              } else {
+                // removes selection from previously selected rows
+                delete previousSelectedRowIds[_getRowId(row.original, row.index)];
+                delete previousSelectedRowData[_getRowId(row.original, row.index)];
+              }
+            }
+          });
+          var finalSelectedRowIds = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, previousSelectedRowIds), _newSelectedRowIds);
+          var finalSelectedRowData = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, previousSelectedRowData), _newSelectedRowData);
+          return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
+            selectedRowIds: finalSelectedRowIds,
+            selectedRowData: finalSelectedRowData
+          });
+        }
+        return _rollupPluginBabelHelpers.objectSpread2({}, newState);
+      }
     case TOGGLE_ROW_SELECTED:
       {
-        var _ref5 = action.payload || {},
-          rowData = _ref5.rowData,
-          _isChecked = _ref5.isChecked,
-          _getRowId = _ref5.getRowId;
+        var _ref7 = action.payload || {},
+          rowData = _ref7.rowData,
+          _isChecked2 = _ref7.isChecked,
+          _getRowId2 = _ref7.getRowId;
         if (!rowData) {
           return;
         }
-        if (_isChecked) {
+        if (_isChecked2) {
           return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
-            selectedRowData: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData), {}, _rollupPluginBabelHelpers.defineProperty({}, _getRowId(rowData.original, rowData.index), rowData.original))
+            selectedRowData: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData), {}, _rollupPluginBabelHelpers.defineProperty({}, _getRowId2(rowData.original, rowData.index), rowData.original))
           });
         }
-        if (rowData && !_isChecked) {
+        if (rowData && !_isChecked2) {
           var newData = _rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData);
-          var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref6) {
-            var _ref7 = _rollupPluginBabelHelpers.slicedToArray(_ref6, 1),
-              key = _ref7[0];
-            return parseInt(key) !== parseInt(_getRowId(rowData.original, rowData.index));
+          var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref8) {
+            var _ref9 = _rollupPluginBabelHelpers.slicedToArray(_ref8, 1),
+              key = _ref9[0];
+            return parseInt(key) !== parseInt(_getRowId2(rowData.original, rowData.index));
           }));
           return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
             selectedRowData: dataWithRemovedRow
@@ -187,27 +243,27 @@ var stateReducer = function stateReducer(newState, action) {
       }
     case COLUMN_RESIZE_START:
       {
-        var _ref8 = action.payload || {},
-          headerId = _ref8.headerId;
+        var _ref10 = action.payload || {},
+          headerId = _ref10.headerId;
         return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
           isResizing: headerId
         });
       }
     case COLUMN_RESIZING:
       {
-        var _ref9 = action.payload || {},
-          _headerId = _ref9.headerId,
-          newWidth = _ref9.newWidth,
-          defaultWidth = _ref9.defaultWidth;
+        var _ref11 = action.payload || {},
+          _headerId = _ref11.headerId,
+          newWidth = _ref11.newWidth,
+          defaultWidth = _ref11.defaultWidth;
         var newColumnWidth = {};
         if (typeof _headerId === 'undefined') {
           return _rollupPluginBabelHelpers.objectSpread2({}, newState);
         }
         newColumnWidth[_headerId] = newWidth;
-        var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref10) {
-          var _ref11 = _rollupPluginBabelHelpers.slicedToArray(_ref10, 2);
-            _ref11[0];
-            var value = _ref11[1];
+        var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref12) {
+          var _ref13 = _rollupPluginBabelHelpers.slicedToArray(_ref12, 2);
+            _ref13[0];
+            var value = _ref13[1];
           return !isNaN(value);
         }));
         var headerIdArray = newState.columnResizing.headerIdWidths || [];
@@ -222,10 +278,10 @@ var stateReducer = function stateReducer(newState, action) {
       }
     case COLUMN_RESIZE_END:
       {
-        var _ref12 = action.payload || {},
-          onColResizeEnd = _ref12.onColResizeEnd,
-          _headerId2 = _ref12.headerId,
-          isKeyEvent = _ref12.isKeyEvent;
+        var _ref14 = action.payload || {},
+          onColResizeEnd = _ref14.onColResizeEnd,
+          _headerId2 = _ref14.headerId,
+          isKeyEvent = _ref14.isKeyEvent;
         var currentColumn = {};
         currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
         var allChangedColumns = newState.columnResizing.columnWidths;
@@ -254,6 +310,7 @@ var stateReducer = function stateReducer(newState, action) {
 exports.handleColumnResizeEndEvent = handleColumnResizeEndEvent;
 exports.handleColumnResizingEvent = handleColumnResizingEvent;
 exports.handleDynamicRowCheck = handleDynamicRowCheck;
+exports.handleOnPageSelectAllRowData = handleOnPageSelectAllRowData;
 exports.handleSelectAllRowData = handleSelectAllRowData;
 exports.handleToggleRowSelected = handleToggleRowSelected;
 exports.stateReducer = stateReducer;

package/lib/components/PageHeader/PageHeaderUtils.js

@@ -107,11 +107,6 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
       // adjust top for sticky with navigation
       update.headerTopValue += update.navigationRowHeight;
     }
-    if (!hasActionBar && !widthIsNarrow) {
-      // Add difference between $spacing-08 and $spacing-07 to ensure space below breadcrumb is correct on scroll
-      // $spacing-07 is used as size for breadcrumb when no action bar otherwise $spacing-08
-      update.headerTopValue += 8;
-    }
     if (!enableBreadcrumbScroll || !navigation) {
       // adjust sticky top if no navigation or breadcrumb is to stay on screen
       update.headerTopValue += update.breadcrumbRowHeight;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.2-canary.206+791618a11",
+  "version": "2.43.2-canary.208+602f85d0a",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "791618a11618f120b15444dde994da65576a79ff"
+  "gitHead": "602f85d0a3afd507b31157df27091fc94e60bf27"
 }