@reformer/core 11.0.0-beta.3 → 11.0.0-beta.5

package/dist/strategy-DA3JwxsR.js

@@ -0,0 +1,170 @@
+import { signal as A, effect as M } from "@preact/signals-core";
+import { e as W } from "./create-model-Dxh9cfLp.js";
+import { g as v } from "./signal-node-registry-tiwel-TV.js";
+let g = null;
+function E(e, n) {
+  const t = g;
+  g = e;
+  try {
+    return n();
+  } finally {
+    g = t;
+  }
+}
+function u(e) {
+  if (!g)
+    throw new Error(
+      `[@reformer/core/validation] "${e}" вызван вне схемы валидации — операторы валидации можно вызывать только внутри прогона validateModel(...) (напрямую или через apply/each).`
+    );
+  return g;
+}
+function m(e, n) {
+  let t = e.errors.get(n);
+  return t || e.errors.set(n, t = []), t;
+}
+const b = (e) => e.whenStack.every((n) => n());
+function D(e, n) {
+  const t = u("validate"), r = m(t, e);
+  if (!b(t)) return;
+  const o = e.peek();
+  for (const a of n) {
+    const i = a(o, t.model, t.model);
+    i && r.push(i);
+  }
+}
+function N(e, n) {
+  const t = u("validateAsync"), r = m(t, e);
+  if (!b(t)) return;
+  const o = e.peek(), a = t.signal;
+  for (const i of n)
+    t.pending.push(
+      i(o, { signal: a }).then(
+        (s) => {
+          s && !a.aborted && r.push(s);
+        },
+        () => {
+        }
+      )
+    );
+}
+function R(e, n) {
+  const t = u("validateWhen");
+  t.whenStack.push(e);
+  try {
+    n();
+  } finally {
+    t.whenStack.pop();
+  }
+}
+function _(e, n) {
+  const t = u("cross"), r = m(t, e);
+  if (!b(t)) return;
+  const o = n(t.model.get());
+  o && r.push(o);
+}
+function $(e, n) {
+  u("each");
+  const t = e.length;
+  for (let r = 0; r < t; r++) n(e.at(r));
+}
+function j(...e) {
+  const t = u("apply").model;
+  for (const r of e) r({ model: t });
+}
+function z(e) {
+  return e;
+}
+const x = /* @__PURE__ */ new WeakMap();
+function L(e, n) {
+  let t = x.get(e);
+  t || x.set(e, t = /* @__PURE__ */ new WeakMap());
+  let r = t.get(n);
+  return r || t.set(n, r = { fields: /* @__PURE__ */ new Set(), ac: null }), r;
+}
+const P = (e) => {
+  for (const n of e.values()) for (const t of n) if (t.severity !== "warning") return !0;
+  return !1;
+};
+function T(e) {
+  return e.aborted ? Promise.resolve() : new Promise((n) => {
+    e.addEventListener("abort", () => n(), { once: !0 });
+  });
+}
+async function C(e, n, t) {
+  const r = L(e, n);
+  r.ac?.abort();
+  const o = new AbortController();
+  r.ac = o;
+  const a = {
+    model: e,
+    errors: /* @__PURE__ */ new Map(),
+    pending: [],
+    whenStack: [],
+    signal: o.signal
+  };
+  if (E(a, () => n({ model: e })), a.pending.length && await Promise.race([Promise.all(a.pending), T(o.signal)]), o.signal.aborted) return !1;
+  const i = new Set(a.errors.keys());
+  for (const s of r.fields) i.has(s) || v(s)?.setErrors([]);
+  for (const s of i) v(s)?.setErrors(a.errors.get(s) ?? []);
+  if (t?.touch) for (const s of i) v(s)?.markAsTouched();
+  return r.fields = i, !P(a.errors);
+}
+function G(e, n, t = {}) {
+  const { strategy: r = "submit", debounce: o = 0, liveAfterSubmit: a = "change" } = t, i = A(!1);
+  let s = 0, y = !1, f, c;
+  const w = async (l) => {
+    s++, i.value = !0;
+    try {
+      return await C(e, n, { touch: l });
+    } finally {
+      --s === 0 && (i.value = !1);
+    }
+  }, p = () => {
+    w(!1);
+  }, F = () => {
+    if (!o) {
+      p();
+      return;
+    }
+    c && clearTimeout(c), c = setTimeout(p, o);
+  }, k = (l, d) => {
+    let S = !0;
+    return M(() => {
+      if (W(e, l), S) {
+        S = !1;
+        return;
+      }
+      r === "afterFirstSubmit" && !y || d();
+    });
+  }, h = {
+    async validate() {
+      return y = !0, w(!0);
+    },
+    start() {
+      if (f) return () => h.dispose();
+      const l = r === "afterFirstSubmit" ? a : r;
+      return l === "change" ? f = k((d) => void d.value, F) : l === "blur" && (f = k((d) => void v(d)?.touched.value, p)), () => h.dispose();
+    },
+    dispose() {
+      c && (clearTimeout(c), c = void 0), f?.(), f = void 0;
+    },
+    get isValidating() {
+      return i.value;
+    },
+    get validating() {
+      return i;
+    }
+  };
+  return h;
+}
+export {
+  N as a,
+  R as b,
+  _ as c,
+  j as d,
+  $ as e,
+  z as f,
+  C as g,
+  G as h,
+  D as v
+};

