@mobilestock-native/form 0.0.3 → 0.0.5

package/index.js

@@ -1,14 +1,14 @@
-"use strict";var vr=Object.create;var A=Object.defineProperty,Tr=Object.defineProperties,xr=Object.getOwnPropertyDescriptor,Pr=Object.getOwnPropertyDescriptors,Cr=Object.getOwnPropertyNames,j=Object.getOwnPropertySymbols,wr=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty,tr=Object.prototype.propertyIsEnumerable;var or=(r,e,o)=>e in r?A(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,g=(r,e)=>{for(var o in e||(e={}))q.call(e,o)&&or(r,o,e[o]);if(j)for(var o of j(e))tr.call(e,o)&&or(r,o,e[o]);return r},F=(r,e)=>Tr(r,Pr(e));var E=(r,e)=>{var o={};for(var n in r)q.call(r,n)&&e.indexOf(n)<0&&(o[n]=r[n]);if(r!=null&&j)for(var n of j(r))e.indexOf(n)<0&&tr.call(r,n)&&(o[n]=r[n]);return o};var yr=(r,e)=>{for(var o in e)A(r,o,{get:e[o],enumerable:!0})},nr=(r,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of Cr(e))!q.call(r,s)&&s!==o&&A(r,s,{get:()=>e[s],enumerable:!(n=xr(e,s))||n.enumerable});return r};var z=(r,e,o)=>(o=r!=null?vr(wr(r)):{},nr(e||!r||!r.__esModule?A(o,"default",{value:r,enumerable:!0}):o,r)),Sr=r=>nr(A({},"__esModule",{value:!0}),r);var sr=(r,e,o)=>new Promise((n,s)=>{var c=l=>{try{p(o.next(l))}catch(f){s(f)}},m=l=>{try{p(o.throw(l))}catch(f){s(f)}},p=l=>l.done?n(l.value):Promise.resolve(l.value).then(c,m);p((o=o.apply(r,e)).next())});var Hr={};yr(Hr,{Form:()=>zr,useForm:()=>S});module.exports=Sr(Hr);var Ir=require("@mobilestock-native/button");var br=require("@unform/mobile"),h=require("react"),gr=require("zod"),Fr=require("@mobilestock-native/container"),Er=require("@mobilestock-native/modalalert");var er=z(require("react")),dr=z(require("@mobilestock-native/tools"));var J=z(require("react")),ir=require("@mobilestock-native/container");var ar=require("react/jsx-runtime");function G(o){var n=o,{children:r}=n,e=E(n,["children"]);let s=w(r).map((c,m)=>{if(J.default.isValidElement(c)){let p=c,l=`form-horizontal-${m}`;return J.default.cloneElement(p,{full:!0,style:{flex:1},key:l})}return c});return(0,ar.jsx)(ir.Container.Horizontal,F(g({gap:"SM"},e),{children:s}))}var mr=require("@unform/core"),d=require("react"),lr=require("react-native"),y=z(require("styled-components/native")),ur=require("@mobilestock-native/button"),rr=require("@mobilestock-native/container"),Q=z(require("@mobilestock-native/tools")),Y=require("@mobilestock-native/typography");var v=require("react/jsx-runtime"),U=(0,d.forwardRef)(function(H,W){var O=H,{name:e,label:o,defaultValue:n,type:s="text",autoSubmit:c=!1,format:m,onChangeText:p,autoCapitalize:l,full:f,maxLength:x}=O,K=E(O,["name","label","defaultValue","type","autoSubmit","format","onChangeText","autoCapitalize","full","maxLength"]);let{loading:X,submitForm:k}=S(),t=(0,mr.useField)(e),a=(0,d.useRef)(null),[P,M]=(0,d.useState)(!0),[I,T]=(0,d.useState)(""),C=s==="password",$=s==="tel"?15:s==="zipcode"?9:x;(0,d.useEffect)(()=>{let u=I||n||(t==null?void 0:t.defaultValue)||"";a.current.value=u,T(u),t.registerField({name:t.fieldName,ref:a.current,getValue(i){return(i==null?void 0:i.value)||""},setValue(i,R){i.value=R,T(R)},clearValue(i){i.value="",T("")}})},[t==null?void 0:t.fieldName,t==null?void 0:t.registerField]),(0,d.useImperativeHandle)(W,()=>({focus(){var u;(u=a.current)==null||u.focus()},blur(){var u;(u=a.current)==null||u.blur()}}));let L=(0,d.useCallback)(u=>{var R,B;let i=u;switch(s){case"tel":i=Q.default.phoneNumberFormatter(u);break;case"email":case"url":i=u.trim();break;case"number":i=u.replace(/[^0-9.,]/g,"");break;case"zipcode":i=Q.default.formatZipcode(i);break}m&&(i=m(i)),T(i),a.current.value=i,p==null||p(i),s==="tel"&&c&&i.length===15&&((R=a.current)==null||R.blur(),k()),s==="zipcode"&&c&&i.length===9&&((B=a.current)==null||B.blur(),k())},[s,m,c,p,t]),b=(0,d.useCallback)(()=>{switch(s){case"tel":return"phone-pad";case"email":return"email-address";case"url":return"url";case"number":return"numeric";default:return"default"}},[s]);return(0,v.jsxs)(Vr,{full:f,$show:s!=="hidden",children:[o&&(0,v.jsx)(Y.Typography,{children:o}),(0,v.jsxs)(Br,{error:!!(t!=null&&t.error),$isPassword:C,children:[(0,v.jsx)(Ar,F(g({},K),{ref:a,value:I,autoCapitalize:s&&["email","url"].includes(s)?"none":l,keyboardType:b(),secureTextEntry:P&&C,onChangeText:L,maxLength:$,editable:!X})),C&&(0,v.jsx)(ur.Button,{size:"SM",onPress:()=>M(!P),icon:P?"EyeOff":"EyeOutline",variant:"TRANSPARENT"})]}),(t==null?void 0:t.error)&&(0,v.jsx)(Y.Typography,{color:"DANGER",size:"SM",children:t.error})]})}),Vr=(0,y.default)(rr.Container.Vertical)`
-  ${({$show:r})=>!r&&y.css`
+"use strict";var gr=Object.create;var z=Object.defineProperty,Fr=Object.defineProperties,Er=Object.getOwnPropertyDescriptor,Ir=Object.getOwnPropertyDescriptors,Pr=Object.getOwnPropertyNames,G=Object.getOwnPropertySymbols,Rr=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var W=(r,e,o)=>e in r?z(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,F=(r,e)=>{for(var o in e||(e={}))U.call(e,o)&&W(r,o,e[o]);if(G)for(var o of G(e))_.call(e,o)&&W(r,o,e[o]);return r},E=(r,e)=>Fr(r,Ir(e));var I=(r,e)=>{var o={};for(var n in r)U.call(r,n)&&e.indexOf(n)<0&&(o[n]=r[n]);if(r!=null&&G)for(var n of G(r))e.indexOf(n)<0&&_.call(r,n)&&(o[n]=r[n]);return o};var xr=(r,e)=>{for(var o in e)z(r,o,{get:e[o],enumerable:!0})},D=(r,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of Pr(e))!U.call(r,s)&&s!==o&&z(r,s,{get:()=>e[s],enumerable:!(n=Er(e,s))||n.enumerable});return r};var X=(r,e,o)=>(o=r!=null?gr(Rr(r)):{},D(e||!r||!r.__esModule?z(o,"default",{value:r,enumerable:!0}):o,r)),Tr=r=>D(z({},"__esModule",{value:!0}),r);var q=(r,e,o)=>new Promise((n,s)=>{var b=m=>{try{d(o.next(m))}catch(c){s(c)}},l=m=>{try{d(o.throw(m))}catch(c){s(c)}},d=m=>m.done?n(m.value):Promise.resolve(m.value).then(b,l);d((o=o.apply(r,e)).next())});var wr={};xr(wr,{Form:()=>yr,useForm:()=>V});module.exports=Tr(wr);var tr=require("@mobilestock-native/button");var J=require("@unform/mobile"),P=require("react"),Q=require("zod"),Y=require("@mobilestock-native/container"),rr=require("@mobilestock-native/modalalert");var C=require("react/jsx-runtime"),er=(0,P.createContext)({});function V(){return(0,P.useContext)(er)}function or(s){var b=s,{children:r,onSubmit:e,schema:o}=b,n=I(b,["children","onSubmit","schema"]);let l=(0,P.useRef)(null),[d,m]=(0,P.useState)(!1),[c,S]=(0,P.useState)(void 0);function $(){var a;(a=l.current)==null||a.submitForm()}function j(){var a,t;(a=l.current)==null||a.setErrors({}),(t=l.current)==null||t.reset()}function H(a){let t={};for(let g of a){let y=g.path.filter(T=>typeof T=="string"||typeof T=="number").join(".");y&&(t[String(y)]=g.message)}return t}function A(a){if(a instanceof Q.ZodError)return H(a.issues);if(typeof a=="object"&&a!==null&&"errors"in a){let t=a.errors;if(Array.isArray(t)&&t.length>0&&"message"in t[0]&&"path"in t[0])return H(t)}return null}function N(g,y){return q(this,arguments,function*(a,{reset:t}){var T,O,h,w,k;if((T=l.current)==null||T.setErrors({}),o){let f=o.safeParse(a);if(!f.success){(O=l.current)==null||O.setErrors(H(f.error.issues));return}}try{m(!0),yield e({data:a,ref:l,reset:t})}catch(f){let M=A(f);if(M)(h=l.current)==null||h.setErrors(M);else{let u="Erro ao realizar opera\xE7\xE3o",i=500;if(typeof f=="object"&&f!==null&&"isAxiosError"in f&&f.isAxiosError){let R=f;i=((w=R.response)==null?void 0:w.status)||500;let v=(k=R.response)==null?void 0:k.data;v!=null&&v.message&&(u=v.message)}else f instanceof Error&&(u=f.message||u);S({message:u,status:i})}}finally{m(!1)}})}return(0,C.jsxs)(er.Provider,{value:{formRef:l,submitForm:$,clearForm:j,loading:d},children:[(0,C.jsx)(J.Form,E(F({ref:l,onSubmit:N},n),{children:(0,C.jsx)(Y.Container.Vertical,{gap:"2XS",children:r})})),(0,C.jsx)(rr.ModalAlert,{visible:!!c,message:c==null?void 0:c.message,type:c&&c.status>=500?"FATAL_ERROR":"ERROR_NOTICE",title:"Erro ao enviar o formul\xE1rio",onClose:()=>S(void 0)})]})}var sr=require("react/jsx-runtime");function nr(s){var b=s,{type:r="SUBMIT",isLoading:e,onPress:o}=b,n=I(b,["type","isLoading","onPress"]);let{submitForm:l,clearForm:d,loading:m}=V();function c(S){switch(r){case"SUBMIT":l();break;case"RESET":d();break;default:o==null||o(S)}}return(0,sr.jsx)(tr.Button,E(F({size:"LG"},n),{onPress:c,isLoading:r==="SUBMIT"&&m||e,disabled:m||e}))}var ir=require("@mobilestock-native/container");var ur=require("react/jsx-runtime");function ar(o){var n=o,{children:r}=n,e=I(n,["children"]);return(0,ur.jsx)(ir.Container.Horizontal,E(F({gap:"SM"},e),{children:r}))}var lr=require("@unform/core"),p=require("react"),mr=require("react-native"),B=X(require("styled-components/native")),cr=require("@mobilestock-native/button"),K=require("@mobilestock-native/container"),L=X(require("@mobilestock-native/tools")),Z=require("@mobilestock-native/typography");var x=require("react/jsx-runtime"),pr=(0,p.forwardRef)(function(H,j){var A=H,{name:e,label:o,defaultValue:n,type:s="text",autoSubmit:b=!1,format:l,onChangeText:d,autoCapitalize:m,full:c,maxLength:S}=A,$=I(A,["name","label","defaultValue","type","autoSubmit","format","onChangeText","autoCapitalize","full","maxLength"]);let{loading:N,submitForm:a}=V(),t=(0,lr.useField)(e),g=(0,p.useRef)(null),[y,T]=(0,p.useState)(!0),[O,h]=(0,p.useState)(""),w=s==="password",k=s==="tel"?15:s==="zipcode"?9:S;(0,p.useEffect)(()=>{let u=O||n||(t==null?void 0:t.defaultValue)||"";g.current.value=u,h(u),t.registerField({name:t.fieldName,ref:g.current,getValue(i){return(i==null?void 0:i.value)||""},setValue(i,R){i.value=R,h(R)},clearValue(i){i.value="",h("")}})},[t==null?void 0:t.fieldName,t==null?void 0:t.registerField]),(0,p.useImperativeHandle)(j,()=>({focus(){var u;(u=g.current)==null||u.focus()},blur(){var u;(u=g.current)==null||u.blur()}}));let f=(0,p.useCallback)(u=>{var R,v;let i=u;switch(s){case"tel":i=L.default.phoneNumberFormatter(u);break;case"email":case"url":i=u.trim();break;case"number":i=u.replace(/[^0-9.,]/g,"");break;case"zipcode":i=L.default.formatZipcode(i);break}l&&(i=l(i)),h(i),g.current.value=i,d==null||d(i),s==="tel"&&b&&i.length===15&&((R=g.current)==null||R.blur(),a()),s==="zipcode"&&b&&i.length===9&&((v=g.current)==null||v.blur(),a())},[s,l,b,d,t]),M=(0,p.useCallback)(()=>{switch(s){case"tel":return"phone-pad";case"email":return"email-address";case"url":return"url";case"number":return"numeric";default:return"default"}},[s]);return(0,x.jsxs)(hr,{full:c,$show:s!=="hidden",children:[o&&(0,x.jsx)(Z.Typography,{children:o}),(0,x.jsxs)(vr,{error:!!(t!=null&&t.error),$isPassword:w,children:[(0,x.jsx)(Sr,E(F({},$),{ref:g,value:O,autoCapitalize:s&&["email","url"].includes(s)?"none":m,keyboardType:M(),secureTextEntry:y&&w,onChangeText:f,maxLength:k,editable:!N})),w&&(0,x.jsx)(cr.Button,{size:"SM",onPress:()=>T(!y),icon:y?"EyeOff":"EyeOutline",variant:"TRANSPARENT"})]}),(t==null?void 0:t.error)&&(0,x.jsx)(Z.Typography,{color:"DANGER",size:"SM",children:t.error})]})}),hr=(0,B.default)(K.Container.Vertical)`
+  ${({$show:r})=>!r&&B.css`
       display: none;
     `}
-`,Br=(0,y.default)(rr.Container.Horizontal)`
+`,vr=(0,B.default)(K.Container.Horizontal)`
   overflow: hidden;
   background-color: ${({error:r,theme:e})=>r?e.colors.input.error:e.colors.input.default};
   border: 1px solid ${({error:r,theme:e})=>r?e.colors.alert.urgent:e.colors.input.border};
   border-radius: ${({theme:r})=>r.borderRadius.default};
   padding: ${({$isPassword:r})=>r?"0 0 0 10px":"0 10px"};
-`,Ar=(0,y.default)(lr.TextInput)`
+`,Sr=(0,B.default)(mr.TextInput)`
   flex: 1;
   height: 45px;
-`;var cr=require("@mobilestock-native/container");var pr=require("react/jsx-runtime");function Z(o){var n=o,{children:r}=n,e=E(n,["children"]);let s=w(r);return(0,pr.jsx)(cr.Container.Vertical,F(g({gap:"SM"},e),{children:s}))}var fr=[{name:"Form.Button",component:D},{name:"Form.Horizontal",component:G},{name:"Form.Vertical",component:Z},{name:"Form.Input",component:U},{name:"Form",component:_}];function w(r){return er.default.Children.toArray(r).map(o=>{if(!er.default.isValidElement(o))throw new Error("Invalid child element. Consider using only Form allowed components.");if(!dr.default.validateSpecificChildren(o,fr.map(n=>n.component)))throw new Error(`Invalid child component. Expected one of ${fr.map(n=>n.name).join(", ")}, but received an invalid child`);return o})}var V=require("react/jsx-runtime"),hr=(0,h.createContext)({});function S(){return(0,h.useContext)(hr)}function _(s){var c=s,{children:r,onSubmit:e,schema:o}=c,n=E(c,["children","onSubmit","schema"]);let m=(0,h.useRef)(null),[p,l]=(0,h.useState)(!1),[f,x]=(0,h.useState)(void 0);function K(){var t;(t=m.current)==null||t.submitForm()}function W(){var t,a;(t=m.current)==null||t.setErrors({}),(a=m.current)==null||a.reset()}function H(t){let a={};for(let P of t){let M=P.path.filter(I=>typeof I=="string"||typeof I=="number").join(".");M&&(a[String(M)]=P.message)}return a}function O(t){if(t instanceof gr.ZodError)return H(t.issues);if(typeof t=="object"&&t!==null&&"errors"in t){let a=t.errors;if(Array.isArray(a)&&a.length>0&&"message"in a[0]&&"path"in a[0])return H(a)}return null}function X(P,M){return sr(this,arguments,function*(t,{reset:a}){var I,T,C,$,L;if((I=m.current)==null||I.setErrors({}),o){let b=o.safeParse(t);if(!b.success){(T=m.current)==null||T.setErrors(H(b.error.issues));return}}try{l(!0),yield e({data:t,ref:m,reset:a})}catch(b){let u=O(b);if(u)(C=m.current)==null||C.setErrors(u);else{let i="Erro ao realizar opera\xE7\xE3o",R=500;if(typeof b=="object"&&b!==null&&"isAxiosError"in b&&b.isAxiosError){let B=b;R=(($=B.response)==null?void 0:$.status)||500;let N=(L=B.response)==null?void 0:L.data;N!=null&&N.message&&(i=N.message)}else b instanceof Error&&(i=b.message||i);x({message:i,status:R})}}finally{l(!1)}})}let k=w(r);return(0,V.jsxs)(hr.Provider,{value:{formRef:m,submitForm:K,clearForm:W,loading:p},children:[(0,V.jsx)(br.Form,F(g({ref:m,onSubmit:X},n),{children:(0,V.jsx)(Fr.Container.Vertical,{gap:"2XS",children:k})})),(0,V.jsx)(Er.ModalAlert,{visible:!!f,message:f==null?void 0:f.message,type:f&&f.status>=500?"FATAL_ERROR":"ERROR_NOTICE",title:"Erro ao enviar o formul\xE1rio",onClose:()=>x(void 0)})]})}var Rr=require("react/jsx-runtime");function D(s){var c=s,{type:r="SUBMIT",isLoading:e,onPress:o}=c,n=E(c,["type","isLoading","onPress"]);let{submitForm:m,clearForm:p,loading:l}=S();function f(x){switch(r){case"SUBMIT":m();break;case"RESET":p();break;default:o==null||o(x)}}return(0,Rr.jsx)(Ir.Button,F(g({size:"LG"},n),{onPress:f,isLoading:r==="SUBMIT"&&l||e,disabled:l||e}))}var zr=Object.assign(_,{Input:U,Button:D,Vertical:Z,Horizontal:G});0&&(module.exports={Form,useForm});
+`;var fr=require("@mobilestock-native/container");var br=require("react/jsx-runtime");function dr(o){var n=o,{children:r}=n,e=I(n,["children"]);return(0,br.jsx)(fr.Container.Vertical,E(F({gap:"SM"},e),{children:r}))}var yr=Object.assign(or,{Input:pr,Button:nr,Vertical:dr,Horizontal:ar});0&&(module.exports={Form,useForm});

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@mobilestock-native/form",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "main": "index.js",
   "dependencies": {
     "@unform/core": "^2.1.6",
-    "@mobilestock-native/button": "^1.0.7",
-    "@mobilestock-native/container": "^0.0.4",
+    "@mobilestock-native/button": "^1.0.8",
     "@mobilestock-native/icons": "^0.0.6",
-    "@mobilestock-native/modalalert": "^0.0.8",
-    "@mobilestock-native/tools": "^0.0.8",
-    "@mobilestock-native/typography": "^0.0.7"
+    "@mobilestock-native/container": "^0.0.4",
+    "@mobilestock-native/modalalert": "^0.0.9",
+    "@mobilestock-native/tools": "^0.0.9",
+    "@mobilestock-native/typography": "^0.0.8"
   },
   "peerDependencies": {
     "react": "18.2.0",