eat: create ViewField model (twentyhq#961)

* feat: create ViewField model

- Created ViewField prisma model
- Added ViewField server resolvers for findMany/updateOne
- Added getViewFields/updateViewField graphql queries

Closes twentyhq#849

* chore: update node version in .nvmrc files

Author: thaisguigon

front/.nvmrc

@@ -1 +1 @@
-18.6.0
+18.16.0

front/src/generated/graphql.tsx

@@ -789,6 +789,17 @@ export enum FileFolder {
   WorkspaceLogo = 'WorkspaceLogo'
 }
 
+export type IntFilter = {
+  equals?: InputMaybe<Scalars['Int']>;
+  gt?: InputMaybe<Scalars['Int']>;
+  gte?: InputMaybe<Scalars['Int']>;
+  in?: InputMaybe<Array<Scalars['Int']>>;
+  lt?: InputMaybe<Scalars['Int']>;
+  lte?: InputMaybe<Scalars['Int']>;
+  not?: InputMaybe<NestedIntFilter>;
+  notIn?: InputMaybe<Array<Scalars['Int']>>;
+};
+
 export type IntNullableFilter = {
   equals?: InputMaybe<Scalars['Int']>;
   gt?: InputMaybe<Scalars['Int']>;
@@ -843,6 +854,7 @@ export type Mutation = {
   updateOnePerson?: Maybe<Person>;
   updateOnePipelineProgress?: Maybe<PipelineProgress>;
   updateOnePipelineStage?: Maybe<PipelineStage>;
+  updateOneViewField: ViewField;
   updateUser: User;
   updateWorkspace: Workspace;
   uploadAttachment: Scalars['String'];
@@ -964,6 +976,12 @@ export type MutationUpdateOnePipelineStageArgs = {
 };
 
 
+export type MutationUpdateOneViewFieldArgs = {
+  data: ViewFieldUpdateInput;
+  where: ViewFieldWhereUniqueInput;
+};
+
+
 export type MutationUpdateUserArgs = {
   data: UserUpdateInput;
   where: UserWhereUniqueInput;
@@ -1069,6 +1087,17 @@ export type NestedEnumPipelineProgressableTypeFilter = {
   notIn?: InputMaybe<Array<PipelineProgressableType>>;
 };
 
+export type NestedIntFilter = {
+  equals?: InputMaybe<Scalars['Int']>;
+  gt?: InputMaybe<Scalars['Int']>;
+  gte?: InputMaybe<Scalars['Int']>;
+  in?: InputMaybe<Array<Scalars['Int']>>;
+  lt?: InputMaybe<Scalars['Int']>;
+  lte?: InputMaybe<Scalars['Int']>;
+  not?: InputMaybe<NestedIntFilter>;
+  notIn?: InputMaybe<Array<Scalars['Int']>>;
+};
+
 export type NestedIntNullableFilter = {
   equals?: InputMaybe<Scalars['Int']>;
   gt?: InputMaybe<Scalars['Int']>;
@@ -1590,6 +1619,7 @@ export type Query = {
   findManyPipelineProgress: Array<PipelineProgress>;
   findManyPipelineStage: Array<PipelineStage>;
   findManyUser: Array<User>;
+  findManyViewField: Array<ViewField>;
   findManyWorkspaceMember: Array<WorkspaceMember>;
   findUniqueCompany: Company;
   findUniquePerson: Person;
@@ -1676,6 +1706,16 @@ export type QueryFindManyUserArgs = {
 };
 
 
+export type QueryFindManyViewFieldArgs = {
+  cursor?: InputMaybe<ViewFieldWhereUniqueInput>;
+  distinct?: InputMaybe<Array<ViewFieldScalarFieldEnum>>;
+  orderBy?: InputMaybe<Array<ViewFieldOrderByWithRelationInput>>;
+  skip?: InputMaybe<Scalars['Int']>;
+  take?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<ViewFieldWhereInput>;
+};
+
+
 export type QueryFindManyWorkspaceMemberArgs = {
   cursor?: InputMaybe<WorkspaceMemberWhereUniqueInput>;
   distinct?: InputMaybe<Array<WorkspaceMemberScalarFieldEnum>>;
@@ -1961,6 +2001,66 @@ export type Verify = {
   user: User;
 };
 
+export type ViewField = {
+  __typename?: 'ViewField';
+  fieldName: Scalars['String'];
+  id: Scalars['ID'];
+  index: Scalars['Int'];
+  isVisible: Scalars['Boolean'];
+  objectName: Scalars['String'];
+  sizeInPx: Scalars['Int'];
+};
+
+export type ViewFieldOrderByWithRelationInput = {
+  fieldName?: InputMaybe<SortOrder>;
+  id?: InputMaybe<SortOrder>;
+  index?: InputMaybe<SortOrder>;
+  isVisible?: InputMaybe<SortOrder>;
+  objectName?: InputMaybe<SortOrder>;
+  sizeInPx?: InputMaybe<SortOrder>;
+};
+
+export enum ViewFieldScalarFieldEnum {
+  FieldName = 'fieldName',
+  Id = 'id',
+  Index = 'index',
+  IsVisible = 'isVisible',
+  ObjectName = 'objectName',
+  SizeInPx = 'sizeInPx',
+  WorkspaceId = 'workspaceId'
+}
+
+export type ViewFieldUpdateInput = {
+  fieldName?: InputMaybe<Scalars['String']>;
+  id?: InputMaybe<Scalars['String']>;
+  index?: InputMaybe<Scalars['Int']>;
+  isVisible?: InputMaybe<Scalars['Boolean']>;
+  objectName?: InputMaybe<Scalars['String']>;
+  sizeInPx?: InputMaybe<Scalars['Int']>;
+};
+
+export type ViewFieldUpdateManyWithoutWorkspaceNestedInput = {
+  connect?: InputMaybe<Array<ViewFieldWhereUniqueInput>>;
+  disconnect?: InputMaybe<Array<ViewFieldWhereUniqueInput>>;
+  set?: InputMaybe<Array<ViewFieldWhereUniqueInput>>;
+};
+
+export type ViewFieldWhereInput = {
+  AND?: InputMaybe<Array<ViewFieldWhereInput>>;
+  NOT?: InputMaybe<Array<ViewFieldWhereInput>>;
+  OR?: InputMaybe<Array<ViewFieldWhereInput>>;
+  fieldName?: InputMaybe<StringFilter>;
+  id?: InputMaybe<StringFilter>;
+  index?: InputMaybe<IntFilter>;
+  isVisible?: InputMaybe<BoolFilter>;
+  objectName?: InputMaybe<StringFilter>;
+  sizeInPx?: InputMaybe<IntFilter>;
+};
+
+export type ViewFieldWhereUniqueInput = {
+  id?: InputMaybe<Scalars['String']>;
+};
+
 export type Workspace = {
   __typename?: 'Workspace';
   Attachment?: Maybe<Array<Attachment>>;
@@ -1979,6 +2079,7 @@ export type Workspace = {
   pipelineStages?: Maybe<Array<PipelineStage>>;
   pipelines?: Maybe<Array<Pipeline>>;
   updatedAt: Scalars['DateTime'];
+  viewFields?: Maybe<Array<ViewField>>;
   workspaceMember?: Maybe<Array<WorkspaceMember>>;
 };
 
@@ -2053,6 +2154,7 @@ export type WorkspaceUpdateInput = {
   pipelineStages?: InputMaybe<PipelineStageUpdateManyWithoutWorkspaceNestedInput>;
   pipelines?: InputMaybe<PipelineUpdateManyWithoutWorkspaceNestedInput>;
   updatedAt?: InputMaybe<Scalars['DateTime']>;
+  viewFields?: InputMaybe<ViewFieldUpdateManyWithoutWorkspaceNestedInput>;
   workspaceMember?: InputMaybe<WorkspaceMemberUpdateManyWithoutWorkspaceNestedInput>;
 };
 
@@ -2448,6 +2550,21 @@ export type RemoveProfilePictureMutationVariables = Exact<{
 
 export type RemoveProfilePictureMutation = { __typename?: 'Mutation', updateUser: { __typename?: 'User', id: string, avatarUrl?: string | null } };
 
+export type GetViewFieldsQueryVariables = Exact<{
+  where?: InputMaybe<ViewFieldWhereInput>;
+}>;
+
+
+export type GetViewFieldsQuery = { __typename?: 'Query', viewFields: Array<{ __typename?: 'ViewField', id: string, fieldName: string, isVisible: boolean, sizeInPx: number, index: number }> };
+
+export type UpdateViewFieldMutationVariables = Exact<{
+  data: ViewFieldUpdateInput;
+  where: ViewFieldWhereUniqueInput;
+}>;
+
+
+export type UpdateViewFieldMutation = { __typename?: 'Mutation', updateOneViewField: { __typename?: 'ViewField', id: string, fieldName: string, isVisible: boolean, sizeInPx: number, index: number } };
+
 export type GetWorkspaceMembersQueryVariables = Exact<{ [key: string]: never; }>;
 
 
@@ -4669,6 +4786,83 @@ export function useRemoveProfilePictureMutation(baseOptions?: Apollo.MutationHoo
 export type RemoveProfilePictureMutationHookResult = ReturnType<typeof useRemoveProfilePictureMutation>;
 export type RemoveProfilePictureMutationResult = Apollo.MutationResult<RemoveProfilePictureMutation>;
 export type RemoveProfilePictureMutationOptions = Apollo.BaseMutationOptions<RemoveProfilePictureMutation, RemoveProfilePictureMutationVariables>;
+export const GetViewFieldsDocument = gql`
+    query GetViewFields($where: ViewFieldWhereInput) {
+  viewFields: findManyViewField(where: $where) {
+    id
+    fieldName
+    isVisible
+    sizeInPx
+    index
+  }
+}
+    `;
+
+/**
+ * __useGetViewFieldsQuery__
+ *
+ * To run a query within a React component, call `useGetViewFieldsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetViewFieldsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetViewFieldsQuery({
+ *   variables: {
+ *      where: // value for 'where'
+ *   },
+ * });
+ */
+export function useGetViewFieldsQuery(baseOptions?: Apollo.QueryHookOptions<GetViewFieldsQuery, GetViewFieldsQueryVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<GetViewFieldsQuery, GetViewFieldsQueryVariables>(GetViewFieldsDocument, options);
+      }
+export function useGetViewFieldsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetViewFieldsQuery, GetViewFieldsQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<GetViewFieldsQuery, GetViewFieldsQueryVariables>(GetViewFieldsDocument, options);
+        }
+export type GetViewFieldsQueryHookResult = ReturnType<typeof useGetViewFieldsQuery>;
+export type GetViewFieldsLazyQueryHookResult = ReturnType<typeof useGetViewFieldsLazyQuery>;
+export type GetViewFieldsQueryResult = Apollo.QueryResult<GetViewFieldsQuery, GetViewFieldsQueryVariables>;
+export const UpdateViewFieldDocument = gql`
+    mutation UpdateViewField($data: ViewFieldUpdateInput!, $where: ViewFieldWhereUniqueInput!) {
+  updateOneViewField(data: $data, where: $where) {
+    id
+    fieldName
+    isVisible
+    sizeInPx
+    index
+  }
+}
+    `;
+export type UpdateViewFieldMutationFn = Apollo.MutationFunction<UpdateViewFieldMutation, UpdateViewFieldMutationVariables>;
+
+/**
+ * __useUpdateViewFieldMutation__
+ *
+ * To run a mutation, you first call `useUpdateViewFieldMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useUpdateViewFieldMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [updateViewFieldMutation, { data, loading, error }] = useUpdateViewFieldMutation({
+ *   variables: {
+ *      data: // value for 'data'
+ *      where: // value for 'where'
+ *   },
+ * });
+ */
+export function useUpdateViewFieldMutation(baseOptions?: Apollo.MutationHookOptions<UpdateViewFieldMutation, UpdateViewFieldMutationVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useMutation<UpdateViewFieldMutation, UpdateViewFieldMutationVariables>(UpdateViewFieldDocument, options);
+      }
+export type UpdateViewFieldMutationHookResult = ReturnType<typeof useUpdateViewFieldMutation>;
+export type UpdateViewFieldMutationResult = Apollo.MutationResult<UpdateViewFieldMutation>;
+export type UpdateViewFieldMutationOptions = Apollo.BaseMutationOptions<UpdateViewFieldMutation, UpdateViewFieldMutationVariables>;
 export const GetWorkspaceMembersDocument = gql`
     query GetWorkspaceMembers {
   workspaceMembers: findManyWorkspaceMember {

front/src/modules/views/queries/select.ts

@@ -0,0 +1,13 @@
+import { gql } from '@apollo/client';
+
+export const GET_VIEW_FIELDS = gql`
+  query GetViewFields($where: ViewFieldWhereInput) {
+    viewFields: findManyViewField(where: $where) {
+      id
+      fieldName
+      isVisible
+      sizeInPx
+      index
+    }
+  }
+`;

front/src/modules/views/queries/update.ts

@@ -0,0 +1,16 @@
+import { gql } from '@apollo/client';
+
+export const UPDATE_VIEW_FIELD = gql`
+  mutation UpdateViewField(
+    $data: ViewFieldUpdateInput!
+    $where: ViewFieldWhereUniqueInput!
+  ) {
+    updateOneViewField(data: $data, where: $where) {
+      id
+      fieldName
+      isVisible
+      sizeInPx
+      index
+    }
+  }
+`;

server/.nvmrc

@@ -1 +1 @@
-18.10.0
+18.16.0

server/src/ability/ability.factory.ts

@@ -18,6 +18,7 @@ import {
   Attachment,
   UserSettings,
   Favorite,
+  ViewField,
 } from '@prisma/client';
 
 import { AbilityAction } from './ability.action';
@@ -38,6 +39,7 @@ type SubjectsAbility = Subjects<{
   Attachment: Attachment;
   UserSettings: UserSettings;
   Favorite: Favorite;
+  ViewField: ViewField;
 }>;
 
 export type AppAbility = PureAbility<
@@ -136,6 +138,9 @@ export class AbilityFactory {
     can(AbilityAction.Delete, 'Favorite', {
       workspaceId: workspace.id,
     });
+    // ViewField
+    can(AbilityAction.Read, 'ViewField', { workspaceId: workspace.id });
+    can(AbilityAction.Update, 'ViewField', { workspaceId: workspace.id });
 
     return build();
   }

server/src/ability/ability.module.ts

@@ -98,6 +98,10 @@ import {
   CreateFavoriteAbilityHandler,
   ReadFavoriteAbilityHandler,
 } from './handlers/favorite.ability-handler';
+import {
+  ReadViewFieldAbilityHandler,
+  UpdateViewFieldAbilityHandler,
+} from './handlers/view-field.ability-handler';
 
 @Global()
 @Module({
@@ -185,6 +189,9 @@ import {
     //Favorite
     ReadFavoriteAbilityHandler,
     CreateFavoriteAbilityHandler,
+    // ViewField
+    ReadViewFieldAbilityHandler,
+    UpdateViewFieldAbilityHandler,
   ],
   exports: [
     AbilityFactory,
@@ -269,6 +276,9 @@ import {
     //Favorite
     ReadFavoriteAbilityHandler,
     CreateFavoriteAbilityHandler,
+    // ViewField
+    ReadViewFieldAbilityHandler,
+    UpdateViewFieldAbilityHandler,
   ],
 })
 export class AbilityModule {}