@gen-epix/ui-core-form 4.0.2 → 4.2.0

package/dist/components/fields/DateRangePicker/index.js

@@ -1,14 +1,14 @@
 import { n as e } from "../../../_chunks/rolldown-runtime.js";
 import { a as t, n, o as r, r as i, s as a, t as o } from "../../../_chunks/isValid.js";
 import { _ as s, a as c, c as l, g as u, h as d, i as f, l as p, n as m, o as h, r as g, s as _, t as v, u as y, v as b } from "../../../_chunks/FormUtil.js";
-import { a as x, i as S, t as C } from "../../../_chunks/index.esm.js";
-import { FormFieldHelperText as ee } from "../../helpers/FormFieldHelperText/index.js";
-import { FormFieldLoadingIndicator as te } from "../../helpers/FormFieldLoadingIndicator/index.js";
-import { t as w } from "../../../_chunks/classnames.js";
-import { t as ne } from "../../../_chunks/sv.js";
-import { t as T } from "../../../_chunks/isEqual.js";
-import { DATE_FORMAT as E } from "@gen-epix/ui-core/constants/date";
-import { useCallback as D, useId as re, useMemo as O, useRef as ie } from "react";
+import { FormFieldHelperText as x } from "../../helpers/FormFieldHelperText/index.js";
+import { FormFieldLoadingIndicator as S } from "../../helpers/FormFieldLoadingIndicator/index.js";
+import { t as C } from "../../../_chunks/classnames.js";
+import { t as ee } from "../../../_chunks/sv.js";
+import { t as w } from "../../../_chunks/isEqual.js";
+import { DATE_FORMAT as T } from "@gen-epix/ui-core/constants/date";
+import { useCallback as E, useId as D, useMemo as O, useRef as te } from "react";
+import { Controller as ne, useFormContext as re, useWatch as ie } from "react-hook-form";
 import { useTranslation as ae } from "react-i18next";
 import { Box as oe, FormControl as se, FormHelperText as ce, FormLabel as le, IconButton as ue, useTheme as de } from "@mui/material";
 import fe from "@mui/icons-material/Clear";
@@ -1416,19 +1416,19 @@ function pt(e, t, n) {
 }
 //#endregion
 //#region src/components/fields/DateRangePicker/DateRangePicker.tsx
