@tulip-systems/drive 0.8.1 → 0.8.2

package/dist/providers/local/components/command-folder-create.mjs

@@ -0,0 +1,55 @@
+"use client";
+
+import { driveTreeSearchParams } from "../../../lib/search-params.mjs";
+import { createLocalDriveFolderInputSchema } from "../lib/validators.mjs";
+import { Input } from "@tulip-systems/core/components";
+import { CommandFormDialog, CommandFormDialogCancel, CommandFormDialogContent, CommandFormDialogFields, CommandFormDialogFooter, CommandFormDialogHeader, CommandFormDialogSubmit, CommandFormDialogTitle, CommandFormDialogTrigger, CommandLabel } from "@tulip-systems/core/commands/client";
+import { FolderPlus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@tulip-systems/core/components/client";
+import { useQueryStates } from "nuqs";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+
+//#region src/providers/local/components/command-folder-create.tsx
+function LocalDriveFoldersCreateCommand({ defaultValues, variables, mutation }) {
+	const [{ parentId }] = useQueryStates(driveTreeSearchParams);
+	const form = useForm({
+		resolver: zodResolver(createLocalDriveFolderInputSchema),
+		defaultValues: {
+			...defaultValues,
+			parentId
+		}
+	});
+	return /* @__PURE__ */ jsx(Form, {
+		...form,
+		children: /* @__PURE__ */ jsxs(CommandFormDialog, { children: [/* @__PURE__ */ jsxs(CommandFormDialogTrigger, {
+			label: "Folder toevoegen",
+			hotkey: "mod+i",
+			children: [/* @__PURE__ */ jsx(FolderPlus, { className: "size-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+		}), /* @__PURE__ */ jsxs(CommandFormDialogContent, {
+			variables,
+			mutation,
+			children: [
+				/* @__PURE__ */ jsx(CommandFormDialogHeader, { children: /* @__PURE__ */ jsx(CommandFormDialogTitle, { children: "Folder toevoegen" }) }),
+				/* @__PURE__ */ jsx(CommandFormDialogFields, { children: /* @__PURE__ */ jsx(FormField, {
+					control: form.control,
+					name: "name",
+					render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+						/* @__PURE__ */ jsx(FormLabel, { children: "Naam" }),
+						/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+							...field,
+							value: field.value ?? ""
+						}) }),
+						/* @__PURE__ */ jsx(FormMessage, {})
+					] })
+				}) }),
+				/* @__PURE__ */ jsxs(CommandFormDialogFooter, { children: [/* @__PURE__ */ jsx(CommandFormDialogCancel, { children: "Annuleren" }), /* @__PURE__ */ jsx(CommandFormDialogSubmit, { children: "Toevoegen" })] })
+			]
+		})] })
+	});
+}
+
+//#endregion
+export { LocalDriveFoldersCreateCommand };
+//# sourceMappingURL=command-folder-create.mjs.map

package/dist/providers/local/components/command-folder-create.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-folder-create.mjs","names":[],"sources":["../../../../src/providers/local/components/command-folder-create.tsx"],"sourcesContent":["\"use client\";\n\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport {\n  CommandFormDialog,\n  CommandFormDialogCancel,\n  CommandFormDialogContent,\n  CommandFormDialogFields,\n  CommandFormDialogFooter,\n  CommandFormDialogHeader,\n  CommandFormDialogSubmit,\n  CommandFormDialogTitle,\n  CommandFormDialogTrigger,\n  CommandLabel,\n} from \"@tulip-systems/core/commands/client\";\nimport { Input } from \"@tulip-systems/core/components\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@tulip-systems/core/components/client\";\nimport { FolderPlus } from \"lucide-react\";\nimport { useQueryStates } from \"nuqs\";\nimport { useForm } from \"react-hook-form\";\nimport { driveTreeSearchParams } from \"@/lib/search-params\";\nimport {\n  type CreateLocalDriveFolderInput,\n  createLocalDriveFolderInputSchema,\n} from \"../lib/validators\";\n\nexport type LocalDriveFoldersCreateCommandProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n> = {\n  defaultValues?: Partial<CreateLocalDriveFolderInput>;\n  variables: (values: CreateLocalDriveFolderInput) => TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n};\n\nexport function LocalDriveFoldersCreateCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n>({\n  defaultValues,\n  variables,\n  mutation,\n}: LocalDriveFoldersCreateCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  const [{ parentId }] = useQueryStates(driveTreeSearchParams);\n\n  const form = useForm<CreateLocalDriveFolderInput>({\n    resolver: zodResolver(createLocalDriveFolderInputSchema),\n    defaultValues: { ...defaultValues, parentId },\n  });\n\n  return (\n    <Form {...form}>\n      <CommandFormDialog>\n        <CommandFormDialogTrigger label=\"Folder toevoegen\" hotkey=\"mod+i\">\n          <FolderPlus className=\"size-4\" />\n          <CommandLabel />\n        </CommandFormDialogTrigger>\n\n        <CommandFormDialogContent variables={variables} mutation={mutation}>\n          <CommandFormDialogHeader>\n            <CommandFormDialogTitle>Folder toevoegen</CommandFormDialogTitle>\n          </CommandFormDialogHeader>\n\n          <CommandFormDialogFields>\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Naam</FormLabel>\n                  <FormControl>\n                    <Input {...field} value={field.value ?? \"\"} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </CommandFormDialogFields>\n\n          <CommandFormDialogFooter>\n            <CommandFormDialogCancel>Annuleren</CommandFormDialogCancel>\n            <CommandFormDialogSubmit>Toevoegen</CommandFormDialogSubmit>\n          </CommandFormDialogFooter>\n        </CommandFormDialogContent>\n      </CommandFormDialog>\n    </Form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA6CA,SAAgB,+BAKd,EACA,eACA,WACA,YACkF;CAClF,MAAM,CAAC,EAAE,cAAc,eAAe,sBAAsB;CAE5D,MAAM,OAAO,QAAqC;EAChD,UAAU,YAAY,kCAAkC;EACxD,eAAe;GAAE,GAAG;GAAe;GAAU;EAC9C,CAAC;AAEF,QACE,oBAAC;EAAK,GAAI;YACR,qBAAC,gCACC,qBAAC;GAAyB,OAAM;GAAmB,QAAO;cACxD,oBAAC,cAAW,WAAU,WAAW,EACjC,oBAAC,iBAAe;IACS,EAE3B,qBAAC;GAAoC;GAAqB;;IACxD,oBAAC,qCACC,oBAAC,oCAAuB,qBAAyC,GACzC;IAE1B,oBAAC,qCACC,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC;MACC,oBAAC,uBAAU,SAAgB;MAC3B,oBAAC,yBACC,oBAAC;OAAM,GAAI;OAAO,OAAO,MAAM,SAAS;QAAM,GAClC;MACd,oBAAC,gBAAc;SACN;MAEb,GACsB;IAE1B,qBAAC,sCACC,oBAAC,qCAAwB,cAAmC,EAC5D,oBAAC,qCAAwB,cAAmC,IACpC;;IACD,IACT;GACf"}

