@elcrm/form 0.0.87 → 0.1.0

package/dist/fields/Date.js

@@ -1,450 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import { isEmptyTextLike as r } from "./visibility.js";
-import i from "../styles/Form.module.js";
-import { acquireOverlayZIndex as a, releaseOverlayZIndex as o } from "../overlayZ.js";
-import s from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createPortal as d } from "react-dom";
-//#region src/lib/fields/Date.tsx
-function f(e) {
-	return !!(e == null || typeof e == "string" && r(e) || e instanceof Date && Number.isNaN(e.getTime()));
-}
-function p(e, t, n, r) {
-	let i = new Date(e, t - 1, 1);
-	return !(n && new Date(e, t, 0) < n || r && i > r);
-}
-function m(e, t, n) {
-	return !(t && e < t.getFullYear() || n && e > n.getFullYear());
-}
-function h(e, t, n) {
-	let r = e;
-	if (t) {
-		let e = t.getFullYear();
-		r + 11 < e && (r = e - 11), r < e && (r = e);
-	}
-	if (n) {
-		let e = n.getFullYear();
-		r > e && (r = e - 11), r + 11 > e && (r = e - 11);
-	}
-	return r;
-}
-function g(e) {
-	if (!(e instanceof HTMLElement)) return !1;
-	let t = e.tagName;
-	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT" ? !0 : !!e.isContentEditable;
-}
-function _(e) {
-	let t = (e || "").trim();
-	if (!t) return null;
-	let n = t.split(/\s+/)[0].replace(/,/g, "."), r = (e, t, n) => {
-		if (t < 1 || t > 12 || n < 1 || n > 31) return null;
-		let r = e < 100 ? 2e3 + e : e, i = new Date(r, t - 1, n);
-		return Number.isNaN(i.getTime()) || i.getFullYear() !== r || i.getMonth() !== t - 1 || i.getDate() !== n ? null : i;
-	}, i = /^(\d{1,2})[./](\d{1,2})[./](\d{2,4})$/.exec(n);
-	if (i) return r(parseInt(i[3], 10), parseInt(i[2], 10), parseInt(i[1], 10));
-	if (i = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(n), i) return r(parseInt(i[1], 10), parseInt(i[2], 10), parseInt(i[3], 10));
-	if (i = /^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/.exec(n), i) return r(parseInt(i[3], 10), parseInt(i[2], 10), parseInt(i[1], 10));
-	let a = n.replace(/\D/g, "");
-	return a.length === 8 ? r(parseInt(a.slice(4, 8), 10), parseInt(a.slice(2, 4), 10), parseInt(a.slice(0, 2), 10)) || r(parseInt(a.slice(0, 4), 10), parseInt(a.slice(4, 6), 10), parseInt(a.slice(6, 8), 10)) : null;
-}
-function v(e, t, n) {
-	let r = e.getTime();
-	return t && r < t.getTime() && (r = t.getTime()), n && r > n.getTime() && (r = n.getTime()), new Date(r);
-}
-function y(e) {
-	return e.getFullYear() + "-" + w(2, e.getMonth() + 1) + "-" + w(2, e.getDate());
-}
-function b({ label: i = "", error: a, hidden: o = !1, className: p, placeholder: m, disabled: h = !1, onValue: b, max: S, min: C, form: w, icon: E, name: D = "", value: O, after: k = "", before: A = "" }) {
-	let j = s.useCallback((e) => {
-		if (e == null || typeof e == "string" && r(e)) return "";
-		if (e instanceof Date) return Number.isNaN(e.getTime()) ? "" : e;
-		if (typeof e == "string" || typeof e == "number") {
-			let t = new Date(e);
-			return Number.isNaN(t.getTime()) ? "" : e;
-		}
-		return "";
-	}, []), { value: M } = n(w, D, O), [N, P] = s.useState(j(M)), F = s.useRef(null), [I, L] = s.useState(null), [R, z] = s.useState(!1), B = s.useCallback(() => {
-		let e = F.current;
-		if (!e) return;
-		let t = e.getBoundingClientRect();
-		L({
-			x: t.left,
-			y: t.top,
-			b: t.bottom
-		});
-	}, []);
-	s.useEffect(() => {
-		if (!R) return;
-		B();
-		let e = () => {
-			B();
-		};
-		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
-			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
-		};
-	}, [R, B]), s.useEffect(() => {
-		P(j(M));
-	}, [M, j]);
-	let V = s.useCallback((e) => {
-		let t = {
-			value: e,
-			name: D
-		};
-		P(e), w && D && w.setValue(t), b && b !== w?.onValue && b(t);
-	}, [
-		w,
-		D,
-		b
-	]);
-	s.useEffect(() => {
-		if (!R || h) return;
-		let e = "", t = (t) => {
-			let n = _(t);
-			if (!n) return !1;
-			let r = y(v(n, C, S));
-			return r === e ? !0 : (e = r, V(r), z(!1), !0);
-		}, n = (e) => {
-			g(e.target) || t(e.clipboardData?.getData("text/plain") ?? "") && (e.preventDefault(), e.stopPropagation());
-		}, r = (e) => {
-			(e.ctrlKey || e.metaKey) && (e.key !== "v" && e.key !== "V" || g(e.target) || navigator.clipboard?.readText && (e.preventDefault(), navigator.clipboard.readText().then((e) => {
-				t(e);
-			})));
-		};
-		return document.addEventListener("paste", n, !0), window.addEventListener("keydown", r, !0), () => {
-			document.removeEventListener("paste", n, !0), window.removeEventListener("keydown", r, !0);
-		};
-	}, [
-		R,
-		h,
-		C,
-		S,
-		V
-	]);
-	let H = (e) => {
-		if (h) return;
-		let t = e.currentTarget.getBoundingClientRect();
-		L({
-			x: t.left,
-			y: t.top,
-			b: t.bottom
-		}), z(!0);
-	}, U = {};
-	m && (U.placeholder = m);
-	let W = M == null || M === "" || typeof M == "string" && r(M);
-	return o && W ? /* @__PURE__ */ l(c, {}) : /* @__PURE__ */ u(c, { children: [E ? E() : /* @__PURE__ */ u(t, {
-		type: "date",
-		label: i,
-		error: a,
-		element_blok: { className: [p || ""] },
-		element_input: {
-			className: [e.w],
-			props: { "data-disabled": h ? "true" : void 0 }
-		},
-		children: [
-			A ? /* @__PURE__ */ l("span", {
-				className: e.affix,
-				children: A
-			}) : null,
-			/* @__PURE__ */ l("div", {
-				ref: F,
-				onClick: H,
-				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H(e));
-				},
-				tabIndex: h ? -1 : 0,
-				role: "button",
-				"aria-haspopup": "dialog",
-				"aria-expanded": R,
-				"aria-label": i || m || "Дата",
-				"data-edit": h ? void 0 : "true",
-				...U,
-				style: { cursor: h ? "not-allowed" : "pointer" },
-				children: f(N) ? "" : T(N, "dd.mm.yyyy")
-			}),
-			k ? /* @__PURE__ */ l("span", {
-				className: e.affix,
-				children: k
-			}) : null
-		]
-	}), R && I && d(/* @__PURE__ */ l(x, {
-		position: I,
-		onValue: V,
-		date: N,
-		max: S,
-		min: C,
-		onOpen: z,
-		className: p
-	}, "elcrm-date-popup"), document.body)] });
-}
-b.displayName = "DateField";
-var x = ({ date: e, onValue: t, position: n, max: r, min: d, className: f, onOpen: g }) => {
-	let [_] = s.useState(() => a());
-	s.useEffect(() => () => o(_), [_]);
-	let v = /* @__PURE__ */ new Date(), y = new Date(e);
-	Number.isNaN(y.getTime()) && (y = /* @__PURE__ */ new Date());
-	let b = {
-		y: v.getFullYear(),
-		d: v.getDate(),
-		m: v.getMonth() + 1
-	}, x = {
-		y: y.getFullYear(),
-		d: y.getDate(),
-		m: y.getMonth() + 1
-	}, [S, T] = s.useState({
-		y: x.y,
-		m: x.m
-	}), [E, D] = s.useState("days"), [O, k] = s.useState(() => h(x.y - 5, d, r)), A = (e) => {
-		let t = e.getDay();
-		return t === 0 && (t = 7), t - 1;
-	}, j = [
-		"пн",
-		"вт",
-		"ср",
-		"чт",
-		"пт",
-		"сб",
-		"вс"
-	], M = S.m - 1, N = new Date(S.y, M), P = [];
-	for (let e = 0; e < A(N); e++) P.push(0);
-	for (; N.getMonth() === M;) P.push(N.getDate()), N.setDate(N.getDate() + 1);
-	let F = () => {
-		g(!1);
-	}, I = () => {
-		W(S.m + 1, S.y);
-	}, L = () => {
-		W(S.m - 1, S.y);
-	}, R = () => {
-		E === "days" ? L() : E === "months" ? W(S.m, S.y - 1) : k((e) => h(e - 12, d, r));
-	}, z = () => {
-		E === "days" ? I() : E === "months" ? W(S.m, S.y + 1) : k((e) => h(e + 12, d, r));
-	}, B = (e) => {
-		e.stopPropagation(), k(h(S.y - 5, d, r)), D("years");
-	}, V = (e) => {
-		p(S.y, e, d, r) && (T({
-			y: S.y,
-			m: e
-		}), D("days"));
-	}, H = (e) => {
-		m(e, d, r) && (T({
-			y: e,
-			m: S.m
-		}), D("days"));
-	}, U = (e) => {
-		t(S.y + "-" + w(2, S.m) + "-" + w(2, e)), F();
-	}, W = (e, t) => {
-		t = e > 12 ? t + 1 : e < 1 ? t - 1 : t, e = e > 12 ? 1 : e < 1 ? 12 : e, T({
-			y: t,
-			m: e
-		});
-	}, G = (e) => b.y === S.y && b.m === S.m && b.d === e ? { "data-active": "true" } : {}, K = (e) => x.y === S.y && x.m === S.m && x.d === e ? { "data-current": "true" } : {}, q = (e) => {
-		let t = !0;
-		return r && r.getTime() < new Date(S.y, S.m - 1, e).getTime() && (t = !1), d && d.getTime() > new Date(S.y, S.m - 1, e).getTime() && (t = !1), t;
-	}, J = window.innerHeight - n.b < 360 ? Math.max(8, n.y - 360) : n.b;
-	J = Math.min(J, window.innerHeight - 360 - 8), J = Math.max(8, J);
-	let Y = window.innerWidth - n.x < 270 ? n.x - 246 : n.x;
-	return Y = Math.max(8, Math.min(Y, window.innerWidth - 270 - 8)), /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-		className: i.o,
-		style: { zIndex: _ },
-		onClick: () => F()
-	}), /* @__PURE__ */ u("div", {
-		className: [i.c, f && f + "-backdrop"].join(" "),
-		style: {
-			top: J + "px",
-			left: Y + "px",
-			zIndex: _ + 1
-		},
-		onClick: (e) => e.stopPropagation(),
-		children: [
-			/* @__PURE__ */ u("s", { children: [
-				/* @__PURE__ */ l("i", {
-					onClick: (e) => {
-						e.stopPropagation(), R();
-					},
-					children: /* @__PURE__ */ l("svg", {
-						width: "16",
-						height: "16",
-						fill: "currentColor",
-						viewBox: "0 0 24 24",
-						xmlns: "http://www.w3.org/2000/svg",
-						children: /* @__PURE__ */ l("path", { d: "m15.09 4.594-7.646 6.553a1.126 1.126 0 0 0 0 1.708l7.647 6.552c.73.625 1.857.107 1.857-.854V5.447c0-.961-1.127-1.48-1.857-.853Z" })
-					})
-				}),
-				/* @__PURE__ */ u("h2", { children: [/* @__PURE__ */ l("span", {
-					className: i.dateHeaderMonth,
-					onClick: (e) => {
-						e.stopPropagation(), D(E === "years" ? "months" : E === "months" ? "days" : "months");
-					},
-					title: E === "years" ? "К списку месяцев" : E === "months" ? "К календарю" : "Выбрать месяц",
-					children: C(S.m).name
-				}), /* @__PURE__ */ l("span", {
-					className: i.dateHeaderYear,
-					onClick: (e) => {
-						e.stopPropagation(), E === "years" ? D("days") : B(e);
-					},
-					title: E === "years" ? "К календарю" : "Выбрать год",
-					children: S.y
-				})] }),
-				/* @__PURE__ */ l("i", {
-					onClick: (e) => {
-						e.stopPropagation(), z();
-					},
-					children: /* @__PURE__ */ l("svg", {
-						width: "16",
-						height: "16",
-						fill: "currentColor",
-						viewBox: "0 0 24 24",
-						xmlns: "http://www.w3.org/2000/svg",
-						children: /* @__PURE__ */ l("path", { d: "m8.91 19.406 7.646-6.552a1.125 1.125 0 0 0 0-1.709L8.91 4.593c-.73-.625-1.857-.107-1.857.854v13.107c0 .96 1.127 1.479 1.857.852Z" })
-					})
-				})
-			] }),
-			E === "days" && /* @__PURE__ */ u("div", {
-				"grid-calendar": "",
-				children: [j.map((e, t) => /* @__PURE__ */ l("p", { children: e }, "v" + t)), P.map((e, t) => /* @__PURE__ */ l("span", { children: e !== 0 && q(e) ? /* @__PURE__ */ l("b", {
-					...G(e),
-					...K(e),
-					onClick: () => U(e),
-					children: e
-				}) : /* @__PURE__ */ l("p", {
-					...G(e),
-					...K(e),
-					children: e === 0 ? "" : e
-				}) }, t))]
-			}),
-			E === "months" && /* @__PURE__ */ l("div", {
-				"grid-month": "",
-				children: Array.from({ length: 12 }, (e, t) => {
-					let n = t + 1, a = p(S.y, n, d, r), o = b.y === S.y && b.m === n ? { "data-active": "true" } : {}, s = x.y === S.y && x.m === n ? { "data-current": "true" } : {};
-					return /* @__PURE__ */ l("b", {
-						className: a ? "" : i.dateHeaderDisabled,
-						...o,
-						...s,
-						onClick: () => a && V(n),
-						children: C(n).abc
-					}, n);
-				})
-			}),
-			E === "years" && /* @__PURE__ */ l("div", {
-				"grid-month": "",
-				children: Array.from({ length: 12 }, (e, t) => {
-					let n = O + t, a = m(n, d, r), o = b.y === n ? { "data-active": "true" } : {}, s = x.y === n ? { "data-current": "true" } : {};
-					return /* @__PURE__ */ l("b", {
-						className: a ? "" : i.dateHeaderDisabled,
-						...o,
-						...s,
-						onClick: () => a && H(n),
-						children: n
-					}, n);
-				})
-			})
-		]
-	})] });
-}, S = {
-	val: "01",
-	name: "—",
-	names: "—",
-	abc: "—"
-};
-function C(e) {
-	let t = typeof e == "number" ? e : new Date(e).getMonth() + 1;
-	return (!Number.isFinite(t) || t < 1 || t > 12) && (t = (/* @__PURE__ */ new Date()).getMonth() + 1), {
-		1: {
-			val: "01",
-			name: "Январь",
-			names: "Января",
-			abc: "Янв"
-		},
-		2: {
-			val: "02",
-			name: "Февраль",
-			names: "Февраля",
-			abc: "Февр"
-		},
-		3: {
-			val: "03",
-			name: "Март",
-			names: "Марта",
-			abc: "Март"
-		},
-		4: {
-			val: "04",
-			name: "Апрель",
-			names: "Апреля",
-			abc: "Апр"
-		},
-		5: {
-			val: "05",
-			name: "Май",
-			names: "Мая",
-			abc: "Май"
-		},
-		6: {
-			val: "06",
-			name: "Июнь",
-			names: "Июня",
-			abc: "Июнь"
-		},
-		7: {
-			val: "07",
-			name: "Июль",
-			names: "Июля",
-			abc: "Июль"
-		},
-		8: {
-			val: "08",
-			name: "Август",
-			names: "Августа",
-			abc: "Авг"
-		},
-		9: {
-			val: "09",
-			name: "Сентябрь",
-			names: "Сентября",
-			abc: "Сент"
-		},
-		10: {
-			val: "10",
-			name: "Октябрь",
-			names: "Октября",
-			abc: "Окт"
-		},
-		11: {
-			val: "11",
-			name: "Ноябрь",
-			names: "Ноября",
-			abc: "Нояб"
-		},
-		12: {
-			val: "12",
-			name: "Декабрь",
-			names: "Декабря",
-			abc: "Дек"
-		}
-	}[t] ?? S;
-}
-function w(e, t) {
-	let n = t + "";
-	for (; n.length < e;) n = "0" + n;
-	return n;
-}
-function T(e, t) {
-	let n, r;
-	t === void 0 ? (r = String(e), n = /* @__PURE__ */ new Date()) : (r = t, n = new Date(e)), Number.isNaN(n.getTime()) && (n = /* @__PURE__ */ new Date());
-	let i = r, a = {
-		yyyy: n.getFullYear(),
-		yy: ("" + n.getFullYear()).slice(-2),
-		mm: ("0" + (n.getMonth() + 1)).slice(-2),
-		dd: ("0" + n.getDate()).slice(-2),
-		HH: ("0" + n.getHours()).slice(-2),
-		MM: ("0" + n.getMinutes()).slice(-2),
-		SS: ("0" + n.getSeconds()).slice(-2),
-		__: "  \xA0\xA0\xA0\xA0  ",
-		_: "  \xA0\xA0  "
-	};
-	for (let e in a) i = i.replace(e, String(a[e]));
-	return i;
-}
-//#endregion
-export { b as default };
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{isEmptyTextLike as r}from"./visibility.js";import i from"../styles/Form.module.js";import{acquireOverlayZIndex as a,releaseOverlayZIndex as o}from"../overlayZ.js";import s from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{createPortal as d}from"react-dom";function f(e){return!!(e==null||typeof e==`string`&&r(e)||e instanceof Date&&Number.isNaN(e.getTime()))}function p(e,t,n,r){let i=new Date(e,t-1,1);return!(n&&new Date(e,t,0)<n||r&&i>r)}function m(e,t,n){return!(t&&e<t.getFullYear()||n&&e>n.getFullYear())}function h(e,t,n){let r=e;if(t){let e=t.getFullYear();r+11<e&&(r=e-11),r<e&&(r=e)}if(n){let e=n.getFullYear();r>e&&(r=e-11),r+11>e&&(r=e-11)}return r}function g(e){if(!(e instanceof HTMLElement))return!1;let t=e.tagName;return t===`INPUT`||t===`TEXTAREA`||t===`SELECT`?!0:!!e.isContentEditable}function _(e){let t=(e||``).trim();if(!t)return null;let n=t.split(/\s+/)[0].replace(/,/g,`.`),r=(e,t,n)=>{if(t<1||t>12||n<1||n>31)return null;let r=e<100?2e3+e:e,i=new Date(r,t-1,n);return Number.isNaN(i.getTime())||i.getFullYear()!==r||i.getMonth()!==t-1||i.getDate()!==n?null:i},i=/^(\d{1,2})[./](\d{1,2})[./](\d{2,4})$/.exec(n);if(i)return r(parseInt(i[3],10),parseInt(i[2],10),parseInt(i[1],10));if(i=/^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(n),i)return r(parseInt(i[1],10),parseInt(i[2],10),parseInt(i[3],10));if(i=/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/.exec(n),i)return r(parseInt(i[3],10),parseInt(i[2],10),parseInt(i[1],10));let a=n.replace(/\D/g,``);return a.length===8?r(parseInt(a.slice(4,8),10),parseInt(a.slice(2,4),10),parseInt(a.slice(0,2),10))||r(parseInt(a.slice(0,4),10),parseInt(a.slice(4,6),10),parseInt(a.slice(6,8),10)):null}function v(e,t,n){let r=e.getTime();return t&&r<t.getTime()&&(r=t.getTime()),n&&r>n.getTime()&&(r=n.getTime()),new Date(r)}function y(e){return e.getFullYear()+`-`+w(2,e.getMonth()+1)+`-`+w(2,e.getDate())}function b({label:i=``,error:a,hidden:o=!1,className:p,placeholder:m,disabled:h=!1,onValue:b,max:S,min:C,form:w,icon:E,name:D=``,value:O,after:k=``,before:A=``}){let j=s.useCallback(e=>{if(e==null||typeof e==`string`&&r(e))return``;if(e instanceof Date)return Number.isNaN(e.getTime())?``:e;if(typeof e==`string`||typeof e==`number`){let t=new Date(e);return Number.isNaN(t.getTime())?``:e}return``},[]),{value:M}=n(w,D,O),[N,P]=s.useState(j(M)),F=s.useRef(null),[I,L]=s.useState(null),[R,z]=s.useState(!1),B=s.useCallback(()=>{let e=F.current;if(!e)return;let t=e.getBoundingClientRect();L({x:t.left,y:t.top,b:t.bottom})},[]);s.useEffect(()=>{if(!R)return;B();let e=()=>{B()};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[R,B]),s.useEffect(()=>{P(j(M))},[M,j]);let V=s.useCallback(e=>{let t={value:e,name:D};P(e),w&&D&&w.setValue(t),b&&b!==w?.onValue&&b(t)},[w,D,b]);s.useEffect(()=>{if(!R||h)return;let e=``,t=t=>{let n=_(t);if(!n)return!1;let r=y(v(n,C,S));return r===e?!0:(e=r,V(r),z(!1),!0)},n=e=>{g(e.target)||t(e.clipboardData?.getData(`text/plain`)??``)&&(e.preventDefault(),e.stopPropagation())},r=e=>{(e.ctrlKey||e.metaKey)&&(e.key!==`v`&&e.key!==`V`||g(e.target)||navigator.clipboard?.readText&&(e.preventDefault(),navigator.clipboard.readText().then(e=>{t(e)})))};return document.addEventListener(`paste`,n,!0),window.addEventListener(`keydown`,r,!0),()=>{document.removeEventListener(`paste`,n,!0),window.removeEventListener(`keydown`,r,!0)}},[R,h,C,S,V]);let H=e=>{if(h)return;let t=e.currentTarget.getBoundingClientRect();L({x:t.left,y:t.top,b:t.bottom}),z(!0)},U={};m&&(U.placeholder=m);let W=M==null||M===``||typeof M==`string`&&r(M);return o&&W?l(c,{}):u(c,{children:[E?E():u(t,{type:`date`,label:i,error:a,element_blok:{className:[p||``]},element_input:{className:[e.w],props:{"data-disabled":h?`true`:void 0}},children:[A?l(`span`,{className:e.affix,children:A}):null,l(`div`,{ref:F,onClick:H,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),H(e))},tabIndex:h?-1:0,role:`button`,"aria-haspopup":`dialog`,"aria-expanded":R,"aria-label":i||m||`Дата`,"data-edit":h?void 0:`true`,...U,style:{cursor:h?`not-allowed`:`pointer`},children:f(N)?``:T(N,`dd.mm.yyyy`)}),k?l(`span`,{className:e.affix,children:k}):null]}),R&&I&&d(l(x,{position:I,onValue:V,date:N,max:S,min:C,onOpen:z,className:p},`elcrm-date-popup`),document.body)]})}b.displayName=`DateField`;var x=({date:e,onValue:t,position:n,max:r,min:d,className:f,onOpen:g})=>{let[_]=s.useState(()=>a());s.useEffect(()=>()=>o(_),[_]);let v=new Date,y=new Date(e);Number.isNaN(y.getTime())&&(y=new Date);let b={y:v.getFullYear(),d:v.getDate(),m:v.getMonth()+1},x={y:y.getFullYear(),d:y.getDate(),m:y.getMonth()+1},[S,T]=s.useState({y:x.y,m:x.m}),[E,D]=s.useState(`days`),[O,k]=s.useState(()=>h(x.y-5,d,r)),A=e=>{let t=e.getDay();return t===0&&(t=7),t-1},j=[`пн`,`вт`,`ср`,`чт`,`пт`,`сб`,`вс`],M=S.m-1,N=new Date(S.y,M),P=[];for(let e=0;e<A(N);e++)P.push(0);for(;N.getMonth()===M;)P.push(N.getDate()),N.setDate(N.getDate()+1);let F=()=>{g(!1)},I=()=>{W(S.m+1,S.y)},L=()=>{W(S.m-1,S.y)},R=()=>{E===`days`?L():E===`months`?W(S.m,S.y-1):k(e=>h(e-12,d,r))},z=()=>{E===`days`?I():E===`months`?W(S.m,S.y+1):k(e=>h(e+12,d,r))},B=e=>{e.stopPropagation(),k(h(S.y-5,d,r)),D(`years`)},V=e=>{p(S.y,e,d,r)&&(T({y:S.y,m:e}),D(`days`))},H=e=>{m(e,d,r)&&(T({y:e,m:S.m}),D(`days`))},U=e=>{t(S.y+`-`+w(2,S.m)+`-`+w(2,e)),F()},W=(e,t)=>{t=e>12?t+1:e<1?t-1:t,e=e>12?1:e<1?12:e,T({y:t,m:e})},G=e=>b.y===S.y&&b.m===S.m&&b.d===e?{"data-active":`true`}:{},K=e=>x.y===S.y&&x.m===S.m&&x.d===e?{"data-current":`true`}:{},q=e=>{let t=!0;return r&&r.getTime()<new Date(S.y,S.m-1,e).getTime()&&(t=!1),d&&d.getTime()>new Date(S.y,S.m-1,e).getTime()&&(t=!1),t},J=window.innerHeight-n.b<360?Math.max(8,n.y-360):n.b;J=Math.min(J,window.innerHeight-360-8),J=Math.max(8,J);let Y=window.innerWidth-n.x<270?n.x-246:n.x;return Y=Math.max(8,Math.min(Y,window.innerWidth-270-8)),u(c,{children:[l(`div`,{className:i.o,style:{zIndex:_},onClick:()=>F()}),u(`div`,{className:[i.c,f&&f+`-backdrop`].join(` `),style:{top:J+`px`,left:Y+`px`,zIndex:_+1},onClick:e=>e.stopPropagation(),children:[u(`s`,{children:[l(`i`,{onClick:e=>{e.stopPropagation(),R()},children:l(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:l(`path`,{d:`m15.09 4.594-7.646 6.553a1.126 1.126 0 0 0 0 1.708l7.647 6.552c.73.625 1.857.107 1.857-.854V5.447c0-.961-1.127-1.48-1.857-.853Z`})})}),u(`h2`,{children:[l(`span`,{className:i.dateHeaderMonth,onClick:e=>{e.stopPropagation(),D(E===`years`?`months`:E===`months`?`days`:`months`)},title:E===`years`?`К списку месяцев`:E===`months`?`К календарю`:`Выбрать месяц`,children:C(S.m).name}),l(`span`,{className:i.dateHeaderYear,onClick:e=>{e.stopPropagation(),E===`years`?D(`days`):B(e)},title:E===`years`?`К календарю`:`Выбрать год`,children:S.y})]}),l(`i`,{onClick:e=>{e.stopPropagation(),z()},children:l(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:l(`path`,{d:`m8.91 19.406 7.646-6.552a1.125 1.125 0 0 0 0-1.709L8.91 4.593c-.73-.625-1.857-.107-1.857.854v13.107c0 .96 1.127 1.479 1.857.852Z`})})})]}),E===`days`&&u(`div`,{"grid-calendar":``,role:`grid`,"aria-label":`Календарь`,children:[j.map((e,t)=>l(`p`,{role:`columnheader`,children:e},`v`+t)),P.map((e,t)=>l(`span`,{role:`gridcell`,children:e!==0&&q(e)?l(`b`,{role:`button`,tabIndex:0,"aria-label":`${e}`,...G(e),...K(e),"aria-selected":K(e)[`data-current`]?`true`:void 0,onClick:()=>U(e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),U(e))},children:e}):l(`p`,{"aria-disabled":e===0?void 0:!0,...G(e),...K(e),children:e===0?``:e})},t))]}),E===`months`&&l(`div`,{"grid-month":``,role:`listbox`,"aria-label":`Месяц`,children:Array.from({length:12},(e,t)=>{let n=t+1,a=p(S.y,n,d,r),o=b.y===S.y&&b.m===n?{"data-active":`true`}:{},s=x.y===S.y&&x.m===n?{"data-current":`true`}:{};return l(`b`,{role:`option`,tabIndex:a?0:-1,"aria-selected":s[`data-current`]?`true`:`false`,"aria-disabled":a?void 0:!0,className:a?``:i.dateHeaderDisabled,...o,...s,onClick:()=>a&&V(n),onKeyDown:e=>{a&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),V(n))},children:C(n).abc},n)})}),E===`years`&&l(`div`,{"grid-month":``,role:`listbox`,"aria-label":`Год`,children:Array.from({length:12},(e,t)=>{let n=O+t,a=m(n,d,r),o=b.y===n?{"data-active":`true`}:{},s=x.y===n?{"data-current":`true`}:{};return l(`b`,{role:`option`,tabIndex:a?0:-1,"aria-selected":s[`data-current`]?`true`:`false`,"aria-disabled":a?void 0:!0,className:a?``:i.dateHeaderDisabled,...o,...s,onClick:()=>a&&H(n),onKeyDown:e=>{a&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),H(n))},children:n},n)})})]})]})},S={val:`01`,name:`—`,names:`—`,abc:`—`};function C(e){let t=typeof e==`number`?e:new Date(e).getMonth()+1;return(!Number.isFinite(t)||t<1||t>12)&&(t=new Date().getMonth()+1),{1:{val:`01`,name:`Январь`,names:`Января`,abc:`Янв`},2:{val:`02`,name:`Февраль`,names:`Февраля`,abc:`Февр`},3:{val:`03`,name:`Март`,names:`Марта`,abc:`Март`},4:{val:`04`,name:`Апрель`,names:`Апреля`,abc:`Апр`},5:{val:`05`,name:`Май`,names:`Мая`,abc:`Май`},6:{val:`06`,name:`Июнь`,names:`Июня`,abc:`Июнь`},7:{val:`07`,name:`Июль`,names:`Июля`,abc:`Июль`},8:{val:`08`,name:`Август`,names:`Августа`,abc:`Авг`},9:{val:`09`,name:`Сентябрь`,names:`Сентября`,abc:`Сент`},10:{val:`10`,name:`Октябрь`,names:`Октября`,abc:`Окт`},11:{val:`11`,name:`Ноябрь`,names:`Ноября`,abc:`Нояб`},12:{val:`12`,name:`Декабрь`,names:`Декабря`,abc:`Дек`}}[t]??S}function w(e,t){let n=t+``;for(;n.length<e;)n=`0`+n;return n}function T(e,t){let n,r;t===void 0?(r=String(e),n=new Date):(r=t,n=new Date(e)),Number.isNaN(n.getTime())&&(n=new Date);let i=r,a={yyyy:n.getFullYear(),yy:(``+n.getFullYear()).slice(-2),mm:(`0`+(n.getMonth()+1)).slice(-2),dd:(`0`+n.getDate()).slice(-2),HH:(`0`+n.getHours()).slice(-2),MM:(`0`+n.getMinutes()).slice(-2),SS:(`0`+n.getSeconds()).slice(-2),__:`  \xA0\xA0\xA0\xA0  `,_:`  \xA0\xA0  `};for(let e in a)i=i.replace(e,String(a[e]));return i}export{b as default};

