@questpie/admin 1.1.1 → 2.0.0

package/dist/client/components/error-boundary.mjs

@@ -0,0 +1,92 @@
+"use client";
+
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/error-boundary.tsx
+/**
+* ErrorBoundary - Catches JavaScript errors in child component tree
+*
+* Prevents entire UI from crashing when a component throws an error.
+* Use around widgets, sections, or any component that might fail.
+*
+* @example
+* ```tsx
+* <ErrorBoundary fallback={<WidgetError />}>
+*   <ChartWidget config={config} />
+* </ErrorBoundary>
+*
+* // With error callback
+* <ErrorBoundary
+*   fallback={(error) => <p>Error: {error.message}</p>}
+*   onError={(error) => logToService(error)}
+* >
+*   <DashboardWidget config={config} />
+* </ErrorBoundary>
+* ```
+*/
+var ErrorBoundary = class extends React$1.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			hasError: false,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(error) {
+		return {
+			hasError: true,
+			error
+		};
+	}
+	componentDidCatch(error, errorInfo) {
+		this.props.onError?.(error, errorInfo);
+	}
+	render() {
+		if (this.state.hasError && this.state.error) {
+			const { fallback } = this.props;
+			if (typeof fallback === "function") return fallback(this.state.error);
+			if (fallback) return fallback;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "rounded-lg border border-destructive/20 bg-destructive/5 p-4",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-destructive",
+					children: "Something went wrong"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: this.state.error.message
+				})]
+			});
+		}
+		return this.props.children;
+	}
+};
+/**
+* WidgetErrorBoundary - Specialized error boundary for dashboard widgets
+*/
+function WidgetErrorBoundary({ children, widgetType }) {
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallback: (error) => /* @__PURE__ */ jsxs("div", {
+			className: "rounded-lg border border-destructive/20 bg-destructive/5 p-4",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-destructive",
+					children: "Widget Error"
+				}),
+				widgetType && /* @__PURE__ */ jsxs("p", {
+					className: "text-xs text-muted-foreground",
+					children: ["Type: ", widgetType]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: error.message
+				})
+			]
+		}),
+		children
+	});
+}
+
+//#endregion
+export { WidgetErrorBoundary };
+//# sourceMappingURL=error-boundary.mjs.map