package/dist/providers/local/components/command-folder-update.d.mts

@@ -0,0 +1,18 @@
+import { UpdateLocalDriveNodeInput } from "../lib/validators.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DefaultError, MutationOptions } from "@tanstack/react-query";
+
+//#region src/providers/local/components/command-folder-update.d.ts
+type LocalDriveFoldersUpdateCommandProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = {
+  defaultValues: Partial<UpdateLocalDriveNodeInput>;
+  variables: (values: UpdateLocalDriveNodeInput) => TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+};
+declare function LocalDriveFoldersUpdateCommand<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  defaultValues,
+  variables,
+  mutation
+}: LocalDriveFoldersUpdateCommandProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LocalDriveFoldersUpdateCommand, LocalDriveFoldersUpdateCommandProps };
+//# sourceMappingURL=command-folder-update.d.mts.map

package/dist/providers/local/components/command-folder-update.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-folder-update.d.mts","names":[],"sources":["../../../../src/providers/local/components/command-folder-update.tsx"],"mappings":";;;;;KA6BY,mCAAA,2BAED,YAAA;EAIT,aAAA,EAAe,OAAA,CAAQ,yBAAA;EACvB,SAAA,GAAY,MAAA,EAAQ,yBAAA,KAA8B,UAAA;EAClD,QAAA,EAAU,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;AAAA;AAAA,iBAGvC,8BAAA,2BAEL,YAAA,kDAAA,CAAA;EAIT,aAAA;EACA,SAAA;EACA;AAAA,GACC,mCAAA,CAAoC,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/providers/local/components/command-folder-update.mjs

@@ -0,0 +1,48 @@
+"use client";
+
+import { updateLocalDriveNodeInputSchema } from "../lib/validators.mjs";
+import { Input } from "@tulip-systems/core/components";
+import { CommandFormDialog, CommandFormDialogCancel, CommandFormDialogContent, CommandFormDialogFields, CommandFormDialogFooter, CommandFormDialogHeader, CommandFormDialogSubmit, CommandFormDialogTitle, CommandFormDialogTrigger, CommandLabel } from "@tulip-systems/core/commands/client";
+import { FolderPen } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@tulip-systems/core/components/client";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+
+//#region src/providers/local/components/command-folder-update.tsx
+function LocalDriveFoldersUpdateCommand({ defaultValues, variables, mutation }) {
+	const form = useForm({
+		resolver: zodResolver(updateLocalDriveNodeInputSchema),
+		defaultValues
+	});
+	return /* @__PURE__ */ jsx(Form, {
+		...form,
+		children: /* @__PURE__ */ jsxs(CommandFormDialog, { children: [/* @__PURE__ */ jsxs(CommandFormDialogTrigger, {
+			label: "Wijzigen",
+			children: [/* @__PURE__ */ jsx(FolderPen, { className: "size-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+		}), /* @__PURE__ */ jsxs(CommandFormDialogContent, {
+			variables,
+			mutation,
+			children: [
+				/* @__PURE__ */ jsx(CommandFormDialogHeader, { children: /* @__PURE__ */ jsx(CommandFormDialogTitle, { children: "Folder wijzigen" }) }),
+				/* @__PURE__ */ jsx(CommandFormDialogFields, { children: /* @__PURE__ */ jsx(FormField, {
+					control: form.control,
+					name: "name",
+					render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+						/* @__PURE__ */ jsx(FormLabel, { children: "Naam" }),
+						/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+							...field,
+							value: field.value ?? ""
+						}) }),
+						/* @__PURE__ */ jsx(FormMessage, {})
+					] })
+				}) }),
+				/* @__PURE__ */ jsxs(CommandFormDialogFooter, { children: [/* @__PURE__ */ jsx(CommandFormDialogCancel, { children: "Annuleren" }), /* @__PURE__ */ jsx(CommandFormDialogSubmit, { children: "Opslaan" })] })
+			]
+		})] })
+	});
+}
+
+//#endregion
+export { LocalDriveFoldersUpdateCommand };
+//# sourceMappingURL=command-folder-update.mjs.map