package/dist/fields/Display.d.ts

@@ -8,7 +8,7 @@ export type TDisplay = TInput & {
     format?: (value: unknown) => string;
     emptyText?: string;
 };
-declare function DisplayField({ value, form, name, placeholder, label, error, hidden, className, after, before, format, emptyText, }: TDisplay): import("react/jsx-runtime").JSX.Element | null;
+declare function DisplayField({ value, form, name, placeholder, label, error, hidden, className, after, before, format, emptyText, size, }: TDisplay): import("react/jsx-runtime").JSX.Element | null;
 declare namespace DisplayField {
     var displayName: string;
 }

package/dist/fields/Display.js

@@ -1,49 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import { isEmptyTextLike as r } from "./visibility.js";
-import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/lib/fields/Display.tsx
-function o(e) {
-	if (e == null) return "";
-	if (typeof e == "string") return e;
-	if (typeof e == "number" || typeof e == "boolean") return String(e);
-	if (Array.isArray(e)) return e.map(String).join(", ");
-	try {
-		return JSON.stringify(e);
-	} catch {
-		return String(e);
-	}
-}
-function s({ value: s = "", form: c, name: l = "", placeholder: u = "", label: d = "", error: f = "", hidden: p = !1, className: m = "", after: h = "", before: g = "", format: _ = o, emptyText: v }) {
-	let { value: y } = n(c, l, s), b = _(y), x = !b.trim(), S = x ? v || u || "—" : b;
-	return p && r(y) ? null : /* @__PURE__ */ a(t, {
-		type: "display",
-		label: d,
-		error: f,
-		element_blok: { className: [m || ""] },
-		element_input: {
-			className: [e.w, e.display],
-			props: { "data-readonly": "true" }
-		},
-		children: [
-			g ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: g
-			}) : null,
-			/* @__PURE__ */ i("div", {
-				className: x ? e.displayEmpty : void 0,
-				"aria-label": d || "Значение",
-				children: S
-			}),
-			h ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: h
-			}) : null
-		]
-	});
-}
-s.displayName = "DisplayField";
-//#endregion
-export { s as default };
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{isEmptyTextLike as r}from"./visibility.js";import"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o(e){if(e==null)return``;if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`)return String(e);if(Array.isArray(e))return e.map(String).join(`, `);try{return JSON.stringify(e)}catch{return String(e)}}function s({value:s=``,form:c,name:l=``,placeholder:u=``,label:d=``,error:f=``,hidden:p=!1,className:m=``,after:h=``,before:g=``,format:_=o,emptyText:v,size:y=`md`}){let{value:b}=n(c,l,s),x=_(b),S=!x.trim(),C=S?v||u||`—`:x;return p&&r(b)?null:a(t,{type:`display`,label:d,error:f,size:y,element_blok:{className:[m||``]},element_input:{className:[e.w,e.display],props:{"data-readonly":`true`}},children:[g?i(`span`,{className:e.affix,children:g}):null,i(`div`,{className:S?e.displayEmpty:void 0,"aria-label":d||`Значение`,children:C}),h?i(`span`,{className:e.affix,children:h}):null]})}s.displayName=`DisplayField`;export{s as default};