@tulip-systems/core 0.6.0 → 0.6.1

package/dist/modules/storage/components/upload-zone.client.mjs

@@ -9,7 +9,7 @@ import { useCallback } from "react";
 import { useDropzone } from "react-dropzone";
 
 //#region src/modules/storage/components/upload-zone.client.tsx
-function UploadZone({ variables, optimistic, uploadClient, uploadHooks, onUploadCompleted, onUploadFailed, children, className, ...props }) {
+function UploadZone({ variables, optimistic, uploadClient, uploadHooks, onUploadCompleted, onUploadFailed, disabled = false, children, className, ...props }) {
 	/**
 	* Delete mutation
 	*/
@@ -76,7 +76,8 @@ function UploadZone({ variables, optimistic, uploadClient, uploadHooks, onUpload
 			if (acceptedFiles.length === 0) return;
 			await Promise.allSettled(acceptedFiles.map(onUpload));
 		}, [onUpload]),
-		noClick: true
+		noClick: true,
+		disabled
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		...props,
@@ -90,7 +91,8 @@ function UploadZone({ variables, optimistic, uploadClient, uploadHooks, onUpload
 					uploadClient,
 					onUpload,
 					onRemove: deleteMutation.mutateAsync,
-					optimistic
+					optimistic,
+					disabled
 				},
 				children
 			})

package/dist/modules/storage/components/upload-zone.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-zone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentProps, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { toast } from \"@/components/ui/sonner.client\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type { UploadFileRequest, UploadHooks } from \"../lib/create-upload.client\";\nimport type { FileNode, Node, UploadFileSchema } from \"../lib/validators\";\nimport { UploadZoneContext, type UploadZoneContextValue } from \"./upload-zone-context.client\";\n\nexport type UploadZoneProps = ComponentProps<\"div\"> &\n  Pick<UploadZoneContextValue, \"optimistic\" | \"uploadClient\"> & {\n    variables: Pick<UploadFileSchema, \"namespace\" | \"parentId\" | \"mode\" | \"hidden\" | \"readonly\">;\n    uploadHooks?: UploadHooks;\n\n    onUploadCompleted?: (node: Node) => Promise<void> | void;\n    onUploadFailed?: (error: unknown) => Promise<void> | void;\n  };\n\nexport function UploadZone({\n  variables,\n  optimistic,\n  uploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  children,\n  className,\n  ...props\n}: UploadZoneProps) {\n  /**\n   * Delete mutation\n   */\n  const deleteMutation = useAction({\n    mutationFn: async (ids: string[]) => uploadClient.deleteFiles(ids),\n    onMutate: async (ids) => {\n      await optimistic?.cancel?.();\n      await optimistic?.remove?.(ids);\n    },\n    onError: async (error) => {\n      console.error(\"Delete failed upload error: \", error);\n      await onUploadFailed?.(error);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload mutation\n   */\n  const uploadMutation = useAction({\n    mutationFn: async (params: UploadFileRequest) => uploadClient.upload(params, uploadHooks),\n    onMutate: async (variables) => {\n      // Generate a new node\n      const newNode = {\n        ...variables,\n        type: \"file\",\n        isPending: true,\n      } as FileNode;\n\n      await optimistic?.cancel?.();\n      await optimistic?.add?.(newNode);\n    },\n    onSuccess: async (data) => {\n      await onUploadCompleted?.(data);\n      toast.success(`Succesvol geupload: ${data.name}`);\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Upload error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync([variables.id]);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload file handler\n   */\n  const onUpload = useCallback(\n    async (file: File) => {\n      console.info(\"Uploading file\", file);\n      const req = uploadClient.prepareUpload({ ...variables, file });\n      return await uploadMutation.mutateAsync(req);\n    },\n    [uploadClient, variables, uploadMutation],\n  );\n\n  /**\n   * Drop handler\n   */\n  const onDrop = useCallback(\n    async (acceptedFiles: File[]) => {\n      if (acceptedFiles.length === 0) return;\n      await Promise.allSettled(acceptedFiles.map(onUpload));\n    },\n    [onUpload],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, noClick: true });\n\n  return (\n    <div {...props} {...getRootProps()} className={cn(\"relative z-0\", className)}>\n      <input {...getInputProps()} />\n\n      {/* Show drag overlay when drag is active */}\n      {isDragActive && (\n        <div className=\"bg-primary/20 absolute inset-0 z-10 rounded-md opacity-70 backdrop-blur-3xl\" />\n      )}\n\n      <UploadZoneContext\n        value={{\n          uploadClient,\n          onUpload,\n          onRemove: deleteMutation.mutateAsync,\n          optimistic,\n        }}\n      >\n        {children}\n      </UploadZoneContext>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,WAAW,EACzB,WACA,YACA,cACA,aACA,mBACA,gBACA,UACA,WACA,GAAG,SACe;;;;CAIlB,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,QAAkB,aAAa,YAAY,IAAI;EAClE,UAAU,OAAO,QAAQ;AACvB,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,SAAS,IAAI;;EAEjC,SAAS,OAAO,UAAU;AACxB,WAAQ,MAAM,gCAAgC,MAAM;AACpD,SAAM,iBAAiB,MAAM;;EAE/B,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,WAA8B,aAAa,OAAO,QAAQ,YAAY;EACzF,UAAU,OAAO,cAAc;GAE7B,MAAM,UAAU;IACd,GAAG;IACH,MAAM;IACN,WAAW;IACZ;AAED,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,MAAM,QAAQ;;EAElC,WAAW,OAAO,SAAS;AACzB,SAAM,oBAAoB,KAAK;AAC/B,SAAM,QAAQ,uBAAuB,KAAK,OAAO;;EAEnD,SAAS,OAAO,OAAO,cAAc;AACnC,SAAM,iBAAiB,MAAM;AAE7B,WAAQ,MAAM,kBAAkB,MAAM;AACtC,SAAM,MAAM,4BAA4B,EACtC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;AAEF,WAAQ,KAAK,yBAAyB;AACtC,SAAM,eAAe,YAAY,CAAC,UAAU,GAAG,CAAC;;EAElD,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,WAAW,YACf,OAAO,SAAe;AACpB,UAAQ,KAAK,kBAAkB,KAAK;EACpC,MAAM,MAAM,aAAa,cAAc;GAAE,GAAG;GAAW;GAAM,CAAC;AAC9D,SAAO,MAAM,eAAe,YAAY,IAAI;IAE9C;EAAC;EAAc;EAAW;EAAe,CAC1C;CAaD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAAE,QARrD,YACb,OAAO,kBAA0B;AAC/B,OAAI,cAAc,WAAW,EAAG;AAChC,SAAM,QAAQ,WAAW,cAAc,IAAI,SAAS,CAAC;KAEvD,CAAC,SAAS,CACX;EAE2E,SAAS;EAAM,CAAC;AAE5F,QACE,qBAAC;EAAI,GAAI;EAAO,GAAI,cAAc;EAAE,WAAW,GAAG,gBAAgB,UAAU;;GAC1E,oBAAC,WAAM,GAAI,eAAe,GAAI;GAG7B,gBACC,oBAAC,SAAI,WAAU,gFAAgF;GAGjG,oBAAC;IACC,OAAO;KACL;KACA;KACA,UAAU,eAAe;KACzB;KACD;IAEA;KACiB;;GAChB"}
+{"version":3,"file":"upload-zone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentProps, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { toast } from \"@/components/ui/sonner.client\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type { UploadFileRequest, UploadHooks } from \"../lib/create-upload.client\";\nimport type { FileNode, Node, UploadFileSchema } from \"../lib/validators\";\nimport { UploadZoneContext, type UploadZoneContextValue } from \"./upload-zone-context.client\";\n\nexport type UploadZoneProps = ComponentProps<\"div\"> &\n  Pick<UploadZoneContextValue, \"optimistic\" | \"uploadClient\" | \"disabled\"> & {\n    variables: Pick<UploadFileSchema, \"namespace\" | \"parentId\" | \"mode\" | \"hidden\" | \"readonly\">;\n    uploadHooks?: UploadHooks;\n\n    onUploadCompleted?: (node: Node) => Promise<void> | void;\n    onUploadFailed?: (error: unknown) => Promise<void> | void;\n  };\n\nexport function UploadZone({\n  variables,\n  optimistic,\n  uploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  disabled = false,\n  children,\n  className,\n  ...props\n}: UploadZoneProps) {\n  /**\n   * Delete mutation\n   */\n  const deleteMutation = useAction({\n    mutationFn: async (ids: string[]) => uploadClient.deleteFiles(ids),\n    onMutate: async (ids) => {\n      await optimistic?.cancel?.();\n      await optimistic?.remove?.(ids);\n    },\n    onError: async (error) => {\n      console.error(\"Delete failed upload error: \", error);\n      await onUploadFailed?.(error);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload mutation\n   */\n  const uploadMutation = useAction({\n    mutationFn: async (params: UploadFileRequest) => uploadClient.upload(params, uploadHooks),\n    onMutate: async (variables) => {\n      // Generate a new node\n      const newNode = {\n        ...variables,\n        type: \"file\",\n        isPending: true,\n      } as FileNode;\n\n      await optimistic?.cancel?.();\n      await optimistic?.add?.(newNode);\n    },\n    onSuccess: async (data) => {\n      await onUploadCompleted?.(data);\n      toast.success(`Succesvol geupload: ${data.name}`);\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Upload error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync([variables.id]);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload file handler\n   */\n  const onUpload = useCallback(\n    async (file: File) => {\n      console.info(\"Uploading file\", file);\n      const req = uploadClient.prepareUpload({ ...variables, file });\n      return await uploadMutation.mutateAsync(req);\n    },\n    [uploadClient, variables, uploadMutation],\n  );\n\n  /**\n   * Drop handler\n   */\n  const onDrop = useCallback(\n    async (acceptedFiles: File[]) => {\n      if (acceptedFiles.length === 0) return;\n      await Promise.allSettled(acceptedFiles.map(onUpload));\n    },\n    [onUpload],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    noClick: true,\n    disabled,\n  });\n\n  return (\n    <div {...props} {...getRootProps()} className={cn(\"relative z-0\", className)}>\n      <input {...getInputProps()} />\n\n      {/* Show drag overlay when drag is active */}\n      {isDragActive && (\n        <div className=\"bg-primary/20 absolute inset-0 z-10 rounded-md opacity-70 backdrop-blur-3xl\" />\n      )}\n\n      <UploadZoneContext\n        value={{\n          uploadClient,\n          onUpload,\n          onRemove: deleteMutation.mutateAsync,\n          optimistic,\n          disabled,\n        }}\n      >\n        {children}\n      </UploadZoneContext>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,WAAW,EACzB,WACA,YACA,cACA,aACA,mBACA,gBACA,WAAW,OACX,UACA,WACA,GAAG,SACe;;;;CAIlB,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,QAAkB,aAAa,YAAY,IAAI;EAClE,UAAU,OAAO,QAAQ;AACvB,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,SAAS,IAAI;;EAEjC,SAAS,OAAO,UAAU;AACxB,WAAQ,MAAM,gCAAgC,MAAM;AACpD,SAAM,iBAAiB,MAAM;;EAE/B,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,WAA8B,aAAa,OAAO,QAAQ,YAAY;EACzF,UAAU,OAAO,cAAc;GAE7B,MAAM,UAAU;IACd,GAAG;IACH,MAAM;IACN,WAAW;IACZ;AAED,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,MAAM,QAAQ;;EAElC,WAAW,OAAO,SAAS;AACzB,SAAM,oBAAoB,KAAK;AAC/B,SAAM,QAAQ,uBAAuB,KAAK,OAAO;;EAEnD,SAAS,OAAO,OAAO,cAAc;AACnC,SAAM,iBAAiB,MAAM;AAE7B,WAAQ,MAAM,kBAAkB,MAAM;AACtC,SAAM,MAAM,4BAA4B,EACtC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;AAEF,WAAQ,KAAK,yBAAyB;AACtC,SAAM,eAAe,YAAY,CAAC,UAAU,GAAG,CAAC;;EAElD,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,WAAW,YACf,OAAO,SAAe;AACpB,UAAQ,KAAK,kBAAkB,KAAK;EACpC,MAAM,MAAM,aAAa,cAAc;GAAE,GAAG;GAAW;GAAM,CAAC;AAC9D,SAAO,MAAM,eAAe,YAAY,IAAI;IAE9C;EAAC;EAAc;EAAW;EAAe,CAC1C;CAaD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QATa,YACb,OAAO,kBAA0B;AAC/B,OAAI,cAAc,WAAW,EAAG;AAChC,SAAM,QAAQ,WAAW,cAAc,IAAI,SAAS,CAAC;KAEvD,CAAC,SAAS,CACX;EAIC,SAAS;EACT;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,GAAI;EAAO,GAAI,cAAc;EAAE,WAAW,GAAG,gBAAgB,UAAU;;GAC1E,oBAAC,WAAM,GAAI,eAAe,GAAI;GAG7B,gBACC,oBAAC,SAAI,WAAU,gFAAgF;GAGjG,oBAAC;IACC,OAAO;KACL;KACA;KACA,UAAU,eAAe;KACzB;KACA;KACD;IAEA;KACiB;;GAChB"}

