@macrulez/vue-form-schema 0.1.9 → 0.2.0

package/dist/devtools.js

@@ -0,0 +1,93 @@
+import { setupDevtoolsPlugin as v } from "@vue/devtools-api";
+import { g as a, a as b, o as g } from "./formRegistry-Bv1eaWQ-.js";
+const n = "vue-form-schema-inspector", c = "vue-form-schema-timeline", h = {
+  setField: "default",
+  touch: "default",
+  submit: "default",
+  submitSuccess: "default",
+  submitError: "error",
+  reset: "warning",
+  asyncValidate: "default"
+};
+function l(o) {
+  return `${o.label} #${o.id}`;
+}
+function y(o) {
+  const r = Object.values(o.form.errors.value).some((e) => e.length > 0);
+  return {
+    id: String(o.id),
+    label: l(o),
+    tags: r ? [{ label: "invalid", textColor: 16777215, backgroundColor: 14427686 }] : o.form.isDirty.value ? [{ label: "dirty", textColor: 1120295, backgroundColor: 16498468 }] : []
+  };
+}
+function m(o) {
+  const { values: r, errors: e, touched: s, isDirty: u, isValid: d, isSubmitting: f, optionsLoading: p } = o.form;
+  return {
+    summary: [
+      { key: "isValid", value: d.value },
+      { key: "isDirty", value: u.value },
+      { key: "isSubmitting", value: f.value }
+    ],
+    values: Object.entries(r.value).map(([t, i]) => ({
+      key: t,
+      value: i
+    })),
+    errors: Object.entries(e.value).filter(([, t]) => t.length > 0).map(([t, i]) => ({ key: t, value: i })),
+    touched: Object.entries(s.value).filter(([, t]) => t).map(([t, i]) => ({ key: t, value: i })),
+    optionsLoading: Object.entries(p.value).filter(([, t]) => t).map(([t, i]) => ({ key: t, value: i }))
+  };
+}
+function S(o) {
+  typeof window > "u" || v(
+    {
+      id: "vue-form-schema",
+      label: "vue-form-schema",
+      packageName: "@macrulez/vue-form-schema",
+      homepage: "https://github.com/macrulezru/vue-form-schema",
+      componentStateTypes: ["vue-form-schema"],
+      app: o
+    },
+    (r) => {
+      r.addInspector({
+        id: n,
+        label: "Forms",
+        icon: "dynamic_form",
+        treeFilterPlaceholder: "Search active forms",
+        nodeActions: [
+          {
+            icon: "content_copy",
+            tooltip: "Log snapshot to console",
+            action: (e) => {
+              const s = a(Number(e));
+              s && console.log(
+                `[vue-form-schema] ${l(s)}`,
+                m(s)
+              );
+            }
+          }
+        ]
+      }), r.addTimelineLayer({ id: c, label: "Forms", color: 2450411 }), r.on.getInspectorTree((e) => {
+        e.inspectorId === n && (e.rootNodes = b().map(y));
+      }), r.on.getInspectorState((e) => {
+        if (e.inspectorId !== n) return;
+        const s = a(Number(e.nodeId));
+        s && (e.state = m(s));
+      }), g((e) => {
+        const s = a(e.formId);
+        r.addTimelineEvent({
+          layerId: c,
+          event: {
+            time: e.time,
+            title: e.type,
+            subtitle: s ? l(s) : `#${e.formId}`,
+            data: e.payload ?? {},
+            logType: h[e.type]
+          }
+        }), r.sendInspectorTree(n), r.sendInspectorState(n);
+      });
+    }
+  );
+}
+export {
+  S as installFormDevtools
+};

package/dist/formRegistry-Bv1eaWQ-.js

@@ -0,0 +1,31 @@
+let a = 1;
+const r = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+function u(e, o) {
+  const t = a++;
+  return r.set(t, { id: t, label: o, form: e, createdAt: Date.now() }), t;
+}
+function c(e) {
+  r.delete(e);
+}
+function f(e) {
+  return r.get(e);
+}
+function m() {
+  return Array.from(r.values());
+}
+function d(e, o, t) {
+  if (n.size === 0) return;
+  const s = { formId: e, type: o, payload: t, time: Date.now() };
+  for (const i of n) i(s);
+}
+function g(e) {
+  return n.add(e), () => n.delete(e);
+}
+export {
+  m as a,
+  d as e,
+  f as g,
+  g as o,
+  u as r,
+  c as u
+};