package/dist/client/components/error-boundary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.mjs","names":["React"],"sources":["../../../src/client/components/error-boundary.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\ninterface ErrorBoundaryProps {\n\tchildren: React.ReactNode;\n\tfallback?: React.ReactNode | ((error: Error) => React.ReactNode);\n\tonError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n\thasError: boolean;\n\terror: Error | null;\n}\n\n/**\n * ErrorBoundary - Catches JavaScript errors in child component tree\n *\n * Prevents entire UI from crashing when a component throws an error.\n * Use around widgets, sections, or any component that might fail.\n *\n * @example\n * ```tsx\n * <ErrorBoundary fallback={<WidgetError />}>\n *   <ChartWidget config={config} />\n * </ErrorBoundary>\n *\n * // With error callback\n * <ErrorBoundary\n *   fallback={(error) => <p>Error: {error.message}</p>}\n *   onError={(error) => logToService(error)}\n * >\n *   <DashboardWidget config={config} />\n * </ErrorBoundary>\n * ```\n */\nexport class ErrorBoundary extends React.Component<\n\tErrorBoundaryProps,\n\tErrorBoundaryState\n> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { hasError: false, error: null };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error): ErrorBoundaryState {\n\t\treturn { hasError: true, error };\n\t}\n\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n\t\tthis.props.onError?.(error, errorInfo);\n\t}\n\n\trender(): React.ReactNode {\n\t\tif (this.state.hasError && this.state.error) {\n\t\t\tconst { fallback } = this.props;\n\n\t\t\tif (typeof fallback === \"function\") {\n\t\t\t\treturn fallback(this.state.error);\n\t\t\t}\n\n\t\t\tif (fallback) {\n\t\t\t\treturn fallback;\n\t\t\t}\n\n\t\t\t// Default fallback\n\t\t\treturn (\n\t\t\t\t<div className=\"rounded-lg border border-destructive/20 bg-destructive/5 p-4\">\n\t\t\t\t\t<p className=\"text-sm font-medium text-destructive\">\n\t\t\t\t\t\tSomething went wrong\n\t\t\t\t\t</p>\n\t\t\t\t\t<p className=\"mt-1 text-xs text-muted-foreground\">\n\t\t\t\t\t\t{this.state.error.message}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n\n/**\n * WidgetErrorBoundary - Specialized error boundary for dashboard widgets\n */\nexport function WidgetErrorBoundary({\n\tchildren,\n\twidgetType,\n}: {\n\tchildren: React.ReactNode;\n\twidgetType?: string;\n}) {\n\treturn (\n\t\t<ErrorBoundary\n\t\t\tfallback={(error) => (\n\t\t\t\t<div className=\"rounded-lg border border-destructive/20 bg-destructive/5 p-4\">\n\t\t\t\t\t<p className=\"text-sm font-medium text-destructive\">Widget Error</p>\n\t\t\t\t\t{widgetType && (\n\t\t\t\t\t\t<p className=\"text-xs text-muted-foreground\">Type: {widgetType}</p>\n\t\t\t\t\t)}\n\t\t\t\t\t<p className=\"mt-1 text-xs text-muted-foreground\">{error.message}</p>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t</ErrorBoundary>\n\t);\n}\n\n/**\n * ViewErrorBoundary - Error boundary for collection views (table, form)\n *\n * Use with Suspense boundaries to gracefully handle loading and error states.\n *\n * @example\n * ```tsx\n * <ViewErrorBoundary viewType=\"table\" collection=\"posts\">\n *   <Suspense fallback={<TableViewSkeleton />}>\n *     <TableViewInner collection=\"posts\" />\n *   </Suspense>\n * </ViewErrorBoundary>\n * ```\n */\nexport function ViewErrorBoundary({\n\tchildren,\n\tviewType,\n\tcollection,\n\tonRetry,\n}: {\n\tchildren: React.ReactNode;\n\tviewType?: \"table\" | \"form\" | string;\n\tcollection?: string;\n\tonRetry?: () => void;\n}) {\n\treturn (\n\t\t<ErrorBoundary\n\t\t\tfallback={(error) => (\n\t\t\t\t<div className=\"container\">\n\t\t\t\t\t<div className=\"rounded-lg border border-destructive/20 bg-destructive/5 p-6 my-8\">\n\t\t\t\t\t\t<div className=\"flex items-start gap-4\">\n\t\t\t\t\t\t\t<div className=\"rounded-full bg-destructive/10 p-2\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\tclassName=\"size-5 text-destructive\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<title>Error</title>\n\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" />\n\t\t\t\t\t\t\t\t\t<line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n\t\t\t\t\t\t\t\t\t<line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t<h3 className=\"text-sm font-semibold text-destructive\">\n\t\t\t\t\t\t\t\t\tFailed to load {viewType ?? \"view\"}\n\t\t\t\t\t\t\t\t\t{collection && ` for ${collection}`}\n\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t<p className=\"mt-1 text-sm text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{error.message || \"An unexpected error occurred\"}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{onRetry && (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={onRetry}\n\t\t\t\t\t\t\t\t\t\tclassName=\"mt-3 text-sm font-medium text-primary hover:underline\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tTry again\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t</ErrorBoundary>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAa,gBAAb,cAAmCA,QAAM,UAGvC;CACD,YAAY,OAA2B;AACtC,QAAM,MAAM;AACZ,OAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG9C,OAAO,yBAAyB,OAAkC;AACjE,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGjC,kBAAkB,OAAc,WAAkC;AACjE,OAAK,MAAM,UAAU,OAAO,UAAU;;CAGvC,SAA0B;AACzB,MAAI,KAAK,MAAM,YAAY,KAAK,MAAM,OAAO;GAC5C,MAAM,EAAE,aAAa,KAAK;AAE1B,OAAI,OAAO,aAAa,WACvB,QAAO,SAAS,KAAK,MAAM,MAAM;AAGlC,OAAI,SACH,QAAO;AAIR,UACC,qBAAC;IAAI,WAAU;eACd,oBAAC;KAAE,WAAU;eAAuC;MAEhD,EACJ,oBAAC;KAAE,WAAU;eACX,KAAK,MAAM,MAAM;MACf;KACC;;AAIR,SAAO,KAAK,MAAM;;;;;;AAOpB,SAAgB,oBAAoB,EACnC,UACA,cAIE;AACF,QACC,oBAAC;EACA,WAAW,UACV,qBAAC;GAAI,WAAU;;IACd,oBAAC;KAAE,WAAU;eAAuC;MAAgB;IACnE,cACA,qBAAC;KAAE,WAAU;gBAAgC,UAAO;MAAe;IAEpE,oBAAC;KAAE,WAAU;eAAsC,MAAM;MAAY;;IAChE;EAGN;GACc"}

package/dist/client/components/fields/array-field.d.mts

@@ -0,0 +1,44 @@
+import { FieldComponentProps } from "../../builder/types/field-types.mjs";
+import { ArrayFieldConfig } from "./field-types.mjs";
+import "../../builder/index.mjs";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
+
+//#region src/client/components/fields/array-field.d.ts
+
+type ArrayFieldItemType = "text" | "number" | "email" | "textarea" | "select";
+interface ArrayFieldProps extends FieldComponentProps<any[]>, Pick<ArrayFieldConfig, "item" | "mode" | "layout" | "columns" | "itemLabel"> {
+  itemType?: ArrayFieldItemType;
+  options?: Array<{
+    label: string;
+    value: any;
+  }>;
+  orderable?: boolean;
+  minItems?: number;
+  maxItems?: number;
+}
+declare function ArrayField({
+  name,
+  value,
+  label,
+  description,
+  placeholder,
+  required,
+  disabled,
+  readOnly,
+  error,
+  localized,
+  locale,
+  itemType,
+  options,
+  orderable,
+  minItems,
+  maxItems,
+  item,
+  mode,
+  layout,
+  columns,
+  itemLabel
+}: ArrayFieldProps): react_jsx_runtime203.JSX.Element;
+//#endregion
+export { ArrayField, ArrayFieldItemType, ArrayFieldProps };
+//# sourceMappingURL=array-field.d.mts.map

package/dist/client/components/fields/array-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/array-field.tsx"],"sourcesContent":[],"mappings":";;;;;;;AA+BM,KAXM,kBAAA,GAWN,MAAA,GAAA,QAAA,GAAA,OAAA,GAAA,UAAA,GAAA,QAAA;AAGO,UAPI,eAAA,SAEb,mBAKS,CAAA,GAAA,EAAA,CAAA,EAJT,IAIS,CAHP,gBAGO,EAAA,MAAA,GAAA,MAAA,GAAA,QAAA,GAAA,SAAA,GAAA,WAAA,CAAA,CAAA;EACD,QAAA,CAAA,EADC,kBACD;EANR,OAAA,CAAA,EAMQ,KANR,CAAA;IACA,KAAA,EAAA,MAAA;IAAI,KAAA,EAAA,GAAA;EAWQ,CAAA,CAAA;EACd,SAAA,CAAA,EAAA,OAAA;EACA,QAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,MAAA;;AAEA,iBALc,UAAA,CAKd;EAAA,IAAA;EAAA,KAAA;EAAA,KAAA;EAAA,WAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAkBC,eAlBD,CAAA,EAkBgB,oBAAA,CAAA,GAAA,CAAA,OAlBhB"}

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

@@ -0,0 +1,231 @@
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { Button } from "../ui/button.mjs";
+import { Input } from "../ui/input.mjs";
+import { Textarea } from "../ui/textarea.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select.mjs";
+import { LocaleBadge } from "./locale-badge.mjs";
+import { ObjectArrayField } from "./object-array-field.mjs";
+import { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/fields/array-field.tsx
+/**
+* ArrayField Component
+*
+* Handles arrays of primitive values or objects with optional ordering.
+* When `item` prop is provided, delegates to ObjectArrayField for object items.
+*/
+function ArrayField({ name, value, label, description, placeholder, required, disabled, readOnly, error, localized, locale, itemType = "text", options, orderable = false, minItems, maxItems, item, mode, layout, columns, itemLabel }) {
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	const resolvedPlaceholder = placeholder ? resolveText(placeholder) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const fallbackLabel = resolvedLabel || "item";
+	const emptyLabel = t("array.empty", { name: fallbackLabel });
+	const addLabel = t("array.addItem", { name: fallbackLabel });
+	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]);
+	if (item) return /* @__PURE__ */ jsx(ObjectArrayField, {
+		name,
+		label,
+		description,
+		placeholder,
+		required,
+		disabled,
+		localized,
+		locale,
+		item,
+		mode,
+		layout,
+		columns,
+		itemLabel,
+		orderable,
+		minItems,
+		maxItems
+	});
+	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 = resolvedPlaceholder || `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 ? resolveText(options.find((o) => o.value === itemValue)?.label) : itemPlaceholder
+				})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+				value: option.value,
+				children: resolveText(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: [
+						resolvedLabel,
+						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" })]
+			}),
+			resolvedDescription && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: resolvedDescription
+			}),
+			/* @__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: resolvedPlaceholder || emptyLabel
+					})
+				}) : 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",
+									"aria-label": "Move item up",
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: "ph:caret-up",
+										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",
+									"aria-label": "Move item down",
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: "ph:caret-down",
+										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",
+								"aria-label": "Remove item",
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "ph:trash",
+									className: "h-3 w-3"
+								})
+							})
+						]
+					}, field.id);
+				})
+			}),
+			!readOnly && canAddMore && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				onClick: handleAdd,
+				disabled,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:plus",
+					className: "h-4 w-4"
+				}), addLabel]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-destructive",
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+export { ArrayField };
+//# sourceMappingURL=array-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"array-field.mjs","names":["React","value"],"sources":["../../../../src/client/components/fields/array-field.tsx"],"sourcesContent":["/**\n * ArrayField Component\n *\n * Handles arrays of primitive values or objects with optional ordering.\n * When `item` prop is provided, delegates to ObjectArrayField for object items.\n */\n\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { useFieldArray, useFormContext, useWatch } from \"react-hook-form\";\nimport type { FieldComponentProps } from \"../../builder\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport { Select, SelectContent, SelectItem, SelectTrigger } from \"../ui/select\";\nimport { Textarea } from \"../ui/textarea\";\nimport type { ArrayFieldConfig } from \"./field-types\";\nimport { LocaleBadge } from \"./locale-badge\";\nimport { ObjectArrayField } from \"./object-array-field\";\n\nexport type ArrayFieldItemType =\n  | \"text\"\n  | \"number\"\n  | \"email\"\n  | \"textarea\"\n  | \"select\";\n\nexport interface ArrayFieldProps\n  extends\n    FieldComponentProps<any[]>,\n    Pick<\n      ArrayFieldConfig,\n      \"item\" | \"mode\" | \"layout\" | \"columns\" | \"itemLabel\"\n    > {\n  itemType?: ArrayFieldItemType;\n  options?: Array<{ label: string; value: any }>;\n  orderable?: boolean;\n  minItems?: number;\n  maxItems?: number;\n}\n\nexport function ArrayField({\n  name,\n  value,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  readOnly,\n  error,\n  localized,\n  locale,\n  itemType = \"text\",\n  options,\n  orderable = false,\n  minItems,\n  maxItems,\n  // Object array props\n  item,\n  mode,\n  layout,\n  columns,\n  itemLabel,\n}: ArrayFieldProps) {\n  const { t } = useTranslation();\n  const resolveText = useResolveText();\n  const resolvedPlaceholder = placeholder\n    ? resolveText(placeholder)\n    : undefined;\n  const resolvedDescription = description\n    ? resolveText(description)\n    : undefined;\n  const resolvedLabel = label ? resolveText(label) : undefined;\n  const fallbackLabel = resolvedLabel || \"item\";\n  const emptyLabel = t(\"array.empty\", { name: fallbackLabel });\n  const addLabel = t(\"array.addItem\", { name: fallbackLabel });\n  const form = useFormContext();\n  const { control } = form;\n  const { fields, append, remove, move } = useFieldArray({ control, name });\n  const values = (useWatch({ control, name }) as any[] | undefined) ?? value;\n\n  const canAddMore = !maxItems || fields.length < maxItems;\n  const canRemove = !readOnly && (!minItems || fields.length > minItems);\n\n  const createEmptyItem = React.useCallback(() => {\n    if (itemType === \"number\") return undefined;\n    if (itemType === \"select\") {\n      return options?.[0]?.value ?? \"\";\n    }\n    return \"\";\n  }, [itemType, options]);\n\n  // Delegate to ObjectArrayField if item prop is provided (object array)\n  if (item) {\n    return (\n      <ObjectArrayField\n        name={name}\n        label={label}\n        description={description}\n        placeholder={placeholder}\n        required={required}\n        disabled={disabled}\n        localized={localized}\n        locale={locale}\n        item={item}\n        mode={mode}\n        layout={layout}\n        columns={columns}\n        itemLabel={itemLabel}\n        orderable={orderable}\n        minItems={minItems}\n        maxItems={maxItems}\n      />\n    );\n  }\n\n  // Primitive array handling below\n\n  const handleAdd = () => {\n    if (disabled || readOnly || !canAddMore) return;\n    append(createEmptyItem());\n  };\n\n  const handleRemove = (index: number) => {\n    if (!canRemove) return;\n    remove(index);\n  };\n\n  const handleMove = (from: number, to: number) => {\n    if (to < 0 || to >= fields.length) return;\n    move(from, to);\n  };\n\n  const renderItemInput = (index: number) => {\n    const itemName = `${name}.${index}`;\n    const itemValue = values?.[index];\n    const itemPlaceholder = resolvedPlaceholder || `Item ${index + 1}`;\n\n    if (itemType === \"textarea\") {\n      return (\n        <Textarea\n          id={itemName}\n          placeholder={itemPlaceholder}\n          disabled={disabled || readOnly}\n          defaultValue={itemValue ?? \"\"}\n          {...form.register(itemName)}\n        />\n      );\n    }\n\n    if (itemType === \"select\") {\n      return (\n        <Select\n          value={itemValue ?? \"\"}\n          onValueChange={(value) =>\n            form.setValue(itemName, value, {\n              shouldDirty: true,\n              shouldTouch: true,\n            })\n          }\n          disabled={disabled || readOnly}\n        >\n          <SelectTrigger id={itemName}>\n            <span className=\"truncate\">\n              {options?.find((o) => o.value === itemValue)?.label\n                ? resolveText(options.find((o) => o.value === itemValue)?.label)\n                : itemPlaceholder}\n            </span>\n          </SelectTrigger>\n          <SelectContent>\n            {options?.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {resolveText(option.label)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      );\n    }\n\n    return (\n      <Input\n        id={itemName}\n        type={itemType === \"email\" ? \"email\" : itemType}\n        placeholder={itemPlaceholder}\n        disabled={disabled || readOnly}\n        defaultValue={itemValue ?? \"\"}\n        {...form.register(\n          itemName,\n          itemType === \"number\" ? { valueAsNumber: true } : undefined,\n        )}\n      />\n    );\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {label && (\n        <div className=\"flex items-center gap-2\">\n          <label htmlFor={name} className=\"text-sm font-medium\">\n            {resolvedLabel}\n            {required && <span className=\"text-destructive\">*</span>}\n            {maxItems && (\n              <span className=\"ml-2 text-xs text-muted-foreground\">\n                ({fields.length}/{maxItems})\n              </span>\n            )}\n          </label>\n          {localized && <LocaleBadge locale={locale || \"i18n\"} />}\n        </div>\n      )}\n      {resolvedDescription && (\n        <p className=\"text-sm text-muted-foreground\">{resolvedDescription}</p>\n      )}\n\n      <div className=\"space-y-2\">\n        {fields.length === 0 ? (\n          <div className=\"rounded-lg border border-dashed p-4 text-center\">\n            <p className=\"text-sm text-muted-foreground\">\n              {resolvedPlaceholder || emptyLabel}\n            </p>\n          </div>\n        ) : (\n          fields.map((field, index) => {\n            const canMoveUp = orderable && index > 0;\n            const canMoveDown = orderable && index < fields.length - 1;\n\n            return (\n              <div key={field.id} className=\"flex items-start gap-2\">\n                <div className=\"flex-1\">{renderItemInput(index)}</div>\n                {orderable && !readOnly && (\n                  <div className=\"flex flex-col gap-1\">\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-6 w-6\"\n                      onClick={() => handleMove(index, index - 1)}\n                      disabled={!canMoveUp || disabled}\n                      title=\"Move up\"\n                      aria-label=\"Move item up\"\n                    >\n                      <Icon icon=\"ph:caret-up\" className=\"h-3 w-3\" />\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-6 w-6\"\n                      onClick={() => handleMove(index, index + 1)}\n                      disabled={!canMoveDown || disabled}\n                      title=\"Move down\"\n                      aria-label=\"Move item down\"\n                    >\n                      <Icon icon=\"ph:caret-down\" className=\"h-3 w-3\" />\n                    </Button>\n                  </div>\n                )}\n                {!readOnly && canRemove && (\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    className=\"h-6 w-6\"\n                    onClick={() => handleRemove(index)}\n                    disabled={disabled}\n                    title=\"Remove\"\n                    aria-label=\"Remove item\"\n                  >\n                    <Icon icon=\"ph:trash\" className=\"h-3 w-3\" />\n                  </Button>\n                )}\n              </div>\n            );\n          })\n        )}\n      </div>\n\n      {!readOnly && canAddMore && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAdd}\n          disabled={disabled}\n        >\n          <Icon icon=\"ph:plus\" className=\"h-4 w-4\" />\n          {addLabel}\n        </Button>\n      )}\n\n      {error && <p className=\"text-sm text-destructive\">{error}</p>}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/components/fields/asset-preview-field.d.mts

@@ -0,0 +1,52 @@
+import { I18nText } from "../../i18n/types.mjs";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
+
+//#region src/client/components/fields/asset-preview-field.d.ts
+
+interface AssetPreviewFieldProps {
+  /**
+   * Field name (not used for value, just for form integration)
+   */
+  name?: string;
+  /**
+   * Label for the field (supports I18nText)
+   */
+  label?: I18nText;
+  /**
+   * Description text (supports I18nText)
+   */
+  description?: I18nText;
+  /**
+   * Additional className
+   */
+  className?: string;
+  /**
+   * URL field name to watch (defaults to "url")
+   */
+  urlField?: string;
+  /**
+   * MIME type field name to watch (defaults to "mimeType")
+   */
+  mimeTypeField?: string;
+  /**
+   * Filename field name to watch (defaults to "filename")
+   */
+  filenameField?: string;
+  /**
+   * Alt text field name to watch (defaults to "alt")
+   */
+  altField?: string;
+}
+declare function AssetPreviewField({
+  name,
+  label,
+  description,
+  className,
+  urlField,
+  mimeTypeField,
+  filenameField,
+  altField
+}: AssetPreviewFieldProps): react_jsx_runtime204.JSX.Element;
+//#endregion
+export { AssetPreviewField, AssetPreviewFieldProps };
+//# sourceMappingURL=asset-preview-field.d.mts.map

package/dist/client/components/fields/asset-preview-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-preview-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/asset-preview-field.tsx"],"sourcesContent":[],"mappings":";;;;;AAiFyB,UAvDR,sBAAA,CAuDQ;EAAA;;;;;;;UA9Cf;;;;gBAKM;;;;;;;;;;;;;;;;;;;;;;iBAgCA,iBAAA;;;;;;;;;GASb,yBAAsB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/asset-preview-field.mjs

@@ -0,0 +1,60 @@
+import { cn } from "../../lib/utils.mjs";
+import { AssetThumbnail } from "../../views/collection/cells/shared/asset-thumbnail.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/asset-preview-field.tsx
+function AssetPreviewField({ name = "preview", label = "Preview", description, className, urlField = "url", mimeTypeField = "mimeType", filenameField = "filename", altField = "alt" }) {
+	const form = useFormContext();
+	const url = useWatch({
+		control: form?.control,
+		name: urlField
+	});
+	const mimeType = useWatch({
+		control: form?.control,
+		name: mimeTypeField
+	});
+	const filename = useWatch({
+		control: form?.control,
+		name: filenameField
+	});
+	const alt = useWatch({
+		control: form?.control,
+		name: altField
+	});
+	const asset = url ? {
+		url,
+		mimeType,
+		filename,
+		alt
+	} : null;
+	if (!asset) return /* @__PURE__ */ jsx(FieldWrapper, {
+		name,
+		label,
+		description,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex items-center justify-center rounded-lg border border-dashed p-8", "bg-muted/30 text-muted-foreground", className),
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm",
+				children: "No preview available"
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(FieldWrapper, {
+		name,
+		label,
+		description,
+		children: /* @__PURE__ */ jsx(AssetThumbnail, {
+			asset,
+			size: "lg",
+			showControls: true,
+			className
+		})
+	});
+}
+
+//#endregion
+export { AssetPreviewField };
+//# sourceMappingURL=asset-preview-field.mjs.map

package/dist/client/components/fields/asset-preview-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-preview-field.mjs","names":[],"sources":["../../../../src/client/components/fields/asset-preview-field.tsx"],"sourcesContent":["/**\n * AssetPreviewField Component\n *\n * Read-only field that displays the current asset's preview (image/video/file).\n * Used in the assets collection form to show a preview of the uploaded file.\n *\n * @example\n * ```tsx\n * <AssetPreviewField\n *   name=\"url\"\n *   label=\"Preview\"\n * />\n * ```\n */\n\nimport * as React from \"react\";\nimport { useFormContext, useWatch } from \"react-hook-form\";\nimport type { I18nText } from \"../../i18n/types\";\nimport { cn } from \"../../lib/utils\";\nimport { AssetThumbnail } from \"../../views/collection/cells\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface AssetPreviewFieldProps {\n  /**\n   * Field name (not used for value, just for form integration)\n   */\n  name?: string;\n\n  /**\n   * Label for the field (supports I18nText)\n   */\n  label?: I18nText;\n\n  /**\n   * Description text (supports I18nText)\n   */\n  description?: I18nText;\n\n  /**\n   * Additional className\n   */\n  className?: string;\n\n  /**\n   * URL field name to watch (defaults to \"url\")\n   */\n  urlField?: string;\n\n  /**\n   * MIME type field name to watch (defaults to \"mimeType\")\n   */\n  mimeTypeField?: string;\n\n  /**\n   * Filename field name to watch (defaults to \"filename\")\n   */\n  filenameField?: string;\n\n  /**\n   * Alt text field name to watch (defaults to \"alt\")\n   */\n  altField?: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function AssetPreviewField({\n  name = \"preview\",\n  label = \"Preview\",\n  description,\n  className,\n  urlField = \"url\",\n  mimeTypeField = \"mimeType\",\n  filenameField = \"filename\",\n  altField = \"alt\",\n}: AssetPreviewFieldProps) {\n  const form = useFormContext();\n\n  // Watch the relevant fields\n  const url = useWatch({ control: form?.control, name: urlField }) as\n    | string\n    | undefined;\n  const mimeType = useWatch({ control: form?.control, name: mimeTypeField }) as\n    | string\n    | undefined;\n  const filename = useWatch({ control: form?.control, name: filenameField }) as\n    | string\n    | undefined;\n  const alt = useWatch({ control: form?.control, name: altField }) as\n    | string\n    | undefined;\n\n  // Build asset object for AssetThumbnail\n  const asset = url\n    ? {\n        url,\n        mimeType,\n        filename,\n        alt,\n      }\n    : null;\n\n  // No URL means no preview available\n  if (!asset) {\n    return (\n      <FieldWrapper name={name} label={label} description={description}>\n        <div\n          className={cn(\n            \"flex items-center justify-center rounded-lg border border-dashed p-8\",\n            \"bg-muted/30 text-muted-foreground\",\n            className,\n          )}\n        >\n          <p className=\"text-sm\">No preview available</p>\n        </div>\n      </FieldWrapper>\n    );\n  }\n\n  return (\n    <FieldWrapper name={name} label={label} description={description}>\n      <AssetThumbnail\n        asset={asset}\n        size=\"lg\"\n        showControls\n        className={className}\n      />\n    </FieldWrapper>\n  );\n}\n"],"mappings":";;;;;;;;AAwEA,SAAgB,kBAAkB,EAChC,OAAO,WACP,QAAQ,WACR,aACA,WACA,WAAW,OACX,gBAAgB,YAChB,gBAAgB,YAChB,WAAW,SACc;CACzB,MAAM,OAAO,gBAAgB;CAG7B,MAAM,MAAM,SAAS;EAAE,SAAS,MAAM;EAAS,MAAM;EAAU,CAAC;CAGhE,MAAM,WAAW,SAAS;EAAE,SAAS,MAAM;EAAS,MAAM;EAAe,CAAC;CAG1E,MAAM,WAAW,SAAS;EAAE,SAAS,MAAM;EAAS,MAAM;EAAe,CAAC;CAG1E,MAAM,MAAM,SAAS;EAAE,SAAS,MAAM;EAAS,MAAM;EAAU,CAAC;CAKhE,MAAM,QAAQ,MACV;EACE;EACA;EACA;EACA;EACD,GACD;AAGJ,KAAI,CAAC,MACH,QACE,oBAAC;EAAmB;EAAa;EAAoB;YACnD,oBAAC;GACC,WAAW,GACT,wEACA,qCACA,UACD;aAED,oBAAC;IAAE,WAAU;cAAU;KAAwB;IAC3C;GACO;AAInB,QACE,oBAAC;EAAmB;EAAa;EAAoB;YACnD,oBAAC;GACQ;GACP,MAAK;GACL;GACW;IACX;GACW"}

