@questpie/admin 0.0.1

package/dist/components/admin-app.mjs

@@ -0,0 +1,69 @@
+import * as React$1 from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AdminProvider } from "../hooks/admin-provider";
+import { AdminLayout } from "../views/layout/admin-layout";
+import { AdminRouter } from "../views/layout/admin-router";
+import { mergeComponentRegistry } from "../config/component-registry";
+
+//#region src/components/admin-app.tsx
+/**
+* AdminApp Component
+*
+* MAIN ENTRY POINT - Mount this and you have a complete admin!
+*
+* Minimal usage:
+*   <AdminApp client={cmsClient} />
+*
+* Everything else is OPTIONAL customization.
+*/
+/**
+* Default QueryClient configuration
+*/
+function createDefaultQueryClient() {
+	return new QueryClient({ defaultOptions: { queries: {
+		staleTime: 60 * 1e3,
+		refetchOnWindowFocus: false
+	} } });
+}
+/**
+* AdminApp Component
+*
+* ONE COMPONENT TO RULE THEM ALL!
+*/
+function AdminApp({ client, config, registry, queryClient, router, basePath = "/admin", DashboardComponent, collectionComponents, renderFormFields }) {
+	const [defaultQueryClient] = React$1.useState(() => queryClient ?? createDefaultQueryClient());
+	const mergedRegistry = React$1.useMemo(() => mergeComponentRegistry(registry), [registry]);
+	const finalConfig = React$1.useMemo(() => {
+		if (config) return config;
+		return {
+			app: { brand: { name: "Admin" } },
+			collections: {}
+		};
+	}, [config]);
+	return /* @__PURE__ */ jsxs(QueryClientProvider, {
+		client: defaultQueryClient,
+		children: [/* @__PURE__ */ jsx(AdminProvider, {
+			client,
+			queryClient: defaultQueryClient,
+			locales: finalConfig.app?.locales,
+			children: /* @__PURE__ */ jsx(AdminLayout, {
+				config: finalConfig,
+				activeRoute: router.currentPath,
+				LinkComponent: router.LinkComponent,
+				children: /* @__PURE__ */ jsx(AdminRouter, {
+					config: finalConfig,
+					segments: router.segments,
+					navigate: router.navigate,
+					DashboardComponent,
+					collectionComponents,
+					renderFormFields,
+					registry: mergedRegistry
+				})
+			})
+		}), config?.app?.debug?.showQueryDevtools && /* @__PURE__ */ jsx("div", {})]
+	});
+}
+
+//#endregion
+export { AdminApp };

package/dist/components/fields/array-field.mjs

@@ -0,0 +1,190 @@
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../ui/button";
+import { Input } from "../ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select";
+import { Textarea } from "../ui/textarea";
+import { CaretDown, CaretUp, Plus, Trash } from "@phosphor-icons/react";
+import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
+import { LocaleBadge } from "./locale-badge";
+
+//#region src/components/fields/array-field.tsx
+/**
+* ArrayField Component
+*
+* Handles arrays of primitive values with optional ordering.
+*/
+function ArrayField({ name, value, label, description, placeholder, required, disabled, readOnly, error, localized, locale, itemType = "text", options, orderable = false, minItems, maxItems }) {
+	const form = useFormContext();
+	const { control } = form;
+	const { fields, append, remove, move } = useFieldArray({
+		control,
+		name
+	});
+	const values = useWatch({
+		control,
+		name
+	}) ?? value;
+	const canAddMore = !maxItems || fields.length < maxItems;
+	const canRemove = !readOnly && (!minItems || fields.length > minItems);
+	const createEmptyItem = React$1.useCallback(() => {
+		if (itemType === "number") return void 0;
+		if (itemType === "select") return options?.[0]?.value ?? "";
+		return "";
+	}, [itemType, options]);
+	const handleAdd = () => {
+		if (disabled || readOnly || !canAddMore) return;
+		append(createEmptyItem());
+	};
+	const handleRemove = (index) => {
+		if (!canRemove) return;
+		remove(index);
+	};
+	const handleMove = (from, to) => {
+		if (to < 0 || to >= fields.length) return;
+		move(from, to);
+	};
+	const renderItemInput = (index) => {
+		const itemName = `${name}.${index}`;
+		const itemValue = values?.[index];
+		const itemPlaceholder = placeholder || `Item ${index + 1}`;
+		if (itemType === "textarea") return /* @__PURE__ */ jsx(Textarea, {
+			id: itemName,
+			placeholder: itemPlaceholder,
+			disabled: disabled || readOnly,
+			defaultValue: itemValue ?? "",
+			...form.register(itemName)
+		});
+		if (itemType === "select") return /* @__PURE__ */ jsxs(Select, {
+			value: itemValue ?? "",
+			onValueChange: (value$1) => form.setValue(itemName, value$1, {
+				shouldDirty: true,
+				shouldTouch: true
+			}),
+			disabled: disabled || readOnly,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				id: itemName,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: options?.find((o) => o.value === itemValue)?.label || itemPlaceholder
+				})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+				value: option.value,
+				children: option.label
+			}, option.value)) })]
+		});
+		return /* @__PURE__ */ jsx(Input, {
+			id: itemName,
+			type: itemType === "email" ? "email" : itemType,
+			placeholder: itemPlaceholder,
+			disabled: disabled || readOnly,
+			defaultValue: itemValue ?? "",
+			...form.register(itemName, itemType === "number" ? { valueAsNumber: true } : void 0)
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			label && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsxs("label", {
+					htmlFor: name,
+					className: "text-sm font-medium",
+					children: [
+						label,
+						required && /* @__PURE__ */ jsx("span", {
+							className: "text-destructive",
+							children: "*"
+						}),
+						maxItems && /* @__PURE__ */ jsxs("span", {
+							className: "ml-2 text-xs text-muted-foreground",
+							children: [
+								"(",
+								fields.length,
+								"/",
+								maxItems,
+								")"
+							]
+						})
+					]
+				}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: description
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "space-y-2",
+				children: fields.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: "rounded-lg border border-dashed p-4 text-center",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground",
+						children: placeholder || `No ${label || "items"} added yet`
+					})
+				}) : fields.map((field, index) => {
+					const canMoveUp = orderable && index > 0;
+					const canMoveDown = orderable && index < fields.length - 1;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-start gap-2",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-1",
+								children: renderItemInput(index)
+							}),
+							orderable && !readOnly && /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1",
+								children: [/* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "h-6 w-6",
+									onClick: () => handleMove(index, index - 1),
+									disabled: !canMoveUp || disabled,
+									title: "Move up",
+									children: /* @__PURE__ */ jsx(CaretUp, { className: "h-3 w-3" })
+								}), /* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "h-6 w-6",
+									onClick: () => handleMove(index, index + 1),
+									disabled: !canMoveDown || disabled,
+									title: "Move down",
+									children: /* @__PURE__ */ jsx(CaretDown, { className: "h-3 w-3" })
+								})]
+							}),
+							!readOnly && canRemove && /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: "h-6 w-6",
+								onClick: () => handleRemove(index),
+								disabled,
+								title: "Remove",
+								children: /* @__PURE__ */ jsx(Trash, { className: "h-3 w-3" })
+							})
+						]
+					}, field.id);
+				})
+			}),
+			!readOnly && canAddMore && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				onClick: handleAdd,
+				disabled,
+				children: [
+					/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+					"Add ",
+					label || "item"
+				]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-destructive",
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+export { ArrayField };