package/dist/validation.d.ts

@@ -1,2 +1,2 @@
-export * from './form/validation-schema'
+export * from './form/validation/index'
 export {}

package/dist/validation.js

@@ -1,167 +1,12 @@
-import { signal as A, effect as M } from "@preact/signals-core";
-import { e as E } from "./form-model-DhW2HZOB.js";
-import { g as p } from "./signal-node-registry-tiwel-TV.js";
-function B(e, n, t = {}) {
-  const { strategy: r = "submit", debounce: o = 0, liveAfterSubmit: i = "change" } = t, s = A(!1);
-  let a = 0, c = !1, d, l;
-  const w = async (u) => {
-    a++, s.value = !0;
-    try {
-      return await W(e, n, { touch: u });
-    } finally {
-      --a === 0 && (s.value = !1);
-    }
-  }, h = () => {
-    w(!1);
-  }, F = () => {
-    if (!o) {
-      h();
-      return;
-    }
-    l && clearTimeout(l), l = setTimeout(h, o);
-  }, k = (u, g) => {
-    let S = !0;
-    return M(() => {
-      if (E(e, u), S) {
-        S = !1;
-        return;
-      }
-      r === "afterFirstSubmit" && !c || g();
-    });
-  }, m = {
-    async validate() {
-      return c = !0, w(!0);
-    },
-    start() {
-      if (d) return () => m.dispose();
-      const u = r === "afterFirstSubmit" ? i : r;
-      return u === "change" ? d = k((g) => void g.value, F) : u === "blur" && (d = k((g) => void p(g)?.touched.value, h)), () => m.dispose();
-    },
-    dispose() {
-      l && (clearTimeout(l), l = void 0), d?.(), d = void 0;
-    },
-    get isValidating() {
-      return s.value;
-    },
-    get validating() {
-      return s;
-    }
-  };
-  return m;
-}
-let v = null;
-function f(e) {
-  if (!v)
-    throw new Error(
-      `[@reformer/core/validation] "${e}" вызван вне схемы валидации — операторы валидации можно вызывать только внутри прогона validateModel(...) (напрямую или через apply/each).`
-    );
-  return v;
-}
-function b(e, n) {
-  let t = e.errors.get(n);
-  return t || e.errors.set(n, t = []), t;
-}
-const y = (e) => e.whenStack.every((n) => n());
-function D(e, n) {
-  const t = f("validate"), r = b(t, e);
-  if (!y(t)) return;
-  const o = e.peek();
-  for (const i of n) {
-    const s = i(o, t.model, t.model);
-    s && r.push(s);
-  }
-}
-function N(e, n) {
-  const t = f("validateAsync"), r = b(t, e);
-  if (!y(t)) return;
-  const o = e.peek(), i = t.signal;
-  for (const s of n)
-    t.pending.push(
-      s(o, { signal: i }).then(
-        (a) => {
-          a && !i.aborted && r.push(a);
-        },
-        () => {
-        }
-      )
-    );
-}
-function R(e, n) {
-  const t = f("validateWhen");
-  t.whenStack.push(e);
-  try {
-    n();
-  } finally {
-    t.whenStack.pop();
-  }
-}
-function _(e, n) {
-  const t = f("cross"), r = b(t, e);
-  if (!y(t)) return;
-  const o = n(t.model.get());
-  o && r.push(o);
-}
-function $(e, n) {
-  f("each");
-  const t = e.length;
-  for (let r = 0; r < t; r++) n(e.at(r));
-}
-function j(...e) {
-  const t = f("apply").model;
-  for (const r of e) r({ model: t });
-}
-function z(e) {
-  return e;
-}
-const x = /* @__PURE__ */ new WeakMap();
-function L(e, n) {
-  let t = x.get(e);
-  t || x.set(e, t = /* @__PURE__ */ new WeakMap());
-  let r = t.get(n);
-  return r || t.set(n, r = { fields: /* @__PURE__ */ new Set(), ac: null }), r;
-}
-const P = (e) => {
-  for (const n of e.values()) for (const t of n) if (t.severity !== "warning") return !0;
-  return !1;
-};
-function T(e) {
-  return e.aborted ? Promise.resolve() : new Promise((n) => {
-    e.addEventListener("abort", () => n(), { once: !0 });
-  });
-}
-async function W(e, n, t) {
-  const r = L(e, n);
-  r.ac?.abort();
-  const o = new AbortController();
-  r.ac = o;
-  const i = {
-    model: e,
-    errors: /* @__PURE__ */ new Map(),
-    pending: [],
-    whenStack: [],
-    signal: o.signal
-  }, s = v;
-  v = i;
-  try {
-    n({ model: e });
-  } finally {
-    v = s;
-  }
-  if (i.pending.length && await Promise.race([Promise.all(i.pending), T(o.signal)]), o.signal.aborted) return !1;
-  const a = new Set(i.errors.keys());
-  for (const c of r.fields) a.has(c) || p(c)?.setErrors([]);
-  for (const c of a) p(c)?.setErrors(i.errors.get(c) ?? []);
-  if (t?.touch) for (const c of a) p(c)?.markAsTouched();
-  return r.fields = a, !P(i.errors);
-}
+import { d as s, h as d, c as i, f as l, e as t, v as o, a as c, g as n, b as r } from "./strategy-DA3JwxsR.js";
 export {
-  j as apply,
-  B as createFormValidation,
-  _ as cross,
-  z as defineValidationSchema,
-  $ as each,
-  D as validate,
-  N as validateAsync,
-  W as validateModel,
-  R as validateWhen
+  s as apply,
+  d as createFormValidation,
+  i as cross,
+  l as defineValidationSchema,
+  t as each,
+  o as validate,
+  c as validateAsync,
+  n as validateModel,
+  r as validateWhen
 };

