@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,88 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { SelectSingle } from "../primitives/select-single.mjs";
+import { SelectMulti } from "../primitives/select-multi.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+
+//#region src/client/components/fields/select-field.tsx
+function SelectField(t0) {
+	const $ = c(20);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, options, loadOptions, multiple, clearable, maxSelections, emptyMessage } = t0;
+	const resolvedControl = useResolvedControl(control);
+	let t1;
+	if ($[0] !== className || $[1] !== clearable || $[2] !== description || $[3] !== disabled || $[4] !== emptyMessage || $[5] !== label || $[6] !== loadOptions || $[7] !== locale || $[8] !== localized || $[9] !== maxSelections || $[10] !== multiple || $[11] !== name || $[12] !== options || $[13] !== placeholder || $[14] !== required) {
+		t1 = (t2$1) => {
+			const { field, fieldState } = t2$1;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: multiple ? /* @__PURE__ */ jsx(SelectMulti, {
+					id: name,
+					value: Array.isArray(field.value) ? field.value : field.value != null ? [field.value] : [],
+					onChange: field.onChange,
+					options,
+					loadOptions,
+					maxSelections,
+					emptyMessage,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-select-field", className)
+				}) : /* @__PURE__ */ jsx(SelectSingle, {
+					id: name,
+					value: field.value ?? null,
+					onChange: field.onChange,
+					options,
+					loadOptions,
+					clearable,
+					emptyMessage,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-select-field", className)
+				})
+			});
+		};
+		$[0] = className;
+		$[1] = clearable;
+		$[2] = description;
+		$[3] = disabled;
+		$[4] = emptyMessage;
+		$[5] = label;
+		$[6] = loadOptions;
+		$[7] = locale;
+		$[8] = localized;
+		$[9] = maxSelections;
+		$[10] = multiple;
+		$[11] = name;
+		$[12] = options;
+		$[13] = placeholder;
+		$[14] = required;
+		$[15] = t1;
+	} else t1 = $[15];
+	let t2;
+	if ($[16] !== name || $[17] !== resolvedControl || $[18] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[16] = name;
+		$[17] = resolvedControl;
+		$[18] = t1;
+		$[19] = t2;
+	} else t2 = $[19];
+	return t2;
+}
+
+//#endregion
+export { SelectField };

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

@@ -0,0 +1,72 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { TextInput } from "../primitives/text-input.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+
+//#region src/client/components/fields/text-field.tsx
+function TextField(t0) {
+	const $ = c(17);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, type: t1, maxLength, autoComplete } = t0;
+	const type = t1 === void 0 ? "text" : t1;
+	const resolvedControl = useResolvedControl(control);
+	let t2;
+	if ($[0] !== autoComplete || $[1] !== className || $[2] !== description || $[3] !== disabled || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== maxLength || $[8] !== name || $[9] !== placeholder || $[10] !== required || $[11] !== type) {
+		t2 = (t3$1) => {
+			const { field, fieldState } = t3$1;
+			return /* @__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,
+					placeholder,
+					disabled,
+					maxLength,
+					autoComplete,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-text-field", className)
+				})
+			});
+		};
+		$[0] = autoComplete;
+		$[1] = className;
+		$[2] = description;
+		$[3] = disabled;
+		$[4] = label;
+		$[5] = locale;
+		$[6] = localized;
+		$[7] = maxLength;
+		$[8] = name;
+		$[9] = placeholder;
+		$[10] = required;
+		$[11] = type;
+		$[12] = t2;
+	} else t2 = $[12];
+	let t3;
+	if ($[13] !== name || $[14] !== resolvedControl || $[15] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t2
+		});
+		$[13] = name;
+		$[14] = resolvedControl;
+		$[15] = t2;
+		$[16] = t3;
+	} else t3 = $[16];
+	return t3;
+}
+
+//#endregion
+export { TextField };

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

@@ -0,0 +1,71 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { TextareaInput } from "../primitives/textarea-input.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+
+//#region src/client/components/fields/textarea-field.tsx
+function TextareaField(t0) {
+	const $ = c(17);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, rows, maxLength, autoResize } = t0;
+	const resolvedControl = useResolvedControl(control);
+	let t1;
+	if ($[0] !== autoResize || $[1] !== className || $[2] !== description || $[3] !== disabled || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== maxLength || $[8] !== name || $[9] !== placeholder || $[10] !== required || $[11] !== rows) {
+		t1 = (t2$1) => {
+			const { field, fieldState } = t2$1;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(TextareaInput, {
+					id: name,
+					value: field.value ?? "",
+					onChange: field.onChange,
+					placeholder,
+					disabled,
+					rows,
+					maxLength,
+					autoResize,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-textarea-field", className)
+				})
+			});
+		};
+		$[0] = autoResize;
+		$[1] = className;
+		$[2] = description;
+		$[3] = disabled;
+		$[4] = label;
+		$[5] = locale;
+		$[6] = localized;
+		$[7] = maxLength;
+		$[8] = name;
+		$[9] = placeholder;
+		$[10] = required;
+		$[11] = rows;
+		$[12] = t1;
+	} else t1 = $[12];
+	let t2;
+	if ($[13] !== name || $[14] !== resolvedControl || $[15] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[13] = name;
+		$[14] = resolvedControl;
+		$[15] = t1;
+		$[16] = t2;
+	} else t2 = $[16];
+	return t2;
+}
+
+//#endregion
+export { TextareaField };

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

@@ -0,0 +1,67 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { TimeInput } from "../primitives/time-input.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+
+//#region src/client/components/fields/time-field.tsx
+function TimeField(t0) {
+	const $ = c(15);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, precision } = t0;
+	const resolvedControl = useResolvedControl(control);
+	let t1;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== label || $[4] !== locale || $[5] !== localized || $[6] !== name || $[7] !== placeholder || $[8] !== precision || $[9] !== required) {
+		t1 = (t2$1) => {
+			const { field, fieldState } = t2$1;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(TimeInput, {
+					id: name,
+					value: field.value ?? null,
+					onChange: field.onChange,
+					precision,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-time-field", className)
+				})
+			});
+		};
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = label;
+		$[4] = locale;
+		$[5] = localized;
+		$[6] = name;
+		$[7] = placeholder;
+		$[8] = precision;
+		$[9] = required;
+		$[10] = t1;
+	} else t1 = $[10];
+	let t2;
+	if ($[11] !== name || $[12] !== resolvedControl || $[13] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[11] = name;
+		$[12] = resolvedControl;
+		$[13] = t1;
+		$[14] = t2;
+	} else t2 = $[14];
+	return t2;
+}
+
+//#endregion
+export { TimeField };