@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/primitives/checkbox-input.mjs

@@ -2,7 +2,6 @@
 
 import { cn } from "../../lib/utils.mjs";
 import { Checkbox } from "../ui/checkbox.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/primitives/checkbox-input.tsx
@@ -19,40 +18,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function CheckboxInput(t0) {
-	const $ = c(11);
-	const { value, onChange, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
-	let t1;
-	if ($[0] !== onChange) {
-		t1 = (checked) => onChange(checked === true);
-		$[0] = onChange;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== className) {
-		t2 = cn("qa-checkbox-input", className);
-		$[2] = className;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== ariaInvalid || $[5] !== disabled || $[6] !== id || $[7] !== t1 || $[8] !== t2 || $[9] !== value) {
-		t3 = /* @__PURE__ */ jsx(Checkbox, {
-			id,
-			checked: value,
-			onCheckedChange: t1,
-			disabled,
-			"aria-invalid": ariaInvalid,
-			className: t2
-		});
-		$[4] = ariaInvalid;
-		$[5] = disabled;
-		$[6] = id;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = value;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
+function CheckboxInput({ value, onChange, disabled, className, id, "aria-invalid": ariaInvalid }) {
+	return /* @__PURE__ */ jsx(Checkbox, {
+		id,
+		checked: value,
+		onCheckedChange: (checked) => onChange(checked === true),
+		disabled,
+		"aria-invalid": ariaInvalid,
+		className: cn("qa-checkbox-input", className)
+	});
 }
 
 //#endregion

package/dist/client/components/primitives/date-input.mjs

@@ -3,7 +3,6 @@
 import { useDateFnsLocale, useResolveText } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -49,149 +48,59 @@ const datePopoverClassName = "floating-surface w-auto p-1";
 * />
 * ```
 */
-function DateInput(t0) {
-	const $ = c(39);
-	const { value, onChange, minDate, maxDate, format: t1, placeholder: t2, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
-	const dateFormat = t1 === void 0 ? "PP" : t1;
-	const placeholder = t2 === void 0 ? "Select date" : t2;
+function DateInput({ value, onChange, minDate, maxDate, format: dateFormat = "PP", placeholder = "Select date", disabled, className, id, "aria-invalid": ariaInvalid }) {
 	const resolveText = useResolveText();
 	const dateFnsLocale = useDateFnsLocale();
 	const [open, setOpen] = useState(false);
-	let t3;
-	if ($[0] !== onChange) {
-		t3 = (date) => {
-			onChange(date ?? null);
-			setOpen(false);
-		};
-		$[0] = onChange;
-		$[1] = t3;
-	} else t3 = $[1];
-	const handleSelect = t3;
-	let t4;
-	if ($[2] !== onChange) {
-		t4 = (e) => {
-			e.stopPropagation();
-			onChange(null);
-		};
-		$[2] = onChange;
-		$[3] = t4;
-	} else t4 = $[3];
-	const handleClear = t4;
-	const t5 = open && openTriggerClassName;
-	const t6 = !value && "text-muted-foreground";
-	let t7;
-	if ($[4] !== className || $[5] !== t5 || $[6] !== t6) {
-		t7 = cn("qa-date-input", dateTriggerClassName, t5, t6, className);
-		$[4] = className;
-		$[5] = t5;
-		$[6] = t6;
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:calendar-blank",
-			className: "size-4"
-		});
-		$[8] = t8;
-	} else t8 = $[8];
-	let t9;
-	if ($[9] !== dateFormat || $[10] !== placeholder || $[11] !== resolveText || $[12] !== value) {
-		t9 = value ? format(value, dateFormat) : resolveText(placeholder);
-		$[9] = dateFormat;
-		$[10] = placeholder;
-		$[11] = resolveText;
-		$[12] = value;
-		$[13] = t9;
-	} else t9 = $[13];
-	let t10;
-	if ($[14] !== t9) {
-		t10 = /* @__PURE__ */ jsx("span", {
-			className: "flex-1 text-left",
-			children: t9
-		});
-		$[14] = t9;
-		$[15] = t10;
-	} else t10 = $[15];
-	let t11;
-	if ($[16] !== disabled || $[17] !== handleClear || $[18] !== value) {
-		t11 = value && !disabled && /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:x",
-			className: "size-4 opacity-50 hover:opacity-100",
-			onClick: handleClear
-		});
-		$[16] = disabled;
-		$[17] = handleClear;
-		$[18] = value;
-		$[19] = t11;
-	} else t11 = $[19];
-	let t12;
-	if ($[20] !== ariaInvalid || $[21] !== disabled || $[22] !== id || $[23] !== t10 || $[24] !== t11 || $[25] !== t7) {
-		t12 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+	const handleSelect = (date) => {
+		onChange(date ?? null);
+		setOpen(false);
+	};
+	const handleClear = (e) => {
+		e.stopPropagation();
+		onChange(null);
+	};
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
 			id,
 			disabled,
 			"aria-invalid": ariaInvalid,
-			className: t7,
+			className: cn("qa-date-input", dateTriggerClassName, open && openTriggerClassName, !value && "text-muted-foreground", className),
 			children: [
-				t8,
-				t10,
-				t11
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:calendar-blank",
+					className: "size-4"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1 text-left",
+					children: value ? format(value, dateFormat) : resolveText(placeholder)
+				}),
+				value && !disabled && /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:x",
+					className: "size-4 opacity-50 hover:opacity-100",
+					onClick: handleClear
+				})
 			]
-		});
-		$[20] = ariaInvalid;
-		$[21] = disabled;
-		$[22] = id;
-		$[23] = t10;
-		$[24] = t11;
-		$[25] = t7;
-		$[26] = t12;
-	} else t12 = $[26];
-	const t13 = value ?? void 0;
-	let t14;
-	if ($[27] !== maxDate || $[28] !== minDate) {
-		t14 = (date_0) => {
-			if (minDate && date_0 < minDate) return true;
-			if (maxDate && date_0 > maxDate) return true;
-			return false;
-		};
-		$[27] = maxDate;
-		$[28] = minDate;
-		$[29] = t14;
-	} else t14 = $[29];
-	let t15;
-	if ($[30] !== dateFnsLocale || $[31] !== handleSelect || $[32] !== t13 || $[33] !== t14) {
-		t15 = /* @__PURE__ */ jsx(PopoverContent, {
+		}), /* @__PURE__ */ jsx(PopoverContent, {
 			className: datePopoverClassName,
 			align: "start",
 			children: /* @__PURE__ */ jsx(DayPicker, {
 				mode: "single",
-				selected: t13,
+				selected: value ?? void 0,
 				onSelect: handleSelect,
 				locale: dateFnsLocale,
-				disabled: t14,
+				disabled: (date) => {
+					if (minDate && date < minDate) return true;
+					if (maxDate && date > maxDate) return true;
+					return false;
+				},
 				className: "qa-date-picker font-chrome p-2",
 				classNames: datePickerClassNames
 			})
-		});
-		$[30] = dateFnsLocale;
-		$[31] = handleSelect;
-		$[32] = t13;
-		$[33] = t14;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== open || $[36] !== t12 || $[37] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(Popover, {
-			open,
-			onOpenChange: setOpen,
-			children: [t12, t15]
-		});
-		$[35] = open;
-		$[36] = t12;
-		$[37] = t15;
-		$[38] = t16;
-	} else t16 = $[38];
-	return t16;
+		})]
+	});
 }
 /**
 * DateTime Input Primitive
@@ -207,217 +116,90 @@ function DateInput(t0) {
 * />
 * ```
 */
-function DateTimeInput(t0) {
-	const $ = c(54);
-	const { value, onChange, minDate, maxDate, format: t1, precision: t2, placeholder: t3, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
-	const dateFormat = t1 === void 0 ? "PPp" : t1;
-	const precision = t2 === void 0 ? "minute" : t2;
-	const placeholder = t3 === void 0 ? "Select date and time" : t3;
+function DateTimeInput({ value, onChange, minDate, maxDate, format: dateFormat = "PPp", precision = "minute", placeholder = "Select date and time", disabled, className, id, "aria-invalid": ariaInvalid }) {
 	const resolveText = useResolveText();
 	const dateFnsLocale = useDateFnsLocale();
 	const [open, setOpen] = useState(false);
-	let t4;
-	if ($[0] !== precision || $[1] !== value) {
-		t4 = () => {
-			if (!value) return "";
-			return precision === "second" ? format(value, "HH:mm:ss") : format(value, "HH:mm");
-		};
-		$[0] = precision;
-		$[1] = value;
-		$[2] = t4;
-	} else t4 = $[2];
-	const [timeValue, setTimeValue] = useState(t4);
-	let t5;
-	if ($[3] !== onChange || $[4] !== timeValue) {
-		t5 = (date) => {
-			if (!date) {
-				onChange(null);
-				return;
-			}
-			if (timeValue) {
-				const [hours, minutes, seconds] = timeValue.split(":").map(Number);
-				date.setHours(hours || 0, minutes || 0, seconds || 0);
-			}
-			onChange(date);
-		};
-		$[3] = onChange;
-		$[4] = timeValue;
-		$[5] = t5;
-	} else t5 = $[5];
-	const handleDateSelect = t5;
-	let t6;
-	if ($[6] !== onChange || $[7] !== value) {
-		t6 = (e) => {
-			const time = e.target.value;
-			setTimeValue(time);
-			if (value && time) {
-				const [hours_0, minutes_0, seconds_0] = time.split(":").map(Number);
-				const newDate = new Date(value);
-				newDate.setHours(hours_0 || 0, minutes_0 || 0, seconds_0 || 0);
-				onChange(newDate);
-			}
-		};
-		$[6] = onChange;
-		$[7] = value;
-		$[8] = t6;
-	} else t6 = $[8];
-	const handleTimeChange = t6;
-	let t7;
-	if ($[9] !== onChange) {
-		t7 = (e_0) => {
-			e_0.stopPropagation();
+	const [timeValue, setTimeValue] = useState(() => {
+		if (!value) return "";
+		return precision === "second" ? format(value, "HH:mm:ss") : format(value, "HH:mm");
+	});
+	const handleDateSelect = (date) => {
+		if (!date) {
 			onChange(null);
-			setTimeValue("");
-		};
-		$[9] = onChange;
-		$[10] = t7;
-	} else t7 = $[10];
-	const handleClear = t7;
-	const t8 = open && openTriggerClassName;
-	const t9 = !value && "text-muted-foreground";
-	let t10;
-	if ($[11] !== className || $[12] !== t8 || $[13] !== t9) {
-		t10 = cn("qa-datetime-input", dateTriggerClassName, t8, t9, className);
-		$[11] = className;
-		$[12] = t8;
-		$[13] = t9;
-		$[14] = t10;
-	} else t10 = $[14];
-	let t11;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:calendar-blank",
-			className: "size-4"
-		});
-		$[15] = t11;
-	} else t11 = $[15];
-	let t12;
-	if ($[16] !== dateFormat || $[17] !== placeholder || $[18] !== resolveText || $[19] !== value) {
-		t12 = value ? format(value, dateFormat) : resolveText(placeholder);
-		$[16] = dateFormat;
-		$[17] = placeholder;
-		$[18] = resolveText;
-		$[19] = value;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== t12) {
-		t13 = /* @__PURE__ */ jsx("span", {
-			className: "flex-1 text-left",
-			children: t12
-		});
-		$[21] = t12;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== disabled || $[24] !== handleClear || $[25] !== value) {
-		t14 = value && !disabled && /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:x",
-			className: "size-4 opacity-50 hover:opacity-100",
-			onClick: handleClear
-		});
-		$[23] = disabled;
-		$[24] = handleClear;
-		$[25] = value;
-		$[26] = t14;
-	} else t14 = $[26];
-	let t15;
-	if ($[27] !== ariaInvalid || $[28] !== disabled || $[29] !== id || $[30] !== t10 || $[31] !== t13 || $[32] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+			return;
+		}
+		if (timeValue) {
+			const [hours, minutes, seconds] = timeValue.split(":").map(Number);
+			date.setHours(hours || 0, minutes || 0, seconds || 0);
+		}
+		onChange(date);
+	};
+	const handleTimeChange = (e) => {
+		const time = e.target.value;
+		setTimeValue(time);
+		if (value && time) {
+			const [hours, minutes, seconds] = time.split(":").map(Number);
+			const newDate = new Date(value);
+			newDate.setHours(hours || 0, minutes || 0, seconds || 0);
+			onChange(newDate);
+		}
+	};
+	const handleClear = (e) => {
+		e.stopPropagation();
+		onChange(null);
+		setTimeValue("");
+	};
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
 			id,
 			disabled,
 			"aria-invalid": ariaInvalid,
-			className: t10,
+			className: cn("qa-datetime-input", dateTriggerClassName, open && openTriggerClassName, !value && "text-muted-foreground", className),
 			children: [
-				t11,
-				t13,
-				t14
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:calendar-blank",
+					className: "size-4"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1 text-left",
+					children: value ? format(value, dateFormat) : resolveText(placeholder)
+				}),
+				value && !disabled && /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:x",
+					className: "size-4 opacity-50 hover:opacity-100",
+					onClick: handleClear
+				})
 			]
