@ryuzaki13/react-foundation-ui 1.0.0 → 1.0.2

package/dist/chunks/{CalendarView-B75faWIU.js → CalendarView-DjeTJkTT.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./Button-BZ_b-Kin.js";
-import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
-import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useEffect as o, useEffectEvent as s, useState as c } from "react";
-import { addCalendarMonths as l, addCalendarYears as u, createCalendarDate as d, getCalendarPeriod as f, getStartOfDay as p, isCalendarPeriodWithinDateBounds as m, isDateInsideCalendarPeriod as h, isDateRangeTuple as g, isSameCalendarDay as _ } from "@ryuzaki13/react-foundation-lib/formatters";
+import { t as e } from "./Button-CCWuggdA.js";
+import { useEffect as t, useEffectEvent as n, useState as r } from "react";
+import { cn as i } from "@ryuzaki13/react-foundation-lib/utils";
+import { addCalendarMonths as a, addCalendarYears as o, createCalendarDate as s, getCalendarPeriod as c, getStartOfDay as l, isCalendarPeriodWithinDateBounds as u, isDateInsideCalendarPeriod as d, isDateRangeTuple as f, isSameCalendarDay as p } from "@ryuzaki13/react-foundation-lib/formatters";
+import { ChevronLeft as m, ChevronRight as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/date-input/lib/dateInputCalendar.ts
 var v = [
 	"day",
@@ -38,19 +38,19 @@ function T(e, t, n) {
 	return e.start.getTime() >= r && e.end.getTime() <= i;
 }
 function E({ date: e, value: t, hoveredDate: n, selectsRange: r, selectionOptions: i }) {
-	let a = f(e, i), o = f(!r && t instanceof Date ? t : null, i);
+	let a = c(e, i), o = c(!r && t instanceof Date ? t : null, i);
 	if (!r || !Array.isArray(t)) return {
-		selected: h(e, o),
+		selected: d(e, o),
 		range: !1,
 		rangeStart: !1,
 		rangeEnd: !1
 	};
-	let [s, c] = t, l = f(s, i), u = f(c ?? (s ? n : null), i), d = w(a, l), p = w(a, u);
+	let [s, l] = t, u = c(s, i), f = c(l ?? (s ? n : null), i), p = w(a, u), m = w(a, f);
 	return {
 		selected: !1,
-		range: T(a, l, u) && !d && !p,
-		rangeStart: d,
-		rangeEnd: p
+		range: T(a, u, f) && !p && !m,
+		rangeStart: p,
+		rangeEnd: m
 	};
 }
 var D = {
@@ -81,68 +81,68 @@ var D = {
 	year: "numeric",
 	month: "long",
 	day: "numeric"
-}), A = ({ now: e, currentDate: t, value: n, onChange: o, minDate: s, maxDate: l, selectsRange: u, selectionMode: g = "day", weekEndDay: v = "sunday" }) => {
-	let [y, b] = c(null), x = {
-		selectionMode: g,
+}), A = ({ now: e, currentDate: t, value: n, onChange: a, minDate: o, maxDate: f, selectsRange: m, selectionMode: h = "day", weekEndDay: v = "sunday" }) => {
+	let [y, b] = r(null), x = {
+		selectionMode: h,
 		weekEndDay: v
 	}, S = (() => {
-		let e = t.getFullYear(), n = t.getMonth(), r = d(e, n, 1), i = d(e, n + 1, 0), a = r.getDay() === 0 ? 6 : r.getDay() - 1, o = 42 - (a + i.getDate()), s = [], c = d(e, n, 0).getDate();
-		for (let t = a; t > 0; --t) s.push(d(e, n - 1, c - t + 1));
-		for (let t = 1; t <= i.getDate(); t += 1) s.push(d(e, n, t));
-		for (let t = 1; t <= o; t += 1) s.push(d(e, n + 1, t));
-		let l = [];
-		for (let e = 0; e < s.length; e += 7) l.push(s.slice(e, e + 7));
-		return l;
-	})(), C = u && Array.isArray(n) ? n[0] : null, w = u && Array.isArray(n) ? n[1] : null, T = f(u ? null : n, x), E = f(y, x), A = w ?? (C ? E?.end ?? null : null), j = (e) => {
-		if (!u || !C || !A) return !1;
-		let t = p(e).getTime(), n = C.getTime(), r = A.getTime();
+		let e = t.getFullYear(), n = t.getMonth(), r = s(e, n, 1), i = s(e, n + 1, 0), a = r.getDay() === 0 ? 6 : r.getDay() - 1, o = 42 - (a + i.getDate()), c = [], l = s(e, n, 0).getDate();
+		for (let t = a; t > 0; --t) c.push(s(e, n - 1, l - t + 1));
+		for (let t = 1; t <= i.getDate(); t += 1) c.push(s(e, n, t));
+		for (let t = 1; t <= o; t += 1) c.push(s(e, n + 1, t));
+		let u = [];
+		for (let e = 0; e < c.length; e += 7) u.push(c.slice(e, e + 7));
+		return u;
+	})(), C = m && Array.isArray(n) ? n[0] : null, w = m && Array.isArray(n) ? n[1] : null, T = c(m ? null : n, x), E = c(y, x), A = w ?? (C ? E?.end ?? null : null), j = (e) => {
+		if (!m || !C || !A) return !1;
+		let t = l(e).getTime(), n = C.getTime(), r = A.getTime();
 		return t >= Math.min(n, r) && t <= Math.max(n, r);
-	}, M = (e) => !m(f(e, x), {
-		minDate: s,
-		maxDate: l
+	}, M = (e) => !u(c(e, x), {
+		minDate: o,
+		maxDate: f
 	}), N = (e, t) => {
-		!u || !C || w || t || b(e);
+		!m || !C || w || t || b(e);
 	};
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ _("div", {
 		className: D.dayView,
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: D.weekdays,
-			children: O.map((e) => /* @__PURE__ */ i("div", {
+			children: O.map((e) => /* @__PURE__ */ g("div", {
 				className: D.weekday,
 				children: e
 			}, e))
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ g("div", {
 			className: D.daysGrid,
 			onMouseLeave: () => {
 				w || b(null);
 			},
-			children: S.map((n, a) => /* @__PURE__ */ i("div", {
+			children: S.map((n, r) => /* @__PURE__ */ g("div", {
 				className: D.week,
-				children: n.map((n, s) => {
-					let c = n.getMonth() === t.getMonth(), l = h(n, T), u = j(n), d = _(n, C), f = _(n, A), p = _(n, e), m = M(n);
-					return /* @__PURE__ */ i("button", {
+				children: n.map((n, o) => {
+					let s = n.getMonth() === t.getMonth(), c = d(n, T), l = j(n), u = p(n, C), f = p(n, A), m = p(n, e), h = M(n);
+					return /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => !m && o(n),
-						onMouseEnter: () => N(n, m),
-						disabled: m,
+						onClick: () => !h && a(n),
+						onMouseEnter: () => N(n, h),
+						disabled: h,
 						"data-ui": "calendar-day-button",
 						"data-action": "select-calendar-day",
-						className: r(D.day, {
-							[D.outsideMonth]: !c,
-							[D.selected]: l,
-							[D.range]: u && !d && !f,
-							[D.rangeStart]: d,
+						className: i(D.day, {
+							[D.outsideMonth]: !s,
+							[D.selected]: c,
+							[D.range]: l && !u && !f,
+							[D.rangeStart]: u,
 							[D.rangeEnd]: f,
-							[D.disabled]: m,
-							[D.weekend]: s > 4,
-							[D.now]: p
+							[D.disabled]: h,
+							[D.weekend]: o > 4,
+							[D.now]: m
 						}),
 						"aria-label": k.format(n),
-						"aria-pressed": l || u || d || f,
+						"aria-pressed": c || l || u || f,
 						children: n.getDate()
-					}, `${a}-${s}`);
+					}, `${r}-${o}`);
 				})
-			}, a))
+			}, r))
 		})]
 	});
 }, j = {
@@ -157,51 +157,51 @@ var D = {
 }, M = new Intl.DateTimeFormat("ru-RU", { month: "short" }), N = new Intl.DateTimeFormat("ru-RU", {
 	month: "long",
 	year: "numeric"
-}), P = ({ currentDate: e, value: t, onChange: n, minDate: a, maxDate: o, selectsRange: s, selectsPeriod: l, selectionMode: u = "day", weekEndDay: p = "sunday" }) => {
-	let [h, g] = c(null), _ = Array.from({ length: 12 }, (e, t) => t), v = e.getFullYear(), y = {
-		selectionMode: u,
+}), P = ({ currentDate: e, value: t, onChange: n, minDate: a, maxDate: o, selectsRange: l, selectsPeriod: d, selectionMode: f = "day", weekEndDay: p = "sunday" }) => {
+	let [m, h] = r(null), _ = Array.from({ length: 12 }, (e, t) => t), v = e.getFullYear(), y = {
+		selectionMode: f,
 		weekEndDay: p
-	}, b = s && Array.isArray(t) ? t[0] : null, x = s && Array.isArray(t) ? t[1] : null, S = (e) => M.format(d(v, e, 1)), C = (e) => {
+	}, b = l && Array.isArray(t) ? t[0] : null, x = l && Array.isArray(t) ? t[1] : null, S = (e) => M.format(s(v, e, 1)), C = (e) => {
 		if (!a && !o) return !1;
-		let t = d(v, e, 1), n = d(v, e + 1, 0, 23, 59, 59);
-		return l ? !m(f(t, y), {
+		let t = s(v, e, 1), n = s(v, e + 1, 0, 23, 59, 59);
+		return d ? !u(c(t, y), {
 			minDate: a,
 			maxDate: o
 		}) : !!(a && n < a || o && t > o);
 	}, w = (e, t) => {
-		!s || !b || x || t || g(e);
+		!l || !b || x || t || h(e);
 	};
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ g("div", {
 		className: j.monthView,
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: j.monthsGrid,
 			onMouseLeave: () => {
-				x || g(null);
+				x || h(null);
 			},
 			children: _.map((e) => {
-				let a = C(e), o = d(v, e, 1), c = E({
-					date: o,
+				let r = C(e), a = s(v, e, 1), o = E({
+					date: a,
 					value: t,
-					hoveredDate: h,
-					selectsRange: s,
+					hoveredDate: m,
+					selectsRange: l,
 					selectionOptions: y
 				});
-				return /* @__PURE__ */ i("button", {
+				return /* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: () => !a && n(o),
-					onMouseEnter: () => w(o, a),
-					disabled: a,
+					onClick: () => !r && n(a),
+					onMouseEnter: () => w(a, r),
+					disabled: r,
 					"data-ui": "calendar-month-button",
 					"data-action": "select-calendar-month",
-					className: r(j.month, {
-						[j.selected]: c.selected,
-						[j.range]: c.range,
-						[j.rangeStart]: c.rangeStart,
-						[j.rangeEnd]: c.rangeEnd,
-						[j.disabled]: a
+					className: i(j.month, {
+						[j.selected]: o.selected,
+						[j.range]: o.range,
+						[j.rangeStart]: o.rangeStart,
+						[j.rangeEnd]: o.rangeEnd,
+						[j.disabled]: r
 					}),
-					"aria-label": N.format(o),
-					"aria-pressed": c.selected || c.range || c.rangeStart || c.rangeEnd,
+					"aria-label": N.format(a),
+					"aria-pressed": o.selected || o.range || o.rangeStart || o.rangeEnd,
 					children: S(e)
 				}, e);
 			})
@@ -219,51 +219,51 @@ var D = {
 	selected: "d1SfcV",
 	rangeStart: "Gkui4r",
 	rangeEnd: "_0dVZLW"
-}, L = ({ currentDate: e, value: t, onChange: n, minDate: a, maxDate: o, selectsRange: s, selectsPeriod: l, selectionMode: u = "day", weekEndDay: p = "sunday" }) => {
-	let [h, g] = c(null), _ = Math.floor(e.getFullYear() / 12) * 12, v = Array.from({ length: 12 }, (e, t) => _ + t), y = {
-		selectionMode: u,
+}, L = ({ currentDate: e, value: t, onChange: n, minDate: a, maxDate: o, selectsRange: l, selectsPeriod: d, selectionMode: f = "day", weekEndDay: p = "sunday" }) => {
+	let [m, h] = r(null), _ = Math.floor(e.getFullYear() / 12) * 12, v = Array.from({ length: 12 }, (e, t) => _ + t), y = {
+		selectionMode: f,
 		weekEndDay: p
-	}, b = s && Array.isArray(t) ? t[0] : null, x = s && Array.isArray(t) ? t[1] : null, S = (e) => {
+	}, b = l && Array.isArray(t) ? t[0] : null, x = l && Array.isArray(t) ? t[1] : null, S = (e) => {
 		if (!a && !o) return !1;
-		let t = d(e, 0, 1), n = d(e, 11, 31, 23, 59, 59);
-		return l ? !m(f(t, y), {
+		let t = s(e, 0, 1), n = s(e, 11, 31, 23, 59, 59);
+		return d ? !u(c(t, y), {
 			minDate: a,
 			maxDate: o
 		}) : !!(a && n < a || o && t > o);
 	}, C = (e, t) => {
-		!s || !b || x || t || g(e);
+		!l || !b || x || t || h(e);
 	};
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ g("div", {
 		className: I.yearView,
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: I.yearsGrid,
 			onMouseLeave: () => {
-				x || g(null);
+				x || h(null);
 			},
 			children: v.map((e) => {
-				let a = S(e), o = d(e, 0, 1), c = E({
-					date: o,
+				let r = S(e), a = s(e, 0, 1), o = E({
+					date: a,
 					value: t,
-					hoveredDate: h,
-					selectsRange: s,
+					hoveredDate: m,
+					selectsRange: l,
 					selectionOptions: y
 				});
-				return /* @__PURE__ */ i("button", {
+				return /* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: () => !a && n(o),
-					onMouseEnter: () => C(o, a),
-					disabled: a,
+					onClick: () => !r && n(a),
+					onMouseEnter: () => C(a, r),
+					disabled: r,
 					"data-ui": "calendar-year-button",
 					"data-action": "select-calendar-year",
-					className: r(I.year, {
-						[I.selected]: c.selected,
-						[I.range]: c.range,
-						[I.rangeStart]: c.rangeStart,
-						[I.rangeEnd]: c.rangeEnd,
-						[I.disabled]: a
+					className: i(I.year, {
+						[I.selected]: o.selected,
+						[I.range]: o.range,
+						[I.rangeStart]: o.rangeStart,
+						[I.rangeEnd]: o.rangeEnd,
+						[I.disabled]: r
 					}),
 					"aria-label": e.toString(),
-					"aria-pressed": c.selected || c.range || c.rangeStart || c.rangeEnd,
+					"aria-pressed": o.selected || o.range || o.rangeStart || o.rangeEnd,
 					children: e
 				}, e);
 			})
@@ -272,79 +272,79 @@ var D = {
 };
 //#endregion
 //#region src/date-input/ui/CalendarView.tsx
-function R({ view: r, datePickerLevel: d, selectionMode: h = "day", weekEndDay: _ = "sunday", onViewChange: v, ...y }) {
-	let [b] = c(() => p(/* @__PURE__ */ new Date())), [x, C] = c(() => y.selectsRange && g(y.value) && y.value[0] instanceof Date ? y.value[0] : !y.selectsRange && y.value instanceof Date ? y.value : p(/* @__PURE__ */ new Date())), w = y.currentDate ?? x, T = {
-		selectionMode: h,
-		weekEndDay: _
+function R({ view: i, datePickerLevel: s, selectionMode: d = "day", weekEndDay: p = "sunday", onViewChange: v, ...y }) {
+	let [b] = r(() => l(/* @__PURE__ */ new Date())), [x, C] = r(() => y.selectsRange && f(y.value) && y.value[0] instanceof Date ? y.value[0] : !y.selectsRange && y.value instanceof Date ? y.value : l(/* @__PURE__ */ new Date())), w = y.currentDate ?? x, T = {
+		selectionMode: d,
+		weekEndDay: p
 	}, E = (e) => {
 		let t = typeof e == "function" ? e(w) : e;
 		y.currentDate === void 0 && C(t), y.onCurrentDateChange?.(t);
-	}, D = s((e) => {
+	}, D = n((e) => {
 		if (y.selectsRange && Array.isArray(e) && e[0] instanceof Date) {
 			E(e[0]);
 			return;
 		}
 		!y.selectsRange && e instanceof Date && E(e);
 	});
-	o(() => {
+	t(() => {
 		D(y.value);
 	}, [y.value]);
 	let O = () => {
-		if (r === "day") {
-			E((e) => l(e, -1));
+		if (i === "day") {
+			E((e) => a(e, -1));
 			return;
 		}
-		if (r === "month") {
-			E((e) => u(e, -1));
+		if (i === "month") {
+			E((e) => o(e, -1));
 			return;
 		}
-		E((e) => u(e, -12));
+		E((e) => o(e, -12));
 	}, k = () => {
-		if (r === "day") {
-			E((e) => l(e, 1));
+		if (i === "day") {
+			E((e) => a(e, 1));
 			return;
 		}
-		if (r === "month") {
-			E((e) => u(e, 1));
+		if (i === "month") {
+			E((e) => o(e, 1));
 			return;
 		}
-		E((e) => u(e, 12));
+		E((e) => o(e, 12));
 	};
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ _("div", {
 		className: F.calendarView,
 		children: [(() => {
-			let o = "";
-			if (r === "day") o = w.toLocaleDateString("ru-RU", {
+			let t = "";
+			if (i === "day") t = w.toLocaleDateString("ru-RU", {
 				month: "long",
 				year: "numeric"
 			});
-			else if (r === "month") o = w.getFullYear().toString();
+			else if (i === "month") t = w.getFullYear().toString();
 			else {
 				let e = Math.floor(w.getFullYear() / 12) * 12;
-				o = `${e} - ${e + 11}`;
+				t = `${e} - ${e + 11}`;
 			}
-			return /* @__PURE__ */ a("div", {
+			return /* @__PURE__ */ _("div", {
 				className: F.calendarHeader,
 				children: [
-					/* @__PURE__ */ i(e, {
-						icon: /* @__PURE__ */ i(t, {}),
+					/* @__PURE__ */ g(e, {
+						icon: /* @__PURE__ */ g(m, {}),
 						onClick: O,
 						variant: "ghost",
 						"aria-label": "Предыдущий",
 						"data-action": "calendar-previous"
 					}),
-					/* @__PURE__ */ i(e, {
+					/* @__PURE__ */ g(e, {
 						onClick: () => {
-							r === "day" ? v("month") : r === "month" && v("year");
+							i === "day" ? v("month") : i === "month" && v("year");
 						},
 						variant: "ghost",
 						className: "flex1",
 						"data-ui": "calendar-view-switch-button",
 						"data-action": "calendar-switch-view",
-						children: o
+						children: t
 					}),
-					/* @__PURE__ */ i(e, {
-						icon: /* @__PURE__ */ i(n, {}),
+					/* @__PURE__ */ g(e, {
+						icon: /* @__PURE__ */ g(h, {}),
 						onClick: k,
 						variant: "ghost",
 						"aria-label": "Следующий",
@@ -355,8 +355,8 @@ function R({ view: r, datePickerLevel: d, selectionMode: h = "day", weekEndDay:
 			});
 		})(), (() => {
 			let e = (e) => {
-				let t = f(e, T);
-				if (!(!t || !m(t, {
+				let t = c(e, T);
+				if (!(!t || !u(t, {
 					minDate: y.minDate,
 					maxDate: y.maxDate
 				}))) {
@@ -366,7 +366,7 @@ function R({ view: r, datePickerLevel: d, selectionMode: h = "day", weekEndDay:
 							y.onChange([t.start, null]);
 							return;
 						}
-						let r = f(e, T);
+						let r = c(e, T);
 						if (!r) return;
 						if (t.start < r.start) {
 							y.onChange([t.start, r.end]);
@@ -378,20 +378,20 @@ function R({ view: r, datePickerLevel: d, selectionMode: h = "day", weekEndDay:
 					y.onChange(t.start);
 				}
 			}, t = (t) => {
-				if (E(t), h === "month" || !S("day", d)) {
+				if (E(t), d === "month" || !S("day", s)) {
 					e(t);
 					return;
 				}
 				v("day");
 			}, n = (t) => {
-				if (E(t), h === "year" || !S("month", d)) {
+				if (E(t), d === "year" || !S("month", s)) {
 					e(t);
 					return;
 				}
 				v("month");
 			};
-			switch (r) {
-				case "day": return /* @__PURE__ */ i(A, {
+			switch (i) {
+				case "day": return /* @__PURE__ */ g(A, {
 					now: b,
 					currentDate: w,
 					value: y.value,
@@ -399,30 +399,30 @@ function R({ view: r, datePickerLevel: d, selectionMode: h = "day", weekEndDay:
 					minDate: y.minDate,
 					maxDate: y.maxDate,
 					selectsRange: y.selectsRange,
-					selectionMode: h,
-					weekEndDay: _
+					selectionMode: d,
+					weekEndDay: p
 				});
-				case "month": return /* @__PURE__ */ i(P, {
+				case "month": return /* @__PURE__ */ g(P, {
 					currentDate: w,
 					value: y.value,
 					onChange: t,
 					minDate: y.minDate,
 					maxDate: y.maxDate,
 					selectsRange: y.selectsRange,
-					selectsPeriod: h === "month" || !S("day", d),
-					selectionMode: h,
-					weekEndDay: _
+					selectsPeriod: d === "month" || !S("day", s),
+					selectionMode: d,
+					weekEndDay: p
 				});
-				case "year": return /* @__PURE__ */ i(L, {
+				case "year": return /* @__PURE__ */ g(L, {
 					currentDate: w,
 					value: y.value,
 					onChange: n,
 					minDate: y.minDate,
 					maxDate: y.maxDate,
 					selectsRange: y.selectsRange,
-					selectsPeriod: h === "year" || !S("month", d),
-					selectionMode: h,
-					weekEndDay: _
+					selectsPeriod: d === "year" || !S("month", s),
+					selectionMode: d,
+					weekEndDay: p
 				});
 				default: return null;
 			}
@@ -432,4 +432,4 @@ function R({ view: r, datePickerLevel: d, selectionMode: h = "day", weekEndDay:
 //#endregion
 export { x as a, E as c, v as i, y as n, S as o, b as r, C as s, R as t };
 
-//# sourceMappingURL=CalendarView-B75faWIU.js.map
+//# sourceMappingURL=CalendarView-DjeTJkTT.js.map