package/dist/modules/storage/lib/router.server.d.mts

@@ -6151,8 +6151,8 @@ declare function createDriveBaseProcedures(): {
       node: drizzle_orm0.One<"nodes", true>;
     }>;
   }>>, z$1.ZodObject<{
-    sort: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
     search: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
+    sort: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
     order: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
       asc: "asc";
       desc: "desc";
@@ -9386,14 +9386,14 @@ declare function createDriveBaseProcedures(): {
     id: z$1.ZodNullable<z$1.ZodString>;
     namespace: z$1.ZodString;
   }, z$1.core.$strip>, _orpc_contract0.Schema<(Pick<{
+    isPending: boolean;
     id: string;
-    readonly: boolean | null;
-    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
+    type: "file" | "folder" | null;
+    readonly: boolean | null;
     mode: "private" | "public" | null;
-    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;
@@ -9406,14 +9406,14 @@ declare function createDriveBaseProcedures(): {
   }, "id" | "name" | "parentId"> & {
     depth: number;
   })[], (Pick<{
+    isPending: boolean;
     id: string;
-    readonly: boolean | null;
-    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
+    type: "file" | "folder" | null;
+    readonly: boolean | null;
     mode: "private" | "public" | null;
-    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;
@@ -15244,15 +15244,15 @@ declare function createDriveBaseProcedures(): {
       node: drizzle_orm0.One<"nodes", true>;
     }>;
   }>>, z$1.ZodObject<{
-    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
+    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     createdAt: z$1.ZodOptional<z$1.ZodDate>;
     updatedAt: z$1.ZodOptional<z$1.ZodDate>;
     name: z$1.ZodString;
+    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
       private: "private";
       public: "public";
     }>>>;
-    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     namespace: z$1.ZodString;
     subtype: z$1.ZodOptional<z$1.ZodEnum<{
       image: "image";
@@ -21380,16 +21380,16 @@ declare function createDriveBaseProcedures(): {
       node: drizzle_orm0.One<"nodes", true>;
     }>;
   }>>, z$1.ZodObject<{
+    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     id: z$1.ZodOptional<z$1.ZodUUID>;
-    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     createdAt: z$1.ZodOptional<z$1.ZodDate>;
     updatedAt: z$1.ZodOptional<z$1.ZodDate>;
     name: z$1.ZodString;
+    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
       private: "private";
       public: "public";
     }>>>;
-    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     namespace: z$1.ZodString;
     hidden: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     createdBy: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodUUID>>;

package/dist/modules/storage/lib/service.server.d.mts

@@ -91,14 +91,14 @@ declare class StorageService<TSchema extends TDatabaseSchema> {
    * Upload file to S3 and add it to the database
    **/
   uploadFile(input: UploadFileSchema & Pick<PutObjectInput, "body">): Promise<{
+    isPending: boolean;
     id: string;
-    readonly: boolean | null;
-    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
+    type: "file" | "folder" | null;
+    readonly: boolean | null;
     mode: "private" | "public" | null;
-    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;
@@ -116,14 +116,14 @@ declare class StorageService<TSchema extends TDatabaseSchema> {
     id: string;
     presignedUrl: string;
     node: {
+      isPending: boolean;
       id: string;
-      readonly: boolean | null;
-      type: "file" | "folder" | null;
       createdAt: Date;
       updatedAt: Date;
       name: string;
+      type: "file" | "folder" | null;
+      readonly: boolean | null;
       mode: "private" | "public" | null;
-      isPending: boolean;
       namespace: string;
       subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
       size: number | null;
@@ -151,14 +151,14 @@ declare class StorageService<TSchema extends TDatabaseSchema> {
    * Create a new folder
    */
   createFolder(input: CreateFolderNodeSchema): Promise<{
+    isPending: boolean;
     id: string;
-    readonly: boolean | null;
-    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
+    type: "file" | "folder" | null;
+    readonly: boolean | null;
     mode: "private" | "public" | null;
-    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;

package/dist/modules/storage/lib/validators.d.mts

@@ -1285,16 +1285,16 @@ type NodesTableFilters = z$1.input<typeof nodesTableFiltersSchema>;
  * Create folder node
  */
 declare const createFolderNodeSchema: z$1.ZodObject<{
+  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   id: z$1.ZodOptional<z$1.ZodUUID>;
-  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdAt: z$1.ZodOptional<z$1.ZodDate>;
   updatedAt: z$1.ZodOptional<z$1.ZodDate>;
   name: z$1.ZodString;
+  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     private: "private";
     public: "public";
   }>>>;
-  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   namespace: z$1.ZodString;
   hidden: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdBy: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodUUID>>;
@@ -1310,16 +1310,16 @@ type CreateFolderNodeSchema = z$1.infer<typeof createFolderNodeSchema>;
  * Upload file schema
  */
 declare const uploadFileSchema: z$1.ZodObject<{
+  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   id: z$1.ZodOptional<z$1.ZodUUID>;
-  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdAt: z$1.ZodOptional<z$1.ZodDate>;
   updatedAt: z$1.ZodOptional<z$1.ZodDate>;
   name: z$1.ZodString;
+  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     private: "private";
     public: "public";
   }>>>;
-  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   namespace: z$1.ZodString;
   subtype: z$1.ZodOptional<z$1.ZodEnum<{
     image: "image";
@@ -1346,15 +1346,15 @@ type UploadFileSchema = z$1.infer<typeof uploadFileSchema>;
  * Presign file schema
  */
 declare const presignFileSchema: z$1.ZodObject<{
-  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
+  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   createdAt: z$1.ZodOptional<z$1.ZodDate>;
   updatedAt: z$1.ZodOptional<z$1.ZodDate>;
   name: z$1.ZodString;
+  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     private: "private";
     public: "public";
   }>>>;
-  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   namespace: z$1.ZodString;
   subtype: z$1.ZodOptional<z$1.ZodEnum<{
     image: "image";
@@ -1401,8 +1401,8 @@ type GetFileURLSchema = z$1.infer<typeof getFileURLSchema>;
  * Get by parent id input
  */
 declare const getNodesByParentIdSchema: z$1.ZodObject<{
-  sort: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
   search: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
+  sort: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
   order: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     asc: "asc";
     desc: "desc";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tulip-systems/core",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",

package/src/components/editor/components/menu-nodes.client.tsx

@@ -104,9 +104,9 @@ export function EditorMenuNodes() {
       </DropdownMenuTrigger>
 
       <DropdownMenuContent>
-        {filteredBlocks.map(({ label, icon: Icon, handler }, index) => (
+        {filteredBlocks.map(({ label, icon: Icon, handler }) => (
           <DropdownMenuItem
-            key={index}
+            key={label}
             onClick={() => handler(editor)}
             className="flex items-center gap-2"
           >

package/src/components/navigation/admin-sidebar.client.tsx

@@ -29,6 +29,7 @@ import {
 
 /**
  * AdminSidebar
+ * @deprecated
  */
 export function AdminSidebar({
   paths,

package/src/components/ui/input-date-time.tsx

@@ -6,10 +6,10 @@ import { Input } from "./input";
  * DateTimeInput
  */
 type DateTimeInputProps = Omit<React.ComponentProps<"input">, "type" | "value" | "defaultValue"> & {
-  defaultValue?: Date;
-  value?: Date;
-  onValueChange?: (date: Date | undefined) => void;
-  onValueBlur?: (date: Date | undefined) => void;
+  defaultValue?: Date | string;
+  value?: Date | string;
+  onValueChange?: (date: string | undefined) => void;
+  onValueBlur?: (date: string | undefined) => void;
 };
 
 export function DateTimeInput({
@@ -26,12 +26,16 @@ export function DateTimeInput({
   const defaultValue =
     props.defaultValue instanceof Date
       ? format(props.defaultValue, "yyyy-MM-dd'T'HH:mm")
-      : undefined;
+      : typeof props.defaultValue === "string"
+        ? props.defaultValue
+        : undefined;
 
   const value =
     props.value && props.value instanceof Date
       ? format(props.value, "yyyy-MM-dd'T'HH:mm")
-      : undefined;
+      : typeof props.value === "string"
+        ? props.value
+        : undefined;
 
   return (
     <Input
@@ -40,13 +44,11 @@ export function DateTimeInput({
       defaultValue={defaultValue}
       value={value}
       onChange={(e) => {
-        const date = new Date(e.target.value);
-        onValueChange?.(date ?? undefined);
+        onValueChange?.(e.target.value ?? undefined);
         onChange?.(e);
       }}
       onBlur={(e) => {
-        const date = new Date(e.target.value);
-        onValueBlur?.(date ?? undefined);
+        onValueBlur?.(e.target.value ?? undefined);
         onBlur?.(e);
       }}
       className={cn(

package/src/lib/hooks/use-indicator.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import type React from "react";
-import { createContext, useContext, useEffect, useState, useTransition } from "react";
+import { createContext, useCallback, useContext, useEffect, useState, useTransition } from "react";
 
 /**
  * Indicator status
@@ -15,7 +15,7 @@ export function useLocalIndicator() {
   /**
    * Start transition
    */
-  const [isPending, startTransition] = useTransition();
+  const [, startTransitionBase] = useTransition();
 
   /**
    * Status of the inline edit indicator
@@ -25,19 +25,28 @@ export function useLocalIndicator() {
   /**
    * Set status to pending when isPending is true
    */
-  useEffect(() => {
-    if (isPending) setStatus("pending");
-  }, [isPending]);
+  const startTransition = useCallback<React.TransitionStartFunction>(
+    (callback) => {
+      setStatus("pending");
+      startTransitionBase(callback);
+    },
+    [],
+  );
 
   /**
    * Set status back to idle after 1.5 seconds when status is succes
    * Set status back to idle after 3 seconds when status is error
    */
-  useEffect(() => {
-    if (status === "success") setTimeout(() => setStatus("idle"), 1000);
-    if (status === "error") setTimeout(() => setStatus("idle"), 2000);
+  const resetAfterDelay = useCallback(() => {
+    if (status !== "success" && status !== "error") return undefined;
+
+    const timeout = setTimeout(() => setStatus("idle"), status === "success" ? 1000 : 2000);
+
+    return () => clearTimeout(timeout);
   }, [status]);
 
+  useEffect(() => resetAfterDelay(), [resetAfterDelay]);
+
   return { status, setStatus, startTransition };
 }
 

package/src/modules/auth/components/auth-layout.server.tsx

@@ -4,7 +4,7 @@ import type { PropsWithChildren } from "react";
 
 export async function AuthLayout(props: PropsWithChildren<{ name: string }>) {
   return (
-    <div className="container relative mx-auto grid h-[100dvh] flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0">
+    <div className="container relative mx-auto grid h-dvh flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0">
       <div className="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r">
         <Image src="/images/auth-background.jpeg" alt="Background" className="object-cover" fill />
 

package/src/modules/commands/entry.client.ts

@@ -1,3 +1,6 @@
+/**
+ * Components
+ */
 export * from "./components/alert-dialog-command.client";
 export * from "./components/click-command.client";
 export * from "./components/command-trigger.client";
@@ -5,11 +8,24 @@ export * from "./components/dialog-command.client";
 export * from "./components/dropdown-command.client";
 export * from "./components/empty-command.client";
 export * from "./components/form-dialog-command.client";
+
+/**
+ * Hooks
+ */
 export * from "./hooks/use-command-mutation.client";
+
+/**
+ * Menus
+ */
 export * from "./menus/context-menu.client";
 export * from "./menus/dropdown-menu.client";
+export * from "./menus/floating-menu.client";
 export * from "./menus/inline-menu.client";
 export * from "./menus/responsive-menu.client";
+
+/**
+ * Utils
+ */
 export * from "./utils/archive-command.client";
 export * from "./utils/delete-command.client";
 export * from "./utils/send-mail-command.client";

package/src/modules/commands/hooks/use-command-menu.client.tsx

@@ -13,12 +13,14 @@ export type SingleCommandMenuProps<TData, TMeta> = {
   data: TData;
   commands: CommandDef<TData, TMeta>[];
   meta?: TMeta;
+  onSuccess?: () => void;
 };
 
 export type BulkCommandMenuProps<TData, TMeta> = {
   data: TData[];
   commands: CommandDef<TData, TMeta>[];
   meta?: TMeta;
+  onSuccess?: () => void;
 };
 
 /**

package/src/modules/commands/menus/floating-menu.client.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { useRef } from "react";
+import { cn } from "@/lib/utils/cn";
+import { RenderCommand } from "../components/render-command";
+import { CommandContextProvider } from "../hooks/context.client";
+import { type BulkCommandMenuProps, useBulkCommandMenu } from "../hooks/use-command-menu.client";
+
+type FloatingCommandMenuProps<TData, TMeta> = BulkCommandMenuProps<TData, TMeta> &
+  React.HTMLAttributes<HTMLElement> & {
+    state: "open" | "closed";
+  };
+
+export function FloatingCommandMenu<TData, TMeta>({
+  data,
+  commands,
+  meta,
+  state,
+  onSuccess,
+  className,
+  ...props
+}: FloatingCommandMenuProps<TData, TMeta>) {
+  const hasCommands = useRef(true);
+
+  const [validCommands, renderCommand] = useBulkCommandMenu({ data, commands, meta });
+
+  return (
+    <div
+      {...props}
+      data-state={state}
+      className={cn(
+        "bg-muted/80 fixed bottom-12 left-0 right-0 z-50 mx-auto flex w-fit items-center rounded-xl border px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden",
+        className,
+      )}
+    >
+      <CommandContextProvider value={{ menu: "table", onSuccess }}>
+        <div
+          className="flex gap-2"
+          ref={(ref) => {
+            if (ref?.childNodes.length === 0) hasCommands.current = false;
+          }}
+        >
+          {validCommands.map((command) => (
+            <RenderCommand key={command.name} command={command} render={renderCommand} />
+          ))}
+        </div>
+
+        {!hasCommands.current && (
+          <span className="text-sm font-medium">Geen acties beschikbaar</span>
+        )}
+      </CommandContextProvider>
+    </div>
+  );
+}

package/src/modules/data-tables/tables/data-table/components/table.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import type { ComponentProps } from "react";
-import { TableCommandMenu } from "@/modules/commands/menus/data-table-menu.client";
+import { FloatingCommandMenu } from "@/modules/commands/menus/floating-menu.client";
 import { TableBottombar, TableFooter } from "@/modules/data-tables/components/footer";
 import { Table } from "@/modules/data-tables/components/table";
 import type { TableMeta } from "@/modules/data-tables/entry";
@@ -24,7 +24,16 @@ export function DataTable<TData extends { id: string }>(props: ComponentProps<ty
       </div>
 
       <TableBottombar table={table} />
-      {meta.commands && <TableCommandMenu table={table} />}
+
+      {meta.commands && (
+        <FloatingCommandMenu
+          data={meta.selectedData}
+          commands={meta.commands}
+          meta={meta}
+          state={meta.selectedData?.length ? "open" : "closed"}
+          onSuccess={() => table.resetRowSelection()}
+        />
+      )}
     </div>
   );
 }

package/src/modules/data-tables/tables/inline-table/components/table.tsx

@@ -2,7 +2,7 @@
 
 import type { ComponentProps } from "react";
 import { HotkeysProvider } from "react-hotkeys-hook";
-import { TableCommandMenu } from "@/modules/commands/menus/data-table-menu.client";
+import { FloatingCommandMenu } from "@/modules/commands/menus/floating-menu.client";
 import { TableBottombar, TableFooter } from "@/modules/data-tables/components/footer";
 import { Table } from "@/modules/data-tables/components/table";
 import type { TableMeta } from "@/modules/data-tables/entry";
@@ -35,7 +35,16 @@ export function InlineTable<TData extends { id: string }>({
         </div>
 
         <TableBottombar table={table} />
-        {meta.commands && <TableCommandMenu table={table} />}
+
+        {meta.commands && (
+          <FloatingCommandMenu
+            data={meta.selectedData}
+            commands={meta.commands}
+            meta={meta}
+            state={meta.selectedData?.length ? "open" : "closed"}
+            onSuccess={() => table.resetRowSelection()}
+          />
+        )}
       </div>
     </InlineTableProvider>
   );

package/src/modules/inline-edit/components/combobox-dropdown.client.tsx

@@ -40,6 +40,10 @@ export function InlineComboboxDropdown<
     permission,
     updateStrategy,
     isRequired,
+    parser: {
+      decode: (value) => value,
+      encode: (value) => value,
+    },
   });
 
   const initialSelectedItem = props.items.find((item) => item.id === initialValue);

package/src/modules/inline-edit/components/combobox.client.tsx

@@ -26,6 +26,10 @@ export function InlineCombobox<TValue, Required extends boolean>({
     permission,
     updateStrategy,
     isRequired,
+    parser: {
+      decode: (value) => value,
+      encode: (value) => value,
+    },
   });
 
   return (

package/src/modules/inline-edit/components/date-input.client.tsx

@@ -33,6 +33,10 @@ export function InlineDateInput<Required extends boolean = false>({
     permission,
     updateStrategy,
     isRequired,
+    parser: {
+      decode: (value) => value,
+      encode: (value) => value,
+    },
   });
 
   const [stringDate, setStringDate] = React.useState<string>(

package/src/modules/inline-edit/components/date-picker.client.tsx

@@ -33,6 +33,10 @@ export function InlineDatePicker<Required extends boolean = false>({
     permission,
     updateStrategy,
     isRequired,
+    parser: {
+      decode: (value) => value,
+      encode: (value) => value,
+    },
   });
 
   return (

package/src/modules/inline-edit/components/date-time.client.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { format } from "date-fns";
 import type { ComponentProps } from "react";
 import { DateTimeInput } from "@/components/ui/input-date-time";
 import { cn } from "@/lib/utils/cn";
@@ -19,12 +20,25 @@ export function InlineDateTimeInput<Required extends boolean = false>({
 }: ComponentProps<typeof DateTimeInput> &
   useInlineEditOptions<Date, Required> &
   InlineEditVariantsProps) {
-  const { value, handleChange, handleBlur, status, isAllowed } = useInlineEdit({
+  const { value, handleChange, handleBlur, status, isAllowed } = useInlineEdit<
+    string,
+    Date,
+    Required
+  >({
     initialValue,
     action,
     permission,
     updateStrategy,
     isRequired,
+    parser: {
+      decode: (value) =>
+        (value instanceof Date
+          ? format(value, "yyyy-MM-dd'T'HH:mm")
+          : typeof value === "string"
+            ? value
+            : undefined) as string,
+      encode: (value) => (value ? new Date(value) : null) as Date,
+    },
   });
 
   return (

package/src/modules/inline-edit/components/editor.client.tsx

@@ -31,6 +31,10 @@ export function InlineEditor<Required extends boolean = false>({
     permission,
     updateStrategy,
     isRequired,
+    parser: {
+      decode: (value) => value,
+      encode: (value) => value,
+    },
   });
 
   return (