package/dist/components/fields/checkbox-field.mjs

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { CheckboxInput } from "../primitives/checkbox-input";
+import { Controller } from "react-hook-form";
+import { FieldWrapper } from "./field-wrapper";
+import { useResolvedControl } from "./field-utils";
+
+//#region src/components/fields/checkbox-field.tsx
+function CheckboxField({ name, label, description, required, disabled, localized, locale, control, className }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: /* @__PURE__ */ jsx(CheckboxInput, {
+				id: name,
+				value: !!field.value,
+				onChange: field.onChange,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className
+			})
+		})
+	});
+}
+
+//#endregion
+export { CheckboxField };

package/dist/components/fields/custom-field.mjs

@@ -0,0 +1,32 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { FieldWrapper } from "./field-wrapper";
+import { useResolvedControl } from "./field-utils";
+
+//#region src/components/fields/custom-field.tsx
+function CustomField({ name, label, description, placeholder, required, disabled, localized, locale, control, component: Component }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: /* @__PURE__ */ jsx(Component, {
+				...field,
+				id: name,
+				disabled,
+				placeholder
+			})
+		})
+	});
+}
+
+//#endregion
+export { CustomField };

package/dist/components/fields/date-field.mjs

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import { DateInput } from "../primitives/date-input";
+import { Controller } from "react-hook-form";
+import { FieldWrapper } from "./field-wrapper";
+import { useResolvedControl } from "./field-utils";
+
+//#region src/components/fields/date-field.tsx
+function DateField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => {
+			const dateValue = field.value instanceof Date ? field.value : field.value ? new Date(field.value) : null;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(DateInput, {
+					id: name,
+					value: dateValue,
+					onChange: field.onChange,
+					minDate,
+					maxDate,
+					format,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className
+				})
+			});
+		}
+	});
+}
+
+//#endregion
+export { DateField };

package/dist/components/fields/datetime-field.mjs

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { DateTimeInput } from "../primitives/date-input";
+import { Controller } from "react-hook-form";
+import { FieldWrapper } from "./field-wrapper";
+import { useResolvedControl } from "./field-utils";
+
+//#region src/components/fields/datetime-field.tsx
+function DatetimeField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format, precision }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => {
+			const dateValue = field.value instanceof Date ? field.value : field.value ? new Date(field.value) : null;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(DateTimeInput, {
+					id: name,
+					value: dateValue,
+					onChange: field.onChange,
+					minDate,
+					maxDate,
+					format,
+					precision,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className
+				})
+			});
+		}
+	});
+}
+
+//#endregion
+export { DatetimeField };

package/dist/components/fields/email-field.mjs

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { TextInput } from "../primitives/text-input";
+import { Controller } from "react-hook-form";
+import { FieldWrapper } from "./field-wrapper";
+import { useResolvedControl } from "./field-utils";
+
+//#region src/components/fields/email-field.tsx
+function EmailField({ name, label, description, placeholder, required, disabled, localized, locale, control, className }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: /* @__PURE__ */ jsx(TextInput, {
+				id: name,
+				value: field.value ?? "",
+				onChange: field.onChange,
+				type: "email",
+				placeholder,
+				disabled,
+				autoComplete: "email",
+				"aria-invalid": !!fieldState.error,
+				className
+			})
+		})
+	});
+}
+
+//#endregion
+export { EmailField };