feat: change column visibility on add (#1174)

* feat: change column visibility on add * refactor: extract views business logic from table
2023-08-11 21:38:20 +02:00
parent e61c263b1a
commit 3978ef4edb
27 changed files with 353 additions and 466 deletions
@@ -0,0 +1,37 @@
+import { atom, selector } from 'recoil';
+
+import type {
+  ViewFieldDefinition,
+  ViewFieldMetadata,
+} from '@/ui/editable-field/types/ViewField';
+
+export const tableColumnsState = atom<ViewFieldDefinition<ViewFieldMetadata>[]>(
+  {
+    key: 'tableColumnsState',
+    default: [],
+  },
+);
+
+export const tableColumnsByIdState = selector({
+  key: 'tableColumnsByIdState',
+  get: ({ get }) =>
+    get(tableColumnsState).reduce<
+      Record<string, ViewFieldDefinition<ViewFieldMetadata>>
+    >((result, column) => ({ ...result, [column.id]: column }), {}),
+});
+
+export const numberOfTableColumnsState = selector<number>({
+  key: 'numberOfTableColumnsState',
+  get: ({ get }) => get(tableColumnsState).length,
+});
+
+export const visibleTableColumnsState = selector({
+  key: 'visibleTableColumnsState',
+  get: ({ get }) => get(tableColumnsState).filter((column) => column.isVisible),
+});
+
+export const hiddenTableColumnsState = selector({
+  key: 'hiddenTableColumnsState',
+  get: ({ get }) =>
+    get(tableColumnsState).filter((column) => !column.isVisible),
+});