@elcrm/form 0.0.88 → 0.1.0

package/dist/fields/DragDrop.js

@@ -1,189 +1 @@
-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 };
+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";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 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?i(`span`,{className:e.affix,children:w}):null,a(`div`,{className:e.dragDropInner,children:[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=``}}),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:[i(`span`,{className:e.dragDropHint,children:Z}),T?i(`span`,{className:e.dragDropAccept,children:T}):null]}),Y?null:i(`ul`,{className:e.dragDropList,children:N.map((t,n)=>a(`li`,{className:e.dragDropItem,children:[a(`div`,{className:e.dragDropMeta,children:[i(`span`,{className:e.dragDropName,title:t.name,children:t.name}),i(`span`,{className:e.dragDropSize,children:l(t.size)})]}),P?i(`button`,{type:`button`,className:e.dragDropRemove,"aria-label":`Удалить ${t.name}`,onClick:()=>W(n),children:`×`}):null]},`${t.name}-${n}`))}),!Y&&P?i(`button`,{type:`button`,className:e.dragDropClearAll,onClick:U,children:`Очистить всё`}):null]}),C?i(`span`,{className:e.affix,children:C}):null]})}f.displayName=`DragDropField`;export{f as default};

package/dist/fields/Email.d.ts

@@ -1,8 +1,10 @@
+import { default as React } from 'react';
 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 function EmailField(props: TEmail): import("react/jsx-runtime").JSX.Element;
 declare namespace EmailField {
     var displayName: string;
 }
-export default EmailField;
+declare const _default: React.MemoExoticComponent<typeof EmailField>;
+export default _default;

package/dist/fields/Email.js

@@ -1,80 +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 "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/lib/fields/Email.tsx
-function s({ value: s = "", form: c, onValue: l, onBlur: u, name: d = "", placeholder: f = "", label: p = "", error: m = "", hidden: h = !1, disabled: g = !1, className: _ = "", after: v = "", before: y = "", maxLength: b, autoComplete: x = "email", id: S }) {
-	let { value: C, version: w } = n(c, d, s), T = !g, E = typeof C == "string" || typeof C == "number" ? String(C) : "", D = i.useRef(null);
-	i.useEffect(() => {
-		let e = D.current;
-		!e || e.value === E || (e.value = E);
-	}, [E, w]);
-	let O = (e, t = !1) => {
-		let n = {
-			value: e,
-			name: d
-		};
-		c && d && (t ? c.setValue(n) : c.onValue(n)), l && l !== c?.onValue && l(n);
-	};
-	return h && r(C) ? null : /* @__PURE__ */ o(t, {
-		type: "email",
-		label: p,
-		error: m,
-		element_blok: { className: [_ || ""] },
-		element_input: {
-			className: [e.w],
-			props: { "data-disabled": g || !T ? "true" : void 0 }
-		},
-		children: [
-			y ? /* @__PURE__ */ a("span", {
-				className: e.affix,
-				children: y
-			}) : null,
-			/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("input", {
-				id: S,
-				ref: D,
-				type: "email",
-				name: d || void 0,
-				defaultValue: E,
-				placeholder: f,
-				maxLength: b,
-				disabled: g,
-				readOnly: !T,
-				autoComplete: x,
-				inputMode: "email",
-				spellCheck: !1,
-				"aria-label": p || f || "Email",
-				onChange: (e) => O(e.target.value),
-				onBlur: (e) => {
-					let t = (e.target.value || "").trim();
-					O(t, !0), u?.({
-						value: t,
-						name: d
-					});
-				},
-				onKeyDown: (e) => {
-					e.key === "Enter" && e.preventDefault();
-				},
-				style: {
-					width: "100%",
-					border: "none",
-					outline: "none",
-					background: "transparent",
-					font: "inherit",
-					color: "inherit",
-					padding: 0,
-					margin: 0
-				}
-			}) }),
-			v ? /* @__PURE__ */ a("span", {
-				className: e.affix,
-				children: v
-			}) : null
-		]
-	});
-}
-s.displayName = "EmailField";
-//#endregion
-export { s as default };
+import e from"./NativeTextField.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r(t){return n(e,{...t,fieldType:`email`,inputType:`email`,inputmode:t.inputmode??`email`,autoComplete:t.autoComplete??`email`,defaultAriaLabel:`Email`})}r.displayName=`EmailField`;var i=t.memo(r);export{i as default};

package/dist/fields/File.js

