@elcrm/form 0.0.85 → 0.0.87

package/dist/fields/Numeric.js

@@ -6,16 +6,16 @@ import { isEmptyTextLike as a } from "./visibility.js";
 import o from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/fields/Numeric.tsx
-function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", label: h = "", hidden: g = !1, disabled: _ = !1, onBlur: v, className: y = "", after: b = "", before: x = "", error: S = "", inputmode: C = "numeric", maxLength: w, max: T, view: E }) {
-	let D = !_, { value: O, version: k } = n(d, p, u);
-	m = m === void 0 ? "" : m, T = T === void 0 ? 99 : T;
-	let A = O != null && O !== "" ? String(O) : "", j = o.useRef(null), M = o.useRef(!1);
+function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", label: h = "", hidden: g = !1, disabled: _ = !1, onBlur: v, className: y = "", after: b = "", before: x = "", error: S = "", size: C = "md", inputmode: w = "numeric", maxLength: T, max: E, view: D }) {
+	let O = !_, { value: k, version: A } = n(d, p, u);
+	m = m === void 0 ? "" : m, E = E === void 0 ? 99 : E;
+	let j = k != null && k !== "" ? String(k) : "", M = o.useRef(null), N = o.useRef(!1);
 	o.useLayoutEffect(() => {
-		if (M.current) return;
-		let e = j.current;
-		e && e.textContent !== A && (e.textContent = A);
-	}, [A, k]);
-	let N = w ?? T, P = !1, F = (e, t) => {
+		if (N.current) return;
+		let e = M.current;
+		e && e.textContent !== j && (e.textContent = j);
+	}, [j, A]);
+	let P = T ?? E, F = !1, I = (e, t) => {
 		e.textContent !== t && (e.textContent = t, queueMicrotask(() => {
 			let n = e.firstChild;
 			if (n && n.nodeType === Node.TEXT_NODE) {
@@ -23,50 +23,51 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 				i.setStart(n, e), i.collapse(!0), r?.removeAllRanges(), r?.addRange(i);
 			} else t || (e.innerHTML = "<br>");
 		}));
-	}, I = (e) => {
+	}, L = (e) => {
 		let t = e.currentTarget, n = (t.textContent || "").replace(/\D/g, "");
-		N > 0 && n.length > N && (n = n.slice(0, N)), F(t, n);
+		P > 0 && n.length > P && (n = n.slice(0, P)), I(t, n);
 		let r = {
 			value: n,
 			name: p
 		};
 		d && p && d.onValue(r), f && f !== d?.onValue && f(r);
-	}, L = (e) => {
-		M.current = !0;
+	}, R = (e) => {
+		N.current = !0;
 		let t = e.currentTarget;
 		t.textContent = (t.textContent || "").replace(/\D/g, ""), r.Focus({ target: e.currentTarget });
-	}, R = (e) => {
-		if (P && e.which === 86) return;
-		if (e.which === 17 || e.which === 91) return P = !0;
+	}, z = (e) => {
+		if (F && e.which === 86) return;
+		if (e.which === 17 || e.which === 91) return F = !0;
 		if (e.key === "Backspace") return;
 		let t = (e.currentTarget.textContent ?? "").replace(/\D/g, "").length;
-		N > 0 && t >= N && e.key.length === 1 && /\d/.test(e.key) && e.preventDefault(), e.key === "Enter" && e.preventDefault(), e.key.length === 1 && !/\d/.test(e.key) && !e.metaKey && !e.ctrlKey && e.preventDefault();
-	}, z = (e) => {
-		if (e.which === 17 || e.which === 91) return P = !1;
+		P > 0 && t >= P && e.key.length === 1 && /\d/.test(e.key) && e.preventDefault(), e.key === "Enter" && e.preventDefault(), e.key.length === 1 && !/\d/.test(e.key) && !e.metaKey && !e.ctrlKey && e.preventDefault();
 	}, B = (e) => {
-		r.PasteDigits(N, i(e)), queueMicrotask(() => {
-			let e = j.current;
+		if (e.which === 17 || e.which === 91) return F = !1;
+	}, V = (e) => {
+		r.PasteDigits(P, i(e)), queueMicrotask(() => {
+			let e = M.current;
 			if (!e) return;
 			let t = (e.textContent || "").replace(/\D/g, "");
-			N > 0 && t.length > N && (t = t.slice(0, N)), F(e, t), d && p && d.onValue({
+			P > 0 && t.length > P && (t = t.slice(0, P)), I(e, t), d && p && d.onValue({
 				value: t,
 				name: p
 			});
 		});
-	}, V = (e) => {
-		e.preventDefault();
 	}, H = (e) => {
+		e.preventDefault();
+	}, U = (e) => {
 		r.Blur(e);
 		let t = (e.currentTarget.textContent || "").replace(/\D/g, "");
 		e.currentTarget.textContent !== t && (e.currentTarget.textContent = t), v?.({
 			value: t,
 			name: p
-		}), M.current = !1;
-	}, U = {};
-	return D && (U.edit = ""), U.inputMode = C ?? "numeric", m && (U.placeholder = m), g && a(O) ? /* @__PURE__ */ c(s, {}) : /* @__PURE__ */ l(t, {
+		}), N.current = !1;
+	}, W = {};
+	return O && (W.edit = ""), W.inputMode = w ?? "numeric", m && (W.placeholder = m), g && a(k) ? /* @__PURE__ */ c(s, {}) : /* @__PURE__ */ l(t, {
 		type: "numeric",
 		label: h,
 		error: S,
+		size: C,
 		element_blok: { className: [y || ""] },
 		element_input: { className: [e.w] },
 		children: [
@@ -75,22 +76,22 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 				children: x
 			}) : null,
 			/* @__PURE__ */ c("div", {
-				ref: j,
-				onPaste: B,
-				onDrop: V,
+				ref: M,
+				onPaste: V,
+				onDrop: H,
 				onDragOver: (e) => e.preventDefault(),
-				onInput: I,
-				onFocus: L,
-				onBlur: H,
-				onKeyDown: R,
-				onKeyUp: z,
+				onInput: L,
+				onFocus: R,
+				onBlur: U,
+				onKeyDown: z,
+				onKeyUp: B,
 				spellCheck: !1,
 				role: "textbox",
-				tabIndex: D ? 0 : -1,
+				tabIndex: O ? 0 : -1,
 				"aria-label": h || m || "Число",
-				contentEditable: D ? "plaintext-only" : !1,
+				contentEditable: O ? "plaintext-only" : !1,
 				suppressContentEditableWarning: !0,
-				...U
+				...W
 			}),
 			b ? /* @__PURE__ */ c("span", {
 				className: e.affix,

package/dist/fields/Select.d.ts

@@ -14,7 +14,7 @@ export type TSelect = TInput & {
     options?: SelectOptions;
     order?: number[];
 };
-declare function SelectField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, className, after, before, options, order, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
+declare function SelectField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, className, after, before, options, order, size, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
 declare namespace SelectField {
     var displayName: string;
 }

package/dist/fields/Select.js

@@ -7,9 +7,9 @@ import o, { useEffect as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { createPortal as f } from "react-dom";
 //#region src/lib/fields/Select.tsx
-function p({ value: r = 0, form: i, onValue: s, name: c = "", placeholder: p = "", label: h, error: g, hidden: _ = !1, disabled: v = !1, className: y, after: b = "", before: x = "", options: S, order: C }) {
-	let [w, T] = o.useState(!1), [E, D] = o.useState(0), [O, k] = o.useState(null), A = o.useId(), { value: j } = n(i, c, r ?? 0), M = Number(j), N = [];
-	S && (N = Array.isArray(S) ? S.map((e) => ({
+function p({ value: r = 0, form: i, onValue: s, name: c = "", placeholder: p = "", label: h, error: g, hidden: _ = !1, disabled: v = !1, className: y, after: b = "", before: x = "", options: S, order: C, size: w = "md" }) {
+	let [T, E] = o.useState(!1), [D, O] = o.useState(0), [k, A] = o.useState(null), j = o.useId(), { value: M } = n(i, c, r ?? 0), N = Number(M), P = [];
+	S && (P = Array.isArray(S) ? S.map((e) => ({
 		id: e.id ?? e.i ?? 0,
 		label: e.n || "",
 		hidden: e.s === 0
@@ -21,67 +21,68 @@ function p({ value: r = 0, form: i, onValue: s, name: c = "", placeholder: p = "
 			hidden: n?.s === 0
 		};
 	}).filter((e) => e.label.length > 0));
-	let P = (() => {
-		if (!C || C.length === 0) return N;
-		let e = new Map(N.map((e) => [e.id, e]));
+	let F = (() => {
+		if (!C || C.length === 0) return P;
+		let e = new Map(P.map((e) => [e.id, e]));
 		return C.map((t) => e.get(t)).filter((e) => !!e);
-	})().filter((e) => !e.hidden), F = (e) => P.find((t) => t.id === e)?.label, I = w && P.length > 0 ? `${A}-opt-${E}` : void 0, L = (e) => {
+	})().filter((e) => !e.hidden), I = (e) => F.find((t) => t.id === e)?.label, L = T && F.length > 0 ? `${j}-opt-${D}` : void 0, R = (e) => {
 		let t = {
 			value: e,
 			name: c
 		};
 		i && c && i.onValue(t), s && s !== i?.onValue && s(t);
-	}, R = (e) => {
-		if (P.length === 0 || v) return;
-		let t = P.findIndex((e) => e.id === M);
-		k(e.getBoundingClientRect()), D(t >= 0 ? t : 0), T(!0);
 	}, z = (e) => {
-		R(e.currentTarget);
+		if (F.length === 0 || v) return;
+		let t = F.findIndex((e) => e.id === N);
+		A(e.getBoundingClientRect()), O(t >= 0 ? t : 0), E(!0);
 	}, B = (e) => {
-		if (!v && P.length !== 0) {
-			if (!w && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ")) {
-				e.preventDefault(), R(e.currentTarget);
+		z(e.currentTarget);
+	}, V = (e) => {
+		if (!v && F.length !== 0) {
+			if (!T && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ")) {
+				e.preventDefault(), z(e.currentTarget);
 				return;
 			}
-			if (w) {
+			if (T) {
 				if (e.key === "Escape") {
-					e.preventDefault(), T(!1);
+					e.preventDefault(), E(!1);
 					return;
 				}
 				if (e.key === "ArrowDown") {
-					e.preventDefault(), D((e) => (e + 1) % P.length);
+					e.preventDefault(), O((e) => (e + 1) % F.length);
 					return;
 				}
 				if (e.key === "ArrowUp") {
-					e.preventDefault(), D((e) => e - 1 < 0 ? P.length - 1 : e - 1);
+					e.preventDefault(), O((e) => e - 1 < 0 ? F.length - 1 : e - 1);
 					return;
 				}
 				if (e.key === "Enter") {
 					e.preventDefault();
-					let t = P[E];
-					t && L(t.id), T(!1);
+					let t = F[D];
+					t && R(t.id), E(!1);
 				}
 			}
 		}
-	}, V = {};
-	p && (V.placeholder = p);
-	let H = F(M), U = (H === void 0 || H === "") && !!p, W = M === 0 || F(M) === void 0;
-	return _ && W ? "" : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d(t, {
+	}, H = {};
+	p && (H.placeholder = p);
+	let U = I(N), W = (U === void 0 || U === "") && !!p, G = N === 0 || I(N) === void 0;
+	return _ && G ? "" : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d(t, {
 		type: "select",
 		label: h,
 		element_blok: { className: [y || ""] },
 		error: g,
+		size: w,
 		element_input: {
 			className: [a.f],
 			props: {
-				onClick: z,
-				onKeyDown: B,
+				onClick: B,
+				onKeyDown: V,
 				tabIndex: v ? -1 : 0,
 				role: "combobox",
-				"aria-expanded": w,
+				"aria-expanded": T,
 				"aria-haspopup": "listbox",
-				"aria-controls": A,
-				...I ? { "aria-activedescendant": I } : {},
+				"aria-controls": j,
+				...L ? { "aria-activedescendant": L } : {},
 				"aria-disabled": v,
 				"data-disabled": v
 			}
@@ -92,24 +93,24 @@ function p({ value: r = 0, form: i, onValue: s, name: c = "", placeholder: p = "
 				children: x
 			}) : null,
 			/* @__PURE__ */ u("div", {
-				...V,
-				className: U ? a.placeholderValue : void 0,
-				children: H ?? p ?? ""
+				...H,
+				className: W ? a.placeholderValue : void 0,
+				children: U ?? p ?? ""
 			}),
 			b ? /* @__PURE__ */ u("span", {
 				className: e.affix,
 				children: b
 			}) : null
 		]
-	}), w && f(/* @__PURE__ */ u(m, {
-		parent: O || void 0,
-		onValue: L,
+	}), T && f(/* @__PURE__ */ u(m, {
+		parent: k || void 0,
+		onValue: R,
 		className: y,
-		items: P,
-		setOpen: T,
-		listId: A,
-		activeIndex: E,
-		currentValue: M
+		items: F,
+		setOpen: E,
+		listId: j,
+		activeIndex: D,
+		currentValue: N
 	}), document.body)] });
 }
 p.displayName = "SelectField";

package/dist/fields/Textarea.d.ts

@@ -1,6 +1,6 @@
 import { TInput } from './type';
 /** TextareaField — многострочное поле (contentEditable). */
-declare function TextareaField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, inputmode, maxLength, spellCheck, }: TInput): import("react/jsx-runtime").JSX.Element;
+declare function TextareaField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, size, inputmode, maxLength, spellCheck, }: TInput): import("react/jsx-runtime").JSX.Element;
 declare namespace TextareaField {
     var displayName: string;
 }

package/dist/fields/Textarea.js

@@ -6,29 +6,30 @@ import { isEmptyTextLike as a } from "./visibility.js";
 import o from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/fields/Textarea.tsx
-function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", label: h = "", hidden: g = !1, disabled: _ = !1, onBlur: v, className: y = "", after: b = "", before: x = "", error: S = "", inputmode: C = "text", maxLength: w, spellCheck: T = !0 }) {
-	let { value: E, version: D } = n(d, p || "", u), O = !_, k = String(E ?? ""), A = o.useRef(null), j = o.useRef(!1);
+function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", label: h = "", hidden: g = !1, disabled: _ = !1, onBlur: v, className: y = "", after: b = "", before: x = "", error: S = "", size: C = "md", inputmode: w = "text", maxLength: T, spellCheck: E = !0 }) {
+	let { value: D, version: O } = n(d, p || "", u), k = !_, A = String(D ?? ""), j = o.useRef(null), M = o.useRef(!1);
 	o.useLayoutEffect(() => {
-		if (j.current) return;
-		let e = A.current;
-		e && e.innerText !== k && (e.innerText = k);
-	}, [k, D]);
-	let M = (e) => {
+		if (M.current) return;
+		let e = j.current;
+		e && e.innerText !== A && (e.innerText = A);
+	}, [A, O]);
+	let N = (e) => {
 		let t = {
 			value: e.currentTarget.innerText,
 			name: p || ""
 		};
 		d && p && d.onValue(t), f && f !== d?.onValue && f(t);
-	}, N = (e) => {
+	}, P = (e) => {
 		let t = (e.currentTarget.textContent ?? "").trim();
-		w && t.length >= w && e.key !== "Backspace" && e.preventDefault(), e.key === "Enter" && !e.shiftKey && e.preventDefault();
-	}, P = (e) => r.Paste(w || 0, i(e));
-	if (g && a(E)) return /* @__PURE__ */ c(s, {});
-	let F = {};
-	return m && (F.placeholder = m), O && (F.edit = ""), F.inputMode = C || "text", /* @__PURE__ */ l(t, {
+		T && t.length >= T && e.key !== "Backspace" && e.preventDefault(), e.key === "Enter" && !e.shiftKey && e.preventDefault();
+	}, F = (e) => r.Paste(T || 0, i(e));
+	if (g && a(D)) return /* @__PURE__ */ c(s, {});
+	let I = {};
+	return m && (I.placeholder = m), k && (I.edit = ""), I.inputMode = w || "text", /* @__PURE__ */ l(t, {
 		type: "note",
 		label: h,
 		error: S,
+		size: C,
 		element_blok: { className: [y || ""] },
 		element_input: { className: [e.n] },
 		children: [
@@ -37,23 +38,23 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 				children: x
 			}) : null,
 			/* @__PURE__ */ c("div", {
-				ref: A,
-				onPaste: P,
-				onInput: M,
+				ref: j,
+				onPaste: F,
+				onInput: N,
 				onFocus: () => {
-					j.current = !0;
+					M.current = !0;
 				},
 				onBlur: (e) => {
 					r.Blur(e), v?.({
 						value: (e.currentTarget.textContent ?? "").trim(),
 						name: p || ""
-					}), j.current = !1;
+					}), M.current = !1;
 				},
-				onKeyDown: N,
-				spellCheck: T,
-				contentEditable: O ? "plaintext-only" : !1,
+				onKeyDown: P,
+				spellCheck: E,
+				contentEditable: k ? "plaintext-only" : !1,
 				suppressContentEditableWarning: !0,
-				...F
+				...I
 			}),
 			b ? /* @__PURE__ */ c("span", {
 				className: e.affix,

package/dist/fields/type.d.ts

@@ -27,6 +27,11 @@ export type TFieldPresentation = {
     view?: string;
     id?: string;
     className?: string;
+    /**
+     * Плотность поля: `md` — формы/модалки (по умолчанию),
+     * `sm` — тулбары и плотные модалки.
+     */
+    size?: "sm" | "md";
     isCopy?: boolean;
     maxLength?: number;
     /**

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { default as HiddenField } from './fields/Hidden';
 export { default as DisplayField } from './fields/Display';
 export { ReadonlyField } from './fields/Display';
 export { useForm, useFormField, useFormFieldState } from './hooks/use';
+export type TFieldSize = "sm" | "md";
 export type { TInput, TValue, TPasswordField, TFieldFormBindings, TFieldPresentation, } from './fields/type';
 export type { TRange, TProgress } from './fields/Range';
 export type { TTime } from './fields/Time';
@@ -56,3 +57,6 @@ export { Form } from './Form';
 export type { FormInitProps, TModalOpenPayload } from './Form';
 export { useFormInit } from './FormInitContext';
 export type { FormInitContextValue } from './FormInitContext';
+/** Общий стек z-index оверлеев (globalThis.elcrm.overlayZ) */
+export { acquireOverlayZIndex, releaseOverlayZIndex, peekOverlayZIndex, } from './overlayZ';
+export type { TCheckSize, TCheckVariant } from './fields/Check';