package/dist/client/components/fields/blocks-field/blocks-field.d.mts

@@ -0,0 +1,41 @@
+import { BaseFieldProps } from "../../../builder/types/common.mjs";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
+
+//#region src/client/components/fields/blocks-field/blocks-field.d.ts
+
+/**
+ * Blocks field configuration.
+ *
+ * @typeParam TAllowed - Union of allowed block type names (inferred from admin registry)
+ */
+type BlocksFieldConfig<TAllowed extends string = string> = {
+  /** Allowed block types (if not set, all registered blocks are allowed) */
+  allowedBlocks?: TAllowed[];
+  /** Minimum number of blocks */
+  minBlocks?: number;
+  /** Maximum number of blocks */
+  maxBlocks?: number;
+};
+type BlocksFieldProps = BaseFieldProps & BlocksFieldConfig;
+/**
+ * Blocks field component.
+ *
+ * Renders the visual block editor for editing block content.
+ */
+declare function BlocksField({
+  name,
+  value,
+  onChange,
+  label,
+  description,
+  error,
+  required,
+  disabled,
+  readOnly,
+  allowedBlocks,
+  minBlocks,
+  maxBlocks
+}: BlocksFieldProps): react_jsx_runtime235.JSX.Element;
+//#endregion
+export { BlocksField, BlocksFieldConfig, BlocksFieldProps };
+//# sourceMappingURL=blocks-field.d.mts.map

package/dist/client/components/fields/blocks-field/blocks-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks-field.d.mts","names":[],"sources":["../../../../../src/client/components/fields/blocks-field/blocks-field.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAsDC,KAtBW,iBAsBX,CAAA,iBAAA,MAAA,GAAA,MAAA,CAAA,GAAA;EACA;EACA,aAAA,CAAA,EAtBgB,QAsBhB,EAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;CACE;AAAgB,KApBP,gBAAA,GAAmB,cAoBZ,GApB6B,iBAoB7B;;;;;;iBAbH,WAAA;;;;;;;;;;;;;GAab,mBAAgB,oBAAA,CAAA,GAAA,CAAA"}