@elcrm/form 0.0.63 → 0.0.65

package/dist/fields/visibility.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Проверка «пустого» значения для режима **`hidden`**:
+ * при **`hidden === true`** поле не рендерится только если значение пустое.
+ */
+/** Строки и необработанный ввод (в т.ч. `contentEditable`) */
+export declare function isEmptyTextLike(value: unknown): boolean;

package/dist/fields/visibility.js

@@ -0,0 +1,6 @@
+//#region src/lib/fields/visibility.ts
+function e(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1;
+}
+//#endregion
+export { e as isEmptyTextLike };

package/dist/hooks/use.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+/** Значения формы: только через getValues() / getValue — не мутируйте ссылку снаружи */
+export type FormValues = Record<string, unknown>;
+type FormChange = {
+    name?: string;
+    value?: unknown;
+};
+type Listener = () => void;
+export type UseFormApi = {
+    valuesRef: React.MutableRefObject<FormValues>;
+    onValue: (payload: FormChange) => void;
+    setValue: (payload: FormChange) => void;
+    setValues: (nextValues: FormValues) => void;
+    /** Неглубокая копия текущих значений (защита от случайной мутации снаружи) */
+    getValues: () => FormValues;
+    getValue: (name: string, fallback?: unknown) => unknown;
+    getVersion: (name: string) => number;
+    reset: (nextValues?: FormValues) => void;
+    subscribe: (name: string, listener: Listener) => () => void;
+};
+/**
+ * useForm — сборщик значений полей. Подписки по имени поля (гранулярные ререндеры).
+ *
+ * Чтение: form.getValue("name"), form.getValues()
+ * Запись без ререндера: form.onValue({ name, value })
+ * Запись с уведомлением подписчиков поля: form.setValue({ name, value })
+ */
+export declare function useForm(initialValues?: FormValues): UseFormApi;
+/**
+ * Подписка на одно поле формы: актуальное значение + версия (для key у contentEditable и т.п.).
+ * Поля используют внутри себя; снаружи обычно достаточно передать form + name.
+ */
+/** Результат хука подписки на поле (значение + версия для key) */
+export type UseFormFieldStateResult = {
+    value: unknown;
+    version: number;
+};
+export declare function useFormFieldState(form: UseFormApi | undefined, name: string, fallback: unknown): UseFormFieldStateResult;
+/** Подписка только на значение (без поля-компонента), например внешняя логика превью */
+export declare function useFormField(form: UseFormApi, name: string, fallback?: unknown): unknown;
+export {};

package/dist/hooks/use.js

@@ -0,0 +1,57 @@
+import e from "react";
+//#region src/lib/hooks/use.ts
+var t = (e, t) => Object.is(e, t);
+function n(n = {}) {
+	let r = e.useRef({ ...n }), i = e.useRef({}), a = e.useRef({}), o = e.useCallback((e) => {
+		let t = i.current[e];
+		t && t.forEach((e) => e());
+	}, []), s = e.useCallback((e) => {
+		a.current[e] = (a.current[e] || 0) + 1;
+	}, []), c = e.useCallback((e) => {
+		!e || !e.name || (r.current[e.name] = e.value);
+	}, []), l = e.useCallback((e) => {
+		let n = r.current, i = new Set([...Object.keys(n), ...Object.keys(e)]), a = { ...e };
+		r.current = a, i.forEach((e) => {
+			let r = n[e], i = a[e];
+			t(r, i) || (s(e), o(e));
+		});
+	}, [s, o]), u = e.useCallback((e) => {
+		!e || !e.name || (r.current[e.name] = e.value, s(e.name), o(e.name));
+	}, [s, o]), d = e.useCallback((e = n) => {
+		let i = r.current, a = new Set([...Object.keys(i), ...Object.keys(e)]);
+		r.current = { ...e }, a.forEach((e) => {
+			let n = i[e], a = r.current[e];
+			t(n, a) || (s(e), o(e));
+		});
+	}, [
+		n,
+		s,
+		o
+	]), f = e.useCallback(() => ({ ...r.current }), []), p = e.useCallback((e, t) => r.current[e] ?? t, []), m = e.useCallback((e) => a.current[e] || 0, []), h = e.useCallback((e, t) => (i.current[e] || (i.current[e] = /* @__PURE__ */ new Set()), i.current[e].add(t), () => {
+		i.current[e]?.delete(t), i.current[e]?.size === 0 && delete i.current[e];
+	}), []), g = e.useRef(null);
+	return g.current ||= {}, Object.assign(g.current, {
+		valuesRef: r,
+		getValues: f,
+		setValues: l,
+		setValue: u,
+		onValue: c,
+		reset: d,
+		getValue: p,
+		getVersion: m,
+		subscribe: h
+	}), g.current;
+}
+function r(t, n, r) {
+	let i = e.useCallback((e) => !t || !n ? () => {} : t.subscribe(n, e), [t, n]), a = e.useCallback(() => !t || !n ? 0 : t.getVersion(n), [t, n]), o = e.useSyncExternalStore(i, a, a);
+	return {
+		value: t && n ? t.getValue(n, r) : r,
+		version: o
+	};
+}
+function i(e, t, n = "") {
+	let { value: i } = r(e, t, n);
+	return i;
+}
+//#endregion
+export { n as useForm, i as useFormField, r as useFormFieldState };

