feat(AnalyticalTable): add allVisibleRowsSelected to onRowSelect & improve select behavior (#8224)

Changes in this PR:
- adds `allVisibleRowsSelected` to the `onRowSelect` event detail. When
all visible rows in a filtered table (all not filtered-out rows) are
selected, this property is `true`.
- refactors how the `onRowSelect` event is fired. Now, the original
event is persisted on the mutable table instance and only enriched and
fired after the respective table state is finalized.
- forks the `useRowSelect` react-table hook
  - Early exit when `selectionMode` is 'None'
- Skips `selectedFlatRows` computation, `isAllRowsSelected` checks, and
`prepareRow` overhead when selection is disabled
  - `isAllRowsSelected` computation is memoized
  - Uses stable noop references when disabled
- Fixes select-all indeterminate state considering filtered-out rows
(now only visible rows are considered)
- Fixes indeterminate state of select-all checkbox when the table is
filtered.
- `useIndeterminateRowSelection`: parent row is now also included in
`selectedRowIds` when all sub rows are selected
- improves `stateReducer` type

Author: Lukas742

REUSE.toml

@@ -38,3 +38,9 @@ path = "packages/main/src/internal/safeGetChildrenArray.ts"
 precedence = "aggregate"
 SPDX-FileCopyrightText = "2022 Adobe Inc."
 SPDX-License-Identifier = "Apache-2.0"
+
+[[annotations]]
+path = "packages/main/src/components/AnalyticalTable/hooks/useRowSelect.ts"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "2019-2021 Tanner Linsley"
+SPDX-License-Identifier = "MIT"

packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx

@@ -369,14 +369,20 @@
   user-select: none;
 }
 
-.checkBox::part(root) {
-  display: flex;
-  width: unset;
-  height: unset;
-  justify-content: center;
-  min-height: unset;
-  min-width: unset;
-  padding: 0;
+.checkBox {
+  vertical-align: middle;
+  pointer-events: none;
+  display: block;
+
+  &::part(root) {
+    display: flex;
+    width: unset;
+    height: unset;
+    justify-content: center;
+    min-height: unset;
+    min-width: unset;
+    padding: 0;
+  }
 }
 
 /* ==========================================================================