@reformer/builder 2.0.0 → 3.0.0-beta.2

package/dist/assets/index-BLGbxQaR.js

@@ -0,0 +1,104 @@
+const e=`:root {
+  --text--h1--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--h1--font-weight: 600;
+  --text--h1--font-style: normal;
+  --text--h1--font-size: 48px;
+  --text--h1--line-height: 56px;
+  --text--h1--letter-spacing: -0.5px;
+  --text--h2--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--h2--font-weight: 600;
+  --text--h2--font-style: normal;
+  --text--h2--font-size: 32px;
+  --text--h2--line-height: 40px;
+  --text--h2--letter-spacing: -0.5px;
+  --text--h3--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--h3--font-weight: 600;
+  --text--h3--font-style: normal;
+  --text--h3--font-size: 28px;
+  --text--h3--line-height: 32px;
+  --text--h3--letter-spacing: 0;
+  --text--h4--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--h4--font-weight: 600;
+  --text--h4--font-style: normal;
+  --text--h4--font-size: 24px;
+  --text--h4--line-height: 32px;
+  --text--h4--letter-spacing: 0;
+  --text--h5--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--h5--font-weight: 600;
+  --text--h5--font-style: normal;
+  --text--h5--font-size: 20px;
+  --text--h5--line-height: 24px;
+  --text--h5--letter-spacing: 0;
+  --text--h6--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--h6--font-weight: 600;
+  --text--h6--font-style: normal;
+  --text--h6--font-size: 16px;
+  --text--h6--line-height: 24px;
+  --text--h6--letter-spacing: 0;
+  --text--btr2--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btr2--font-weight: 400;
+  --text--btr2--font-style: normal;
+  --text--btr2--font-size: 16px;
+  --text--btr2--line-height: 24px;
+  --text--btr2--letter-spacing: 0px;
+  --text--btr3--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btr3--font-weight: 400;
+  --text--btr3--font-style: normal;
+  --text--btr3--font-size: 14px;
+  --text--btr3--line-height: 20px;
+  --text--btr3--letter-spacing: 0px;
+  --text--btr4--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btr4--font-weight: 400;
+  --text--btr4--font-style: normal;
+  --text--btr4--font-size: 12px;
+  --text--btr4--line-height: 16px;
+  --text--btr4--letter-spacing: 0px;
+  --text--btr5--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btr5--font-weight: 400;
+  --text--btr5--font-style: normal;
+  --text--btr5--font-size: 10px;
+  --text--btr5--line-height: 12px;
+  --text--btr5--letter-spacing: 0px;
+  --text--bts4--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--bts4--font-weight: 600;
+  --text--bts4--font-style: normal;
+  --text--bts4--font-size: 14px;
+  --text--bts4--line-height: 20px;
+  --text--bts4--letter-spacing: 0px;
+  --text--btm2--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btm2--font-weight: 500;
+  --text--btm2--font-style: normal;
+  --text--btm2--font-size: 16px;
+  --text--btm2--line-height: 24px;
+  --text--btm2--letter-spacing: 0px;
+  --text--btm3--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btm3--font-weight: 500;
+  --text--btm3--font-style: normal;
+  --text--btm3--font-size: 14px;
+  --text--btm3--line-height: 20px;
+  --text--btm3--letter-spacing: 0px;
+  --text--btm4--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btm4--font-weight: 500;
+  --text--btm4--font-style: normal;
+  --text--btm4--font-size: 12px;
+  --text--btm4--line-height: 16px;
+  --text--btm4--letter-spacing: 0px;
+  --text--btm5--font-family: "Kaspersky Sans Text", "Kaspersky Sans", Arial, sans-serif;
+  --text--btm5--font-weight: 500;
+  --text--btm5--font-style: normal;
+  --text--btm5--font-size: 10px;
+  --text--btm5--line-height: 12px;
+  --text--btm5--letter-spacing: 0px;
+  --text--mtr3--font-family: "Kaspersky Sans Mono", "Kaspersky Sans", Arial, sans-serif;
+  --text--mtr3--font-weight: 400;
+  --text--mtr3--font-style: normal;
+  --text--mtr3--font-size: 14px;
+  --text--mtr3--line-height: 20px;
+  --text--mtr3--letter-spacing: 0px;
+  --text--mtr4--font-family: "Kaspersky Sans Mono", "Kaspersky Sans", Arial, sans-serif;
+  --text--mtr4--font-weight: 400;
+  --text--mtr4--font-style: normal;
+  --text--mtr4--font-size: 12px;
+  --text--mtr4--line-height: 16px;
+  --text--mtr4--letter-spacing: 0px;
+}`;if(!document.querySelector("head > style.hexa-ui-typography")){const t=document.createElement("style");t.className="hexa-ui-typography",t.textContent=e,document.head.appendChild(t)}