-var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateFormat: e = E.DATE, disabled: t = !1, infoMessage: n, label: r, loading: i = !1, maxDate: a, minDate: s, name: c, onChange: l, required: u = !1, warningMessage: d }) => {
-	let { control: f, formState: { errors: p } } = S(), h = v.getFieldErrorMessage(p, c), g = !!h, _ = !!d && !g, b = ie(null), w = ie(null), T = de(), M = re(), { t: N } = ae(), P = O(() => pt(/* @__PURE__ */ new Date(), 3), []), F = O(() => {
+var $ = /* @__PURE__ */ e(C(), 1), mt = /* @__PURE__ */ e(w(), 1), ht = ({ dateFormat: e = T.DATE, disabled: t = !1, infoMessage: n, label: r, loading: i = !1, maxDate: a, minDate: s, name: c, onChange: l, required: u = !1, warningMessage: d }) => {
+	let { control: f, formState: { errors: p } } = re(), h = v.getFieldErrorMessage(p, c), g = !!h, _ = !!d && !g, b = te(null), C = te(null), w = de(), M = D(), { t: N } = ae(), P = O(() => pt(/* @__PURE__ */ new Date(), 3), []), F = O(() => {
 		switch (e) {
-			case E.DATE:
-			case E.DATE_TIME: return;
-			case E.YEAR: return ["year"];
-			case E.YEAR_MONTH: return ["year", "month"];
+			case T.DATE:
+			case T.DATE_TIME: return;
+			case T.YEAR: return ["year"];
+			case T.YEAR_MONTH: return ["year", "month"];
 			default: throw Error(`Unsupported date format: ${e}`);
 		}
-	}, [e]), I = D((t) => {
+	}, [e]), I = E((t) => {
 		let n = [null, null];
 		switch (e) {
-			case E.DATE:
+			case T.DATE:
 				n[0] = t[0] ? Q(t[0], {
 					hours: 0,
 					milliseconds: 0,
@@ -1441,7 +1441,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 					seconds: 59
 				}) : null;
 				break;
-			case E.DATE_TIME:
+			case T.DATE_TIME:
 				n[0] = t[0] ? Q(t[0], {
 					milliseconds: 0,
 					seconds: 0
@@ -1450,7 +1450,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 					seconds: 59
 				}) : null;
 				break;
-			case E.YEAR:
+			case T.YEAR:
 				n[0] = t[0] ? Q(t[0], {
 					date: 1,
 					hours: 0,
@@ -1467,7 +1467,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 					seconds: 59
 				}) : null;
 				break;
-			case E.YEAR_MONTH:
+			case T.YEAR_MONTH:
 				n[0] = t[0] ? Q(t[0], {
 					date: 1,
 					hours: 0,
@@ -1484,34 +1484,34 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 			default: throw Error(`Unsupported date format: ${e}`);
 		}
 		return n;
-	}, [e]), L = D((t) => t ? e === E.YEAR_MONTH ? ut(t, "MMMM yyyy", /* @__PURE__ */ new Date()) : m(t) : null, [e]), R = O(() => ({
+	}, [e]), L = E((t) => t ? e === T.YEAR_MONTH ? ut(t, "MMMM yyyy", /* @__PURE__ */ new Date()) : m(t) : null, [e]), R = O(() => ({
 		...y,
-		formatLong: ne.formatLong
-	}), []), z = x({
+		formatLong: ee.formatLong
+	}), []), z = ie({
 		control: f,
 		name: c
-	}), B = D((e, t) => {
+	}), B = E((e, t) => {
 		let n = I(t);
 		(0, mt.default)(n, z) || (e(n), l && l(n));
 	}, [
 		l,
 		z,
 		I
-	]), V = D(({ field: { onBlur: e, onChange: l, ref: f, value: p } }) => {
+	]), V = E(({ field: { onBlur: e, onChange: l, ref: f, value: p } }) => {
 		f({ focus: () => {
 			b?.current?.focus();
 		} });
 		let m = p[0], v = p[1], y = (e) => {
 			B(l, [e, v]);
-		}, x = (e) => {
+		}, ee = (e) => {
 			B(l, [m, e]);
-		}, S = () => {
+		}, T = () => {
 			let t = L(b.current.value);
 			o(t) ? t < s ? B(l, [s, v]) : t > a ? B(l, [a, a]) : v && t > v ? B(l, [v, t]) : B(l, [t, v]) : B(l, [null, v]), e();
-		}, C = () => {
-			let t = L(w.current.value);
+		}, E = () => {
+			let t = L(C.current.value);
 			o(t) ? t > a ? B(l, [m, a]) : t < s ? B(l, [s, s]) : m && t < m ? B(l, [t, m]) : B(l, [m, t]) : B(l, [m, null]), e();
-		}, ne = () => {
+		}, D = () => {
 			l([null, null]);
 		};
 		return /* @__PURE__ */ A(se, {
@@ -1535,7 +1535,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 					children: [r, !t && /* @__PURE__ */ k(ue, {
 						...j.createAttributes("DateRangePicker-reset"),
 						"aria-label": N`Clear date range`,
-						onClick: ne,
+						onClick: D,
 						sx: {
 							"& svg": { fontSize: "16px" },
 							position: "absolute",
@@ -1551,7 +1551,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 					children: /* @__PURE__ */ A(oe, {
 						sx: {
 							display: "grid",
-							gap: T.spacing(1),
+							gap: w.spacing(1),
 							gridTemplateColumns: "1fr 1fr"
 						},
 						children: [/* @__PURE__ */ k(pe, {
@@ -1567,7 +1567,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 							slotProps: { textField: {
 								className: (0, $.default)({ "Mui-warning": _ }),
 								error: g,
-								onBlur: S,
+								onBlur: T,
 								slotProps: { inputLabel: {
 									...j.createAttributes("DateRangePicker-from-input"),
 									required: u
@@ -1579,17 +1579,17 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 						}), /* @__PURE__ */ k(pe, {
 							disabled: t || i,
 							disableFuture: !0,
-							inputRef: w,
+							inputRef: C,
 							label: N`To`,
 							loading: i,
 							maxDate: a,
 							minDate: m ? new Date(Math.max.apply(null, [s, m])) : s,
-							onChange: x,
+							onChange: ee,
 							referenceDate: a,
 							slotProps: { textField: {
 								className: (0, $.default)({ "Mui-warning": _ }),
 								error: g,
-								onBlur: C,
+								onBlur: E,
 								slotProps: { inputLabel: {
 									...j.createAttributes("DateRangePicker-to-input"),
 									required: u
@@ -1601,10 +1601,10 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 						})]
 					})
 				}),
-				!!i && /* @__PURE__ */ k(te, {}),
+				!!i && /* @__PURE__ */ k(S, {}),
 				/* @__PURE__ */ k(ce, {
 					sx: { ml: 0 },
-					children: /* @__PURE__ */ k(ee, {
+					children: /* @__PURE__ */ k(x, {
 						errorMessage: h,
 						infoMessage: n,
 						noIndent: !0,
@@ -1623,7 +1623,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 		M,
 		u,
 		R,
-		T,
+		w,
 		N,
 		a,
 		s,
@@ -1635,7 +1635,7 @@ var $ = /* @__PURE__ */ e(w(), 1), mt = /* @__PURE__ */ e(T(), 1), ht = ({ dateF
 		B,
 		L
 	]);
-	return /* @__PURE__ */ k(C, {
+	return /* @__PURE__ */ k(ne, {
 		control: f,
 		defaultValue: "",
 		name: c,