UNPKG

@korautils/forms

Version:

![image](https://github.com/user-attachments/assets/ccad1514-7b15-4952-9856-fd03b971403a)

175 lines (154 loc) 42.7 kB
'use strict';require('libphonenumber-js/metadata.min.json'),require('libphonenumber-js');var Ka=require('object-path'),uuid=require('uuid'),Zr=require('@mui/material/Tooltip'),jsxRuntime=require('react/jsx-runtime'),material=require('@mui/material'),Sr=require('@mui/material/Button'),C=require('react'),Ve=require('classnames'),uo=require('@mui/material/Tabs'),xo=require('@mui/material/TextField'),vo=require('axios'),Do=require('@mui/material/Autocomplete'),iconsMaterial=require('@mui/icons-material'),reactNumberFormat=require('react-number-format'),an=require('@mui/material/Select'),cn=require('@mui/material/Radio'),dn=require('@mui/material/RadioGroup'),fn=require('@mui/material/FormControlLabel'),yn=require('@mui/material/FormControl'),hn=require('@mui/material/FormLabel'),demo=require('@mui/x-date-pickers/internals/demo'),DatePicker=require('@mui/x-date-pickers/DatePicker'),bn=require('dayjs'),DateField=require('@mui/x-date-pickers/DateField'),In=require('@mui/icons-material/Keyboard'),TimeField=require('@mui/x-date-pickers/TimeField'),SingleInputTimeRangeField=require('@mui/x-date-pickers-pro/SingleInputTimeRangeField'),MobileDatePicker=require('@mui/x-date-pickers/MobileDatePicker'),Un=require('@mui/icons-material/InsertInvitation'),DateRangePicker=require('@mui/x-date-pickers-pro/DateRangePicker'),SingleInputDateRangeField=require('@mui/x-date-pickers-pro/SingleInputDateRangeField'),TimePicker=require('@mui/x-date-pickers/TimePicker'),MobileTimePicker=require('@mui/x-date-pickers/MobileTimePicker'),S=require('yup'),index=require('@mui/material/styles/index'),Le=require('@mui/material/Box'),Ra=require('@mui/material/MobileStepper'),Ta=require('@mui/material/Paper'),Ca=require('@mui/material/Typography'),Fr=require('@mui/icons-material/KeyboardArrowLeft'),Br=require('@mui/icons-material/KeyboardArrowRight'),reactHookForm=require('react-hook-form'),_a=require('@mui/icons-material/Save'),Va=require('@mui/icons-material/CleaningServices'),yup=require('@hookform/resolvers/yup'),Xa=require('@mui/material/Alert'),ja=require('@mui/material/AlertTitle'),Ja=require('@mui/material/IconButton'),Za=require('@mui/icons-material/Close');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var Ka__default=/*#__PURE__*/_interopDefault(Ka);var Zr__default=/*#__PURE__*/_interopDefault(Zr);var Sr__default=/*#__PURE__*/_interopDefault(Sr);var C__namespace=/*#__PURE__*/_interopNamespace(C);var Ve__default=/*#__PURE__*/_interopDefault(Ve);var uo__default=/*#__PURE__*/_interopDefault(uo);var xo__default=/*#__PURE__*/_interopDefault(xo);var vo__default=/*#__PURE__*/_interopDefault(vo);var Do__default=/*#__PURE__*/_interopDefault(Do);var an__default=/*#__PURE__*/_interopDefault(an);var cn__default=/*#__PURE__*/_interopDefault(cn);var dn__default=/*#__PURE__*/_interopDefault(dn);var fn__default=/*#__PURE__*/_interopDefault(fn);var yn__default=/*#__PURE__*/_interopDefault(yn);var hn__default=/*#__PURE__*/_interopDefault(hn);var bn__default=/*#__PURE__*/_interopDefault(bn);var In__default=/*#__PURE__*/_interopDefault(In);var Un__default=/*#__PURE__*/_interopDefault(Un);var S__namespace=/*#__PURE__*/_interopNamespace(S);var Le__default=/*#__PURE__*/_interopDefault(Le);var Ra__default=/*#__PURE__*/_interopDefault(Ra);var Ta__default=/*#__PURE__*/_interopDefault(Ta);var Ca__default=/*#__PURE__*/_interopDefault(Ca);var Fr__default=/*#__PURE__*/_interopDefault(Fr);var Br__default=/*#__PURE__*/_interopDefault(Br);var _a__default=/*#__PURE__*/_interopDefault(_a);var Va__default=/*#__PURE__*/_interopDefault(Va);var Xa__default=/*#__PURE__*/_interopDefault(Xa);var ja__default=/*#__PURE__*/_interopDefault(ja);var Ja__default=/*#__PURE__*/_interopDefault(Ja);var Za__default=/*#__PURE__*/_interopDefault(Za);var Xr=Object.defineProperty;var d=(r,e)=>()=>(r&&(e=r(r=0)),e);var T=(r,e)=>{for(var t in e)Xr(r,t,{get:e[t],enumerable:!0});};var Ue,b,R,v=d(()=>{Ue={has:(r,e)=>e.split(".").every(o=>r!=null&&r.hasOwnProperty(o)&&(r=r[o])),remove:(r,e)=>{let t={...r};return e.forEach(o=>{Ka.del(t,o);}),t}},b=(r,e,t)=>r?Ka.get(r,e,t):t,R=r=>!r||r.length===0||!Array.isArray(r);});var We,W,ie=d(()=>{We=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/,W=/^(https?:\/\/)((\[[0-9a-fA-F:.]+\])|([a-zA-Z0-9.-]+))(:\d{1,5})?(\/[^\s]*)?$/;});var Qr,Ye,qe=d(()=>{Qr=({children:r,...e})=>jsxRuntime.jsx(Zr__default.default,{arrow:!0,...e,slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,-6]}}]}},children:r}),Ye=Qr;});var Xe,je=d(()=>{qe();Xe=Ye;});var Je,Ze=d(()=>{Je=material.styled(Sr__default.default)` text-transform: none; &.unshadow { box-shadow: unset !important; } &.black { background-color: #000000; color: #ffffff; } &.circular { border-radius: 30px; } &.button-large { padding: 15px 24px; } &.button-medium { padding-top: 8px; padding-bottom: 8px; } `;});var ao,so,tt,rt=d(()=>{je();Ze();ao=r=>{switch(r){case"text":case"outlined":case"contained":return r;default:return "contained"}},so=({label:r,color:e,icon:t,variant:o,circular:n,unshadow:s,className:l,tooltipTitle:p,children:m,size:i="small",...c})=>{let u=ao(o),g=()=>jsxRuntime.jsxs(Je,{className:Ve__default.default(l,`button-${i}`,{unshadow:s,circular:n}),variant:u,color:e,...c,size:i,children:[t&&C__namespace.default.cloneElement(t,{className:"icon-margin"}),r&&jsxRuntime.jsx("span",{children:r}),!r&&m]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[p&&jsxRuntime.jsx(Xe,{title:p,children:g()}),!p&&g()]})},tt=so;});var ot={};T(ot,{default:()=>N});var N,Y=d(()=>{rt();N=tt;});var st,it,lt=d(()=>{st=material.styled(material.Tab)``,it=material.styled("div")` display: block; width: 100%; .MuiTabs-root { background-color: #f8f8f8; } `;});var fo,yo,ho,mt,ut=d(()=>{lt();v();fo=({children:r,value:e,currentValue:t,...o})=>jsxRuntime.jsx("div",{role:"tabpanel",style:{display:e===t?"block":"none"},id:`simple-tabpanel-${t}`,"aria-labelledby":`simple-tab-${t}`,...o,children:jsxRuntime.jsx(material.Box,{sx:{padding:"10px 0"},children:r})}),yo=r=>({id:`simple-tab-${r}`,"aria-controls":`simple-tabpanel-${r}`,value:r}),ho=C__namespace.forwardRef(function({name:e=uuid.v4(),options:t=[],value:o={},onChange:n,formHandler:s={}},l){let {tabValue:p=t?.[0]?.value}=o,{watch:m}=s;m();let c=m(e),u=C__namespace.useCallback((f,y)=>{n({target:{name:e,value:{...c,tabValue:y}}});},[e,n,c]),g=t.filter(f=>f.visible!=!1);return jsxRuntime.jsx(it,{className:"TabsRendererWrapper",ref:l,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(uo__default.default,{value:p,onChange:u,children:!R(t)&&g.map((f,y)=>C.createElement(st,{label:f.label,...yo(f.value),wrapped:!0,key:y}))}),!R(g)&&g.map((f,y)=>jsxRuntime.jsxs(fo,{value:f.value,currentValue:p,children:[typeof f.children=="string"&&f.children,C__namespace.isValidElement(f.children)&&C__namespace.cloneElement(f.children,{formHandler:s,parentName:e})]},y))]})})}),mt=C__namespace.memo(ho);});var ct={};T(ct,{default:()=>Eo});var Eo,dt=d(()=>{ut();Eo=mt;});var Ro,ft,yt=d(()=>{Ro=C__namespace.default.forwardRef(function({value:e,onChange:t,pattern:o,color:n,...s},l){let{formHandler:p,...m}=s;return jsxRuntime.jsx(xo__default.default,{...m,color:n,value:e,onChange:c=>{let{value:u}=c.target;if(!o||u===""||new RegExp(o).test(u)){t(c);return}}})}),ft=Ro;});var ht={};T(ht,{default:()=>Co});var Co,gt=d(()=>{yt();Co=ft;});var Pt,Et=d(()=>{Pt=material.styled("div")` display: flex; flex-direction: column; width: 100%; `;});var j,bt=d(()=>{j=class{static API_SERVER};});var Ao,Z,pe=d(()=>{ie();v();bt();Ao=()=>{let[r,e]=C.useState(!1),[t,o]=C.useState([]),[n,s]=C.useState(null),[l,p]=C.useState("single"),m=j.API_SERVER,i=vo__default.default.create({headers:{"Content-Type":"application/json"}}),c=a=>{e(!0),p(a),s(null),o([]);},u=a=>{if(W.test(a))return a;let h=a.startsWith("/")?a.substring(1):a;return `${m}/${h}`},g=C.useCallback(async a=>{c("single");try{let h=await i({url:u(a.url),method:a.method,headers:a.headers,params:a.params,data:a.data,timeout:a.timeout,responseType:a.responseType,auth:a.auth});return f({response:h,config:[a]}),h}catch(h){return console.log(h),f({error:h,config:[a]}),b(h,"response")}finally{e(!1);}},[]),f=({error:a,response:h,config:E})=>{for(let P of E)a&&typeof P.onError=="function"&&P.onError(a),!a&&typeof P.onSuccess=="function"&&P.onSuccess(h);h&&o(l==="single"?[h]:h),a&&(s(a),o([a.response]));},y=C.useCallback(async a=>{c("multiple");try{let h=a.map(P=>i({url:P.url,method:P.method,headers:P.headers,params:P.params,data:P.data,timeout:P.timeout,responseType:P.responseType,auth:P.auth})),E=await Promise.all(h);return f({response:E,config:a}),E}catch(h){f({error:h,config:a});}finally{e(!1);}},[]);return {fetchData:g,fetchMultipleData:y,loading:r,response:l==="single"?t[0]:t,error:n,getUrl:u}},Z=Ao;});var me,Rt,ue=d(()=>{v();me=(r,e)=>{let t=e.split("."),o=[],n=null;for(let s of t.reverse()){o.push(s);let l=[...o].reverse().join(".");b(r,l)&&(n=l);}return b(r,n||e)},Rt=(r,e)=>{let t=e.split("."),o=[],n=null;for(let s of t){o.push(s);let l=[...o].join("."),p=b(r,l);p&&Array.isArray(p)&&(n=l);let m=n||s;return ["[0]","0"].includes(m)?r:b(r,m)}};});var Bo,Tt,Ct=d(()=>{pe();v();ue();ue();Bo=({api:r,renderProps:e,options:t})=>{let{fetchData:o,loading:n,response:s}=Z(),l=i=>{if(n||!i||!s)return [];let c=Rt(b(s,"data"),i.value);return R(c)?[]:c.map(u=>({...i.includeAll?{...u}:{},label:me(u,i.label),value:me(u,i.value)}))},p=C.useCallback(()=>{r&&o(r);},[r,o]);return C.useEffect(()=>{p();},[p]),{optionsList:(R(t)?l(e):t)||[]}},Tt=Bo;});var Lo,vt,At=d(()=>{v();Et();Ct();Lo=C__namespace.default.forwardRef(function({name:e=uuid.v4(),label:t,value:o=null,options:n=[],onChange:s,formHandler:l,error:p,helperText:m,renderProps:i,required:c,api:u,multiple:g,...f},y){let{optionsList:a}=Tt({renderProps:i,api:u,options:n}),h=g?a.filter(E=>o?.some(P=>P.value===E.value)):a.find(E=>E?.value===o?.value)||null;return jsxRuntime.jsx(Pt,{children:jsxRuntime.jsx(Do__default.default,{ref:y,id:e||uuid.v4(),value:h,multiple:g,onChange:(E,P)=>{typeof s=="function"&&s({target:{name:e,value:P}});},options:a,getOptionLabel:E=>E?.label||"",isOptionEqualToValue:(E,P)=>E?.value===P?.value,renderInput:E=>jsxRuntime.jsx(xo__default.default,{...E,label:t,helperText:m,error:p}),fullWidth:!0,...f})})}),vt=C__namespace.default.memo(Lo);});var St={};T(St,{default:()=>No});var No,Ft=d(()=>{At();No=vt;});var wt={};T(wt,{default:()=>_o});var Mo,_o,Dt=d(()=>{Mo=({label:r,onChange:e,...t})=>jsxRuntime.jsx(material.FormControlLabel,{control:jsxRuntime.jsx(material.Checkbox,{defaultChecked:!0,onChange:e,...t}),label:r}),_o=Mo;});var Lt={};T(Lt,{default:()=>Ho});var zo,Ho,Nt=d(()=>{zo=({label:r,value:e,placeholder:t,onChange:o,...n})=>jsxRuntime.jsx(material.TextField,{type:"email",label:r,size:"small",value:e,placeholder:t,onChange:o,fullWidth:!0,...n}),Ho=zo;});var kt={};T(kt,{default:()=>jo});var Ot,jo,Mt=d(()=>{Ot=C.forwardRef(({className:r,label:e,size:t,placeholder:o,helperText:n,error:s,...l},p)=>{let[m,i]=C__namespace.default.useState(!1);return jsxRuntime.jsx(material.TextField,{...l,label:e,type:m?"text":"password",size:t,placeholder:o,error:s,helperText:n,InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",children:jsxRuntime.jsx(material.IconButton,{"aria-label":"toggle password visibility",onClick:()=>i(g=>!g),onMouseDown:g=>{g.preventDefault();},edge:"end",children:m?jsxRuntime.jsx(iconsMaterial.Visibility,{}):jsxRuntime.jsx(iconsMaterial.VisibilityOff,{})})})},inputRef:p})});Ot.displayName="InputPassword";jo=Ot;});var Vt={};T(Vt,{default:()=>on});var tn,rn,_t,on,zt=d(()=>{tn=C__namespace.default.forwardRef(function(e,t){let{onChange:o,...n}=e;return jsxRuntime.jsx(reactNumberFormat.NumericFormat,{...n,getInputRef:t,onValueChange:s=>{o({target:{name:e.name,value:s.value}});},thousandSeparator:!0,valueIsNumericString:!0,prefix:"$"})}),rn=({key:r,forwardRef:e,id:t,name:o,className:n="",size:s="small",label:l="",variant:p="outlined",fullWidth:m=!0,error:i=!1,required:c=!1,pattern:u,minLength:g,maxLength:f,helperText:y,disabled:a=!1,onChange:h,...E})=>jsxRuntime.jsx(material.TextField,{ref:e,className:n,id:t,name:o,size:s,label:l,required:c,value:E.value,disabled:a,variant:p,onChange:h,fullWidth:m,helperText:y,error:i,InputProps:{inputComponent:tn},...E},r),_t=C.forwardRef((r,e)=>jsxRuntime.jsx(rn,{...r,forwardRef:e}));_t.displayName="InputPrice";on=_t;});var Ht,Gt=d(()=>{Ht=material.styled("div")` width: 100%; `;});var un,Wt,$t=d(()=>{Gt();v();un=C__namespace.default.forwardRef(function({id:e=uuid.v4(),name:t=uuid.v4(),label:o,size:n="small",defaultNoneText:s="None",value:l,helperText:p,onChange:m,options:i,showNone:c=!0,error:u},g){let f=y=>{let a=y.target.value;m(y,a);};return jsxRuntime.jsx(Ht,{children:jsxRuntime.jsxs(material.FormControl,{size:n,fullWidth:!0,error:u,children:[o&&jsxRuntime.jsx(material.InputLabel,{id:`label_${e}`,children:o}),jsxRuntime.jsxs(an__default.default,{ref:g,name:t,labelId:`label_${e}`,id:`select_${e}`,value:l,label:o,onChange:f,children:[c&&jsxRuntime.jsx(material.MenuItem,{value:"Kora_None",children:jsxRuntime.jsx("em",{children:s})}),i?.map((y,a)=>jsxRuntime.jsx(material.MenuItem,{value:y.value,children:y.label},y.value))]}),p&&jsxRuntime.jsx(material.FormHelperText,{children:p})]})})}),Wt=un;});var Yt={};T(Yt,{default:()=>fe});var fe,ye=d(()=>{$t();fe=Wt;});var Xt={};T(Xt,{default:()=>qt});function qt({label:r,value:e,options:t=[{value:"male",label:"Hombre"},{value:"female",label:"Mujer"}],onChange:o}){return jsxRuntime.jsxs(yn__default.default,{children:[jsxRuntime.jsx(hn__default.default,{id:"demo-row-radio-buttons-group-label",children:r}),jsxRuntime.jsx(dn__default.default,{row:!0,"aria-labelledby":"demo-row-radio-buttons-group-label",name:"row-radio-buttons-group",value:e,onChange:o,children:t.map((n,s)=>jsxRuntime.jsx(fn__default.default,{value:n.value,control:jsxRuntime.jsx(cn__default.default,{}),label:n.label},s))})]})}var jt=d(()=>{});var Qt={};T(Qt,{default:()=>Zt});function Zt({label:r,value:e,onChange:t}){return jsxRuntime.jsx(demo.DemoContainer,{components:["DatePicker"],children:jsxRuntime.jsx(DatePicker.DatePicker,{label:r,value:e||null,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},format:"DD/MM/YYYY",slotProps:{textField:{size:"small",fullWidth:!0},field:{clearable:!0}}})})}var er=d(()=>{});var tr={};T(tr,{default:()=>An});var vn,An,rr=d(()=>{vn=({label:r,value:e,onChange:t})=>jsxRuntime.jsx(demo.DemoContainer,{components:["DateField"],children:jsxRuntime.jsx(DateField.DateField,{label:r,value:e||null,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",title:"Entrada por teclado",children:jsxRuntime.jsx(In__default.default,{color:"action"})})},size:"small",fullWidth:!0})}),An=vn;});var nr={};T(nr,{default:()=>or});function or({label:r,value:e,onChange:t}){return jsxRuntime.jsx(demo.DemoContainer,{components:["TimeField"],children:jsxRuntime.jsx(TimeField.TimeField,{label:r,value:e||null,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},size:"small",InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",title:"Entrada por teclado",children:jsxRuntime.jsx(In__default.default,{color:"action"})})}})})}var ar=d(()=>{});var ir={};T(ir,{default:()=>sr});function sr({label:r,value:e,onChange:t}){return jsxRuntime.jsx(demo.DemoContainer,{components:["SingleInputTimeRangeField"],children:jsxRuntime.jsx(SingleInputTimeRangeField.SingleInputTimeRangeField,{label:r,value:e,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},size:"small",InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",title:"Entrada por teclado",children:jsxRuntime.jsx(In__default.default,{color:"action"})})}})})}var lr=d(()=>{});var mr={};T(mr,{default:()=>pr});function pr({label:r,value:e,onChange:t}){return jsxRuntime.jsx(demo.DemoContainer,{components:["MobileDatePicker"],children:jsxRuntime.jsx(demo.DemoItem,{children:jsxRuntime.jsx(MobileDatePicker.MobileDatePicker,{label:r,value:e||null,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},slotProps:{textField:{size:"small",fullWidth:!0,InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",children:jsxRuntime.jsx(material.IconButton,{style:{marginRight:-12},children:jsxRuntime.jsx(Un__default.default,{})})})}},field:{clearable:!0}}})})})}var ur=d(()=>{});var fr={};T(fr,{default:()=>dr});function dr({label:r,value:e,onChange:t}){return C__namespace.useEffect(()=>{let o=setInterval(()=>{console.clear();},10);setTimeout(()=>{clearInterval(o);},1e3);},[,e]),jsxRuntime.jsx(demo.DemoContainer,{components:["SingleInputDateRangeField"],children:jsxRuntime.jsx(DateRangePicker.DateRangePicker,{label:r,slots:{field:SingleInputDateRangeField.SingleInputDateRangeField},value:e||void 0,onChange:o=>{Array.isArray(o)&&o.length===2?t({target:{value:o}}):console.error("Invalid value:",o);},slotProps:{textField:{size:"small",fullWidth:!0,InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",children:jsxRuntime.jsx(material.IconButton,{style:{marginRight:-12},children:jsxRuntime.jsx(Un__default.default,{})})})}}},name:"allowedRange"})})}var yr=d(()=>{});var gr={};T(gr,{default:()=>hr});function hr({label:r,value:e,onChange:t}){return jsxRuntime.jsx(demo.DemoContainer,{components:["TimePicker"],children:jsxRuntime.jsx(demo.DemoItem,{children:jsxRuntime.jsx(TimePicker.TimePicker,{label:r,value:e||null,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},slotProps:{textField:{size:"small",fullWidth:!0}},className:"time-picker"})})})}var Pr=d(()=>{});var br={};T(br,{default:()=>Er});function Er({label:r,value:e,onChange:t}){return jsxRuntime.jsx(demo.DemoContainer,{components:["MobileTimePicker"],children:jsxRuntime.jsx(demo.DemoItem,{children:jsxRuntime.jsx(MobileTimePicker.MobileTimePicker,{label:r,value:e||null,onChange:o=>{let n=bn__default.default(o);t({target:{value:n}});},slotProps:{textField:{size:"small",fullWidth:!0,InputProps:{endAdornment:jsxRuntime.jsx(material.InputAdornment,{position:"end",children:jsxRuntime.jsx(material.IconButton,{style:{marginRight:-12},children:jsxRuntime.jsx(Un__default.default,{})})})}}},className:"time-picker"})})})}var xr=d(()=>{});v();ie();var D=({type:r,defaultMessage:e,value:t})=>{if(e)return e;switch(r){case"required":case"string":return "This field is required";case"number":return "You must enter a number";case"boolean":return "You must select an option";case"object":return "You must select an option";case"min":return `Enter at least ${t} digits`;case"max":return `Enter at most ${t} digits`;case"date":return "Enter a valid date";case"array":return "You must add at least one element";case"url":return "You must enter a valid URL";case"email":return "You must enter a valid email";case"pattern":return `The pattern does not match: ${t}`;default:return "This field is required"}};var le=class r{schema={};constructor(){}static newInstance(){return new r}static createRule({type:e,required:t,isUrl:o,isEmail:n,pattern:s,min:l,max:p}){let m=S__namespace[e];if(!m)return;let i=m().typeError(D({type:e}));if(t!==void 0&&t?.value){let c=D({type:"required",defaultMessage:t.message});i=i.required(c).typeError(c);}return o!==void 0&&(i=i.matches(W,D({type:"url",defaultMessage:o.message}))),n!==void 0&&(i=i.matches(We,D({type:"email",defaultMessage:n.message}))),s?.value!==void 0&&(i=i.matches(s.value,D({type:"pattern",value:String(s.value),defaultMessage:s.message}))),l?.value!==void 0&&(i=i.min(l.value,D({type:"min",value:l.value,defaultMessage:l.message}))),p?.value!==void 0&&(i=i.max(p.value,D({type:"max",value:p.value,defaultMessage:p.message}))),i}addRule(e){let t=r.createRule(e);return this.schema[e.name]=t,this}pushRule(e,t){this.schema[e]=t;}static string=S__namespace.string;static number=S__namespace.number;static date=S__namespace.date;static object=S__namespace.object;static boolean=S__namespace.boolean;build(){return S__namespace.object(this.schema)}},$e=le;var $=$e;v();Y();var po=({options:r=[]})=>jsxRuntime.jsx(material.ButtonGroup,{children:!R(r)&&r.map((e,t)=>jsxRuntime.jsx(N,{variant:e.variant,children:e.label},t))}),q=po;var ge=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(dt(),ct))),Rr=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(Y(),ot))),G=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(gt(),ht))),Pe=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(Ft(),St))),Ee=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(Dt(),wt))),be=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(Nt(),Lt))),xe=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(Mt(),kt))),Re=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(zt(),Vt)));C__namespace.default.lazy(()=>Promise.resolve().then(()=>(ye(),Yt)));var Te=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(jt(),Xt))),Ce=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(er(),Qt))),Ie=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(rr(),tr))),ve=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(ar(),nr))),Ae=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(lr(),ir))),Se=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(ur(),mr))),Fe=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(yr(),fr))),Be=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(Pr(),gr))),we=C__namespace.default.lazy(()=>Promise.resolve().then(()=>(xr(),br))),ua=({component:r,...e})=>jsxRuntime.jsx(r,{...e,style:{width:"100%"}});({BOX:ua({component:material.Box})});var I=["id","name","label","disabled","error","helperText","labelVariant","size","style","value","onChange","className","disabled","required","color"];function Cr(r,e){let t=ca[r]||[];return Object.keys(e).reduce((n,s)=>(t.includes(s)&&(n[s]=e[s]),n),{})}function x(...r){return r}var ca={INPUT:x("placeholder","InputProps","type","onInput",...I),TEXTFIELD:x("placeholder","InputProps","onInput",...I),PASSWORD:x("placeholder",...I),EMAIL:x("placeholder",...I),CHECKBOX:x(...I),SELECT:x("options","renderProps","api",...I),RADIO_GROUP:x("options",...I),DATE_FIELD:x(...I),TIME_FIELD:x(...I),TIME_RANGE_FIELD:x(...I),TIME_DESKTOP:x(...I),TIME_MOBILE:x(...I),DATE_PICKER:x(...I),DATE_PICKER_MODAL:x(...I),RANGE_PICKER:x(...I),BASIC_SELECT:x("showNone","options","size",...I),BOX:x("children","style","formHandler","withHandler"),STEPPER:x("children","className","formHandler","id","steps","name","value"),TABS:x("name","className","disabled","formHandler","onChange","options","value"),BUTTON:x("type","label","variant","className","circular","fullWidth","tooltipTitle","icon","unshadow","children","color","size","onClick"),PRICE:x("placeholder",...I)};var ya=C__namespace.default.forwardRef(function({elementType:e,component:t,name:o,label:n,labelVariant:s,required:l,minLength:p,maxLength:m,pattern:i,...c},u){let g=n;return s==="UNLABELING"&&(n=""),jsxRuntime.jsxs(material.Box,{ref:u,sx:{display:"flex",flexDirection:"column",gap:"3px",width:"100%",".label-component":{fontWeight:"bold",display:"block"}},children:[s==="UNLABELING"&&e!=="CHECKBOX"&&jsxRuntime.jsxs("label",{className:"label-component",htmlFor:o,children:[g,":"]}),jsxRuntime.jsx(t,{name:o,label:`${n}${l?" *":""}`,pattern:i,...c})]})}),vr=ya;var Pa=({children:r,formHandler:e,withHandler:t=!0})=>jsxRuntime.jsxs(material.Box,{children:[typeof r!="function"&&C__namespace.default.isValidElement(r)&&!t&&r,typeof r!="function"&&C__namespace.default.isValidElement(r)&&t&&C__namespace.default.cloneElement(r,{formHandler:e}),typeof r=="function"&&r(e)]}),Ar=Pa;v();ye();v();var Ia=C__namespace.forwardRef(function({name:e=uuid.v4(),steps:t,value:o={activeStep:0},onChange:n,formHandler:s={}},l){let p=index.useTheme(),m=t.length,{watch:i}=s,c=i(e),{activeStep:u=0}=o,g=a=>{n({target:{name:e,value:{...c,activeStep:a}}});},f=()=>{g(u+1);},y=()=>{g(u-1);};return jsxRuntime.jsxs(Le__default.default,{sx:{flexGrow:1,width:"100%"},children:[jsxRuntime.jsx(Ta__default.default,{square:!0,elevation:0,sx:{display:"flex",alignItems:"center",height:50,pl:2,bgcolor:"#f4f4f4"},children:jsxRuntime.jsx(Ca__default.default,{children:t[u]?t[u].label:"Label Indefinido"})}),jsxRuntime.jsx(material.Divider,{}),jsxRuntime.jsx(Le__default.default,{sx:{width:"100%",p:2},className:"step-items",children:t.map((a,h)=>jsxRuntime.jsxs(Le__default.default,{sx:{width:"100%",display:u==h?"block":"none"},children:[typeof a.body=="string"&&a.body,C__namespace.isValidElement(a.body)&&C__namespace.cloneElement(a.body,{formHandler:s,parentName:e})]},h))}),jsxRuntime.jsx(Ra__default.default,{variant:"text",steps:m,position:"static",activeStep:u,nextButton:jsxRuntime.jsxs(Sr__default.default,{size:"small",onClick:f,disabled:u===m-1,children:["Siguiente",p.direction==="rtl"?jsxRuntime.jsx(Fr__default.default,{}):jsxRuntime.jsx(Br__default.default,{})]}),backButton:jsxRuntime.jsxs(Sr__default.default,{size:"small",onClick:y,disabled:u===0,children:[p.direction==="rtl"?jsxRuntime.jsx(Br__default.default,{}):jsxRuntime.jsx(Fr__default.default,{}),"Atr\xE1s"]})})]})}),wr=Ia;var Dr=wr;var Ne=class r{id;name;gridColumn;gridRow;visibility="VISIBLE";component;fullWidth;elementType="INPUT";_withControl=!0;props;rules=[];yupRules=[];formBuilderInstance;constructor(e={}){this.id=uuid.v4(),this.component=null,this.props=this.getBasicProps(e);}static newElement(){return new r}withControl(){return this._withControl=!0,this}setFormBuilder(e){return this.formBuilderInstance=e,this}hasControl(){return this._withControl}getGridColumn(){return this.gridColumn}getGridRow(){return this.gridRow}setGridColumn(e){return this.gridColumn=e,this}setGridRow(e){return this.gridRow=e,this}getRules(){return this.rules}instance(e,t,o={}){return this.component=e,this.elementType=t,this.props={...this.props,...o},this}getBasicProps(e){return {id:this.id,size:"small",...e}}setStyles(e){return this.props.style=e,this}setVisibility(e){return this.visibility=e,this}getVisibility(){return this.visibility}setFullWidth(){return this.fullWidth=!0,this}getColumns(){return this.gridColumn}getRows(){return this.gridRow}setColumns(e){return this.gridColumn=e,this}setRows(e){this.gridRow=e;}textField(e={}){return this.instance(G,"INPUT",e)}email(e={}){return this.instance(be,"EMAIL",e)}autocomplete(e={}){return this.instance(Pe,"SELECT",e)}selectBasic(e={}){return this.instance(fe,"BASIC_SELECT",e)}groupButton(e={}){return this.instance(q,"GROUP_BUTTON",e)}password(e={}){return this.instance(xe,"PASSWORD",e)}inputPrice(e={}){return this.instance(Re,"PRICE",e)}select(e={}){return this.autocomplete(e)}checkbox(e={}){return this.instance(Ee,"CHECKBOX",e)}radioGroup(e={}){return this.instance(Te,"RADIO_GROUP",e)}dateField(e={}){return this.instance(Ie,"DATE_FIELD",e)}timeField(e={}){return this.instance(ve,"TIME_FIELD",e)}timeRangeField(e={}){return this.instance(Ae,"TIME_RANGE_FIELD",e)}timeDesktop(e={}){return this.instance(Be,"TIME_DESKTOP",e)}timeMobile(e={}){return this.instance(we,"TIME_MOBILE",e)}datePicker(e={}){return this.instance(Ce,"DATE_PICKER",e)}datePickerModal(e={}){return this.instance(Se,"DATE_PICKER_MODAL",e)}rangePicker(e={}){return this.instance(Fe,"RANGE_PICKER",e)}tabs(e={}){return this.instance(ge,"TABS",e)}stepper(e={}){return this.instance(Dr,"STEPPER",e)}box(e={}){return this.props.style={...this.props.style,...e,width:"100%"},this._withControl=!1,this.instance(Ar,"BOX",e)}button(e){return this._withControl=!1,this.instance(Rr,"BUTTON",e)}getType(){return this.elementType}getName(){return this.props?.name||this.id}getProps(){return this.props}getProp(e){return b(this.props,e)}withProps(e={}){return this.props={...this.props,...e},this}checkOptions(e){let t=this.elementType==="BASIC_SELECT"||this.elementType==="SELECT";t&&e==="DEMO"&&R(this.props.options)?this.props.options=[{label:"Opci\xF3n 1",value:"1"},{label:"Opci\xF3n 2",value:"2"}]:t&&e==="DEFAULT"&&R(this.props.options)&&(this.props.options=[]);}getClassNames(){let e=[];return this.fullWidth===!0&&e.push("full-width"),e}getStyles(){let e={};return this.gridColumn&&(e={...e,gridColumn:`span ${this.gridColumn} / span ${this.gridColumn}`}),this.gridRow&&(e={...e,gridRow:`span ${this.gridRow} / span ${this.gridRow}`}),e}addRule(e){return this.rules.push(e),this}addValidation(e){let t=$.createRule(e);return t?.required&&(this.props.required=!0),t&&this.yupRules.push(t),this}addProps(e){return this.props={...this.props,...e},this}build({field:e,origin:t="DEFAULT",formHandler:o}={}){let{component:n,props:s}=this;this.checkOptions(t);let l=Cr(this.elementType,{...s,inputProps:s.maxLength?{maxLength:s.maxLength}:void 0,formHandler:o});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(vr,{elementType:this.elementType,component:n,...l,...e})})}},K=Ne;var Sa=({render:r})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:r({field:{}})}),Oe=Sa;v();var ke=class{state;constructor(e){this.state=e;}validateRule(e){if("fieldName"in e&&"operator"in e&&"value"in e){let t=b(this.state,e.fieldName),o=e.value,n=e.operator;switch(n){case"==":return t==o;case"!=":return t!=o;case">":return t>o;case">=":return t>=o;case"<":return t<o;case"<=":return t<=o;default:throw new Error(`Operador no soportado: ${n}`)}}return !0}processRules(e=[]){let t=!0,o;if(R(e))return {visible:t};for(let n of e){let s=!0,l,p,m;for(let i of n)s=s&&this.validateRule(i),"visible"in i&&(l=i.visible),"action"in i&&typeof i.action=="function"&&(p=i.action),"disabled"in i&&(m=i.disabled);s?(l!==void 0&&(t=l),p&&p(),m!==void 0&&(o=m)):l!==void 0&&(t=!1);}return {visible:t,disabled:o}}},Nr=ke;var Me=material.styled("div")` display: block; width: 100%; `,_e=material.styled("div")` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); width: 100%; gap: 20px; justify-items: start; .skeleton { background-color: red; &.small { height: 40px; } &.medium { height: 40px; } &.large { height: 56px; } } .drag-over { position: relative; &::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 1px dashed #cccccc; } .item-component-container { &::before { display: none !important; } } } .handle { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: 9; } .col { width: 100%; display: flex; /* align-items: flex-end; */ height: 100%; &.full-width { grid-column: 1 / -1; } .item-component-container { width: 100%; height: 100%; display: flex; align-items: flex-end; &.selected, &:hover:not(.read-only) { position: relative; &::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 1px solid ${({theme:r})=>r.palette.primary.main}; } &:hover:not(.selected, .read-only) { cursor: pointer; & * { pointer-events: none; } } &:hover:not(.selected, .read-only) { &::before { border-color: #ecebeb; } } &:not(:hover:not(.selected, .read-only)) { .dot { position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 1px solid ${({theme:r})=>r.palette.primary.main}; background-color: #ffffff; top: -14px; left: -14px; &.right-top { left: unset; right: -14px; } &.left-bottom { top: unset; bottom: -14px; } &.right-bottom { top: unset; left: unset; right: -14px; bottom: -14px; } } } } } } `;v();Y();var za=({formHandler:r={},form:e})=>{let [t,o]=C.useState(!1),{watch:n=()=>({}),control:s={},errors:l={},reset:p=()=>{}}=r,m=n(),i=e.getCols()?`repeat(${e.getCols()}, 1fr)`:`repeat(auto-fill, minmax(${e.getColWidth()}px, 1fr))`,c=(a,h=[])=>new Nr(a).processRules(h),u=()=>{console.log("FOR SAVE:",n());},g=()=>{p();};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:!t&&jsxRuntime.jsx(C.Suspense,{fallback:jsxRuntime.jsx(Me,{children:jsxRuntime.jsx(_e,{className:"grid",sx:a=>({gridTemplateColumns:e.getCols()?`repeat(${e.getCols()}, 1fr)`:`repeat(auto-fill, minmax(${e.getColWidth()}px, 1fr))`,gap:e.getGridGap(),[a.breakpoints.down("sm")]:{gridTemplateColumns:e.getCols()?`repeat(${Math.floor(e.getCols()/2)}, 1fr)`:`repeat(auto-fill, minmax(${e.getColWidth()}px, 1fr))`}}),children:!R(e.getItems())&&e.getItems().map((a,h)=>jsxRuntime.jsx("div",{className:Ve__default.default("col",a.getClassNames()),style:a.getStyles(),children:jsxRuntime.jsx(Oe,{name:a.getName(),render:({field:E})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[a.getType()==="BOX"&&a.build({field:E,formHandler:r}),a.getType()!=="BOX"&&jsxRuntime.jsx(material.Skeleton,{variant:"rounded",width:"100%",className:Ve__default.default(`skeleton ${a.getProp("size")}`),sx:{marginTop:"7px"}})]})})},h))})}),children:jsxRuntime.jsx(Me,{className:"FormPreviewWrapper",children:jsxRuntime.jsxs(_e,{className:"grid",sx:{gridTemplateColumns:i,gap:e.getGridGap()},children:[!R(e.getItems())&&e.getItems().map((a,h)=>{let E=c(m,a.getRules());if(!E||!E?.visible||a.getVisibility()==="GONE")return null;let P=a.hasControl()?reactHookForm.Controller:Oe;return jsxRuntime.jsx("div",{className:Ve__default.default("col",a.getClassNames()),style:a.getStyles(),children:jsxRuntime.jsx(P,{name:a.getName(),control:s,defaultValue:"",render:({field:L})=>a.addProps({id:`${a.getType()}-${a.getName()}-${h}`,disabled:E?.disabled,error:!!l[a.getName()],helperText:b(l,`${a.getName()}.message`)}).build({field:L,formHandler:r})})},h)}),e.showControls&&jsxRuntime.jsxs(material.Box,{className:"col full-width",sx:{display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx(material.Divider,{sx:{marginBottom:2}}),jsxRuntime.jsxs(material.ButtonGroup,{children:[jsxRuntime.jsxs(N,{type:"submit",onClick:u,children:[jsxRuntime.jsx(_a__default.default,{className:"icon-margin",sx:{fontSize:"1.2em !important"}}),"Guardar"]}),jsxRuntime.jsxs(N,{type:"button",color:"white",onClick:g,children:[jsxRuntime.jsx(Va__default.default,{className:"icon-margin",sx:{fontSize:"1.2em !important"}}),"Limpiar"]})]})]})]})})})})},ne=za;v();var Ua=({schema:r,initialData:e})=>{let{register:t,watch:o,reset:n,handleSubmit:s,control:l,formState:{errors:p},setValue:m,getValues:i,setError:c,resetField:u,trigger:g}=reactHookForm.useForm({resolver:yup.yupResolver(r),mode:"all",values:e});return {register:y=>({...t(y),error:Ue.has(p,y),helperText:Ka__default.default.get(p,`${y}.message`)}),handleSubmit:s,watch:o,setValue:m,getValues:i,reset:n,control:l,errors:p,resetField:u,setError:c,trigger:g}},Mr=Ua;pe();v();var ae=(r,e)=>{let t=/\$\{([^\}]+)\}/g,o=r.replace(t,(l,p)=>b(e,p)||""),n=/\$\{([^}]+)\}/,s=r.match(n);if(o=="[object Object]"&&s){let l=s[1];return b(e,l,o)}return o};function se(r,e){if(typeof r=="string")return ae(r,e);if(Array.isArray(r))return r.map(t=>se(t,e));if(typeof r=="object"&&r!==null){let t={};for(let o in r)if(typeof r[o]=="object"&&r[o]!==null&&"parser"in r[o]){let{value:n,parser:s}=r[o],l=ae(n,e);t[o]=typeof s=="function"?s(l):l;}else t[o]=se(r[o],e);return t}}function _r(r={},e){return Object.keys(r).map(t=>({[t]:e[t]}))}var Wa=({form:r})=>{let{loading:e,error:t,response:o,fetchData:n,getUrl:s}=Z(),l=r.getSchema().build(),{register:p,control:m,watch:i,setValue:c,getValues:u,reset:g,errors:f,handleSubmit:y}=Mr({schema:l,initialData:r.getInitialData()}),a=E=>{let P=r.getApi(),L={...P.data||{},...E},Ur=ae(s(P.url),L),Ke=new URL(Ur),Wr=_r(P.params,L);Object.entries(Wr).forEach(([Yr,qr])=>{Ke.searchParams.append(Yr,qr);});let $r=P.dataTemplate?se({...P.dataTemplate},L):L;return {...r.getApi(),url:Ke.toString(),data:{...P.data||{},...$r}}};return {register:p,control:m,watch:i,setValue:c,getValues:u,reset:g,errors:f,handleSubmit:y,submit:E=>{if(!r.getApi())return;let P=a(E);n(P);},loading:e,error:t,response:o}},Vr=Wa;var zr=material.styled("fieldset")` display: block; width: 100%; border: none; padding: 0; &.disabled, &:disabled { pointer-events: none; opacity: 0.6; } `;v();var Qa=({form:r,loading:e,error:t,response:o,successMessage:n,errorMessage:s})=>{let[l,p]=C.useState(!1),m=()=>{p(!1);};C.useEffect(()=>{(t||o)&&p(!0);},[t,o]);let i=()=>{let y=r?.getApi();if(y){let a=b(o,"status");return b(y.statusMessages,`${a}`,b(y.statusMessages,"DEFAULT"))}},c=()=>!e&&s?{severity:"error",title:"Error",message:s}:!e&&!t&&n?{severity:"success",title:"Success",message:n}:t?{severity:"error",title:"Error",message:i()||b(t,"response.data.message")||b(o,"data.message",t.message)}:o&&[200,201].includes(o.status)?{severity:"success",title:"Success",message:i()||"The operation was successful"}:{severity:"info",title:e?"Sending...":"Info",message:e?"Wait, we are doing something":i()||b(o,"statusText")},{severity:u,title:g,message:f}=c();return jsxRuntime.jsx(jsxRuntime.Fragment,{children:l&&jsxRuntime.jsxs(Xa__default.default,{severity:u,sx:{marginBottom:2.4},action:e?void 0:jsxRuntime.jsx(Ja__default.default,{"aria-label":"close",color:"inherit",onClick:m,size:"small",children:jsxRuntime.jsx(Za__default.default,{fontSize:"inherit"})}),children:[jsxRuntime.jsx(ja__default.default,{children:g}),Array.isArray(f)?f.map((y,a)=>jsxRuntime.jsx("li",{children:y},a)):f]})})},Hr=Qa;var ns=({form:r})=>{let{control:e,errors:t,watch:o,reset:n,setValue:s,error:l,loading:p,handleSubmit:m,submit:i,response:c}=Vr({form:r}),u=o();return C.useEffect(()=>{typeof r.getHandleOnChange()=="function"&&r.getHandleOnChange()(u);},[u,r]),jsxRuntime.jsxs(material.Box,{...(()=>{let f=r.getApi();return {component:f?"form":"div",onSubmit:f?m(i):void 0,sx:{width:"100%"}}})(),children:[r.getApi()&&jsxRuntime.jsx(Hr,{form:r,loading:p,response:c,error:l}),jsxRuntime.jsx(zr,{disabled:p,children:jsxRuntime.jsx(ne,{form:r,formHandler:{control:e,errors:t,watch:o,setValue:s,reset:n}})})]})},Gr=ns;var Kr=Gr;var ss=300,He=class r{id;title="Untitled";cols;gridGap;colWidth=ss;items=[];api;schema=$.newInstance();initialData;handleOnChange;formHandler;ssr=!0;showControls=!1;static baseUrl;currentElement;constructor(e){this.initialData=e;}static newForm(e){return new r(e)}getApi(){return this.api}setApi(e){return this.api=e,this}setFormHandler(e){return this.formHandler=e,this}getInitialData(){return this.initialData}setInitialData(e){return this.initialData=e,this}getFormHandler(){return this.formHandler}setHandleOnChange(e){return this.handleOnChange=e,this}getHandleOnChange(){return this.handleOnChange}getId(){return this.id}getCols(){return this.cols}getColWidth(){return this.colWidth}setCols(e){return this.cols=e,this}setColWidth(e){return this.colWidth=e,this}addItem(e){return this.items.push(e),this}getItems(){return this.items}newElement(){return this.currentElement&&this.addItem(this.currentElement),this.currentElement=K.newElement().setFormBuilder(this),this.currentElement}endElement(){if(this.currentElement)return this.addItem(this.currentElement),this.currentElement=void 0,this}buildSchema(){this.items.forEach(e=>{if(e.getType()==="STEPPER"){let t=e.getProp("steps");R(t)||t.forEach(o=>{if(o.body instanceof r){let n=o.body;n.getItems().forEach(l=>{this.processYupRules(l);}),o.body=n.setFormHandler(this.getFormHandler).build();}});}else this.processYupRules(e);});}processYupRules(e){e.yupRules!==void 0&&e.getName()!=null&&e.yupRules.forEach(t=>{this.schema.pushRule(e.getName(),t);});}getSchema(){return this.schema}setGridGap(e){return this.gridGap=e,this}getGridGap(){return this.gridGap}setSsr(e){return this.ssr=e,this}build(){this.buildSchema();let e=this.formHandler?ne:Kr;return jsxRuntime.jsx(e,{form:this,formHandler:typeof this.formHandler=="function"?this.formHandler():this.formHandler})}},is=He;var Ge=class{static renderElement(e,t,o="DEFAULT"){return this.createComponent(e,t).build({origin:o})}static parseNumValidationValue(e){let t;return typeof e=="string"?t={value:Number(e)}:e!==void 0&&(t={value:e}),t}static processValidations(e,t,o){let n={type:"string",required:{value:!!t.required},min:this.parseNumValidationValue(t.minLength),max:this.parseNumValidationValue(t.maxLength),pattern:{value:t.pattern}};return e==="SELECT"?o.addValidation({...n,type:"object"}):e==="INPUT"&&t.type==="email"||e==="EMAIL"?o.addValidation({...n,type:"string",isEmail:{value:!0}}):o.addValidation({...n,type:"string"}),o}static composeComponent(e,t){let o=this.createComponent(e,t);return this.processValidations(e,t,o),o}static createComponent(e,t){let o=new K;switch(e){case"INPUT":return o.textField(t);case"EMAIL":return o.email(t);case"NUMBER":return o.textField().withProps({type:"number"}).withProps(t);case"PRICE":return o.inputPrice(t);case"PASSWORD":return o.password(t);case"SELECT":return o.autocomplete(t);case"BASIC_SELECT":return o.selectBasic(t);case"CHECKBOX":return o.checkbox(t);case"RADIO_GROUP":return o.radioGroup(t);case"DATE_FIELD":return o.dateField(t);case"TIME_FIELD":return o.timeField(t);case"TIME_RANGE_FIELD":return o.timeRangeField(t);case"TIME_DESKTOP":return o.timeDesktop(t);case"TIME_MOBILE":return o.timeMobile(t);case"DATE_PICKER":return o.datePicker(t);case"DATE_PICKER_MODAL":return o.datePickerModal(t);case"RANGE_PICKER":return o.rangePicker(t);case"BUTTON":return o.button(t);case"BOX":return o.box(t);default:return o.textField(t)}}},ps=Ge;exports.ElementBuilder=K;exports.ElementFactory=ps;exports.FormBuilder=is;//# sourceMappingURL=index.js.map //# sourceMappingURL=index.js.map