package/dist/formRegistry-DaDmXyYY.cjs

@@ -0,0 +1 @@
+"use strict";let m=1;const n=new Map,r=new Set;function u(e,o){const t=m++;return n.set(t,{id:t,label:o,form:e,createdAt:Date.now()}),t}function c(e){n.delete(e)}function g(e){return n.get(e)}function F(){return Array.from(n.values())}function d(e,o,t){if(r.size===0)return;const s={formId:e,type:o,payload:t,time:Date.now()};for(const i of r)i(s)}function f(e){return r.add(e),()=>r.delete(e)}exports.emitFormEvent=d;exports.getRegisteredForm=g;exports.getRegisteredForms=F;exports.onFormEvent=f;exports.registerForm=u;exports.unregisterForm=c;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./MaskEngine-DAKSNIHQ.cjs"),l=require("vue");function G(n){const s=l.computed(()=>n.touched&&n.error.length>0),t=l.computed(()=>s.value?n.error[0]:null),e=l.computed(()=>n.touched?n.error:[]),r=l.computed(()=>n.field.required??!1),d=l.computed(()=>typeof n.field.disabled=="boolean"?n.field.disabled:!1);return{hasError:s,errorMessage:t,allErrors:e,isRequired:r,isDisabled:d}}const Q=/^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;function Y(n,s){if(!Q.test(n))return console.warn(`[vue-form-schema] Blocked unsafe expression: "${n}"`),!0;try{return!!new Function("values",`"use strict"; return (${n})`)(s)}catch{return!0}}class L{constructor(){this.stopHandle=null}start(s,t,e,r){this.stopHandle=l.watchEffect(()=>{const d=t.value,f=e.value,v=this.evaluateFields(s,d);r&&this.clearHiddenValues(s,v,d,t,f),e.value=v})}stop(){var s;(s=this.stopHandle)==null||s.call(this),this.stopHandle=null}evaluateFields(s,t){return s.map(e=>{const r=this.resolveBoolean(e.visible,t,!0),d=this.resolveBoolean(e.disabled,t,!1);let f;if(typeof e.options=="function"){const p=e.options(t);f=p instanceof Promise?void 0:p}else f=e.options;return{...e,visible:r,disabled:d,options:f,fields:e.fields?this.evaluateFields(e.fields,t):void 0}})}resolveBoolean(s,t,e){return s===void 0?e:typeof s=="boolean"?s:typeof s=="function"?s(t):typeof s=="string"?Y(s,t):e}clearHiddenValues(s,t,e,r,d){for(let f=0;f<s.length;f++){const v=s[f],p=t[f],O=this.wasVisible(d,v.name),y=p.visible;if(O&&!y){const h=i.getByPath(e,v.name),F=v.defaultValue??null;h!==F&&(r.value=i.setByPath(r.value,v.name,F))}v.fields&&p.fields&&this.clearHiddenValues(v.fields,p.fields,e,r,d)}}wasVisible(s,t){const e=s.find(r=>r.name===t);return e?e.visible!==!1:!0}}function Z(n,s){return new L().evaluateFields(n,s)}function ee(n,s,t){switch(n){case"required":return t?(e,r)=>i.required(e)?t:null:i.required;case"minLength":return i.minLength(Number(s),t);case"maxLength":return i.maxLength(Number(s),t);case"min":return i.min(Number(s),t);case"max":return i.max(Number(s),t);case"pattern":return i.pattern(new RegExp(String(s)),t);case"email":return t?(e,r)=>i.email(e)?t:null:i.email;case"url":return t?(e,r)=>i.url(e)?t:null:i.url;default:return console.warn(`[vue-form-schema] Unknown validator rule: "${n}"`),null}}function D(n){const s=[];for(const t of n.validators??[]){const e=ee(t.rule,t.value,t.message);e&&s.push(e)}return{type:n.type,name:n.name,label:n.label,placeholder:n.placeholder,defaultValue:n.default,required:n.required,disabled:n.disabled,visible:n.visible,mask:n.mask,options:n.options,validators:s.length?s:void 0,fields:n.fields?n.fields.map(D):void 0}}function H(n){return n.map(D)}function te(n){if(!Array.isArray(n)||n.length===0)return!1;for(const s of n){const t=s.validators;if(Array.isArray(t)&&t.some(e=>typeof e=="function"))return!1}return n.some(s=>{const t=s;if("default"in t)return!0;const e=t.validators;return Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"rule"in e[0]})}function ne(n){return te(n)?H(n):n}function E(n,s={}){const t={};for(const e of n)if(e.type==="group"&&e.fields){const r=E(e.fields,s);Object.assign(t,r)}else if(e.type==="array"){const r=i.getByPath(s,e.name),d=typeof e.defaultValue=="function"?void 0:e.defaultValue;t[e.name]=r??d??[]}else if(typeof e.defaultValue!="function"){const r=i.getByPath(s,e.name);t[e.name]=r!==void 0?r:e.defaultValue??null}for(const e of n)if(e.type!=="group"&&typeof e.defaultValue=="function"){const r=i.getByPath(s,e.name);r===void 0?t[e.name]=e.defaultValue(t):t[e.name]=r}for(const[e,r]of Object.entries(s))e in t||(t[e]=r);return t}function C(n){var j;const{schema:s,initialValues:t={},validateOn:e="blur",validateMode:r="first",clearOnHide:d=!1,onSubmit:f,persist:v=!1,persistKey:p,debug:O=!1}=n,y=ne(s),h=new i.ValidationEngine(300,r),F=new L,V=p??`vfs:${y.map(a=>a.name).join(",")}`;function w(){return typeof window>"u"||!v?null:v==="local"?window.localStorage:window.sessionStorage}const o=l.ref(E(y,t)),m=l.ref({}),b=l.ref({}),P=l.ref(!1),g=l.ref(y),S=l.ref({}),B=l.ref({}),N=new Set;let k=!1;F.start(y,o,g,d??!1);async function M(a){if(typeof a.options!="function")return;const u=a.options(o.value);if(u instanceof Promise){S.value={...S.value,[a.name]:!0};try{const c=await u;B.value={...B.value,[a.name]:c}}catch(c){console.warn(`[vue-form-schema] Failed to load options for "${a.name}"`,c)}finally{S.value={...S.value,[a.name]:!1}}}}const q=y.filter(a=>typeof a.options=="function");l.onMounted(async()=>{const a=w();if(a)try{const u=a.getItem(V);if(u){const c=JSON.parse(u);o.value={...o.value,...c}}}catch{}await Promise.all(q.map(u=>M(u)))}),v&&l.watch(o,a=>{var u;if(!k)try{(u=w())==null||u.setItem(V,JSON.stringify(a))}catch{}},{deep:!0});for(const a of q)(j=a.optionsDeps)!=null&&j.length&&l.watch(()=>a.optionsDeps.map(u=>i.getByPath(o.value,u)),()=>M(a));O&&l.watch(o,a=>{console.group("[vue-form-schema] values changed"),console.log("values:",JSON.parse(JSON.stringify(a))),console.log("errors:",m.value),console.log("touched:",b.value),console.groupEnd()},{deep:!0});const $=l.computed(()=>g.value.map(a=>({...a,options:B.value[a.name]??a.options,optionsLoading:S.value[a.name]??!1}))),I=l.computed(()=>{const a=E(y,t);return JSON.stringify(o.value)!==JSON.stringify(a)}),z=l.computed(()=>{const a=h.validateAll(g.value,o.value);return Object.values(a).every(u=>u.length===0)});function J(a){if(a){const u=h.validateField(a,i.getByPath(o.value,a.name),o.value);m.value={...m.value,[a.name]:u},h.validateAsync(a,i.getByPath(o.value,a.name),o.value,(c,A)=>{m.value={...m.value,[c]:[...m.value[c]??[],...A]}})}else m.value=h.validateAll(g.value,o.value)}function K(a,u){const c=x(g.value,a),A=c!=null&&c.transform?c.transform(u,o.value):u;o.value=i.setByPath(o.value,a,A),(e==="input"||e==="eager"&&N.has(a))&&c&&J(c)}function U(a){return i.getByPath(o.value,a)}function W(a){if(b.value={...b.value,[a]:!0},N.add(a),e==="blur"||e==="eager"){const u=x(g.value,a);u&&J(u)}}async function X(){const a={};for(const c of g.value)R(c,a);if(b.value=a,m.value=h.validateAll(g.value,o.value),!Object.values(m.value).some(c=>c.length>0)){P.value=!0;try{const c=T(g.value,o.value);await(f==null?void 0:f(c))}finally{P.value=!1}}}function _(a){var c;const u=a??t;o.value=E(y,u??{}),m.value={},b.value={},P.value=!1,k=!0,(c=w())==null||c.removeItem(V),Promise.resolve().then(()=>{k=!1})}return l.onUnmounted(()=>{F.stop(),h.destroy()}),{fields:$,values:o,errors:m,touched:b,optionsLoading:S,isDirty:I,isValid:z,isSubmitting:P,submit:X,reset:_,setField:K,getField:U,touchField:W}}function x(n,s){for(const t of n){if(t.name===s)return t;if(t.fields){const e=x(t.fields,s);if(e)return e}}}function R(n,s={}){return s[n.name]=!0,n.fields&&n.fields.forEach(t=>R(t,s)),s}function T(n,s){const t={...s};for(const e of n){if(e.parse){const r=i.getByPath(t,e.name);t[e.name]=e.parse(r)}if(e.fields){const r=T(e.fields,t);Object.assign(t,r)}}return t}function se(n,s){const t=n.map(o=>C(o)),e=l.ref(0),r=t.length,d=l.computed(()=>e.value===0),f=l.computed(()=>e.value===r-1),v=l.computed(()=>t[e.value]),p=l.computed(()=>t.reduce((o,m)=>({...o,...m.values.value}),{})),O=l.computed(()=>t.every(o=>o.isValid.value)),y=l.computed(()=>t.some(o=>o.isSubmitting.value));async function h(){return await t[e.value].submit(),Object.values(t[e.value].errors.value).some(m=>m.length>0)?!1:(f.value||e.value++,!0)}function F(){d.value||e.value--}function V(o){o>=0&&o<r&&(e.value=o)}async function w(){for(const o of t)if(await o.submit(),Object.values(o.errors.value).some(b=>b.length>0))return;await(s==null?void 0:s(p.value))}return{currentStep:e,totalSteps:r,isFirstStep:d,isLastStep:f,form:v,steps:t,values:p,isValid:O,isSubmitting:y,next:h,back:F,goTo:V,submit:w}}function ae(n){return{snapshot:l.computed(()=>({values:JSON.parse(JSON.stringify(n.values.value)),errors:n.errors.value,touched:n.touched.value,isDirty:n.isDirty.value,isValid:n.isValid.value,isSubmitting:n.isSubmitting.value,optionsLoading:n.optionsLoading.value,fields:n.fields.value.map(t=>({name:t.name,visible:t.visible,disabled:t.disabled}))}))}}function ie(...n){const s=new Map;for(const t of n)for(const e of t)s.set(e.name,e);return Array.from(s.values())}function oe(n,s){const t=new Set(s);return n.filter(e=>!t.has(e.name))}function re(n,s){const t=new Set(s);return n.filter(e=>t.has(e.name))}function le(n,s,t){return n.map(e=>e.name===s?{...e,...t}:e)}function ue(n){return n}exports.ValidationEngine=i.ValidationEngine;exports.applyMask=i.applyMask;exports.bindMask=i.bindMask;exports.createFormRegistry=i.createFormRegistry;exports.email=i.email;exports.fileCount=i.fileCount;exports.fileSize=i.fileSize;exports.fileType=i.fileType;exports.getByPath=i.getByPath;exports.max=i.max;exports.maxLength=i.maxLength;exports.min=i.min;exports.minLength=i.minLength;exports.pattern=i.pattern;exports.provideRegistry=i.provideRegistry;exports.removeMask=i.removeMask;exports.required=i.required;exports.sameAs=i.sameAs;exports.setByPath=i.setByPath;exports.url=i.url;exports.useFieldArray=i.useFieldArray;exports.useRegistry=i.useRegistry;exports.ConditionEvaluator=L;exports.defineSchema=ue;exports.evaluateFieldConditions=Z;exports.extendField=le;exports.mergeSchemas=ie;exports.omitFields=oe;exports.parseJSON=H;exports.pickFields=re;exports.useForm=C;exports.useFormDebug=ae;exports.useFormField=G;exports.useMultiStepForm=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./MaskEngine-CPr-fSPy.cjs"),a=require("vue"),s=require("./ValidationEngine-Diz-qTFs.cjs"),k=require("./schemaUtils-Cc7CwGXB.cjs"),S=require("./formRegistry-DaDmXyYY.cjs");function ce(e){const r=a.computed(()=>e.touched&&e.error.length>0),t=a.computed(()=>r.value?e.error[0]:null),n=a.computed(()=>e.touched?e.error:[]),i=a.computed(()=>e.field.required??!1),d=a.computed(()=>typeof e.field.disabled=="boolean"?e.field.disabled:!1);return{hasError:r,errorMessage:t,allErrors:n,isRequired:i,isDisabled:d}}function fe(e,r,t){switch(e){case"required":return t?(n,i)=>s.required(n)?t:null:s.required;case"minLength":return s.minLength(Number(r),t);case"maxLength":return s.maxLength(Number(r),t);case"min":return s.min(Number(r),t);case"max":return s.max(Number(r),t);case"pattern":return s.pattern(new RegExp(String(r)),t);case"email":return t?(n,i)=>s.email(n)?t:null:s.email;case"url":return t?(n,i)=>s.url(n)?t:null:s.url;default:return console.warn(`[vue-form-schema] Unknown validator rule: "${e}"`),null}}function G(e){const r=[];for(const t of e.validators??[]){const n=fe(t.rule,t.value,t.message);n&&r.push(n)}return{type:e.type,name:e.name,label:e.label,placeholder:e.placeholder,defaultValue:e.default,required:e.required,disabled:e.disabled,visible:e.visible,mask:e.mask,options:e.options,validators:r.length?r:void 0,fields:e.fields?e.fields.map(G):void 0}}function Q(e){return e.map(G)}function de(e){if(!Array.isArray(e)||e.length===0)return!1;for(const r of e){const t=r.validators;if(Array.isArray(t)&&t.some(n=>typeof n=="function"))return!1}return e.some(r=>{const t=r;if("default"in t)return!0;const n=t.validators;return Array.isArray(n)&&n.length>0&&typeof n[0]=="object"&&n[0]!==null&&"rule"in n[0]})}function ve(e){return de(e)?Q(e):e}function N(e,r={}){let t={};for(const n of e)if(n.type==="group"&&n.fields){const i=N(n.fields,r);for(const[d,v]of Object.entries(i))t=s.setByPath(t,d,v)}else if(n.type==="array"){const i=s.getByPath(r,n.name),d=typeof n.defaultValue=="function"?void 0:n.defaultValue;t=s.setByPath(t,n.name,i??d??[])}else if(typeof n.defaultValue!="function"){const i=s.getByPath(r,n.name);t=s.setByPath(t,n.name,i!==void 0?i:n.defaultValue??null)}for(const n of e)if(n.type!=="group"&&typeof n.defaultValue=="function"){const i=s.getByPath(r,n.name);t=s.setByPath(t,n.name,i===void 0?n.defaultValue(t):i)}for(const[n,i]of Object.entries(r))n in t||(t=s.setByPath(t,n,i));return t}function W(e){var U,H;const{schema:r,initialValues:t={},validateOn:n="blur",validateMode:i="first",clearOnHide:d=!1,onSubmit:v,persist:m=!1,persistKey:y,debug:b=!1}=e,F=(U=a.getCurrentInstance())==null?void 0:U.type,j=(F==null?void 0:F.__name)??(F==null?void 0:F.name),O=ve(r),A=new s.ValidationEngine(300,i),L=new k.ConditionEvaluator;let l=0;const P=y??`vfs:${O.map(o=>o.name).join(",")}`;function q(){return typeof window>"u"||!m?null:m==="local"?window.localStorage:window.sessionStorage}const c=a.ref(N(O,t)),g=a.ref({}),B=a.ref({}),M=a.ref(!1),E=a.ref(O),x=a.ref({}),D=a.ref({}),I=new Set;let J=!1;L.start(O,c,E,d??!1);async function T(o){if(typeof o.options!="function")return;const u=o.options(c.value);if(u instanceof Promise){x.value={...x.value,[o.name]:!0};try{const f=await u;D.value={...D.value,[o.name]:f}}catch(f){console.warn(`[vue-form-schema] Failed to load options for "${o.name}"`,f)}finally{x.value={...x.value,[o.name]:!1}}}}const $=O.filter(o=>typeof o.options=="function");a.onMounted(async()=>{const o=q();if(o)try{const u=o.getItem(P);if(u){const f=JSON.parse(u);c.value={...c.value,...f}}}catch{}await Promise.all($.map(u=>T(u)))}),m&&a.watch(c,o=>{var u;if(!J)try{(u=q())==null||u.setItem(P,JSON.stringify(o))}catch{}},{deep:!0});for(const o of $)(H=o.optionsDeps)!=null&&H.length&&a.watch(()=>o.optionsDeps.map(u=>s.getByPath(c.value,u)),()=>T(o));b&&a.watch(c,o=>{console.group("[vue-form-schema] values changed"),console.log("values:",JSON.parse(JSON.stringify(o))),console.log("errors:",g.value),console.log("touched:",B.value),console.groupEnd()},{deep:!0});const ee=a.computed(()=>E.value.map(o=>({...o,options:D.value[o.name]??o.options,optionsLoading:x.value[o.name]??!1}))),te=N(O,t),ne=a.computed(()=>!C(c.value,te)),re=a.computed(()=>{const o=A.validateAll(E.value,c.value),u=Object.values(o).every(p=>p.length===0),f=Object.values(g.value).every(p=>p.length===0);return u&&f});function K(o){if(o){const u=A.validateField(o,s.getByPath(c.value,o.name),c.value);g.value={...g.value,[o.name]:u},A.validateAsync(o,s.getByPath(c.value,o.name),c.value,(f,p)=>{g.value={...g.value,[f]:[...g.value[f]??[],...p]},S.emitFormEvent(l,"asyncValidate",{path:f,errors:p})})}else g.value=A.validateAll(E.value,c.value)}function oe(o,u){const f=z(E.value,o),p=f!=null&&f.transform?f.transform(u,c.value):u;c.value=s.setByPath(c.value,o,p),S.emitFormEvent(l,"setField",{path:o,value:p}),(n==="input"||n==="eager"&&I.has(o))&&f&&K(f)}function se(o){return s.getByPath(c.value,o)}function ie(o){if(B.value={...B.value,[o]:!0},I.add(o),S.emitFormEvent(l,"touch",{path:o}),n==="blur"||n==="eager"){const u=z(E.value,o);u&&K(u)}}async function ae(){S.emitFormEvent(l,"submit");const o={};for(const h of E.value)X(h,o);B.value=o;const u=A.validateAll(E.value,c.value),f=await A.validateAllAsync(E.value,c.value),p={...u};for(const[h,ue]of Object.entries(f))p[h]=[...p[h]??[],...ue];if(g.value=p,Object.values(g.value).some(h=>h.length>0)){S.emitFormEvent(l,"submitError",{reason:"validation",errors:g.value});return}M.value=!0;try{const h=Y(E.value,c.value);await(v==null?void 0:v(h)),S.emitFormEvent(l,"submitSuccess")}catch(h){throw S.emitFormEvent(l,"submitError",{reason:"exception",error:h instanceof Error?h.message:String(h)}),h}finally{M.value=!1}}function le(o){var f;const u=o??t;c.value=N(O,u??{}),g.value={},B.value={},M.value=!1,J=!0,(f=q())==null||f.removeItem(P),Promise.resolve().then(()=>{J=!1}),S.emitFormEvent(l,"reset")}a.onUnmounted(()=>{L.stop(),A.destroy(),S.unregisterForm(l)});const _={fields:ee,values:c,errors:g,touched:B,optionsLoading:x,isDirty:ne,isValid:re,isSubmitting:M,submit:ae,reset:le,setField:oe,getField:se,touchField:ie};return l=S.registerForm(_,j??"Form"),_}function z(e,r){for(const t of e){if(t.name===r)return t;if(t.fields){const n=z(t.fields,r);if(n)return n}}}function X(e,r={}){return r[e.name]=!0,e.fields&&e.fields.forEach(t=>X(t,r)),r}function C(e,r){if(e===r)return!0;if(e instanceof File||r instanceof File)return e===r;if(Array.isArray(e)&&Array.isArray(r))return e.length===r.length&&e.every((t,n)=>C(t,r[n]));if(e&&r&&typeof e=="object"&&typeof r=="object"){const t=Object.keys(e),n=Object.keys(r);return t.length===n.length&&t.every(i=>C(e[i],r[i]))}return!1}function Y(e,r){const t={...r};for(const n of e){if(n.parse){const i=s.getByPath(t,n.name);t[n.name]=n.parse(i)}if(n.fields){const i=Y(n.fields,t);Object.assign(t,i)}}return t}function me(e,r){const t=e.map(l=>W(l)),n=a.ref(0),i=t.length,d=a.computed(()=>n.value===0),v=a.computed(()=>n.value===i-1),m=a.computed(()=>t[n.value]),y=a.computed(()=>t.reduce((l,P)=>({...l,...P.values.value}),{})),b=a.computed(()=>t.every(l=>l.isValid.value)),F=a.computed(()=>t.some(l=>l.isSubmitting.value));async function j(){return await t[n.value].submit(),Object.values(t[n.value].errors.value).some(P=>P.length>0)?!1:(v.value||n.value++,!0)}function O(){d.value||n.value--}function A(l){l>=0&&l<i&&(n.value=l)}async function L(){for(const l of t)if(await l.submit(),Object.values(l.errors.value).some(q=>q.length>0))return;await(r==null?void 0:r(y.value))}return{currentStep:n,totalSteps:i,isFirstStep:d,isLastStep:v,form:m,steps:t,values:y,isValid:b,isSubmitting:F,next:j,back:O,goTo:A,submit:L}}function ye(e){return{snapshot:a.computed(()=>({values:JSON.parse(JSON.stringify(e.values.value)),errors:e.errors.value,touched:e.touched.value,isDirty:e.isDirty.value,isValid:e.isValid.value,isSubmitting:e.isSubmitting.value,optionsLoading:e.optionsLoading.value,fields:e.fields.value.map(t=>({name:t.name,visible:t.visible,disabled:t.disabled}))}))}}function w(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)?e:void 0}function R(e){return Array.isArray(e)?e.filter(r=>typeof r=="string"):typeof e=="string"?[e]:[]}function ge(e){const r=w(e),t=w(r==null?void 0:r.errors)??{},n={};for(const[i,d]of Object.entries(t))n[i]=R(d);return{fieldErrors:n,formErrors:[]}}function pe(e){const r={},t=[];function n(d,v){for(const[m,y]of Object.entries(d)){if(m==="non_field_errors"||m==="detail"){t.push(...R(y));continue}const b=v?`${v}.${m}`:m,F=w(y);if(F)n(F,b);else{const j=R(y);j.length&&(r[b]=j)}}}const i=w(e);return i&&n(i,""),{fieldErrors:r,formErrors:t}}function he(e){const r=w(e)??{},t={};for(const[n,i]of Object.entries(r)){const d=R(i);d.length&&(t[n]=d)}return{fieldErrors:t,formErrors:[]}}const Fe={laravel:ge,drf:pe,flat:he};function Z(e,r="flat"){return typeof r=="function"?r(e):Fe[r](e)}function be(e,r,t={}){const{format:n="flat",touch:i=!0,merge:d=!0}=t,v=Z(r,n),m=d?{...e.errors.value}:{};for(const[y,b]of Object.entries(v.fieldErrors))m[y]=b;if(e.errors.value=m,i){const y={...e.touched.value};for(const b of Object.keys(v.fieldErrors))y[b]=!0;e.touched.value=y}return v}function Ee(e){return e}exports.applyMask=V.applyMask;exports.bindMask=V.bindMask;exports.createFormRegistry=V.createFormRegistry;exports.provideRegistry=V.provideRegistry;exports.removeMask=V.removeMask;exports.useFieldArray=V.useFieldArray;exports.useRegistry=V.useRegistry;exports.ValidationEngine=s.ValidationEngine;exports.email=s.email;exports.fileCount=s.fileCount;exports.fileSize=s.fileSize;exports.fileType=s.fileType;exports.getByPath=s.getByPath;exports.max=s.max;exports.maxLength=s.maxLength;exports.min=s.min;exports.minLength=s.minLength;exports.pattern=s.pattern;exports.required=s.required;exports.sameAs=s.sameAs;exports.setByPath=s.setByPath;exports.url=s.url;exports.ConditionEvaluator=k.ConditionEvaluator;exports.discriminatedFields=k.discriminatedFields;exports.evaluateFieldConditions=k.evaluateFieldConditions;exports.extendField=k.extendField;exports.mergeSchemas=k.mergeSchemas;exports.omitFields=k.omitFields;exports.pickFields=k.pickFields;exports.applyServerErrors=be;exports.defineSchema=Ee;exports.normalizeServerErrors=Z;exports.parseJSON=Q;exports.useForm=W;exports.useFormDebug=ye;exports.useFormField=ce;exports.useMultiStepForm=me;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { FieldDefinition, FieldType, FieldOption, MaskConfig, MaskPreset, ValidatorFn, AsyncValidatorFn, UseFormConfig, UseFormReturn, ValidateOn, ValidateMode, JSONSchema, JSONSchemaField, BuiltinRule, FormFieldProps, } from './core/types';
+export type { FieldDefinition, FieldType, FieldOption, MaskConfig, MaskPreset, ValidatorFn, AsyncValidatorFn, UseFormConfig, UseFormReturn, TypedFieldDefinitions, ValidateOn, ValidateMode, JSONSchema, JSONSchemaField, BuiltinRule, FormFieldProps, } from './core/types';
 export { createFormRegistry, useRegistry, provideRegistry } from './core/registry';
 export type { ComponentMap } from './core/registry';
 export { useFormField } from './core/useFormField';
@@ -10,7 +10,9 @@ export { useFormDebug } from './core/useFormDebug';
 export type { FormSnapshot } from './core/useFormDebug';
 export { useForm } from './core/useForm';
 export { required, minLength, maxLength, min, max, pattern, email, url, sameAs, fileType, fileSize, fileCount, ValidationEngine, getByPath, setByPath, } from './core/ValidationEngine';
-export { mergeSchemas, omitFields, pickFields, extendField } from './core/schemaUtils';
+export { mergeSchemas, omitFields, pickFields, extendField, discriminatedFields, } from './core/schemaUtils';
+export { applyServerErrors, normalizeServerErrors } from './core/serverErrors';
+export type { NormalizedServerErrors, ServerErrorFormat, ServerErrorMapper, ApplyServerErrorsOptions, } from './core/serverErrors';
 export type { InferValues } from './core/inferTypes';
 export { defineSchema } from './core/inferTypes';
 export { ConditionEvaluator, evaluateFieldConditions } from './core/ConditionEvaluator';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,UAAU,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAG9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGtF,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGvF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAG9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,WAAW,EACX,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,qBAAqB,CAAA;AAG5B,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGvF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}