@@ -1,115 +1 @@
-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/File.tsx
-function o(e) {
-	return {
-		name: e.name,
-		size: e.size,
-		type: e.type,
-		lastModified: e.lastModified
-	};
-}
-function s(e) {
-	return e ? Array.isArray(e) ? e : typeof File < "u" && e instanceof File || typeof e == "object" && e && "name" in e ? [e] : [] : [];
-}
-function c(e) {
-	return e < 1024 ? `${e} Б` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / (1024 * 1024)).toFixed(1)} МБ`;
-}
-function l({ value: l, form: u, onValue: d, onBlur: f, name: p = "", placeholder: m = "Выберите файл", label: h = "", error: g = "", hidden: _ = !1, disabled: v = !1, className: y = "", after: b = "", before: x = "", accept: S, multiple: C = !1, maxSize: w, keepFile: T = !0 }) {
-	let { value: E } = n(u, p, l), D = s(E), O = !v, k = r.useRef(null), [A, j] = r.useState(""), M = (e) => {
-		let t = {
-			value: e,
-			name: p
-		};
-		u && p && u.setValue(t), d && d !== u?.onValue && d(t);
-	}, N = (e) => {
-		if (!e || e.length === 0) return;
-		let t = Array.from(e);
-		if (w !== void 0) {
-			let e = t.find((e) => e.size > w);
-			if (e) {
-				j(`Файл «${e.name}» больше ${c(w)}`);
-				return;
-			}
-		}
-		j("");
-		let n = T ? C ? t : t[0] : C ? t.map(o) : o(t[0]);
-		M(n), f?.({
-			value: n,
-			name: p
-		});
-	}, P = () => {
-		O && (M(C ? [] : null), k.current && (k.current.value = ""), j(""));
-	}, F = D.length === 0;
-	return _ && F ? null : /* @__PURE__ */ a(t, {
-		type: "file",
-		label: h,
-		error: g || A,
-		element_blok: { className: [y || ""] },
-		element_input: {
-			className: [e.file],
-			props: { "data-disabled": v || !O ? "true" : void 0 }
-		},
-		children: [
-			x ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: x
-			}) : null,
-			/* @__PURE__ */ a("div", {
-				className: e.fileInner,
-				children: [
-					/* @__PURE__ */ i("input", {
-						ref: k,
-						type: "file",
-						className: e.fileInput,
-						accept: S,
-						multiple: C,
-						disabled: v || !O,
-						"aria-label": h || m || "Файл",
-						onChange: (e) => N(e.target.files)
-					}),
-					/* @__PURE__ */ i("button", {
-						type: "button",
-						className: e.fileButton,
-						disabled: !O,
-						onClick: () => k.current?.click(),
-						children: m
-					}),
-					/* @__PURE__ */ i("div", {
-						className: e.fileList,
-						children: F ? /* @__PURE__ */ i("span", {
-							className: e.fileEmpty,
-							children: "Нет файла"
-						}) : D.map((t, n) => /* @__PURE__ */ a("span", {
-							className: e.fileItem,
-							children: [/* @__PURE__ */ i("span", {
-								className: e.fileName,
-								children: t.name
-							}), /* @__PURE__ */ i("span", {
-								className: e.fileSize,
-								children: c(t.size)
-							})]
-						}, `${t.name}-${n}`))
-					}),
-					!F && O ? /* @__PURE__ */ i("button", {
-						type: "button",
-						className: e.fileClear,
-						"aria-label": "Очистить",
-						onClick: P,
-						children: "×"
-					}) : null
-				]
-			}),
-			b ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: b
-			}) : null
-		]
-	});
-}
-l.displayName = "FileField";
-//#endregion
-export { l as default };
+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";function o(e){return{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified}}function s(e){return e?Array.isArray(e)?e:typeof File<`u`&&e instanceof File||typeof e==`object`&&e&&`name`in e?[e]:[]:[]}function c(e){return e<1024?`${e} Б`:e<1024*1024?`${(e/1024).toFixed(1)} КБ`:`${(e/(1024*1024)).toFixed(1)} МБ`}function l({value:l,form:u,onValue:d,onBlur:f,name:p=``,placeholder:m=`Выберите файл`,label:h=``,error:g=``,hidden:_=!1,disabled:v=!1,className:y=``,after:b=``,before:x=``,accept:S,multiple:C=!1,maxSize:w,keepFile:T=!0}){let{value:E}=n(u,p,l),D=s(E),O=!v,k=r.useRef(null),[A,j]=r.useState(``),M=e=>{let t={value:e,name:p};u&&p&&u.setValue(t),d&&d!==u?.onValue&&d(t)},N=e=>{if(!e||e.length===0)return;let t=Array.from(e);if(w!==void 0){let e=t.find(e=>e.size>w);if(e){j(`Файл «${e.name}» больше ${c(w)}`);return}}j(``);let n=T?C?t:t[0]:C?t.map(o):o(t[0]);M(n),f?.({value:n,name:p})},P=()=>{O&&(M(C?[]:null),k.current&&(k.current.value=``),j(``))},F=D.length===0;return _&&F?null:a(t,{type:`file`,label:h,error:g||A,element_blok:{className:[y||``]},element_input:{className:[e.file],props:{"data-disabled":v||!O?`true`:void 0}},children:[x?i(`span`,{className:e.affix,children:x}):null,a(`div`,{className:e.fileInner,children:[i(`input`,{ref:k,type:`file`,className:e.fileInput,accept:S,multiple:C,disabled:v||!O,"aria-label":h||m||`Файл`,onChange:e=>N(e.target.files)}),i(`button`,{type:`button`,className:e.fileButton,disabled:!O,onClick:()=>k.current?.click(),children:m}),i(`div`,{className:e.fileList,children:F?i(`span`,{className:e.fileEmpty,children:`Нет файла`}):D.map((t,n)=>a(`span`,{className:e.fileItem,children:[i(`span`,{className:e.fileName,children:t.name}),i(`span`,{className:e.fileSize,children:c(t.size)})]},`${t.name}-${n}`))}),!F&&O?i(`button`,{type:`button`,className:e.fileClear,"aria-label":`Очистить`,onClick:P,children:`×`}):null]}),b?i(`span`,{className:e.affix,children:b}):null]})}l.displayName=`FileField`;export{l as default};

package/dist/fields/Hidden.js

@@ -1,33 +1 @@
-import { useFormFieldState as e } from "../hooks/use.js";
-import t from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/lib/fields/Hidden.tsx
-function r({ value: r = "", form: i, onValue: a, name: o = "", id: s, hidden: c = !1 }) {
-	let { value: l } = e(i, o, r);
-	if (t.useEffect(() => {
-		if (!i || !o || i.getValue(o) !== void 0) return;
-		let e = {
-			value: l,
-			name: o
-		};
-		i.onValue(e), a && a !== i.onValue && a(e);
-	}, [
-		i,
-		o,
-		l,
-		a
-	]), c) return null;
-	let u = l == null ? "" : typeof l == "string" || typeof l == "number" || typeof l == "boolean" ? String(l) : JSON.stringify(l);
-	return /* @__PURE__ */ n("input", {
-		type: "hidden",
-		id: s,
-		name: o || void 0,
-		value: u,
-		readOnly: !0,
-		"data-field": "hidden",
-		"aria-hidden": !0
-	});
-}
-r.displayName = "HiddenField";
-//#endregion
-export { r as default };
+import{useFormFieldState as e}from"../hooks/use.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({value:r=``,form:i,onValue:a,name:o=``,id:s,hidden:c=!1}){let{value:l}=e(i,o,r);if(t.useEffect(()=>{if(!i||!o||i.getValue(o)!==void 0)return;let e={value:l,name:o};i.onValue(e),a&&a!==i.onValue&&a(e)},[i,o,l,a]),c)return null;let u=l==null?``:typeof l==`string`||typeof l==`number`||typeof l==`boolean`?String(l):JSON.stringify(l);return n(`input`,{type:`hidden`,id:s,name:o||void 0,value:u,readOnly:!0,"data-field":`hidden`,"aria-hidden":!0})}r.displayName=`HiddenField`;export{r as default};

package/dist/fields/Input.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { TInput } from './type';
 /**
  * StringField — текстовое поле (по умолчанию contentEditable).
@@ -9,4 +10,5 @@ import { TInput } from './type';
  * @param hidden — при true скрывает поле, только если значение пустое
  */
 declare function StringField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, inputmode, maxLength, spellCheck, native, autoComplete, inputType, id, size, }: TInput): import("react/jsx-runtime").JSX.Element | "";
-export default StringField;
+declare const _default: React.MemoExoticComponent<typeof StringField>;
+export default _default;

package/dist/fields/Input.js

@@ -1,149 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import r, { asEditableClipboard as i } from "../events/onEvent.js";
-import { isEmptyTextLike as a } from "./visibility.js";
-import o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/lib/fields/Input.tsx
-function l({ value: l, form: u, onValue: d, name: f = "", placeholder: p = "", label: m = "", hidden: h = !1, disabled: g = !1, onBlur: _, className: v = "", after: y = "", before: b = "", error: x = "", inputmode: S = "text", maxLength: C, spellCheck: w = !0, native: T = !1, autoComplete: E, inputType: D = "text", id: O, size: k = "md" }) {
-	let { value: A, version: j } = n(u, f, l), M = !g, N = typeof A == "string" || typeof A == "number" ? String(A) : "", P = o.useRef(null), F = o.useRef(null), I = o.useRef(!1);
-	o.useLayoutEffect(() => {
-		if (T) return;
-		let e = F.current;
-		e && e.textContent !== N && (e.textContent = N);
-	}, [
-		T,
-		N,
-		j
-	]), o.useEffect(() => {
-		if (!T) return;
-		let e = P.current;
-		e && e.value !== N && (e.value = N);
-	}, [T, N]);
-	let L = (e) => {
-		let t = {
-			value: (e.target.textContent || "").trim(),
-			name: f
-		};
-		u && f && u.onValue(t), d && d !== u?.onValue && d(t);
-	}, R = (e) => {
-		let t = {
-			value: e.target.value,
-			name: f
-		};
-		u && f && u.onValue(t), d && d !== u?.onValue && d(t);
-	}, z = (e) => {
-		let t = e.target;
-		C && (t.textContent || "").trim().length >= C && e.key !== "Backspace" && e.preventDefault(), e.key === "Enter" && e.preventDefault();
-	}, B = (e) => {
-		e.key === "Enter" && e.preventDefault();
-	}, V = (e) => r.Paste(C || 0, i(e));
-	if (h && a(A)) return "";
-	let H = (e) => {
-		r.Blur(e), _?.({
-			value: (e.target.textContent || "").trim(),
-			name: f
-		}), I.current = !1;
-	}, U = (e) => {
-		_?.({
-			value: (e.target.value || "").trim(),
-			name: f
-		});
-	}, W = (e) => {
-		I.current = !0, r.Focus({ target: e.currentTarget });
-	}, G = {};
-	return p && (G.placeholder = p), M && (G.edit = ""), T ? /* @__PURE__ */ c(t, {
-		type: "input",
-		label: m,
-		error: x,
-		size: k,
-		element_blok: { className: [v || ""] },
-		element_input: {
-			className: [e.w],
-			props: { "data-disabled": g || !M ? "true" : void 0 }
-		},
-		children: [
-			b ? /* @__PURE__ */ s("span", {
-				className: e.affix,
-				children: b
-			}) : null,
-			/* @__PURE__ */ s("div", {
-				style: {
-					flex: 1,
-					minWidth: 0,
-					display: "flex",
-					alignItems: "center"
-				},
-				children: /* @__PURE__ */ s("input", {
-					id: O,
-					ref: P,
-					type: D,
-					name: f || void 0,
-					defaultValue: N,
-					placeholder: p,
-					maxLength: C,
-					spellCheck: w,
-					disabled: g,
-					readOnly: g,
-					autoComplete: E,
-					inputMode: S || "text",
-					"aria-label": m || p || "Текст",
-					"aria-disabled": g || !M ? !0 : void 0,
-					tabIndex: g ? -1 : 0,
-					onChange: R,
-					onBlur: U,
-					onKeyDown: B,
-					style: {
-						width: "100%",
-						border: "none",
-						outline: "none",
-						background: "transparent",
-						font: "inherit",
-						color: "inherit",
-						padding: 0,
-						margin: 0,
-						boxSizing: "border-box"
-					}
-				})
-			}),
-			y ? /* @__PURE__ */ s("span", {
-				className: e.affix,
-				children: y
-			}) : null
-		]
-	}) : /* @__PURE__ */ c(t, {
-		type: "input",
-		label: m,
-		error: x,
-		size: k,
-		element_blok: { className: [v] },
-		element_input: { className: [e.w] },
-		children: [
-			b ? /* @__PURE__ */ s("span", {
-				className: e.affix,
-				children: b
-			}) : null,
-			/* @__PURE__ */ s("div", {
-				ref: F,
-				id: O,
-				onBlur: H,
-				onFocus: W,
-				onPaste: V,
-				onInput: L,
-				onKeyDown: z,
-				spellCheck: w,
-				inputMode: S || "text",
-				contentEditable: M ? "plaintext-only" : !1,
-				suppressContentEditableWarning: !0,
-				...G
-			}),
-			y ? /* @__PURE__ */ s("span", {
-				className: e.affix,
-				children: y
-			}) : null
-		]
-	});
-}
-//#endregion
-export { l as default };
+import e from"../styles/Field.module.js";import t,{useFieldA11y as n}from"../core/Field.js";import{useFormFieldState as r}from"../hooks/use.js";import i,{asEditableClipboard as a}from"../events/onEvent.js";import{isEmptyTextLike as o}from"./visibility.js";import{createFieldEmit as s}from"./emit.js";import c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d({value:n,form:d,onValue:m,name:h=``,placeholder:g=``,label:_=``,hidden:v=!1,disabled:y=!1,onBlur:b,className:x=``,after:S=``,before:C=``,error:w=``,inputmode:T=`text`,maxLength:E,spellCheck:D=!0,native:O=!1,autoComplete:k,inputType:A=`text`,id:j,size:M=`md`}){let{value:N,version:P}=r(d,h,n),F=!y,I=typeof N==`string`||typeof N==`number`?String(N):``,L=c.useRef(null),R=c.useRef(null),z=c.useRef(!1);c.useLayoutEffect(()=>{if(O)return;let e=R.current;e&&e.textContent!==I&&(e.textContent=I)},[O,I,P]),c.useEffect(()=>{if(!O)return;let e=L.current;e&&e.value!==I&&(e.value=I)},[O,I]);let B=s(d,h,m),V=e=>{let t=e.target;B((t.textContent||``).trim())},H=e=>{B(e.target.value)},U=e=>{let t=e.target;E&&(t.textContent||``).trim().length>=E&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&e.preventDefault()},W=e=>{e.key===`Enter`&&e.preventDefault()},G=e=>i.Paste(E||0,a(e));if(v&&o(N))return``;let K=e=>{i.Blur(e),b?.({value:(e.target.textContent||``).trim(),name:h}),z.current=!1},q=e=>{b?.({value:(e.target.value||``).trim(),name:h})},J=e=>{z.current=!0,i.Focus({target:e.currentTarget})},Y={};return g&&(Y.placeholder=g),F&&(Y.edit=``),O?u(t,{type:`input`,label:_,error:w,id:j,size:M,element_blok:{className:[x||``]},element_input:{className:[e.w],props:{"data-disabled":y||!F?`true`:void 0}},children:[C?l(`span`,{className:e.affix,children:C}):null,l(f,{inputRef:L,name:h,displayString:I,placeholder:g,maxLength:E,spellCheck:D,disabled:y,editable:F,autoComplete:k,inputType:A,inputmode:T,label:_,onChangeNative:H,handleBlurNative:q,onKeyDownNative:W}),S?l(`span`,{className:e.affix,children:S}):null]}):u(t,{type:`input`,label:_,error:w,id:j,size:M,element_blok:{className:[x]},element_input:{className:[e.w]},children:[C?l(`span`,{className:e.affix,children:C}):null,l(p,{ceRef:R,editable:F,label:_,placeholder:g,spellCheck:D,inputmode:T,dd:Y,onBlur:K,onFocus:J,onPaste:G,onInput:V,onKeyDown:U}),S?l(`span`,{className:e.affix,children:S}):null]})}function f({inputRef:t,name:r,displayString:i,placeholder:a,maxLength:o,spellCheck:s,disabled:c,editable:u,autoComplete:d,inputType:f,inputmode:p,label:m,onChangeNative:h,handleBlurNative:g,onKeyDownNative:_}){let v=n();return l(`div`,{className:e.nativeWrap,children:l(`input`,{id:v?.controlId,ref:t,className:e.nativeInput,type:f,name:r||void 0,defaultValue:i,placeholder:a,maxLength:o,spellCheck:s,disabled:c,readOnly:c,autoComplete:d,inputMode:p||`text`,"aria-label":m?void 0:a||`Текст`,"aria-describedby":v?.describedBy,"aria-invalid":v?.errorId?!0:void 0,"aria-disabled":c||!u?!0:void 0,tabIndex:c?-1:0,onChange:h,onBlur:g,onKeyDown:_})})}function p({ceRef:e,editable:t,label:r,placeholder:i,spellCheck:a,inputmode:o,dd:s,onBlur:c,onFocus:u,onPaste:d,onInput:f,onKeyDown:p}){let m=n();return l(`div`,{ref:e,id:m?.controlId,role:`textbox`,"aria-multiline":`false`,"aria-label":r?void 0:i||`Текст`,"aria-describedby":m?.describedBy,"aria-invalid":m?.errorId?!0:void 0,"aria-disabled":!t,tabIndex:t?0:-1,onBlur:c,onFocus:u,onPaste:d,onInput:f,onKeyDown:p,spellCheck:a,inputMode:o||`text`,contentEditable:t?`plaintext-only`:!1,suppressContentEditableWarning:!0,...s})}var m=c.memo(d);export{m as default};