New view picker (#4610)

* Implement new view picker

* Complete feature

* Fixes according to review

packages/twenty-front/src/modules/views/view-picker/states/viewPickerInputNameComponentState.ts

@@ -0,0 +1,6 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+
+export const viewPickerInputNameComponentState = createComponentState<string>({
+  key: 'viewPickerInputNameComponentState',
+  defaultValue: '',
+});

packages/twenty-front/src/modules/views/view-picker/states/viewPickerIsPersistingComponentState.ts

@@ -0,0 +1,7 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+
+export const viewPickerIsPersistingComponentState =
+  createComponentState<boolean>({
+    key: 'viewPickerIsPersistingComponentState',
+    defaultValue: false,
+  });

packages/twenty-front/src/modules/views/view-picker/states/viewPickerKanbanFieldMetadataIdComponentState.ts

@@ -0,0 +1,7 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+
+export const viewPickerKanbanFieldMetadataIdComponentState =
+  createComponentState<string>({
+    key: 'viewPickerKanbanFieldMetadataIdComponentState',
+    defaultValue: '',
+  });

packages/twenty-front/src/modules/views/view-picker/states/viewPickerModeComponentState.ts

@@ -0,0 +1,8 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+
+export const viewPickerModeComponentState = createComponentState<
+  'list' | 'edit' | 'create'
+>({
+  key: 'viewEditModeComponentState',
+  defaultValue: 'list',
+});

packages/twenty-front/src/modules/views/view-picker/states/viewPickerReferenceViewIdComponentState.ts

@@ -0,0 +1,7 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+
+export const viewPickerReferenceViewIdComponentState =
+  createComponentState<string>({
+    key: 'viewPickerReferenceViewIdComponentState',
+    defaultValue: '',
+  });

packages/twenty-front/src/modules/views/view-picker/states/viewPickerSelectedIconComponentState.ts

@@ -0,0 +1,7 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+
+export const viewPickerSelectedIconComponentState =
+  createComponentState<string>({
+    key: 'viewPickerSelectedIconComponentState',
+    defaultValue: '',
+  });

packages/twenty-front/src/modules/views/view-picker/states/viewPickerTypeComponentState.ts

@@ -0,0 +1,7 @@
+import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
+import { ViewType } from '@/views/types/ViewType';
+
+export const viewPickerTypeComponentState = createComponentState<ViewType>({
+  key: 'viewPickerTypeComponentState',
+  defaultValue: ViewType.Table,
+});