package/dist/validators/email.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/email'
+export * from '../form/validators/email'
 export {}

package/dist/validators/future-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/future-date'
+export * from '../form/validators/future-date'
 export {}

package/dist/validators/integer.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/integer'
+export * from '../form/validators/integer'
 export {}

package/dist/validators/is-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/is-date'
+export * from '../form/validators/is-date'
 export {}

package/dist/validators/is-number.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/is-number'
+export * from '../form/validators/is-number'
 export {}

package/dist/validators/max-age.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max-age'
+export * from '../form/validators/max-age'
 export {}

package/dist/validators/max-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max-date'
+export * from '../form/validators/max-date'
 export {}

package/dist/validators/max-length.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max-length'
+export * from '../form/validators/max-length'
 export {}

package/dist/validators/max.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max'
+export * from '../form/validators/max'
 export {}

package/dist/validators/min-age.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min-age'
+export * from '../form/validators/min-age'
 export {}

package/dist/validators/min-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min-date'
+export * from '../form/validators/min-date'
 export {}

package/dist/validators/min-length.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min-length'
+export * from '../form/validators/min-length'
 export {}

package/dist/validators/min.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min'
+export * from '../form/validators/min'
 export {}

package/dist/validators/multiple-of.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/multiple-of'
+export * from '../form/validators/multiple-of'
 export {}

