@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/date-time-input/index.js

@@ -1,12 +1,12 @@
-import { r as e } from "../chunks/popover-Bne-Ljbs.js";
+import { r as e } from "../chunks/popover-yl5DVe06.js";
 import { t } from "../chunks/ui.module-oRwY3Zli.js";
-import { c as n, d as r, i } from "../chunks/input-DSPKgiCK.js";
-import { t as a } from "../chunks/CalendarView-Dm55k0bN.js";
-import { t as o } from "../chunks/wheel-picker-FS58cRsQ.js";
-import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
-import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { CalendarDaysIcon as m, Clock3Icon as h } from "lucide-react";
+import { c as n, d as r, i } from "../chunks/input-CuRK9Vbz.js";
+import { t as a } from "../chunks/CalendarView-CwbPJG2Y.js";
+import { t as o } from "../chunks/wheel-picker-DUHGy7wE.js";
+import { cn as s } from "@ryuzaki13/react-foundation-lib/utils";
+import { CalendarDaysIcon as c, Clock3Icon as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useCallback as f, useMemo as p, useRef as m, useState as h } from "react";
 import { createCalendarDate as g, getStartOfDay as _, isDateRangeTuple as v, parseDate as y } from "@ryuzaki13/react-foundation-lib/formatters";
 import { areAllDateSegmentsEmpty as b, dateToIndexedSegmentValues as x, indexedSegmentsToDate as S, parseDateSegmentMask as C } from "@ryuzaki13/react-foundation-lib/date-segments";
 //#region src/date-time-input/lib/dateTimeValue.ts
@@ -90,47 +90,47 @@ function z(e) {
 		e.kind === "editable" && t.push(n);
 	}), t;
 }
