Refactor/remove react table (#642)

* Refactored tables without tan stack * Fixed checkbox behavior with multiple handlers on click * Fixed hotkeys scope * Fix debounce in editable cells * Lowered coverage --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2023-07-13 19:08:13 +02:00
parent e7d48d5373
commit 734e18e01a
88 changed files with 1789 additions and 671 deletions
@@ -0,0 +1,33 @@
+import { useRecoilValue } from 'recoil';
+
+import { TableColumn } from '@/people/table/components/peopleColumns';
+import { RecoilScope } from '@/recoil-scope/components/RecoilScope';
+import { isFetchingEntityTableDataState } from '@/ui/tables/states/isFetchingEntityTableDataState';
+import { RowContext } from '@/ui/tables/states/RowContext';
+import { tableRowIdsState } from '@/ui/tables/states/tableRowIdsState';
+
+import { EntityTableRow } from './EntityTableRow';
+
+export function EntityTableBody({ columns }: { columns: Array<TableColumn> }) {
+  const rowIds = useRecoilValue(tableRowIdsState);
+
+  const isFetchingEntityTableData = useRecoilValue(
+    isFetchingEntityTableDataState,
+  );
+
+  return (
+    <tbody>
+      {!isFetchingEntityTableData ? (
+        rowIds.map((rowId, index) => (
+          <RecoilScope SpecificContext={RowContext} key={rowId}>
+            <EntityTableRow columns={columns} rowId={rowId} index={index} />
+          </RecoilScope>
+        ))
+      ) : (
+        <tr>
+          <td>loading...</td>
+        </tr>
+      )}
+    </tbody>
+  );
+}