package/dist/providers/local/components/command-folder-update.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-folder-update.mjs","names":[],"sources":["../../../../src/providers/local/components/command-folder-update.tsx"],"sourcesContent":["\"use client\";\n\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport {\n  CommandFormDialog,\n  CommandFormDialogCancel,\n  CommandFormDialogContent,\n  CommandFormDialogFields,\n  CommandFormDialogFooter,\n  CommandFormDialogHeader,\n  CommandFormDialogSubmit,\n  CommandFormDialogTitle,\n  CommandFormDialogTrigger,\n  CommandLabel,\n} from \"@tulip-systems/core/commands/client\";\nimport { Input } from \"@tulip-systems/core/components\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@tulip-systems/core/components/client\";\nimport { FolderPen } from \"lucide-react\";\nimport { useForm } from \"react-hook-form\";\nimport { type UpdateLocalDriveNodeInput, updateLocalDriveNodeInputSchema } from \"../lib/validators\";\n\nexport type LocalDriveFoldersUpdateCommandProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n> = {\n  defaultValues: Partial<UpdateLocalDriveNodeInput>;\n  variables: (values: UpdateLocalDriveNodeInput) => TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n};\n\nexport function LocalDriveFoldersUpdateCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n>({\n  defaultValues,\n  variables,\n  mutation,\n}: LocalDriveFoldersUpdateCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  const form = useForm<UpdateLocalDriveNodeInput>({\n    resolver: zodResolver(updateLocalDriveNodeInputSchema),\n    defaultValues,\n  });\n\n  return (\n    <Form {...form}>\n      <CommandFormDialog>\n        <CommandFormDialogTrigger label=\"Wijzigen\">\n          <FolderPen className=\"size-4\" />\n          <CommandLabel />\n        </CommandFormDialogTrigger>\n\n        <CommandFormDialogContent variables={variables} mutation={mutation}>\n          <CommandFormDialogHeader>\n            <CommandFormDialogTitle>Folder wijzigen</CommandFormDialogTitle>\n          </CommandFormDialogHeader>\n\n          <CommandFormDialogFields>\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Naam</FormLabel>\n                  <FormControl>\n                    <Input {...field} value={field.value ?? \"\"} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </CommandFormDialogFields>\n\n          <CommandFormDialogFooter>\n            <CommandFormDialogCancel>Annuleren</CommandFormDialogCancel>\n            <CommandFormDialogSubmit>Opslaan</CommandFormDialogSubmit>\n          </CommandFormDialogFooter>\n        </CommandFormDialogContent>\n      </CommandFormDialog>\n    </Form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwCA,SAAgB,+BAKd,EACA,eACA,WACA,YACkF;CAClF,MAAM,OAAO,QAAmC;EAC9C,UAAU,YAAY,gCAAgC;EACtD;EACD,CAAC;AAEF,QACE,oBAAC;EAAK,GAAI;YACR,qBAAC,gCACC,qBAAC;GAAyB,OAAM;cAC9B,oBAAC,aAAU,WAAU,WAAW,EAChC,oBAAC,iBAAe;IACS,EAE3B,qBAAC;GAAoC;GAAqB;;IACxD,oBAAC,qCACC,oBAAC,oCAAuB,oBAAwC,GACxC;IAE1B,oBAAC,qCACC,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC;MACC,oBAAC,uBAAU,SAAgB;MAC3B,oBAAC,yBACC,oBAAC;OAAM,GAAI;OAAO,OAAO,MAAM,SAAS;QAAM,GAClC;MACd,oBAAC,gBAAc;SACN;MAEb,GACsB;IAE1B,qBAAC,sCACC,oBAAC,qCAAwB,cAAmC,EAC5D,oBAAC,qCAAwB,YAAiC,IAClC;;IACD,IACT;GACf"}

package/dist/providers/local/components/content.client.d.mts

@@ -0,0 +1,7 @@
+import { DriveContent } from "../../../components/content.mjs";
+
+//#region src/providers/local/components/content.client.d.ts
+declare const LocalDriveContent: typeof DriveContent;
+//#endregion
+export { LocalDriveContent };
+//# sourceMappingURL=content.client.d.mts.map

package/dist/providers/local/components/content.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.d.mts","names":[],"sources":["../../../../src/providers/local/components/content.client.tsx"],"mappings":";;;cAEa,iBAAA,SAAiB,YAAA"}

package/dist/providers/local/components/content.client.mjs

@@ -0,0 +1,8 @@
+import { DriveContent } from "../../../components/content.mjs";
+
+//#region src/providers/local/components/content.client.tsx
+const LocalDriveContent = DriveContent;
+
+//#endregion
+export { LocalDriveContent };
+//# sourceMappingURL=content.client.mjs.map

package/dist/providers/local/components/content.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.mjs","names":[],"sources":["../../../../src/providers/local/components/content.client.tsx"],"sourcesContent":["import { DriveContent } from \"@/components/content\";\n\nexport const LocalDriveContent = DriveContent;\n"],"mappings":";;;AAEA,MAAa,oBAAoB"}

package/dist/providers/local/components/navigation.client.d.mts

@@ -0,0 +1,16 @@
+import { DriveBreadcrumb, DriveBreadcrumbs } from "../../../components/navigation/breadcrumbs.client.mjs";
+import { DriveHeader, DriveHeaderBreadcrumbs, DriveHeaderTools } from "../../../components/navigation/header.client.mjs";
+import { DriveToolbar, DriveToolbarTools } from "../../../components/navigation/toolbar.client.mjs";
+import { DriveViewSwitcher } from "../../../components/navigation/view-switcher.client.mjs";
+
+//#region src/providers/local/components/navigation.client.d.ts
+declare const LocalDriveHeader: typeof DriveHeader;
+declare const LocalDriveHeaderBreadcrumbs: typeof DriveHeaderBreadcrumbs;
+declare const LocalDriveHeaderTools: typeof DriveHeaderTools;
+declare const LocalDriveToolbar: typeof DriveToolbar;
+declare const LocalDriveToolbarBreadcrumbs: typeof DriveBreadcrumbs;
+declare const LocalDriveToolbarTools: typeof DriveToolbarTools;
+declare const LocalDriveViewSwitcher: typeof DriveViewSwitcher;
+//#endregion
+export { LocalDriveHeader, LocalDriveHeaderBreadcrumbs, LocalDriveHeaderTools, LocalDriveToolbar, LocalDriveToolbarBreadcrumbs, LocalDriveToolbarTools, LocalDriveViewSwitcher };
+//# sourceMappingURL=navigation.client.d.mts.map

package/dist/providers/local/components/navigation.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.client.d.mts","names":[],"sources":["../../../../src/providers/local/components/navigation.client.tsx"],"mappings":";;;;;;cAgBa,gBAAA,SAAgB,WAAA;AAAA,cAChB,2BAAA,SAA2B,sBAAA;AAAA,cAC3B,qBAAA,SAAqB,gBAAA;AAAA,cACrB,iBAAA,SAAiB,YAAA;AAAA,cACjB,4BAAA,SAAsD,gBAAA;AAAA,cACtD,sBAAA,SAAsB,iBAAA;AAAA,cACtB,sBAAA,SAAsB,iBAAA"}

package/dist/providers/local/components/navigation.client.mjs

