@elcrm/form 0.0.80 → 0.0.81

package/dist/fields/Date.js

@@ -29,8 +29,34 @@ function p(e, t, n) {
 	}
 	return r;
 }
-function m({ label: i = "", error: d, hidden: f = !1, className: p, placeholder: m, disabled: g = !1, onValue: _, max: v, min: b, form: x, icon: S, name: C = "", value: w, after: T = "", before: E = "" }) {
-	let D = a.useCallback((e) => {
+function m(e) {
+	if (!(e instanceof HTMLElement)) return !1;
+	let t = e.tagName;
+	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT" ? !0 : !!e.isContentEditable;
+}
+function h(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 g(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 _(e) {
+	return e.getFullYear() + "-" + S(2, e.getMonth() + 1) + "-" + S(2, e.getDate());
+}
+function v({ label: i = "", error: d, hidden: f = !1, className: p, placeholder: v, disabled: b = !1, onValue: x, max: S, min: w, form: T, icon: E, name: D = "", value: O, after: k = "", before: A = "" }) {
+	let j = a.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") {
@@ -38,106 +64,135 @@ function m({ label: i = "", error: d, hidden: f = !1, className: p, placeholder:
 			return Number.isNaN(t.getTime()) ? "" : e;
 		}
 		return "";
-	}, []), { value: O } = n(x, C, w), [k, A] = a.useState(D(O)), j = a.useRef(null), [M, N] = a.useState(null), [P, F] = a.useState(!1), I = a.useCallback(() => {
-		let e = j.current;
+	}, []), { value: M } = n(T, D, O), [N, P] = a.useState(j(M)), F = a.useRef(null), [I, L] = a.useState(null), [R, z] = a.useState(!1), B = a.useCallback(() => {
+		let e = F.current;
 		if (!e) return;
 		let t = e.getBoundingClientRect();
-		N({
+		L({
 			x: t.left,
 			y: t.top,
 			b: t.bottom
 		});
 	}, []);
 	a.useEffect(() => {
-		if (!P) return;
-		I();
+		if (!R) return;
+		B();
 		let e = () => {
-			I();
+			B();
 		};
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [P, I]), a.useEffect(() => {
-		A(D(O));
-	}, [O, D]);
-	let L = (e) => {
+	}, [R, B]), a.useEffect(() => {
+		P(j(M));
+	}, [M, j]);
+	let V = a.useCallback((e) => {
 		let t = {
 			value: e,
-			name: C
+			name: D
 		};
-		A(e), x && C && x.setValue(t), _ && _ !== x?.onValue && _(t);
-	}, R = (e) => {
-		if (g) return;
+		P(e), T && D && T.setValue(t), x && x !== T?.onValue && x(t);
+	}, [
+		T,
+		D,
+		x
+	]);
+	a.useEffect(() => {
+		if (!R || b) return;
+		let e = "", t = (t) => {
+			let n = h(t);
+			if (!n) return !1;
+			let r = _(g(n, w, S));
+			return r === e ? !0 : (e = r, V(r), z(!1), !0);
+		}, n = (e) => {
+			m(e.target) || t(e.clipboardData?.getData("text/plain") ?? "") && (e.preventDefault(), e.stopPropagation());
+		}, r = (e) => {
+			(e.ctrlKey || e.metaKey) && (e.key !== "v" && e.key !== "V" || m(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,
+		b,
+		w,
+		S,
+		V
+	]);
+	let H = (e) => {
+		if (b) return;
 		let t = e.currentTarget.getBoundingClientRect();
-		N({
+		L({
 			x: t.left,
 			y: t.top,
 			b: t.bottom
-		}), F(!0);
-	}, z = {};
-	m && (z.placeholder = m);
-	let B = O == null || O === "" || typeof O == "string" && r(O);
-	return f && B ? /* @__PURE__ */ s(o, {}) : /* @__PURE__ */ c(o, { children: [S ? S() : /* @__PURE__ */ c(t, {
+		}), z(!0);
+	}, U = {};
+	v && (U.placeholder = v);
+	let W = M == null || M === "" || typeof M == "string" && r(M);
+	return f && W ? /* @__PURE__ */ s(o, {}) : /* @__PURE__ */ c(o, { children: [E ? E() : /* @__PURE__ */ c(t, {
 		type: "date",
 		label: i,
 		error: d,
 		element_blok: { className: [p || ""] },
 		element_input: {
 			className: [e.w],
-			props: { "data-disabled": g ? "true" : void 0 }
+			props: { "data-disabled": b ? "true" : void 0 }
 		},
 		children: [
-			E ? /* @__PURE__ */ s("span", {
+			A ? /* @__PURE__ */ s("span", {
 				className: e.affix,
-				children: E
+				children: A
 			}) : null,
 			/* @__PURE__ */ s("div", {
-				ref: j,
-				onClick: R,
+				ref: F,
+				onClick: H,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), R(e));
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H(e));
 				},
-				tabIndex: g ? -1 : 0,
+				tabIndex: b ? -1 : 0,
 				role: "button",
 				"aria-haspopup": "dialog",
-				"aria-expanded": P,
-				"aria-label": i || m || "Дата",
-				"data-edit": g ? void 0 : "true",
-				...z,
-				style: { cursor: g ? "not-allowed" : "pointer" },
-				children: u(k) ? "" : y(k, "dd.mm.yyyy")
+				"aria-expanded": R,
+				"aria-label": i || v || "Дата",
+				"data-edit": b ? void 0 : "true",
+				...U,
+				style: { cursor: b ? "not-allowed" : "pointer" },
+				children: u(N) ? "" : C(N, "dd.mm.yyyy")
 			}),
-			T ? /* @__PURE__ */ s("span", {
+			k ? /* @__PURE__ */ s("span", {
 				className: e.affix,
-				children: T
+				children: k
 			}) : null
 		]
-	}), P && M && l(/* @__PURE__ */ s(h, {
-		position: M,
-		onValue: L,
-		date: k,
-		max: v,
-		min: b,
-		onOpen: F,
+	}), R && I && l(/* @__PURE__ */ s(y, {
+		position: I,
+		onValue: V,
+		date: N,
+		max: S,
+		min: w,
+		onOpen: z,
 		className: p
 	}, "elcrm-date-popup"), document.body)] });
 }
-m.displayName = "DateField";
-var h = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpen: m }) => {
+v.displayName = "DateField";
+var y = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpen: m }) => {
 	let h = /* @__PURE__ */ new Date(), g = new Date(e);
 	Number.isNaN(g.getTime()) && (g = /* @__PURE__ */ new Date());
-	let y = {
+	let _ = {
 		y: h.getFullYear(),
 		d: h.getDate(),
 		m: h.getMonth() + 1
-	}, b = {
+	}, v = {
 		y: g.getFullYear(),
 		d: g.getDate(),
 		m: g.getMonth() + 1
-	}, [x, S] = a.useState({
-		y: b.y,
-		m: b.m
-	}), [C, w] = a.useState("days"), [T, E] = a.useState(() => p(b.y - 5, l, r)), D = (e) => {
+	}, [y, b] = a.useState({
+		y: v.y,
+		m: v.m
+	}), [C, w] = a.useState("days"), [T, E] = a.useState(() => p(v.y - 5, l, r)), D = (e) => {
 		let t = e.getDay();
 		return t === 0 && (t = 7), t - 1;
 	}, O = [
@@ -148,41 +203,41 @@ var h = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpe
 		"пт",
 		"сб",
 		"вс"
-	], k = x.m - 1, A = new Date(x.y, k), j = [];
+	], k = y.m - 1, A = new Date(y.y, k), j = [];
 	for (let e = 0; e < D(A); e++) j.push(0);
 	for (; A.getMonth() === k;) j.push(A.getDate()), A.setDate(A.getDate() + 1);
 	let M = () => {
 		m(!1);
 	}, N = () => {
-		V(x.m + 1, x.y);
+		V(y.m + 1, y.y);
 	}, P = () => {
-		V(x.m - 1, x.y);
+		V(y.m - 1, y.y);
 	}, F = () => {
-		C === "days" ? P() : C === "months" ? V(x.m, x.y - 1) : E((e) => p(e - 12, l, r));
+		C === "days" ? P() : C === "months" ? V(y.m, y.y - 1) : E((e) => p(e - 12, l, r));
 	}, I = () => {
-		C === "days" ? N() : C === "months" ? V(x.m, x.y + 1) : E((e) => p(e + 12, l, r));
+		C === "days" ? N() : C === "months" ? V(y.m, y.y + 1) : E((e) => p(e + 12, l, r));
 	}, L = (e) => {
-		e.stopPropagation(), E(p(x.y - 5, l, r)), w("years");
+		e.stopPropagation(), E(p(y.y - 5, l, r)), w("years");
 	}, R = (e) => {
-		d(x.y, e, l, r) && (S({
-			y: x.y,
+		d(y.y, e, l, r) && (b({
+			y: y.y,
 			m: e
 		}), w("days"));
 	}, z = (e) => {
-		f(e, l, r) && (S({
+		f(e, l, r) && (b({
 			y: e,
-			m: x.m
+			m: y.m
 		}), w("days"));
 	}, B = (e) => {
-		t(x.y + "-" + v(2, x.m) + "-" + v(2, e)), M();
+		t(y.y + "-" + S(2, y.m) + "-" + S(2, e)), M();
 	}, V = (e, t) => {
-		t = e > 12 ? t + 1 : e < 1 ? t - 1 : t, e = e > 12 ? 1 : e < 1 ? 12 : e, S({
+		t = e > 12 ? t + 1 : e < 1 ? t - 1 : t, e = e > 12 ? 1 : e < 1 ? 12 : e, b({
 			y: t,
 			m: e
 		});
-	}, H = (e) => y.y === x.y && y.m === x.m && y.d === e ? { "data-active": "true" } : {}, U = (e) => b.y === x.y && b.m === x.m && b.d === e ? { "data-current": "true" } : {}, W = (e) => {
+	}, H = (e) => _.y === y.y && _.m === y.m && _.d === e ? { "data-active": "true" } : {}, U = (e) => v.y === y.y && v.m === y.m && v.d === e ? { "data-current": "true" } : {}, W = (e) => {
 		let t = !0;
-		return r && r.getTime() < new Date(x.y, x.m - 1, e).getTime() && (t = !1), l && l.getTime() > new Date(x.y, x.m - 1, e).getTime() && (t = !1), t;
+		return r && r.getTime() < new Date(y.y, y.m - 1, e).getTime() && (t = !1), l && l.getTime() > new Date(y.y, y.m - 1, e).getTime() && (t = !1), t;
 	}, G = window.innerHeight - n.b < 360 ? Math.max(8, n.y - 360) : n.b;
 	G = Math.min(G, window.innerHeight - 360 - 8), G = Math.max(8, G);
 	let K = window.innerWidth - n.x < 270 ? n.x - 246 : n.x;
@@ -217,14 +272,14 @@ var h = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpe
 						e.stopPropagation(), w(C === "years" ? "months" : C === "months" ? "days" : "months");
 					},
 					title: C === "years" ? "К списку месяцев" : C === "months" ? "К календарю" : "Выбрать месяц",
-					children: _(x.m).name
+					children: x(y.m).name
 				}), /* @__PURE__ */ s("span", {
 					className: i.dateHeaderYear,
 					onClick: (e) => {
 						e.stopPropagation(), C === "years" ? w("days") : L(e);
 					},
 					title: C === "years" ? "К календарю" : "Выбрать год",
-					children: x.y
+					children: y.y
 				})] }),
 				/* @__PURE__ */ s("i", {
 					onClick: (e) => {
@@ -256,20 +311,20 @@ var h = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpe
 			C === "months" && /* @__PURE__ */ s("div", {
 				"grid-month": "",
 				children: Array.from({ length: 12 }, (e, t) => {
-					let n = t + 1, a = d(x.y, n, l, r), o = y.y === x.y && y.m === n ? { "data-active": "true" } : {}, c = b.y === x.y && b.m === n ? { "data-current": "true" } : {};
+					let n = t + 1, a = d(y.y, n, l, r), o = _.y === y.y && _.m === n ? { "data-active": "true" } : {}, c = v.y === y.y && v.m === n ? { "data-current": "true" } : {};
 					return /* @__PURE__ */ s("b", {
 						className: a ? "" : i.dateHeaderDisabled,
 						...o,
 						...c,
 						onClick: () => a && R(n),
-						children: _(n).abc
+						children: x(n).abc
 					}, n);
 				})
 			}),
 			C === "years" && /* @__PURE__ */ s("div", {
 				"grid-month": "",
 				children: Array.from({ length: 12 }, (e, t) => {
-					let n = T + t, a = f(n, l, r), o = y.y === n ? { "data-active": "true" } : {}, c = b.y === n ? { "data-current": "true" } : {};
+					let n = T + t, a = f(n, l, r), o = _.y === n ? { "data-active": "true" } : {}, c = v.y === n ? { "data-current": "true" } : {};
 					return /* @__PURE__ */ s("b", {
 						className: a ? "" : i.dateHeaderDisabled,
 						...o,
@@ -281,13 +336,13 @@ var h = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpe
 			})
 		]
 	})] });
-}, g = {
+}, b = {
 	val: "01",
 	name: "—",
 	names: "—",
 	abc: "—"
 };
-function _(e) {
+function x(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: {
@@ -362,14 +417,14 @@ function _(e) {
 			names: "Декабря",
 			abc: "Дек"
 		}
-	}[t] ?? g;
+	}[t] ?? b;
 }
-function v(e, t) {
+function S(e, t) {
 	let n = t + "";
 	for (; n.length < e;) n = "0" + n;
 	return n;
 }
-function y(e, t) {
+function C(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 = {
@@ -387,4 +442,4 @@ function y(e, t) {
 	return i;
 }
 //#endregion
-export { m as default };
+export { v as default };

package/dist/fields/Display.d.ts

@@ -0,0 +1,17 @@
+import { TInput } from './type';
+/**
+ * DisplayField (Readonly) — только отображение значения в layout поля.
+ * Не принимает ввод; удобно для превью / рассчитанных полей.
+ */
+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 namespace DisplayField {
+    var displayName: string;
+}
+/** @deprecated используйте `DisplayField` */
+export { DisplayField as ReadonlyField };
+export default DisplayField;

package/dist/fields/Display.js

@@ -0,0 +1,49 @@
+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 };

package/dist/fields/DragDrop.d.ts

@@ -0,0 +1,26 @@
+import { TInput } from './type';
+/** DragDropField — зона перетаскивания файлов (+ клик для выбора). */
+export type TDragDrop = TInput & {
+    accept?: string;
+    multiple?: boolean;
+    /** Макс. размер одного файла, байт */
+    maxSize?: number;
+    /** Лимит числа файлов при `multiple` */
+    maxFiles?: number;
+    /**
+     * Если true — в форму пишутся `File` / `File[]`.
+     * Иначе — метаданные `TFileMeta` / `TFileMeta[]`.
+     */
+    keepFile?: boolean;
+    /** Подсказка в зоне (по умолчанию — placeholder) */
+    hint?: string;
+    /** Дописывать к уже выбранным при multiple (по умолчанию true) */
+    append?: boolean;
+};
+declare function DragDropField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, accept, multiple, maxSize, maxFiles, keepFile, hint, append, }: TDragDrop): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DragDropField {
+    var displayName: string;
+}
+/** Алиас на случай опечатки «DragonDrop» */
+export { DragDropField as DragonDropField };
+export default DragDropField;

package/dist/fields/DragDrop.js

@@ -0,0 +1,189 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/fields/DragDrop.tsx
+function o(e) {
+	return {
+		name: e.name,
+		size: e.size,
+		type: e.type,
+		lastModified: e.lastModified
+	};
+}
+function s(e) {
+	return typeof File < "u" && e instanceof File ? o(e) : e;
+}
+function c(e) {
+	return e ? Array.isArray(e) ? e : typeof File < "u" && e instanceof File || typeof e == "object" && e && "name" in e ? [e] : [] : [];
+}
+function l(e) {
+	return e < 1024 ? `${e} Б` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / (1024 * 1024)).toFixed(1)} МБ`;
+}
+function u(e, t) {
+	if (!t || !t.trim()) return !0;
+	let n = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
+	if (n.length === 0) return !0;
+	let r = e.name.toLowerCase(), i = (e.type || "").toLowerCase();
+	return n.some((e) => {
+		if (e.startsWith(".")) return r.endsWith(e);
+		if (e.endsWith("/*")) {
+			let t = e.slice(0, -1);
+			return i.startsWith(t);
+		}
+		return i === e;
+	});
+}
+function d(e) {
+	return `${e.name}:${e.size}`;
+}
+function f({ value: f, form: p, onValue: m, onBlur: h, name: g = "", placeholder: _ = "Перетащите файлы сюда или нажмите", label: v = "", error: y = "", hidden: b = !1, disabled: x = !1, className: S = "", after: C = "", before: w = "", accept: T, multiple: E = !0, maxSize: D, maxFiles: O, keepFile: k = !0, hint: A, append: j = !0 }) {
+	let { value: M } = n(p, g, f), N = c(M), P = !x, F = r.useRef(null), [I, L] = r.useState(""), [R, z] = r.useState(!1), B = r.useRef(0), V = (e) => {
+		let t = {
+			value: e,
+			name: g
+		};
+		p && g && p.setValue(t), m && m !== p?.onValue && m(t);
+	}, H = (e) => {
+		if (e.length === 0) return;
+		let t = e.filter((e) => !u(e, T));
+		if (t.length > 0) {
+			L(`Тип файла не подходит: ${t.map((e) => e.name).join(", ")}`);
+			return;
+		}
+		if (D !== void 0) {
+			let t = e.find((e) => e.size > D);
+			if (t) {
+				L(`Файл «${t.name}» больше ${l(D)}`);
+				return;
+			}
+		}
+		let n;
+		if (!E) n = [e[0]];
+		else if (j && N.length > 0) {
+			let t = new Set(N.map((e) => d(e))), r = e.filter((e) => !t.has(d(e))), i = N.filter((e) => typeof File < "u" && e instanceof File);
+			n = k && i.length === N.length ? [...i, ...r] : [...e];
+		} else n = e;
+		if (O !== void 0 && n.length > O) {
+			L(`Не больше ${O} файлов`);
+			return;
+		}
+		L("");
+		let r = k ? E ? n : n[0] : E ? n.map(o) : o(n[0]);
+		V(r), h?.({
+			value: r,
+			name: g
+		});
+	}, U = () => {
+		P && (V(E ? [] : null), F.current && (F.current.value = ""), L(""));
+	}, W = (e) => {
+		if (!P) return;
+		if (!E) {
+			U();
+			return;
+		}
+		let t = N.filter((t, n) => n !== e);
+		V(k ? t : t.map(s)), F.current && (F.current.value = "");
+	}, G = (e) => {
+		e.preventDefault(), e.stopPropagation(), P && (B.current += 1, z(!0));
+	}, K = (e) => {
+		e.preventDefault(), e.stopPropagation(), --B.current, B.current <= 0 && (B.current = 0, z(!1));
+	}, q = (e) => {
+		e.preventDefault(), e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = P ? "copy" : "none");
+	}, J = (e) => {
+		e.preventDefault(), e.stopPropagation(), B.current = 0, z(!1), P && H(Array.from(e.dataTransfer.files || []));
+	}, Y = N.length === 0;
+	if (b && Y) return null;
+	let X = y || I, Z = A || _;
+	return /* @__PURE__ */ a(t, {
+		type: "dragdrop",
+		label: v,
+		error: X,
+		element_blok: { className: [S || ""] },
+		element_input: {
+			className: [e.dragDrop],
+			props: {
+				"data-disabled": x || !P ? "true" : void 0,
+				"data-dragging": R ? "true" : void 0
+			}
+		},
+		children: [
+			w ? /* @__PURE__ */ i("span", {
+				className: e.affix,
+				children: w
+			}) : null,
+			/* @__PURE__ */ a("div", {
+				className: e.dragDropInner,
+				children: [
+					/* @__PURE__ */ i("input", {
+						ref: F,
+						type: "file",
+						className: e.fileInput,
+						accept: T,
+						multiple: E,
+						disabled: x || !P,
+						"aria-label": v || _ || "Файлы",
+						onChange: (e) => {
+							H(Array.from(e.target.files || [])), e.target.value = "";
+						}
+					}),
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						className: e.dragDropZone,
+						disabled: !P,
+						"data-dragging": R ? "true" : void 0,
+						onClick: () => F.current?.click(),
+						onDragEnter: G,
+						onDragLeave: K,
+						onDragOver: q,
+						onDrop: J,
+						children: [/* @__PURE__ */ i("span", {
+							className: e.dragDropHint,
+							children: Z
+						}), T ? /* @__PURE__ */ i("span", {
+							className: e.dragDropAccept,
+							children: T
+						}) : null]
+					}),
+					Y ? null : /* @__PURE__ */ i("ul", {
+						className: e.dragDropList,
+						children: N.map((t, n) => /* @__PURE__ */ a("li", {
+							className: e.dragDropItem,
+							children: [/* @__PURE__ */ a("div", {
+								className: e.dragDropMeta,
+								children: [/* @__PURE__ */ i("span", {
+									className: e.dragDropName,
+									title: t.name,
+									children: t.name
+								}), /* @__PURE__ */ i("span", {
+									className: e.dragDropSize,
+									children: l(t.size)
+								})]
+							}), P ? /* @__PURE__ */ i("button", {
+								type: "button",
+								className: e.dragDropRemove,
+								"aria-label": `Удалить ${t.name}`,
+								onClick: () => W(n),
+								children: "×"
+							}) : null]
+						}, `${t.name}-${n}`))
+					}),
+					!Y && P ? /* @__PURE__ */ i("button", {
+						type: "button",
+						className: e.dragDropClearAll,
+						onClick: U,
+						children: "Очистить всё"
+					}) : null
+				]
+			}),
+			C ? /* @__PURE__ */ i("span", {
+				className: e.affix,
+				children: C
+			}) : null
+		]
+	});
+}
+f.displayName = "DragDropField";
+//#endregion
+export { f as default };

package/dist/fields/Email.d.ts

@@ -0,0 +1,8 @@
+import { TInput } from './type';
+/** EmailField — нативный input type=email (автозаполнение, мобильная клавиатура). */
+export type TEmail = TInput;
+declare function EmailField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, autoComplete, id, }: TEmail): import("react/jsx-runtime").JSX.Element | null;
+declare namespace EmailField {
+    var displayName: string;
+}
+export default EmailField;