feat(results): ✨ Brand new Results table

- Resizable columns
- Hide / Show columns
- Reorganize columns
- Expand result

packages/db/prisma/schema.prisma

@@ -159,28 +159,29 @@ model DashboardFolder {
 }
 
 model Typebot {
-  id                 String                    @id @default(cuid())
-  createdAt          DateTime                  @default(now())
-  updatedAt          DateTime                  @default(now()) @updatedAt
-  icon               String?
-  name               String
-  publishedTypebotId String?
-  publishedTypebot   PublicTypebot?
-  results            Result[]
-  folderId           String?
-  folder             DashboardFolder?          @relation(fields: [folderId], references: [id])
-  groups             Json
-  variables          Json[]
-  edges              Json
-  theme              Json
-  settings           Json
-  publicId           String?                   @unique
-  customDomain       String?                   @unique
-  collaborators      CollaboratorsOnTypebots[]
-  invitations        Invitation[]
-  webhooks           Webhook[]
-  workspaceId        String
-  workspace          Workspace                 @relation(fields: [workspaceId], references: [id], onDelete: Cascade)
+  id                      String                    @id @default(cuid())
+  createdAt               DateTime                  @default(now())
+  updatedAt               DateTime                  @default(now()) @updatedAt
+  icon                    String?
+  name                    String
+  publishedTypebotId      String?
+  publishedTypebot        PublicTypebot?
+  results                 Result[]
+  folderId                String?
+  folder                  DashboardFolder?          @relation(fields: [folderId], references: [id])
+  groups                  Json
+  variables               Json[]
+  edges                   Json
+  theme                   Json
+  settings                Json
+  publicId                String?                   @unique
+  customDomain            String?                   @unique
+  collaborators           CollaboratorsOnTypebots[]
+  invitations             Invitation[]
+  webhooks                Webhook[]
+  workspaceId             String
+  workspace               Workspace                 @relation(fields: [workspaceId], references: [id], onDelete: Cascade)
+  resultsTablePreferences Json?
 }
 
 model Invitation {
@@ -249,13 +250,13 @@ model Log {
 }
 
 model Answer {
-  createdAt  DateTime @default(now())
-  resultId   String
-  result     Result   @relation(fields: [resultId], references: [id], onDelete: Cascade)
-  blockId    String
-  groupId    String
-  variableId String?
-  content    String
+  createdAt   DateTime @default(now())
+  resultId    String
+  result      Result   @relation(fields: [resultId], references: [id], onDelete: Cascade)
+  blockId     String
+  groupId     String
+  variableId  String?
+  content     String
   storageUsed Int?
 
   @@unique([resultId, blockId, groupId])

packages/models/src/result.ts

@@ -15,6 +15,7 @@ export type ResultValues = Pick<
 >
 
 export type ResultHeaderCell = {
+  id: string
   label: string
   blockId?: string
   blockType?: InputBlockType

packages/models/src/typebot/typebot.ts

@@ -31,6 +31,12 @@ const edgeSchema = z.object({
   to: targetSchema,
 })
 
+const resultsTablePreferencesSchema = z.object({
+  columnsOrder: z.array(z.string()),
+  columnsVisibility: z.record(z.string(), z.boolean()),
+  columnsWidth: z.record(z.string(), z.number()),
+})
+
 const typebotSchema = z.object({
   version: z.enum(['2']).optional(),
   id: z.string(),
@@ -48,6 +54,7 @@ const typebotSchema = z.object({
   publicId: z.string().nullable(),
   customDomain: z.string().nullable(),
   workspaceId: z.string(),
+  resultsTablePreferences: resultsTablePreferencesSchema.optional(),
 })
 
 export type Typebot = z.infer<typeof typebotSchema>
@@ -55,3 +62,6 @@ export type Target = z.infer<typeof targetSchema>
 export type Source = z.infer<typeof sourceSchema>
 export type Edge = z.infer<typeof edgeSchema>
 export type Group = z.infer<typeof groupSchema>
+export type ResultsTablePreferences = z.infer<
+  typeof resultsTablePreferencesSchema
+>

packages/utils/src/results.ts

@@ -18,7 +18,7 @@ export const parseResultHeader = ({
 }): ResultHeaderCell[] => {
   const parsedGroups = parseInputsResultHeader({ groups, variables })
   return [
-    { label: 'Submitted at' },
+    { label: 'Submitted at', id: 'date' },
     ...parsedGroups,
     ...parseVariablesHeaders(variables, parsedGroups),
   ]
@@ -62,6 +62,7 @@ const parseInputsResultHeader = ({
     return [
       ...headers,
       {
+        id: inputBlock.id,
         blockType: inputBlock.type,
         blockId: inputBlock.id,
         variableId: inputBlock.options.variableId,
@@ -80,6 +81,7 @@ const parseVariablesHeaders = (
     return [
       ...headers,
       {
+        id: v.id,
         label: v.name,
         variableId: v.id,
       },