@@ -0,0 +1,18 @@
+"use client";
+
+import { DriveHeader, DriveHeaderBreadcrumbs, DriveHeaderTools } from "../../../components/navigation/header.client.mjs";
+import { DriveToolbar, DriveToolbarBreadcrumbs, DriveToolbarTools } from "../../../components/navigation/toolbar.client.mjs";
+import { DriveViewSwitcher } from "../../../components/navigation/view-switcher.client.mjs";
+
+//#region src/providers/local/components/navigation.client.tsx
+const LocalDriveHeader = DriveHeader;
+const LocalDriveHeaderBreadcrumbs = DriveHeaderBreadcrumbs;
+const LocalDriveHeaderTools = DriveHeaderTools;
+const LocalDriveToolbar = DriveToolbar;
+const LocalDriveToolbarBreadcrumbs = DriveToolbarBreadcrumbs;
+const LocalDriveToolbarTools = DriveToolbarTools;
+const LocalDriveViewSwitcher = DriveViewSwitcher;
+
+//#endregion
+export { LocalDriveHeader, LocalDriveHeaderBreadcrumbs, LocalDriveHeaderTools, LocalDriveToolbar, LocalDriveToolbarBreadcrumbs, LocalDriveToolbarTools, LocalDriveViewSwitcher };
+//# sourceMappingURL=navigation.client.mjs.map

package/dist/providers/local/components/navigation.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.client.mjs","names":[],"sources":["../../../../src/providers/local/components/navigation.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  DriveHeader,\n  DriveHeaderBreadcrumbs,\n  DriveHeaderTools,\n} from \"@/components/navigation/header.client\";\nimport {\n  DriveToolbar,\n  DriveToolbarBreadcrumbs,\n  DriveToolbarTools,\n} from \"@/components/navigation/toolbar.client\";\nimport { DriveViewSwitcher } from \"@/components/navigation/view-switcher.client\";\n\nexport type { DriveBreadcrumb } from \"@/components/navigation/breadcrumbs.client\";\n\nexport const LocalDriveHeader = DriveHeader;\nexport const LocalDriveHeaderBreadcrumbs = DriveHeaderBreadcrumbs;\nexport const LocalDriveHeaderTools = DriveHeaderTools;\nexport const LocalDriveToolbar = DriveToolbar;\nexport const LocalDriveToolbarBreadcrumbs = DriveToolbarBreadcrumbs;\nexport const LocalDriveToolbarTools = DriveToolbarTools;\nexport const LocalDriveViewSwitcher = DriveViewSwitcher;\n"],"mappings":";;;;;;;AAgBA,MAAa,mBAAmB;AAChC,MAAa,8BAA8B;AAC3C,MAAa,wBAAwB;AACrC,MAAa,oBAAoB;AACjC,MAAa,+BAA+B;AAC5C,MAAa,yBAAyB;AACtC,MAAa,yBAAyB"}

package/dist/providers/local/components/provider.client.d.mts

@@ -0,0 +1,40 @@
+import { DriveSelectionContextValue } from "../../../components/selection.client.mjs";
+import { DriveViewProviderProps } from "../../../components/view.client.mjs";
+import { DriveContextValue } from "../../../components/context.client.mjs";
+import { DriveDragDropProviderProps } from "../../../components/dnd.client.mjs";
+import { LocalDriveUploadZoneProps } from "./upload-zone.client.mjs";
+import * as react from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/providers/local/components/provider.client.d.ts
+type LocalDriveContextValue = DriveContextValue & {
+  readonly?: boolean;
+};
+declare const LocalDriveContext: react.Context<LocalDriveContextValue>;
+declare function useLocalDriveContext(): LocalDriveContextValue;
+type LocalDriveProviderProps = PropsWithChildren<LocalDriveContextValue & Partial<DriveSelectionContextValue> & Pick<DriveViewProviderProps, "initialView"> & Pick<DriveDragDropProviderProps, "onMove"> & Pick<LocalDriveUploadZoneProps, "driveUploadClient" | "uploadHooks" | "onUploadCompleted" | "onUploadFailed" | "optimistic" | "disabled" | "className"> & {
+  parentId?: string | null;
+}>;
+declare function LocalDriveProvider({
+  initialView,
+  namespace,
+  parentId,
+  permission,
+  meta,
+  readonly,
+  selection,
+  selectionConditions,
+  onMove,
+  driveUploadClient,
+  uploadHooks,
+  onUploadCompleted,
+  onUploadFailed,
+  optimistic,
+  disabled,
+  className,
+  children
+}: LocalDriveProviderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LocalDriveContext, LocalDriveContextValue, LocalDriveProvider, LocalDriveProviderProps, useLocalDriveContext };
+//# sourceMappingURL=provider.client.d.mts.map

package/dist/providers/local/components/provider.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.client.d.mts","names":[],"sources":["../../../../src/providers/local/components/provider.client.tsx"],"mappings":";;;;;;;;;;KAcY,sBAAA,GAAyB,iBAAA;EACnC,QAAA;AAAA;AAAA,cAGW,iBAAA,EAAiB,KAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,iBAEd,oBAAA,CAAA,GAAoB,sBAAA;AAAA,KAMxB,uBAAA,GAA0B,iBAAA,CACpC,sBAAA,GACE,OAAA,CAAQ,0BAAA,IACR,IAAA,CAAK,sBAAA,mBACL,IAAA,CAAK,0BAAA,cACL,IAAA,CACE,yBAAA;EASA,QAAA;AAAA;AAAA,iBAIU,kBAAA,CAAA;EACd,WAAA;EACA,SAAA;EACA,QAAA;EACA,UAAA;EACA,IAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,MAAA;EACA,iBAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA;AAAA,GACC,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/providers/local/components/provider.client.mjs

