@questpie/admin 0.0.1 → 1.0.1

package/dist/components/admin-app.mjs

@@ -1,69 +0,0 @@
-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

@@ -1,190 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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

@@ -1,42 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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 };