refactor(useSelectRows): implement types (carbon-design-system#5462)

makafsal · Jun 13, 2024 · bf7c0c8 · bf7c0c8
1 parent 608e9b1
commit bf7c0c8
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/.../src/components/Datagrid/useSelectRows.js → ...src/components/Datagrid/useSelectRows.tsx b/.../src/components/Datagrid/useSelectRows.js → ...src/components/Datagrid/useSelectRows.tsx
@@ -12,13 +12,15 @@ import { SelectAll } from './Datagrid/DatagridSelectAll';
 import { selectionColumnId } from './common-column-ids';
 import { pkg, carbon } from '../../settings';
 import { handleToggleRowSelected } from './Datagrid/addons/stateReducer';
+import { ColumnInstance, Hooks, TableInstance } from 'react-table';
+import { DataGridState } from './types';
 
 const blockClass = `${pkg.prefix}--datagrid`;
 const checkboxClass = `${pkg.prefix}--datagrid__checkbox-cell`;
 
-const useSelectRows = (hooks) => {
+const useSelectRows = (hooks: Hooks) => {
   useHighlightSelection(hooks);
-  const useInstance = (instance) => {
+  const useInstance = (instance: TableInstance) => {
     const { rows } = instance;
     const rowsWithSelect = rows.map((row) => ({ ...row, isSelectable: true }));
     Object.assign(instance, { rows: rowsWithSelect });
@@ -46,11 +48,11 @@ const useSelectRows = (hooks) => {
         : []),
       {
         id: selectionColumnId,
-        Header: (gridState) => <SelectAll {...gridState} />,
+        Header: (gridState: DataGridState<any>) => <SelectAll {...gridState} />,
         Cell: (gridState) => <SelectRow {...gridState} />,
       },
       ...newColOrder,
-    ];
+    ] as ColumnInstance[];
   });
 };
 
@@ -115,6 +117,7 @@ const SelectRow = (datagridState) => {
       rowData: row,
       isChecked: event.target.checked,
       getRowId,
+      selectAll: null,
     });
   };
 
@@ -140,7 +143,7 @@ const SelectRow = (datagridState) => {
         cellProps.className,
         {
           [`${checkboxClass}-sticky-left`]:
-            isFirstColumnStickyLeft && windowSize > 671,
+            isFirstColumnStickyLeft && Number(windowSize) > 671,
         },
       ])}
       ariaLabel={title}