-function B({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, maxDate: a, mode: o = "date-time" }) {
-	let d = c(() => A(o), [o]), f = c(() => C(d), [d]), p = c(() => z(f), [f]), m = c(() => x(e ?? null, f), [f, e]), h = e?.getTime() ?? null, [g, _] = u(null), v = (g?.sourceValueTime === h && g.sourceMode === o ? g.values : null) ?? m, y = l(/* @__PURE__ */ new Map()), w = l(0), T = s((e) => {
+function ee({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, maxDate: a, mode: o = "date-time" }) {
+	let s = p(() => A(o), [o]), c = p(() => C(s), [s]), l = p(() => z(c), [c]), u = p(() => x(e ?? null, c), [c, e]), d = e?.getTime() ?? null, [g, _] = h(null), v = (g?.sourceValueTime === d && g.sourceMode === o ? g.values : null) ?? u, y = m(/* @__PURE__ */ new Map()), w = m(0), T = f((e) => {
 		_(e === null ? null : {
-			sourceValueTime: h,
+			sourceValueTime: d,
 			sourceMode: o,
 			values: e
 		});
-	}, [h, o]), E = s((n) => {
-		if (b(f, n)) return t(null), null;
-		let r = S(f, n, { defaultDate: o === "time" ? j(e, "time") ?? k() : void 0 });
+	}, [d, o]), E = f((n) => {
+		if (b(c, n)) return t(null), null;
+		let r = S(c, n, { defaultDate: o === "time" ? j(e, "time") ?? k() : void 0 });
 		return !r || !M(r, i, a, o) ? null : (t(r), r);
 	}, [
 		a,
 		i,
 		o,
 		t,
-		f,
+		c,
 		e
-	]), D = s((e, t = !0) => {
+	]), D = f((e, t = !0) => {
 		let n = y.current.get(e);
 		n && (n.focus(), t && requestAnimationFrame(() => n.select()));
-	}, []), O = s((e) => {
-		let t = p.indexOf(e);
-		return t < p.length - 1 ? p[t + 1] : null;
-	}, [p]), N = s((e) => {
-		let t = p.indexOf(e);
-		return t > 0 ? p[t - 1] : null;
-	}, [p]), P = s((e, t) => e.padStart(t.length, "0"), []);
+	}, []), O = f((e) => {
+		let t = l.indexOf(e);
+		return t < l.length - 1 ? l[t + 1] : null;
+	}, [l]), N = f((e) => {
+		let t = l.indexOf(e);
+		return t > 0 ? l[t - 1] : null;
+	}, [l]), P = f((e, t) => e.padStart(t.length, "0"), []);
 	return {
-		segments: f,
+		segments: c,
 		segmentValues: v,
-		registerRef: s((e) => (t) => {
+		registerRef: f((e) => (t) => {
 			if (t) {
 				y.current.set(e, t);
 				return;
 			}
 			y.current.delete(e);
 		}, []),
-		handleInput: s((e) => (t) => {
+		handleInput: f((e) => (t) => {
 			if (r) return;
-			let i = f[e];
+			let i = c[e];
 			if (i.kind !== "editable") return;
 			let a = t.target.value.replace(/\D/g, "").slice(0, i.length), o = new Map(v);
 			if (o.set(e, a), T(o), n?.(), a.length === i.length) {
@@ -144,13 +144,13 @@ function B({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, ma
 			O,
 			n,
 			v,
-			f,
+			c,
 			T,
 			E
 		]),
-		handleKeyDown: s((e) => (t) => {
+		handleKeyDown: f((e) => (t) => {
 			if (r) return;
-			let n = f[e];
+			let n = c[e];
 			if (n.kind !== "editable") return;
 			let i = v.get(e) ?? "", a = t.currentTarget;
 			switch (t.key) {
@@ -205,24 +205,24 @@ function B({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, ma
 			N,
 			P,
 			v,
-			f,
+			c,
 			T,
 			E
 		]),
-		handleFocus: s(() => (e) => {
+		handleFocus: f(() => (e) => {
 			e.target.select();
 		}, []),
-		handleContainerFocus: s(() => {
+		handleContainerFocus: f(() => {
 			clearTimeout(w.current);
 		}, []),
-		handleContainerBlur: s(() => {
+		handleContainerBlur: f(() => {
 			let n = new Map(v);
 			w.current = window.setTimeout(() => {
-				if (b(f, n)) {
+				if (b(c, n)) {
 					t(null), T(n);
 					return;
 				}
-				let r = S(f, n, { defaultDate: o === "time" ? j(e, "time") ?? k() : void 0 });
+				let r = S(c, n, { defaultDate: o === "time" ? j(e, "time") ?? k() : void 0 });
 				if (!r || !M(r, i, a, o)) {
 					T(null);
 					return;
@@ -235,21 +235,21 @@ function B({ value: e, onChange: t, onClearError: n, disabled: r, minDate: i, ma
 			o,
 			t,
 			v,
-			f,
+			c,
 			T,
 			e
 		]),
-		focusFirstEmpty: s(() => {
-			let e = p.find((e) => !(v.get(e) ?? "")) ?? p[p.length - 1];
+		focusFirstEmpty: f(() => {
+			let e = l.find((e) => !(v.get(e) ?? "")) ?? l[l.length - 1];
 			e !== void 0 && D(e);
 		}, [
-			p,
+			l,
 			D,
 			v
 		])
 	};
 }
-var V = {
+var B = {
 	segmentInput: "AvG-mf",
 	separator: "ig7KtT",
 	popoverContent: "YQHPZa",
@@ -260,7 +260,7 @@ var V = {
 	timeOnlyPopoverContent: "Jjdu1Q",
 	timePanelPaneBottom: "Q8Y2xS",
 	timePanelPaneRight: "XxZYTW"
-}, H = {
+}, V = {
 	timePanel: "_5-SSnO",
 	hint: "s1NHua",
 	fields: "KQC9-8",
@@ -270,25 +270,25 @@ var V = {
 };
 //#endregion
 //#region src/date-time-input/ui/TimePanel.tsx
-function U({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time", onChange: a }) {
+function H({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time", onChange: a }) {
 	let s = R(e, n, r, i), c = (e) => String(e).padStart(2, "0");
-	return s.disabled ? /* @__PURE__ */ f("div", {
-		className: H.timePanel,
-		children: /* @__PURE__ */ f("p", {
-			className: H.hint,
+	return s.disabled ? /* @__PURE__ */ u("div", {
+		className: V.timePanel,
+		children: /* @__PURE__ */ u("p", {
+			className: V.hint,
 			children: "Для выбранного дня нет доступного времени в заданном диапазоне."
 		})
-	}) : /* @__PURE__ */ f("div", {
-		className: H.timePanel,
-		children: /* @__PURE__ */ p("div", {
-			className: H.fields,
-			children: [/* @__PURE__ */ p("label", {
-				className: H.field,
-				children: [/* @__PURE__ */ f("span", {
-					className: H.label,
+	}) : /* @__PURE__ */ u("div", {
+		className: V.timePanel,
+		children: /* @__PURE__ */ d("div", {
+			className: V.fields,
+			children: [/* @__PURE__ */ d("label", {
+				className: V.field,
+				children: [/* @__PURE__ */ u("span", {
+					className: V.label,
 					children: "Часы"
-				}), /* @__PURE__ */ f(o, {
-					className: H.wheel,
+				}), /* @__PURE__ */ u(o, {
+					className: V.wheel,
 					items: s.hours,
 					value: s.selectedHour,
 					onChange: (e) => a(e, s.selectedMinute),
@@ -296,13 +296,13 @@ function U({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time
 					disabled: t,
 					formatItem: c
 				})]
-			}), /* @__PURE__ */ p("label", {
-				className: H.field,
-				children: [/* @__PURE__ */ f("span", {
-					className: H.label,
+			}), /* @__PURE__ */ d("label", {
+				className: V.field,
+				children: [/* @__PURE__ */ u("span", {
+					className: V.label,
 					children: "Минуты"
-				}), /* @__PURE__ */ f(o, {
-					className: H.wheel,
+				}), /* @__PURE__ */ u(o, {
+					className: V.wheel,
 					items: s.minutes,
 					value: s.selectedMinute,
 					onChange: (e) => a(s.selectedHour, e),
@@ -316,100 +316,100 @@ function U({ value: e, disabled: t, minDate: n, maxDate: r, mode: i = "date-time
 }
 //#endregion
 //#region src/date-time-input/ui/SingleDateTimeInput.tsx
-function W({ value: o, onChange: s, label: l, description: g, placeholder: y, disabled: b, size: x, error: S, onClearError: C, minDate: w, maxDate: T, timePanelPlacement: E = "right", mode: D = "date-time" }) {
-	let O = c(() => j(o, D), [D, o]), k = c(() => _(/* @__PURE__ */ new Date()), []), [A, I] = u(!1), [R, z] = u(O ?? null), [H, W] = u("day"), [G, K] = u(() => F(O, k, D)), { controlId: q, labelId: J, descriptionId: Y, errorId: X, describedBy: Z } = r({
-		hasLabel: l != null,
+function U({ value: o, onChange: f, label: m, description: g, placeholder: y, disabled: b, size: x, error: S, onClearError: C, minDate: w, maxDate: T, timePanelPlacement: E = "right", mode: D = "date-time" }) {
+	let O = p(() => j(o, D), [D, o]), k = p(() => _(/* @__PURE__ */ new Date()), []), [A, I] = h(!1), [R, z] = h(O ?? null), [V, U] = h("day"), [W, G] = h(() => F(O, k, D)), { controlId: K, labelId: q, descriptionId: te, errorId: ne, describedBy: J } = r({
+		hasLabel: m != null,
 		hasDescription: !!g,
 		hasError: !!S
-	}), { segments: ee, segmentValues: te, registerRef: ne, handleInput: re, handleKeyDown: ie, handleFocus: ae, handleContainerFocus: oe, handleContainerBlur: se, focusFirstEmpty: ce } = B({
+	}), { segments: Y, segmentValues: X, registerRef: re, handleInput: ie, handleKeyDown: ae, handleFocus: oe, handleContainerFocus: se, handleContainerBlur: ce, focusFirstEmpty: le } = ee({
 		value: O,
-		onChange: s,
+		onChange: f,
 		onClearError: C,
 		disabled: b,
 		minDate: w,
 		maxDate: T,
 		mode: D
-	}), le = (e) => {
+	}), Z = (e) => {
 		if (D === "time" || v(e) || b) return;
-		let t = N(e, R ?? O ?? G), { hours: n, minutes: r } = L(e, t.getHours(), t.getMinutes(), w, T, D), i = P(e, n, r);
-		M(i, w, T, D) && (C?.(), z(i), K(i));
+		let t = N(e, R ?? O ?? W), { hours: n, minutes: r } = L(e, t.getHours(), t.getMinutes(), w, T, D), i = P(e, n, r);
+		M(i, w, T, D) && (C?.(), z(i), G(i));
 	}, Q = (e, t) => {
 		if (b) return;
-		let n = R ?? O ?? G, r = L(n, e, t, w, T, D), i = P(n, r.hours, r.minutes, D);
-		M(i, w, T, D) && (C?.(), z(i), K(i));
+		let n = R ?? O ?? W, r = L(n, e, t, w, T, D), i = P(n, r.hours, r.minutes, D);
+		M(i, w, T, D) && (C?.(), z(i), G(i));
 	}, ue = (e) => {
-		e && (z(O ?? null), K(F(O, k, D))), I(e);
+		e && (z(O ?? null), G(F(O, k, D))), I(e);
 	}, de = () => {
-		(O?.getTime() ?? null) !== (R?.getTime() ?? null) && s(R);
-	}, fe = E === "right" ? V.timePanelPaneRight : V.timePanelPaneBottom, pe = D === "time" ? "Открыть выбор времени" : "Открыть календарь даты и времени", me = y ?? (D === "time" ? "чч:мм" : "дд.мм.гггг чч:мм"), $ = R ?? O ?? G;
-	return /* @__PURE__ */ p(e, {
+		(O?.getTime() ?? null) !== (R?.getTime() ?? null) && f(R);
+	}, fe = E === "right" ? B.timePanelPaneRight : B.timePanelPaneBottom, pe = D === "time" ? "Открыть выбор времени" : "Открыть календарь даты и времени", me = y ?? (D === "time" ? "чч:мм" : "дд.мм.гггг чч:мм"), $ = R ?? O ?? W;
+	return /* @__PURE__ */ d(e, {
 		open: A,
 		onOpenChange: ue,
-		children: [/* @__PURE__ */ f(n, {
-			label: l,
+		children: [/* @__PURE__ */ u(n, {
+			label: m,
 			description: g,
 			disabled: b,
 			size: x,
 			error: S,
-			controlId: q,
-			labelId: J,
-			descriptionId: Y,
-			errorId: X,
-			children: /* @__PURE__ */ f(i, {
+			controlId: K,
+			labelId: q,
+			descriptionId: te,
+			errorId: ne,
+			children: /* @__PURE__ */ u(i, {
 				endAdornmentWidth: "var(--control-height)",
-				endAdornment: /* @__PURE__ */ f(e.Trigger, { children: /* @__PURE__ */ f("div", {
+				endAdornment: /* @__PURE__ */ u(e.Trigger, { children: /* @__PURE__ */ u("div", {
 					className: t.uiToggleButtonContainer,
-					children: /* @__PURE__ */ f("button", {
+					children: /* @__PURE__ */ u("button", {
 						type: "button",
 						disabled: b,
 						"aria-label": pe,
 						className: t.uiToggleButton,
-						children: f(D === "time" ? h : m, {})
+						children: u(D === "time" ? l : c, {})
 					})
 				}) }),
-				children: ({ controlClassName: e }) => /* @__PURE__ */ f("div", {
-					id: q,
-					className: d(t.uiInputControlFake, e),
+				children: ({ controlClassName: e }) => /* @__PURE__ */ u("div", {
+					id: K,
+					className: s(t.uiInputControlFake, e),
 					"data-disabled": b || void 0,
 					"data-invalid": S ? "" : void 0,
 					role: "group",
 					"aria-invalid": !!S || void 0,
 					"aria-placeholder": me,
-					"aria-labelledby": J,
-					"aria-describedby": Z,
-					onFocus: oe,
-					onBlur: se,
+					"aria-labelledby": q,
+					"aria-describedby": J,
+					onFocus: se,
+					onBlur: ce,
 					onClick: (e) => {
-						e.target === e.currentTarget && ce();
+						e.target === e.currentTarget && le();
 					},
-					children: ee.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ f("span", {
-						className: V.separator,
+					children: Y.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ u("span", {
+						className: B.separator,
 						"data-disabled": b || void 0,
 						children: e.text
-					}, t) : /* @__PURE__ */ f("input", {
-						ref: ne(t),
+					}, t) : /* @__PURE__ */ u("input", {
+						ref: re(t),
 						type: "text",
 						inputMode: "numeric",
-						className: V.segmentInput,
+						className: B.segmentInput,
 						style: { width: `${e.length + .5}ch` },
-						value: te.get(t) ?? "",
+						value: X.get(t) ?? "",
 						placeholder: e.placeholder,
 						maxLength: e.length,
 						disabled: b,
 						"aria-label": e.ariaLabel,
 						autoComplete: "off",
-						onChange: re(t),
-						onKeyDown: ie(t),
-						onFocus: ae()
+						onChange: ie(t),
+						onKeyDown: ae(t),
+						onFocus: oe()
 					}, t))
 				})
 			})
-		}), /* @__PURE__ */ f(e.Content, {
+		}), /* @__PURE__ */ u(e.Content, {
 			background: "primary",
 			onClose: de,
-			children: D === "time" ? /* @__PURE__ */ f("div", {
-				className: V.timeOnlyPopoverContent,
-				children: /* @__PURE__ */ f(U, {
+			children: D === "time" ? /* @__PURE__ */ u("div", {
+				className: B.timeOnlyPopoverContent,
+				children: /* @__PURE__ */ u(H, {
 					value: $,
 					disabled: b,
 					minDate: w,
@@ -417,25 +417,25 @@ function W({ value: o, onChange: s, label: l, description: g, placeholder: y, di
 					mode: D,
 					onChange: Q
 				})
-			}) : /* @__PURE__ */ p("div", {
-				className: d(V.popoverContent, V[E]),
-				children: [/* @__PURE__ */ f("div", {
-					className: V.calendarPane,
-					children: /* @__PURE__ */ f(a, {
-						view: H,
+			}) : /* @__PURE__ */ d("div", {
+				className: s(B.popoverContent, B[E]),
+				children: [/* @__PURE__ */ u("div", {
+					className: B.calendarPane,
+					children: /* @__PURE__ */ u(a, {
+						view: V,
 						datePickerLevel: "day",
 						selectionMode: "day",
-						onViewChange: W,
+						onViewChange: U,
 						value: $,
-						onChange: le,
+						onChange: Z,
 						minDate: w,
 						maxDate: T,
-						currentDate: G,
-						onCurrentDateChange: K
+						currentDate: W,
+						onCurrentDateChange: G
 					})
-				}), /* @__PURE__ */ f("div", {
-					className: d(V.timePanelPane, fe),
-					children: /* @__PURE__ */ f(U, {
+				}), /* @__PURE__ */ u("div", {
+					className: s(B.timePanelPane, fe),
+					children: /* @__PURE__ */ u(H, {
 						value: $,
 						disabled: b,
 						minDate: w,
@@ -449,6 +449,6 @@ function W({ value: o, onChange: s, label: l, description: g, placeholder: y, di
 	});
 }
 //#endregion
-export { W as SingleDateTimeInput };
+export { U as SingleDateTimeInput };
 
 //# sourceMappingURL=index.js.map