chore: Grouped table selection POC

Author: pan-kot

pages/app/index.tsx

@@ -36,6 +36,7 @@ function isAppLayoutPage(pageId?: string) {
     'content-layout',
     'grid-navigation-custom',
     'expandable-rows-test',
+    'grouped-table-test',
     'container/sticky-permutations',
     'copy-to-clipboard/scenario-split-panel',
   ];

pages/table/expandable-rows.permutations.page.tsx

@@ -273,7 +273,12 @@ export default () => {
               renderLoaderLoading={({ item }) => `loading items for ${item?.name ?? 'root'}`}
               renderLoaderError={({ item }) => `error for ${item?.name ?? 'root'}`}
               submitEdit={permutation.editableCells ? () => {} : undefined}
-              ariaLabels={{ ...ariaLabels, tableLabel: permutation.title }}
+              ariaLabels={{
+                ...ariaLabels,
+                tableLabel: permutation.title,
+                expandButtonLabel: () => 'Expand',
+                collapseButtonLabel: () => 'Collapse',
+              }}
             />
           )}
         />

pages/table/expandable-rows/common.tsx

@@ -41,8 +41,6 @@ export const ariaLabels: TableProps<{ name: string }>['ariaLabels'] = {
     return `${item.name} is ${isItemSelected ? '' : 'not'} selected`;
   },
   tableLabel: 'Databases table',
-  expandButtonLabel: () => 'expand row',
-  collapseButtonLabel: () => 'collapse row',
 };
 
 export function getHeaderCounterText<T>(items: ReadonlyArray<T>, selectedItems: ReadonlyArray<T> | undefined) {