@@ -0,0 +1,61 @@
+"use client";
+
+import { DriveSelectionProvider } from "../../../components/selection.client.mjs";
+import { DriveViewProvider } from "../../../components/view.client.mjs";
+import { DriveDragDropProvider } from "../../../components/dnd.client.mjs";
+import { LocalDriveUploadZone } from "./upload-zone.client.mjs";
+import { cn } from "@tulip-systems/core/lib";
+import { createContext, use } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Allowed } from "@tulip-systems/core/auth/client";
+
+//#region src/providers/local/components/provider.client.tsx
+const LocalDriveContext = createContext({});
+function useLocalDriveContext() {
+	const context = use(LocalDriveContext);
+	if (!context) throw new Error("LocalDriveContext not found!");
+	return context;
+}
+function LocalDriveProvider({ initialView = "grid", namespace, parentId, permission, meta, readonly = false, selection, selectionConditions, onMove, driveUploadClient, uploadHooks, onUploadCompleted, onUploadFailed, optimistic, disabled, className, children }) {
+	const isDisabled = disabled ?? readonly;
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		children: /* @__PURE__ */ jsx(DriveSelectionProvider, {
+			selection,
+			selectionConditions,
+			children: /* @__PURE__ */ jsx(DriveViewProvider, {
+				initialView,
+				children: /* @__PURE__ */ jsx(DriveDragDropProvider, {
+					disabled: isDisabled,
+					onMove,
+					children: /* @__PURE__ */ jsx(LocalDriveContext, {
+						value: {
+							namespace,
+							permission,
+							meta,
+							readonly
+						},
+						children: /* @__PURE__ */ jsx(LocalDriveUploadZone, {
+							disabled: isDisabled,
+							className: cn("flex min-h-dvh flex-col", className),
+							variables: {
+								namespace,
+								parentId
+							},
+							driveUploadClient,
+							uploadHooks,
+							onUploadCompleted,
+							onUploadFailed,
+							optimistic,
+							children
+						})
+					})
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+export { LocalDriveContext, LocalDriveProvider, useLocalDriveContext };
+//# sourceMappingURL=provider.client.mjs.map

package/dist/providers/local/components/provider.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.client.mjs","names":[],"sources":["../../../../src/providers/local/components/provider.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Allowed } from \"@tulip-systems/core/auth/client\";\nimport { cn } from \"@tulip-systems/core/lib\";\nimport { createContext, type PropsWithChildren, use } from \"react\";\nimport type { DriveContextValue } from \"@/components/context.client\";\nimport { DriveDragDropProvider, type DriveDragDropProviderProps } from \"@/components/dnd.client\";\nimport {\n  type DriveSelectionContextValue,\n  DriveSelectionProvider,\n} from \"@/components/selection.client\";\nimport { DriveViewProvider, type DriveViewProviderProps } from \"@/components/view.client\";\nimport { LocalDriveUploadZone, type LocalDriveUploadZoneProps } from \"./upload-zone.client\";\n\nexport type LocalDriveContextValue = DriveContextValue & {\n  readonly?: boolean;\n};\n\nexport const LocalDriveContext = createContext({} as LocalDriveContextValue);\n\nexport function useLocalDriveContext() {\n  const context = use(LocalDriveContext);\n  if (!context) throw new Error(\"LocalDriveContext not found!\");\n  return context;\n}\n\nexport type LocalDriveProviderProps = PropsWithChildren<\n  LocalDriveContextValue &\n    Partial<DriveSelectionContextValue> &\n    Pick<DriveViewProviderProps, \"initialView\"> &\n    Pick<DriveDragDropProviderProps, \"onMove\"> &\n    Pick<\n      LocalDriveUploadZoneProps,\n      | \"driveUploadClient\"\n      | \"uploadHooks\"\n      | \"onUploadCompleted\"\n      | \"onUploadFailed\"\n      | \"optimistic\"\n      | \"disabled\"\n      | \"className\"\n    > & {\n      parentId?: string | null;\n    }\n>;\n\nexport function LocalDriveProvider({\n  initialView = \"grid\",\n  namespace,\n  parentId,\n  permission,\n  meta,\n  readonly = false,\n  selection,\n  selectionConditions,\n  onMove,\n  driveUploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  optimistic,\n  disabled,\n  className,\n  children,\n}: LocalDriveProviderProps) {\n  const isDisabled = disabled ?? readonly;\n\n  return (\n    <Allowed permission={permission}>\n      <DriveSelectionProvider selection={selection} selectionConditions={selectionConditions}>\n        <DriveViewProvider initialView={initialView}>\n          <DriveDragDropProvider disabled={isDisabled} onMove={onMove}>\n            <LocalDriveContext value={{ namespace, permission, meta, readonly }}>\n              <LocalDriveUploadZone\n                disabled={isDisabled}\n                className={cn(\"flex min-h-dvh flex-col\", className)}\n                variables={{ namespace, parentId }}\n                driveUploadClient={driveUploadClient}\n                uploadHooks={uploadHooks}\n                onUploadCompleted={onUploadCompleted}\n                onUploadFailed={onUploadFailed}\n                optimistic={optimistic}\n              >\n                {children}\n              </LocalDriveUploadZone>\n            </LocalDriveContext>\n          </DriveDragDropProvider>\n        </DriveViewProvider>\n      </DriveSelectionProvider>\n    </Allowed>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,oBAAoB,cAAc,EAAE,CAA2B;AAE5E,SAAgB,uBAAuB;CACrC,MAAM,UAAU,IAAI,kBAAkB;AACtC,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,+BAA+B;AAC7D,QAAO;;AAsBT,SAAgB,mBAAmB,EACjC,cAAc,QACd,WACA,UACA,YACA,MACA,WAAW,OACX,WACA,qBACA,QACA,mBACA,aACA,mBACA,gBACA,YACA,UACA,WACA,YAC0B;CAC1B,MAAM,aAAa,YAAY;AAE/B,QACE,oBAAC;EAAoB;YACnB,oBAAC;GAAkC;GAAgC;aACjE,oBAAC;IAA+B;cAC9B,oBAAC;KAAsB,UAAU;KAAoB;eACnD,oBAAC;MAAkB,OAAO;OAAE;OAAW;OAAY;OAAM;OAAU;gBACjE,oBAAC;OACC,UAAU;OACV,WAAW,GAAG,2BAA2B,UAAU;OACnD,WAAW;QAAE;QAAW;QAAU;OACf;OACN;OACM;OACH;OACJ;OAEX;QACoB;OACL;MACE;KACN;IACG;GACjB"}

package/dist/providers/local/components/upload-zone-context.client.d.mts

@@ -0,0 +1,38 @@
+import { LocalDriveFileNode, LocalDriveNodeWithAsset } from "../lib/validators.mjs";
+import { LocalDriveUploadClient } from "../lib/upload.client.mjs";
+import React from "react";
+
+//#region src/providers/local/components/upload-zone-context.client.d.ts
+/**
+ * Upload Zone Context Value
+ */
+type LocalDriveUploadZoneContextValue = {
+  driveUploadClient: LocalDriveUploadClient;
+  onUpload: (file: File) => Promise<LocalDriveFileNode>;
+  onRemove: (ids: string[]) => Promise<void>;
+  optimistic?: {
+    add?: (newValue: LocalDriveNodeWithAsset) => Promise<void> | void;
+    replace?: (input: {
+      id: string;
+      newValue: LocalDriveNodeWithAsset;
+    }) => Promise<void> | void;
+    remove?: (ids: string[]) => Promise<void> | void;
+    invalidate?: () => Promise<void> | void;
+    cancel?: () => Promise<void> | void;
+  };
+  disabled?: boolean;
+};
+/**
+ * Upload Zone Context
+ */
+declare const LocalDriveUploadZoneContext: React.Context<LocalDriveUploadZoneContextValue | null>;
+type DriveUploadZoneContextValue = LocalDriveUploadZoneContextValue;
+declare const DriveUploadZoneContext: React.Context<LocalDriveUploadZoneContextValue | null>;
+/**
+ * Upload Zone Hook
+ */
+declare function useLocalDriveUploadZone(): LocalDriveUploadZoneContextValue;
+declare const useDriveUploadZone: typeof useLocalDriveUploadZone;
+//#endregion
+export { DriveUploadZoneContext, DriveUploadZoneContextValue, LocalDriveUploadZoneContext, LocalDriveUploadZoneContextValue, useDriveUploadZone, useLocalDriveUploadZone };
+//# sourceMappingURL=upload-zone-context.client.d.mts.map

package/dist/providers/local/components/upload-zone-context.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone-context.client.d.mts","names":[],"sources":["../../../../src/providers/local/components/upload-zone-context.client.tsx"],"mappings":";;;;;;;AASA;KAAY,gCAAA;EACV,iBAAA,EAAmB,sBAAA;EACnB,QAAA,GAAW,IAAA,EAAM,IAAA,KAAS,OAAA,CAAQ,kBAAA;EAClC,QAAA,GAAW,GAAA,eAAkB,OAAA;EAC7B,UAAA;IACE,GAAA,IAAO,QAAA,EAAU,uBAAA,KAA4B,OAAA;IAC7C,OAAA,IAAW,KAAA;MAAS,EAAA;MAAY,QAAA,EAAU,uBAAA;IAAA,MAA8B,OAAA;IACxE,MAAA,IAAU,GAAA,eAAkB,OAAA;IAC5B,UAAA,SAAmB,OAAA;IACnB,MAAA,SAAe,OAAA;EAAA;EAEjB,QAAA;AAAA;;;;cAMW,2BAAA,EAA2B,KAAA,CAAA,OAAA,CAAA,gCAAA;AAAA,KAG5B,2BAAA,GAA8B,gCAAA;AAAA,cAC7B,sBAAA,EAAsB,KAAA,CAAA,OAAA,CAAA,gCAAA;;;;iBAKnB,uBAAA,CAAA,GAAuB,gCAAA;AAAA,cAQ1B,kBAAA,SAAkB,uBAAA"}

package/dist/providers/local/components/upload-zone-context.client.mjs

@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+
+//#region src/providers/local/components/upload-zone-context.client.tsx
+/**
+* Upload Zone Context
+*/
+const LocalDriveUploadZoneContext = React.createContext(null);
+const DriveUploadZoneContext = LocalDriveUploadZoneContext;
+/**
+* Upload Zone Hook
+*/
+function useLocalDriveUploadZone() {
+	const context = React.useContext(LocalDriveUploadZoneContext);
+	if (!context) throw new Error("useUploadZone must be used within an UploadZoneContext provider");
+	return context;
+}
+const useDriveUploadZone = useLocalDriveUploadZone;
+
+//#endregion
+export { DriveUploadZoneContext, LocalDriveUploadZoneContext, useDriveUploadZone, useLocalDriveUploadZone };
+//# sourceMappingURL=upload-zone-context.client.mjs.map

package/dist/providers/local/components/upload-zone-context.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone-context.client.mjs","names":[],"sources":["../../../../src/providers/local/components/upload-zone-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { LocalDriveUploadClient } from \"@/providers/local/lib/upload.client\";\nimport type { LocalDriveFileNode, LocalDriveNodeWithAsset } from \"@/providers/local/lib/validators\";\n\n/**\n * Upload Zone Context Value\n */\nexport type LocalDriveUploadZoneContextValue = {\n  driveUploadClient: LocalDriveUploadClient;\n  onUpload: (file: File) => Promise<LocalDriveFileNode>;\n  onRemove: (ids: string[]) => Promise<void>;\n  optimistic?: {\n    add?: (newValue: LocalDriveNodeWithAsset) => Promise<void> | void;\n    replace?: (input: { id: string; newValue: LocalDriveNodeWithAsset }) => Promise<void> | void;\n    remove?: (ids: string[]) => Promise<void> | void;\n    invalidate?: () => Promise<void> | void;\n    cancel?: () => Promise<void> | void;\n  };\n  disabled?: boolean;\n};\n\n/**\n * Upload Zone Context\n */\nexport const LocalDriveUploadZoneContext =\n  React.createContext<LocalDriveUploadZoneContextValue | null>(null);\n\nexport type DriveUploadZoneContextValue = LocalDriveUploadZoneContextValue;\nexport const DriveUploadZoneContext = LocalDriveUploadZoneContext;\n\n/**\n * Upload Zone Hook\n */\nexport function useLocalDriveUploadZone() {\n  const context = React.useContext(LocalDriveUploadZoneContext);\n  if (!context) {\n    throw new Error(\"useUploadZone must be used within an UploadZoneContext provider\");\n  }\n  return context;\n}\n\nexport const useDriveUploadZone = useLocalDriveUploadZone;\n"],"mappings":";;;;;;;;AA0BA,MAAa,8BACX,MAAM,cAAuD,KAAK;AAGpE,MAAa,yBAAyB;;;;AAKtC,SAAgB,0BAA0B;CACxC,MAAM,UAAU,MAAM,WAAW,4BAA4B;AAC7D,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,kEAAkE;AAEpF,QAAO;;AAGT,MAAa,qBAAqB"}

package/dist/providers/local/components/upload-zone.client.d.mts

@@ -0,0 +1,30 @@
+import { LocalDriveFileNode } from "../lib/validators.mjs";
+import { LocalDriveUploadHooks, PrepareLocalDriveUploadInput } from "../lib/upload.client.mjs";
+import { LocalDriveUploadZoneContextValue } from "./upload-zone-context.client.mjs";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/providers/local/components/upload-zone.client.d.ts
+type LocalDriveUploadZoneProps = ComponentProps<"div"> & Pick<LocalDriveUploadZoneContextValue, "optimistic" | "driveUploadClient" | "disabled"> & {
+  variables: Pick<PrepareLocalDriveUploadInput, "namespace" | "parentId" | "readonly" | "hidden" | "visibility">;
+  uploadHooks?: LocalDriveUploadHooks;
+  onUploadCompleted?: (node: LocalDriveFileNode) => Promise<void> | void;
+  onUploadFailed?: (error: unknown) => Promise<void> | void;
+};
+type DriveUploadZoneProps = LocalDriveUploadZoneProps;
+declare function LocalDriveUploadZone({
+  variables,
+  optimistic,
+  driveUploadClient,
+  uploadHooks,
+  onUploadCompleted,
+  onUploadFailed,
+  disabled,
+  children,
+  className,
+  ...props
+}: LocalDriveUploadZoneProps): react_jsx_runtime0.JSX.Element;
+declare const DriveUploadZone: typeof LocalDriveUploadZone;
+//#endregion
+export { DriveUploadZone, DriveUploadZoneProps, LocalDriveUploadZone, LocalDriveUploadZoneProps };
+//# sourceMappingURL=upload-zone.client.d.mts.map

package/dist/providers/local/components/upload-zone.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone.client.d.mts","names":[],"sources":["../../../../src/providers/local/components/upload-zone.client.tsx"],"mappings":";;;;;;;KAoBY,yBAAA,GAA4B,cAAA,UACtC,IAAA,CAAK,gCAAA;EACH,SAAA,EAAW,IAAA,CACT,4BAAA;EAGF,WAAA,GAAc,qBAAA;EAEd,iBAAA,IAAqB,IAAA,EAAM,kBAAA,KAAuB,OAAA;EAClD,cAAA,IAAkB,KAAA,cAAmB,OAAA;AAAA;AAAA,KAG7B,oBAAA,GAAuB,yBAAA;AAAA,iBAEnB,oBAAA,CAAA;EACd,SAAA;EACA,UAAA;EACA,iBAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAqJf,eAAA,SAAe,oBAAA"}

package/dist/providers/local/components/upload-zone.client.mjs

@@ -0,0 +1,147 @@
+"use client";
+
+import { inferLocalDriveNodeSubtype } from "../lib/helpers.mjs";
+import { LocalDriveUploadZoneContext } from "./upload-zone-context.client.mjs";
+import { cn } from "@tulip-systems/core/lib";
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "@tulip-systems/core/components/client";
+import { useAction } from "@tulip-systems/core/lib/client";
+import { useDropzone } from "react-dropzone";
+
+//#region src/providers/local/components/upload-zone.client.tsx
+function LocalDriveUploadZone({ variables, optimistic, driveUploadClient, uploadHooks, onUploadCompleted, onUploadFailed, disabled = false, children, className, ...props }) {
+	/**
+	* Delete mutation
+	*/
+	const deleteMutation = useAction({
+		mutationFn: async (ids) => driveUploadClient.deleteFiles(ids),
+		onMutate: async (ids) => {
+			await optimistic?.cancel?.();
+			await optimistic?.remove?.(ids);
+		},
+		onError: async (error) => {
+			console.error("Delete failed upload error: ", error);
+			await onUploadFailed?.(error);
+		},
+		onSettled: () => {
+			optimistic?.invalidate?.();
+		}
+	});
+	/**
+	* Upload mutation
+	*/
+	const uploadMutation = useAction({
+		mutationFn: async (params) => driveUploadClient.upload(params, uploadHooks),
+		onMutate: async (variables) => {
+			await optimistic?.cancel?.();
+			const newNode = {
+				id: variables.uploadId,
+				provider: "local",
+				createdAt: /* @__PURE__ */ new Date(),
+				updatedAt: /* @__PURE__ */ new Date(),
+				type: "file",
+				name: variables.file.name,
+				namespace: variables.namespace,
+				parentId: variables.parentId ?? null,
+				size: variables.file.size,
+				contentType: variables.file.type || "application/octet-stream",
+				readonly: variables.readonly ?? false,
+				hidden: variables.hidden ?? false,
+				archivedAt: null,
+				assetId: null,
+				subtype: inferLocalDriveNodeSubtype({
+					name: variables.file.name,
+					contentType: variables.file.type || "application/octet-stream"
+				}),
+				links: {
+					view: null,
+					download: null,
+					preview: null,
+					thumbnail: null
+				},
+				availability: "pending",
+				asset: {
+					status: "pending",
+					name: variables.file.name,
+					contentType: variables.file.type || "application/octet-stream",
+					size: variables.file.size,
+					visibility: variables.visibility || "private"
+				}
+			};
+			await optimistic?.add?.(newNode);
+		},
+		onSuccess: async (data, variables) => {
+			await optimistic?.replace?.({
+				id: variables.uploadId,
+				newValue: {
+					...data,
+					asset: {
+						status: "ready",
+						name: data.name,
+						contentType: data.contentType,
+						size: data.size,
+						visibility: variables.visibility || "private"
+					}
+				}
+			});
+			await onUploadCompleted?.(data);
+			toast.success(`Succesvol geupload: ${data.name}`);
+		},
+		onError: async (error) => {
+			await onUploadFailed?.(error);
+			console.error("Upload error: ", error);
+			toast.error("Bestand uploaden mislukt", { description: error instanceof Error ? error.message : void 0 });
+		},
+		onSettled: () => {
+			optimistic?.invalidate?.();
+		}
+	});
+	/**
+	* Upload file handler
+	*/
+	const onUpload = useCallback(async (file) => {
+		console.info("Uploading file", file);
+		const req = driveUploadClient.prepareUpload({
+			...variables,
+			file
+		});
+		return await uploadMutation.mutateAsync(req);
+	}, [
+		driveUploadClient,
+		variables,
+		uploadMutation
+	]);
+	const { getRootProps, getInputProps, isDragActive } = useDropzone({
+		onDrop: useCallback(async (acceptedFiles) => {
+			if (acceptedFiles.length === 0) return;
+			await Promise.allSettled(acceptedFiles.map(onUpload));
+		}, [onUpload]),
+		noClick: true,
+		disabled
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		...getRootProps(),
+		className: cn("relative z-0", className),
+		children: [
+			/* @__PURE__ */ jsx("input", { ...getInputProps() }),
+			isDragActive && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 rounded-md bg-primary/20 opacity-70 backdrop-blur-3xl" }),
+			/* @__PURE__ */ jsx(LocalDriveUploadZoneContext, {
+				value: {
+					driveUploadClient,
+					onUpload,
+					onRemove: deleteMutation.mutateAsync,
+					optimistic,
+					disabled
+				},
+				children
+			})
+		]
+	});
+}
+const DriveUploadZone = LocalDriveUploadZone;
+
+//#endregion
+export { DriveUploadZone, LocalDriveUploadZone };
+//# sourceMappingURL=upload-zone.client.mjs.map

package/dist/providers/local/components/upload-zone.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone.client.mjs","names":[],"sources":["../../../../src/providers/local/components/upload-zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { toast } from \"@tulip-systems/core/components/client\";\nimport { cn } from \"@tulip-systems/core/lib\";\nimport { useAction } from \"@tulip-systems/core/lib/client\";\nimport type { StorageAsset } from \"@tulip-systems/core/storage\";\nimport { type ComponentProps, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { inferLocalDriveNodeSubtype } from \"@/providers/local/lib/helpers\";\nimport type {\n  LocalDriveUploadFileRequest,\n  LocalDriveUploadHooks,\n  PrepareLocalDriveUploadInput,\n} from \"@/providers/local/lib/upload.client\";\nimport type { LocalDriveFileNode, LocalDriveNodeWithAsset } from \"@/providers/local/lib/validators\";\nimport {\n  LocalDriveUploadZoneContext,\n  type LocalDriveUploadZoneContextValue,\n} from \"./upload-zone-context.client\";\n\nexport type LocalDriveUploadZoneProps = ComponentProps<\"div\"> &\n  Pick<LocalDriveUploadZoneContextValue, \"optimistic\" | \"driveUploadClient\" | \"disabled\"> & {\n    variables: Pick<\n      PrepareLocalDriveUploadInput,\n      \"namespace\" | \"parentId\" | \"readonly\" | \"hidden\" | \"visibility\"\n    >;\n    uploadHooks?: LocalDriveUploadHooks;\n\n    onUploadCompleted?: (node: LocalDriveFileNode) => Promise<void> | void;\n    onUploadFailed?: (error: unknown) => Promise<void> | void;\n  };\n\nexport type DriveUploadZoneProps = LocalDriveUploadZoneProps;\n\nexport function LocalDriveUploadZone({\n  variables,\n  optimistic,\n  driveUploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  disabled = false,\n  children,\n  className,\n  ...props\n}: LocalDriveUploadZoneProps) {\n  /**\n   * Delete mutation\n   */\n  const deleteMutation = useAction({\n    mutationFn: async (ids: string[]) => driveUploadClient.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: LocalDriveUploadFileRequest) =>\n      driveUploadClient.upload(params, uploadHooks),\n    onMutate: async (variables) => {\n      await optimistic?.cancel?.();\n\n      // Generate a new node\n      const newNode = {\n        id: variables.uploadId,\n        provider: \"local\",\n        createdAt: new Date(),\n        updatedAt: new Date(),\n        type: \"file\",\n        name: variables.file.name,\n        namespace: variables.namespace,\n        parentId: variables.parentId ?? null,\n        size: variables.file.size,\n        contentType: variables.file.type || \"application/octet-stream\",\n        readonly: variables.readonly ?? false,\n        hidden: variables.hidden ?? false,\n        archivedAt: null,\n        assetId: null,\n        subtype: inferLocalDriveNodeSubtype({\n          name: variables.file.name,\n          contentType: variables.file.type || \"application/octet-stream\",\n        }),\n        links: {\n          view: null,\n          download: null,\n          preview: null,\n          thumbnail: null,\n        },\n        availability: \"pending\",\n        asset: {\n          status: \"pending\",\n          name: variables.file.name,\n          contentType: variables.file.type || \"application/octet-stream\",\n          size: variables.file.size,\n          visibility: variables.visibility || \"private\",\n        } as StorageAsset,\n      } as LocalDriveNodeWithAsset;\n\n      await optimistic?.add?.(newNode);\n    },\n    onSuccess: async (data, variables) => {\n      await optimistic?.replace?.({\n        id: variables.uploadId,\n        newValue: {\n          ...data,\n          asset: {\n            status: \"ready\",\n            name: data.name,\n            contentType: data.contentType,\n            size: data.size,\n            visibility: variables.visibility || \"private\",\n          } as StorageAsset,\n        },\n      });\n      await onUploadCompleted?.(data);\n      toast.success(`Succesvol geupload: ${data.name}`);\n    },\n    onError: async (error) => {\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    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 = driveUploadClient.prepareUpload({ ...variables, file });\n      return await uploadMutation.mutateAsync(req);\n    },\n    [driveUploadClient, 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=\"absolute inset-0 z-10 rounded-md bg-primary/20 opacity-70 backdrop-blur-3xl\" />\n      )}\n\n      <LocalDriveUploadZoneContext\n        value={{\n          driveUploadClient,\n          onUpload,\n          onRemove: deleteMutation.mutateAsync,\n          optimistic,\n          disabled,\n        }}\n      >\n        {children}\n      </LocalDriveUploadZoneContext>\n    </div>\n  );\n}\n\nexport const DriveUploadZone = LocalDriveUploadZone;\n"],"mappings":"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"}