package/dist/index.d.ts

@@ -1,2 +1,26 @@
-export * from './src/lib/index'
-export {}
+export { default as RangeField } from './fields/Range';
+/** @deprecated используйте `RangeField` */
+export { ProgressField } from './fields/Range';
+export { default as MoneyField } from './fields/Money';
+export { default as MaskField } from './fields/Mask';
+export { default as DateField } from './fields/Date';
+export { default as TimeField } from './fields/Time';
+export { default as TextareaField } from './fields/Textarea';
+export { default as PhoneField } from './fields/Phone';
+export { default as StringField } from './fields/Input';
+export { default as NumberField } from './fields/Numeric';
+export { default as OptionsField } from './fields/Options';
+export { default as SelectField } from './fields/Select';
+export { default as ModalField } from './fields/Modal';
+export { default as PasswordField } from './fields/Password';
+export { useForm, useFormField, useFormFieldState } from './hooks/use';
+export type { TInput, TValue, TPasswordField, TFieldFormBindings, TFieldPresentation, } from './fields/type';
+export type { TRange, TProgress } from './fields/Range';
+export type { TTime } from './fields/Time';
+export type { FormValues, UseFormApi, UseFormFieldStateResult, } from './hooks/use';
+export type { EditableFieldTarget, EditableClipboardEvent, } from './events/onEvent';
+export { asEditableClipboard } from './events/onEvent';
+export { Form } from './Form';
+export type { FormInitProps, TModalOpenPayload } from './Form';
+export { useFormInit } from './FormInitContext';
+export type { FormInitContextValue } from './FormInitContext';

package/dist/index.js

@@ -0,0 +1,26 @@
+import e from "./package.js";
+import { useForm as t, useFormField as n, useFormFieldState as r } from "./hooks/use.js";
+import i from "./fields/Range.js";
+import { asEditableClipboard as a } from "./events/onEvent.js";
+import o from "./fields/Money.js";
+import s from "./fields/Mask.js";
+import c from "./fields/Date.js";
+import l from "./fields/Time.js";
+import u from "./fields/Textarea.js";
+import { useFormInit as d } from "./FormInitContext.js";
+import f from "./fields/Phone.js";
+import p from "./fields/Input.js";
+import m from "./fields/Numeric.js";
+import h from "./fields/Options.js";
+import g from "./fields/Select.js";
+import _ from "./fields/Modal.js";
+import v from "./fields/Password.js";
+import { Form as y } from "./Form.js";
+//#region src/lib/index.ts
+function b() {
+	return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof self < "u" ? self : {};
+}
+var x = b();
+x.elcrm ||= {}, Object.assign(x.elcrm, { form: e.version });
+//#endregion
+export { c as DateField, y as Form, s as MaskField, _ as ModalField, o as MoneyField, m as NumberField, h as OptionsField, v as PasswordField, f as PhoneField, i as ProgressField, i as RangeField, g as SelectField, p as StringField, u as TextareaField, l as TimeField, a as asEditableClipboard, t as useForm, n as useFormField, r as useFormFieldState, d as useFormInit };

package/dist/mask/MaskPhone.d.ts

@@ -0,0 +1,8 @@
+type TMaskPhoneItem = {
+    name: string;
+    dial_code: string;
+    code: string;
+    mask: string;
+};
+declare const _default: Readonly<Record<string, TMaskPhoneItem>>;
+export default _default;