-		});
-		$[27] = ariaInvalid;
-		$[28] = disabled;
-		$[29] = id;
-		$[30] = t10;
-		$[31] = t13;
-		$[32] = t14;
-		$[33] = t15;
-	} else t15 = $[33];
-	const t16 = value ?? void 0;
-	let t17;
-	if ($[34] !== maxDate || $[35] !== minDate) {
-		t17 = (date_0) => {
-			if (minDate && date_0 < minDate) return true;
-			if (maxDate && date_0 > maxDate) return true;
-			return false;
-		};
-		$[34] = maxDate;
-		$[35] = minDate;
-		$[36] = t17;
-	} else t17 = $[36];
-	let t18;
-	if ($[37] !== dateFnsLocale || $[38] !== handleDateSelect || $[39] !== t16 || $[40] !== t17) {
-		t18 = /* @__PURE__ */ jsx(DayPicker, {
-			mode: "single",
-			selected: t16,
-			onSelect: handleDateSelect,
-			locale: dateFnsLocale,
-			disabled: t17,
-			className: "qa-date-picker font-chrome p-2",
-			classNames: datePickerClassNames
-		});
-		$[37] = dateFnsLocale;
-		$[38] = handleDateSelect;
-		$[39] = t16;
-		$[40] = t17;
-		$[41] = t18;
-	} else t18 = $[41];
-	const t19 = precision === "second" ? 1 : 60;
-	let t20;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = cn("qa-time-input control-surface flex w-full px-3 py-2 text-sm", "focus-visible:border-border-strong focus-visible:ring-ring/20 focus-visible:ring-3 focus-visible:outline-none");
-		$[42] = t20;
-	} else t20 = $[42];
-	let t21;
-	if ($[43] !== handleTimeChange || $[44] !== t19 || $[45] !== timeValue) {
-		t21 = /* @__PURE__ */ jsx("div", {
-			className: "border-border-subtle bg-surface-low/60 border-t p-3",
-			children: /* @__PURE__ */ jsx("input", {
-				type: "time",
-				step: t19,
-				value: timeValue,
-				onChange: handleTimeChange,
-				className: t20
-			})
-		});
-		$[43] = handleTimeChange;
-		$[44] = t19;
-		$[45] = timeValue;
-		$[46] = t21;
-	} else t21 = $[46];
-	let t22;
-	if ($[47] !== t18 || $[48] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(PopoverContent, {
+		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			className: datePopoverClassName,
 			align: "start",
-			children: [t18, t21]
-		});
-		$[47] = t18;
-		$[48] = t21;
-		$[49] = t22;
-	} else t22 = $[49];
-	let t23;
-	if ($[50] !== open || $[51] !== t15 || $[52] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(Popover, {
-			open,
-			onOpenChange: setOpen,
-			children: [t15, t22]
-		});
-		$[50] = open;
-		$[51] = t15;
-		$[52] = t22;
-		$[53] = t23;
-	} else t23 = $[53];
-	return t23;
+			children: [/* @__PURE__ */ jsx(DayPicker, {
+				mode: "single",
+				selected: value ?? void 0,
+				onSelect: handleDateSelect,
+				locale: dateFnsLocale,
+				disabled: (date) => {
+					if (minDate && date < minDate) return true;
+					if (maxDate && date > maxDate) return true;
+					return false;
+				},
+				className: "qa-date-picker font-chrome p-2",
+				classNames: datePickerClassNames
+			}), /* @__PURE__ */ jsx("div", {
+				className: "border-border-subtle bg-surface-low/60 border-t p-3",
+				children: /* @__PURE__ */ jsx("input", {
+					type: "time",
+					step: precision === "second" ? 1 : 60,
+					value: timeValue,
+					onChange: handleTimeChange,
+					className: cn("qa-time-input control-surface flex w-full px-3 py-2 text-sm", "focus-visible:border-border-strong focus-visible:ring-ring/20 focus-visible:ring-3 focus-visible:outline-none")
+				})
+			})]
+		})]
+	});
 }
 
 //#endregion