package/dist/assets/index-BMro_ca-.js

@@ -0,0 +1 @@
+import{j as p,r as o}from"./index-BHFOCWR2.js";import{g as Z,y as W,l as C,j as M,a as ee}from"./useFormField-BLbvmpme-Dyj_El2W.js";function T(e){return e.value instanceof C}function U(e){const n=e;return n.array!=null&&typeof n.array=="object"&&typeof n.item=="function"}function B(e){const n=e.component;return typeof n=="function"?!0:typeof n=="string"?n.length>0:n!==null&&typeof n=="object"&&n.$$typeof!==void 0}function ne(e){return typeof e.component=="string"}const H=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),V=o.createContext(null);function z({value:e,children:n}){return p.jsx(V.Provider,{value:e,children:n})}function G(){const e=o.useContext(V);if(!e)throw new Error("useRenderContext must be used within RenderContextProvider (FormRenderer)");return e}const K=Symbol("RenderSchemaProxy"),w=o.createContext(null);function F(e){return typeof e=="function"&&K in e}function te(e){const n=new Map,t=new Map,r=new Map,u=new Map,c=[],i=new Map,l=new Map,s=W(0),d=new Map,m=a=>{let f=d.get(a);return f||(f=W(0),d.set(a,f)),f},y=a=>{s.value++,m(a).value++},_={hiddenOverrides:n,propsOverrides:t,refRegistry:r,conditionRegistry:u,effectRegistry:c,callbackRegistry:i,lifecycleRegistry:l,version:s,versionFor:m},b=e;return Object.assign(b,{[K]:!0,__overrideMaps:_}),b.node=a=>({setHidden(f){return n.set(a,f),y(a),this},resetHidden(){return n.delete(a),y(a),this},patchProps(f){return t.set(a,{...t.get(a)??{},...f}),y(a),this},resetProps(){return t.delete(a),y(a),this},getRef(){return r.has(a)||r.set(a,o.createRef()),r.get(a)},__selector:a,__overrideMaps:_}),b}function re(e){const n=o.useContext(w);return o.useSyncExternalStore(o.useCallback(t=>n&&e?n.versionFor(e).subscribe(t):()=>{},[n,e]),()=>e&&n?n.hiddenOverrides.get(e)??null:null,()=>e&&n?n.hiddenOverrides.get(e)??null:null)}function oe(e){const n=o.useContext(w);return o.useSyncExternalStore(o.useCallback(t=>n&&e?n.versionFor(e).subscribe(t):()=>{},[n,e]),()=>e&&n?n.propsOverrides.get(e)??null:null,()=>e&&n?n.propsOverrides.get(e)??null:null)}function se(e,n){e.__overrideMaps.conditionRegistry.set(e.__selector,n)}function ue(e,n,t){const{callbackRegistry:r}=e.__overrideMaps;r.has(e.__selector)||r.set(e.__selector,new Map),r.get(e.__selector).set(n,t)}function ce(e,n){e.__overrideMaps.effectRegistry.push(n)}function q(e,n,t){const{lifecycleRegistry:r}=e.__overrideMaps,u=r.get(e.__selector)??{};r.set(e.__selector,{...u,[n]:t})}function ie(e,n){n()}function le(e,n){q(e,"onMount",n)}function ae(e,n){q(e,"onUnmount",n)}function de(e){const n=o.useCallback(()=>e?.()??!1,[e]),t=o.useCallback(r=>e?ee(e).subscribe(r):()=>{},[e]);return o.useSyncExternalStore(t,n,n)}function fe({effectRegistry:e}){return o.useEffect(()=>{const n=e.map(t=>M(()=>{const r=t();return typeof r=="function"?r:void 0}));return()=>n.forEach(t=>t())},[]),null}function pe(e){o.useEffect(()=>{if(!e)return;const n=e.onMount?.();return()=>{typeof n=="function"&&n(),e.onUnmount?.()}},[e])}const A=e=>e;function me(e,n,t,r,u){const c=e.strip?.length?Object.fromEntries(Object.entries(u).filter(([i])=>!e.strip.includes(i))):u;return{...c,[e.valueProp??"value"]:(e.toValue??A)(n),[e.changeProp??"onChange"]:i=>t((e.fromEmit??A)(i,c)),...e.bindBlur?e.bindBlur(r):{onBlur:r}}}function ve(e){const n=o.useRef({value:e.value.value,disabled:e.disabled.value,componentProps:e.componentProps.value}),t=o.useCallback(u=>{let c=!0;return M(()=>{if(e.value.value,e.disabled.value,e.componentProps.value,c){c=!1;return}u()})},[e]),r=o.useCallback(()=>{const u=e.value.value,c=e.disabled.value,i=e.componentProps.value,l=n.current;if(l.value===u&&l.disabled===c&&l.componentProps===i)return l;const s={value:u,disabled:c,componentProps:i};return n.current=s,s},[e]);return o.useSyncExternalStore(t,r,r)}const ye=o.memo(function({node:e,fieldNode:n,fieldWrapper:t,nodeRef:r,resolveFieldAdapter:u}){const{value:c,disabled:i,componentProps:l}=ve(n),s=o.useCallback(v=>n.setValue(v),[n]),d=o.useCallback(()=>n.markAsTouched(),[n]),m=e.component;if(!m)return typeof console<"u"&&console.warn("[RenderSchema] Model field has no component — nothing to render."),null;const{className:y,wrapper:_="div",fieldWrapper:b,testId:a,...f}={...e.componentProps,...l},g=e.value.__path,h=typeof a=="string"?a:g?g.replace(/\./g,"-"):void 0,R=u?.(m),j=R?.passControl===!0||m.reformerNeedsControl===!0?{control:n}:{};let x;if(R){const v=me(R,c,s,d,f);h&&v["data-testid"]===void 0&&(v["data-testid"]=`input-${h}`),x=p.jsx(m,{disabled:i,...v,...j,...r!==void 0?{ref:r}:{}})}else{const v={value:c,disabled:i,...f};h&&v["data-testid"]===void 0&&(v["data-testid"]=`input-${h}`),x=p.jsx(m,{...j,...v,...r!==void 0?{ref:r}:{},onChange:s,onBlur:d})}const S=b??t;return S?p.jsx(S,{control:n,className:y,testId:h,children:x}):p.jsx(_,{className:y,children:x})});function ge(e){const n=o.useRef(0),t=o.useCallback(r=>M(()=>{e.length,n.current+=1,r()}),[e]);return o.useSyncExternalStore(t,()=>n.current,()=>n.current)}const N=new WeakMap;let $=0;function he(e){if(e==null||typeof e!="object")return $++;let n=N.get(e);return n===void 0&&(n=$++,N.set(e,n)),n}const be=e=>typeof e=="function"?e():e;function D(e,n,t){ge(e);const r=e.length,u=o.useRef(null);(!u.current||u.current.itemFn!==n)&&(u.current={itemFn:n,map:new WeakMap});const c=i=>{if(i==null||typeof i!="object")return n(i);const l=u.current.map;let s=l.get(i);return s===void 0&&(s=n(i),l.set(i,s)),s};return Array.from({length:r},(i,l)=>{const s=e.at(l),d=he(s);return{key:d,index:l,model:s,element:p.jsx(P,{node:c(s),fieldWrapper:t},d)}})}const I=new WeakSet;function Re(e){if(typeof console>"u")return;const n=e.array;if(I.has(n))return;I.add(n);const t=e.array.__path;console.warn(`[RenderSchema] Array node${t?` "${t}"`:""} has no \`component\` — items are rendered without add/remove/reorder UI. Register an array component (e.g. \`FormArray\` from @reformer/ui-kit) and set \`component\` on the node.`)}const _e=o.memo(function({node:e,fieldWrapper:n}){const t=D(e.array,e.item,n);return Re(e),p.jsx(p.Fragment,{children:t.map(r=>r.element)})}),xe=o.memo(function({node:e,fieldWrapper:n}){const t=e.component,r=e.array,u=D(r,e.item,n),{initialValue:c}=e,i=o.useCallback(()=>r.push(be(c)),[r,c]),l=o.useCallback(m=>r.removeAt(m),[r]),s=o.useCallback((m,y)=>r.move(m,y),[r]),d=u.map(({key:m,index:y,model:_,element:b})=>({key:m,index:y,model:_,children:b}));return p.jsx(t,{items:d,onAdd:i,onRemove:l,onMove:s,...e.componentProps??{}})});function J(e){return typeof e=="string"||typeof e=="number"||e instanceof C}function ke(e){const n=[];let t=null;return e.forEach((r,u)=>{if(J(r)){t||(t={key:u,parts:[]},n.push(t)),t.parts.push(r);return}t=null,n.push({key:u,node:r})}),n}function je(e){const n=[];let t=0;for(const r of e)J(r)?t+=1:n.push(r);return n}function Ce(e){const n=[];for(const t of e)t instanceof C&&n.push(t);return n}function Me(e){let n="";for(const t of e){const r=t instanceof C?t.value:t;r!=null&&(n+=String(r))}return n}function L(e){const n=o.useRef({signals:e,key:0}),t=n.current;return(t.signals.length!==e.length||e.some((r,u)=>r!==t.signals[u]))&&(n.current={signals:e,key:t.key+1}),n.current.key}function Se(e){const n=[];if(e)for(const s of Object.keys(e))e[s]instanceof C&&n.push(s);const t=n.map(s=>e[s]),r=L(t),u=o.useRef(t);u.current=t;const c=o.useRef(0),i=o.useCallback(s=>{if(u.current.length===0)return()=>{};let d=!0;return M(()=>{for(const m of u.current)m.value;if(d){d=!1;return}c.current+=1,s()})},[r]);if(o.useSyncExternalStore(i,()=>c.current,()=>c.current),!e||n.length===0)return e;const l={...e};for(const s of n)l[s]=e[s].value;return l}const we=o.memo(function({parts:e}){const n=Ce(e),t=L(n),r=o.useRef(e);r.current=e;const u=o.useRef(n);u.current=n;const c=o.useCallback(l=>{if(u.current.length===0)return()=>{};let s=!0;return M(()=>{for(const d of u.current)d.value;if(s){s=!1;return}l()})},[t]),i=o.useCallback(()=>Me(r.current),[]);return o.useSyncExternalStore(c,i,i)});function P({node:e,form:n,fieldWrapper:t}){const{settings:r}=G(),u=t??r?.fieldWrapper,{selector:c}=e,i=re(c),l=oe(c),s=o.useContext(w),d=c&&s?.refRegistry.has(c)?s.refRegistry.get(c):void 0,m=c?s?.conditionRegistry.get(c):void 0,y=de(m),_=i??y,b=c?s?.lifecycleRegistry.get(c):void 0;pe(b);const a=Se(e.componentProps);if(_)return null;if(T(e)){const f=Z(e.value);if(!f){if(typeof console<"u"){const R=e.value.__path;console.warn(`[RenderSchema] No form node for signal${R?` "${R}"`:""} — render value-leaf after createForm.`)}return null}const g=c??e.value.__path,h=g&&s?.refRegistry.has(g)?s.refRegistry.get(g):void 0;return p.jsx(ye,{node:e,fieldNode:f,fieldWrapper:u,nodeRef:h,resolveFieldAdapter:r?.resolveFieldAdapter})}if(U(e))return e.component?p.jsx(xe,{node:e,fieldWrapper:u}):p.jsx(_e,{node:e,fieldWrapper:u});if(B(e)){const{selector:f,component:g,children:h}=e,R=a||{},j=l!=null?{...R,...l}:R,x=f?s?.callbackRegistry.get(f):void 0,S=x?Object.fromEntries(x):{},v=x?{...j,...S}:j,E=typeof g=="string",Q=!E&&f!==void 0?{selector:f}:{},O=g;if(!E&&g.__selfManagedChildren===!0){const k=g,X=v.form===void 0&&n!==void 0?{form:n}:{},Y=h!==void 0?{children:je(h)}:{};return p.jsx(k,{...f!==void 0?{selector:f}:{},...v,...X,...d!==void 0?{ref:d}:{},...Y})}return E&&H.has(g)?p.jsx(O,{...v,...d!==void 0?{ref:d}:{}}):p.jsx(O,{...Q,...v,...d!==void 0?{ref:d}:{},children:h&&ke(h).map(k=>"parts"in k?p.jsx(we,{parts:k.parts},k.key):p.jsx(P,{node:k.node,form:n},k.key))})}return null}function Pe({render:e,settings:n}){const t=e(),r=p.jsxs(z,{value:{settings:n},children:[F(e)&&e.__overrideMaps.effectRegistry.length>0&&p.jsx(fe,{effectRegistry:e.__overrideMaps.effectRegistry}),p.jsx(P,{node:t})]});return F(e)?p.jsx(w.Provider,{value:e.__overrideMaps,children:r}):r}const Oe=Object.freeze(Object.defineProperty({__proto__:null,FormRenderer:Pe,RenderContextProvider:z,RenderNodeComponent:P,VOID_HTML_TAGS:H,createRenderSchema:te,hideWhen:se,isArrayRenderNode:U,isContainerRenderNode:B,isHtmlTagRenderNode:ne,isModelFieldRenderNode:T,isRenderSchemaProxy:F,onComponentEvent:ue,onInit:ie,onMount:le,onUnmount:ae,renderEffect:ce,useRenderContext:G},Symbol.toStringTag,{value:"Module"}));export{P as T,Pe as U,te as a,Oe as r};