package/dist/validators/non-negative.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/non-negative'
+export * from '../form/validators/non-negative'
 export {}

package/dist/validators/non-zero.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/non-zero'
+export * from '../form/validators/non-zero'
 export {}

package/dist/validators/past-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/past-date'
+export * from '../form/validators/past-date'
 export {}

package/dist/validators/pattern.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/pattern'
+export * from '../form/validators/pattern'
 export {}

package/dist/validators/phone.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/phone'
+export * from '../form/validators/phone'
 export {}

package/dist/validators/required.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/required'
+export * from '../form/validators/required'
 export {}

package/dist/validators/url.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/url'
+export * from '../form/validators/url'
 export {}

package/dist/validators.d.ts

@@ -1,2 +1,2 @@
-export * from './form/validators'
+export * from './form/validators/index'
 export {}

package/docs/llms/02-quick-start.md

@@ -18,7 +18,7 @@
 import { createCoreForm, createModel, useFormBundle, type FormProxy } from '@reformer/core';
 import { defineValidationSchema, validate, validateModel } from '@reformer/core/validation';
 import { required, email } from '@reformer/core/validators';
-import { FormField, Input, Button } from '@reformer/ui-kit';
+import { FormField, InputField, Button } from '@reformer/ui-kit';
 
 // 1. Define form type as `type` alias (not `interface` — see Recipe 2)
 type ContactForm = {
@@ -34,12 +34,12 @@ const model = createModel<ContactForm>({ name: '', email: '' });
 const schema = {
   name: {
     value: model.$.name,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Name', placeholder: 'Your name' },
   },
   email: {
     value: model.$.email,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Email', type: 'email' },
   },
 };
@@ -113,13 +113,13 @@ const model = createModel<MyForm>({ properties: [] });
 const propertyItem = (item: FormModel<PropertyItem>) => ({
   type: {
     value: item.$.type,
-    component: Select,
+    component: SelectField,
     componentProps: { label: 'Тип', options: [/* ... */] },
   },
-  description: { value: item.$.description, component: Textarea, componentProps: { label: 'Описание' } },
+  description: { value: item.$.description, component: TextareaField, componentProps: { label: 'Описание' } },
   estimatedValue: {
     value: item.$.estimatedValue,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Стоимость', type: 'number' },
   },
 });

package/docs/llms/03-api-signatures.md

@@ -72,9 +72,9 @@ const model = createModel<Loan>({ email: '', age: 0, amount: 0 });
 const form = createForm({
   model,
   schema: {
-    email:  { value: model.$.email,  component: Input },
-    age:    { value: model.$.age,    component: Input },
-    amount: { value: model.$.amount, component: Input },
+    email:  { value: model.$.email,  component: InputField },
+    age:    { value: model.$.age,    component: InputField },
+    amount: { value: model.$.amount, component: InputField },
   },
 });
 

package/docs/llms/05-common-mistakes.md

@@ -93,7 +93,7 @@ computeFrom([model.$.price, model.$.quantity], model.$.total, (price, qty) => pr
 ```typescript
 // ❌ WRONG - дерево { value, validators } и позиционная строка удалены
 const schema = {
-  email: { value: model.$.email, component: Input, validators: [required(), email()] },
+  email: { value: model.$.email, component: InputField, validators: [required(), email()] },
 };
 validate(path.email, required(), 'Email is required'); // старая сигнатура validate() — удалена
 

package/docs/llms/09-formschema.md

@@ -10,7 +10,7 @@ layout-схеме НЕТ — правила живут в отдельной с
 ```typescript
 {
   value: model.$.fieldName,   // сигнал модели (PathAwareSignal) — обязателен
-  component: Input,           // React-компонент
+  component: InputField,           // React-компонент
   componentProps?: object,    // пропсы (label, placeholder, options, type, ...)
   disabled?: boolean,
   updateOn?: 'change' | 'blur' | 'submit',
@@ -28,7 +28,7 @@ layout-схеме НЕТ — правила живут в отдельной с
 import { createModel, createForm } from '@reformer/core';
 import { defineValidationSchema, validate } from '@reformer/core/validation';
 import { required } from '@reformer/core/validators';
-import { Input, Select, Checkbox } from '@reformer/ui-kit';
+import { InputField, SelectField, CheckboxField } from '@reformer/ui-kit';
 
 const model = createModel<MyForm>({ name: '', age: null, agree: false, status: 'active' });
 
@@ -40,22 +40,22 @@ const myValidation = defineValidationSchema<MyForm>(({ model }) => {
 const schema = {
   name: {
     value: model.$.name,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Name', placeholder: 'Enter name' },
   },
   age: {
     value: model.$.age,
-    component: Input,
+    component: InputField,
     componentProps: { type: 'number', label: 'Age' },
   },
   agree: {
     value: model.$.agree,
-    component: Checkbox,
+    component: CheckboxField,
     componentProps: { label: 'I agree to terms' },
   },
   status: {
     value: model.$.status,
-    component: Select,
+    component: SelectField,
     componentProps: {
       label: 'Status',
       options: [
@@ -79,9 +79,9 @@ const form = createForm<MyForm>({ model, schema });
 import type { FormModel } from '@reformer/core';
 
 const addressNodes = (m: FormModel<Address>) => ({
-  street: { value: m.$.street, component: Input, componentProps: { label: 'Street' } },
-  city:   { value: m.$.city,   component: Input, componentProps: { label: 'City' } },
-  zip:    { value: m.$.zip,    component: Input, componentProps: { label: 'ZIP' } },
+  street: { value: m.$.street, component: InputField, componentProps: { label: 'Street' } },
+  city:   { value: m.$.city,   component: InputField, componentProps: { label: 'City' } },
+  zip:    { value: m.$.zip,    component: InputField, componentProps: { label: 'ZIP' } },
 });
 
 const schema = {
@@ -98,8 +98,8 @@ const schema = {
 import type { FormModel } from '@reformer/core';
 
 const itemSchema = (item: FormModel<Item>) => ({
-  id:   { value: item.$.id,   component: Input, componentProps: { label: 'ID' } },
-  name: { value: item.$.name, component: Input, componentProps: { label: 'Name' } },
+  id:   { value: item.$.id,   component: InputField, componentProps: { label: 'ID' } },
+  name: { value: item.$.name, component: InputField, componentProps: { label: 'Name' } },
 });
 
 const schema = {

package/docs/llms/10-arrays.md

@@ -7,7 +7,7 @@
 
 ```typescript
 import { createModel, createForm, type FormModel } from '@reformer/core';
-import { Input } from '@reformer/ui-kit';
+import { InputField } from '@reformer/ui-kit';
 
 type Item = { id: string; name: string; price: number };
 type MyForm = { items: Item[] };
@@ -16,9 +16,9 @@ const model = createModel<MyForm>({ items: [] });
 
 // под-схема одного элемента (item.$.field — сигнал под-модели)
 const itemSchema = (item: FormModel<Item>) => ({
-  id:    { value: item.$.id,    component: Input },
-  name:  { value: item.$.name,  component: Input },
-  price: { value: item.$.price, component: Input, componentProps: { type: 'number' } },
+  id:    { value: item.$.id,    component: InputField },
+  name:  { value: item.$.name,  component: InputField },
+  price: { value: item.$.price, component: InputField, componentProps: { type: 'number' } },
 });
 
 const schema = {

package/docs/llms/14-extended-mistakes.md

@@ -71,7 +71,7 @@ import { revalidateWhen, type ValidationError } from '@reformer/core';
 // ❌ старое (УДАЛЕНО): дерево { value, validators }, ModelValidator (value, scope, root), validateFormModel
 const legacyRule: ModelValidator<number, unknown, Form> = (_value, _scope, root) =>
   root.field1 > root.field2 ? { code: 'error', message: 'Invalid' } : null;
-const legacySchema = { field1: { value: model.$.field1, component: Input, validators: [legacyRule] } };
+const legacySchema = { field1: { value: model.$.field1, component: InputField, validators: [legacyRule] } };
 validateFormModel(model, legacySchema);
 
 // ✅ новое: cross-правило — обычная функция над снапшотом (model.get()), не читает scope/root