Add dataset types and form builder (#5572)

* feat(datasets): add dataset_type to postgres

* feat(components): create FormBuilder component

* fix: pre-commit config

* feat(components): include boolean type on form builder

Author: IcaroG

.lintstagedrc

@@ -1,6 +1,6 @@
 {
     "**/*.{js,jsx,ts,tsx,sol}": [
-        "eslint --flag v10_config_lookup_from_file --fix --max-warnings 0",
+        "eslint --flag v10_config_lookup_from_file --fix --max-warnings 0 --no-warn-ignored",
         "prettier --ignore-path .gitignore --write",
         "prettier --ignore-path .gitignore --log-level warn --check"
     ],

apps/frontend/app/api/v1/osograph/schema.graphql

@@ -80,6 +80,12 @@ type Invitation @key(fields: "id") {
   acceptedBy: User
 }
 
+enum DatasetType {
+  USER_MODEL
+  DATA_CONNECTOR
+  DATA_INGESTION
+}
+
 """
 Notebook entity - represents a computational notebook
 """
@@ -114,6 +120,7 @@ type Dataset @key(fields: "id") {
   createdBy: ID!
   isPublic: Boolean!
   tables: [Table!]!
+  datasetType: DatasetType!
 }
 
 """

apps/frontend/app/api/v1/osograph/schema/resolvers/dataset.ts

@@ -228,6 +228,7 @@ export const datasetResolver: GraphQLResolverModule<GraphQLContext> = {
     schema: (parent: DatasetsRow) => parent.schema,
     createdBy: (parent: DatasetsRow) => parent.created_by,
     isPublic: (parent: DatasetsRow) => parent.is_public,
+    datasetType: (parent: DatasetsRow) => parent.dataset_type,
   },
 };
 

apps/frontend/components/ui/checkbox.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className,
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("grid place-content-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };