fix(Table): mark empty header on the table with aria-hidden when us…

…ing the `useRowSelection` hook
lumada-design · Nov 23, 2023 · 16d03d9 · 16d03d9
1 parent 8e0eac1
commit 16d03d9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/core/src/components/Table/hooks/useRowSelection.tsx b/packages/core/src/components/Table/hooks/useRowSelection.tsx
@@ -120,6 +120,8 @@ const DEFAULT_LABELS = {
   selectRowCheckBoxAriaLabel: "Select this row",
 };
 
+const hideHeaderVariants = ["checkbox", "actions"];
+
 export const CellWithCheckBox = ({ row, labels: labelsProp }) => {
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
 
@@ -157,7 +159,7 @@ const visibleColumnsHook = (columns) => {
 const getHeaderPropsHook = (props, { column }) => {
   const nextProps: UseHvRowSelectionTableColumnProps = {};
 
-  if (column.id === "_hv_selection") {
+  if (hideHeaderVariants.includes(column.variant)) {
     nextProps["aria-hidden"] = true;
   }
   return [props, nextProps];