@mobilestock-native/form 0.0.10 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +1 -1
- package/index.js +5 -5
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ interface InputRef {
|
|
|
26
26
|
interface FormButtonProps extends ButtonProps {
|
|
27
27
|
type?: 'SUBMIT' | 'RESET' | 'BUTTON';
|
|
28
28
|
}
|
|
29
|
-
declare function FormButton({ type, isLoading, onPress, ...props }: FormButtonProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
declare function FormButton({ type, disabled, isLoading, onPress, ...props }: FormButtonProps): react_jsx_runtime.JSX.Element;
|
|
30
30
|
|
|
31
31
|
declare function FormHorizontal({ children, ...props }: ViewBaseProps): react_jsx_runtime.JSX.Element;
|
|
32
32
|
|
package/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";var gr=Object.create;var
|
|
2
|
-
${({$show:r})=>!r&&
|
|
1
|
+
"use strict";var gr=Object.create;var H=Object.defineProperty,Fr=Object.defineProperties,Er=Object.getOwnPropertyDescriptor,Ir=Object.getOwnPropertyDescriptors,xr=Object.getOwnPropertyNames,G=Object.getOwnPropertySymbols,Pr=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var W=(r,e,o)=>e in r?H(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,g=(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},F=(r,e)=>Fr(r,Ir(e));var E=(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 Rr=(r,e)=>{for(var o in e)H(r,o,{get:e[o],enumerable:!0})},D=(r,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of xr(e))!U.call(r,s)&&s!==o&&H(r,s,{get:()=>e[s],enumerable:!(n=Er(e,s))||n.enumerable});return r};var X=(r,e,o)=>(o=r!=null?gr(Pr(r)):{},D(e||!r||!r.__esModule?H(o,"default",{value:r,enumerable:!0}):o,r)),Tr=r=>D(H({},"__esModule",{value:!0}),r);var q=(r,e,o)=>new Promise((n,s)=>{var I=c=>{try{d(o.next(c))}catch(m){s(m)}},u=c=>{try{d(o.throw(c))}catch(m){s(m)}},d=c=>c.done?n(c.value):Promise.resolve(c.value).then(I,u);d((o=o.apply(r,e)).next())});var wr={};Rr(wr,{Form:()=>yr,useForm:()=>B});module.exports=Tr(wr);var tr=require("@mobilestock-native/button");var J=require("@unform/mobile"),x=require("react"),Q=require("zod"),Y=require("@mobilestock-native/container"),rr=require("@mobilestock-native/modalalert");var V=require("react/jsx-runtime"),er=(0,x.createContext)({});function B(){return(0,x.useContext)(er)}function or(s){var I=s,{children:r,onSubmit:e,schema:o}=I,n=E(I,["children","onSubmit","schema"]);let u=(0,x.useRef)(null),[d,c]=(0,x.useState)(!1),[m,S]=(0,x.useState)(void 0);function y(){var a;(a=u.current)==null||a.submitForm()}function j(){var a,t;(a=u.current)==null||a.setErrors({}),(t=u.current)==null||t.reset()}function A(a){let t={};for(let b of a){let w=b.path.filter(T=>typeof T=="string"||typeof T=="number").join(".");w&&(t[String(w)]=b.message)}return t}function k(a){if(a instanceof Q.ZodError)return A(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 A(t)}return null}function N(b,w){return q(this,arguments,function*(a,{reset:t}){var T,z,h,C,M;if((T=u.current)==null||T.setErrors({}),o){let f=o.safeParse(a);if(!f.success){(z=u.current)==null||z.setErrors(A(f.error.issues));return}}try{c(!0),yield e({data:a,ref:u,reset:t})}catch(f){let $=k(f);if($)(h=u.current)==null||h.setErrors($);else{let l="Erro ao realizar opera\xE7\xE3o",i=500;if(typeof f=="object"&&f!==null&&"isAxiosError"in f&&f.isAxiosError){let P=f;i=((C=P.response)==null?void 0:C.status)||500;let v=(M=P.response)==null?void 0:M.data;v!=null&&v.message&&(l=v.message)}else f instanceof Error&&(l=f.message||l);S({message:l,status:i})}}finally{c(!1)}})}return(0,V.jsxs)(er.Provider,{value:{formRef:u,submitForm:y,clearForm:j,loading:d},children:[(0,V.jsx)(J.Form,F(g({ref:u,onSubmit:N},n),{children:(0,V.jsx)(Y.Container.Vertical,{gap:"2XS",children:r})})),(0,V.jsx)(rr.ModalAlert,{visible:!!m,message:m==null?void 0:m.message,type:m&&m.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(I){var u=I,{type:r="SUBMIT",disabled:e,isLoading:o,onPress:n}=u,s=E(u,["type","disabled","isLoading","onPress"]);let{submitForm:d,clearForm:c,loading:m}=B();function S(y){switch(r){case"SUBMIT":d();break;case"RESET":c();break;default:n==null||n(y)}}return(0,sr.jsx)(tr.Button,F(g({size:"LG"},s),{onPress:S,isLoading:r==="SUBMIT"&&m||o,disabled:m||o||e}))}var ir=require("@mobilestock-native/container");var ur=require("react/jsx-runtime");function ar(o){var n=o,{children:r}=n,e=E(n,["children"]);return(0,ur.jsx)(ir.Container.Horizontal,F(g({gap:"SM"},e),{children:r}))}var lr=require("@unform/core"),p=require("react"),mr=require("react-native"),O=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 R=require("react/jsx-runtime"),pr=(0,p.forwardRef)(function(A,j){var k=A,{name:e,label:o,defaultValue:n,type:s="text",autoSubmit:I=!1,format:u,onChangeText:d,autoCapitalize:c,full:m,maxLength:S}=k,y=E(k,["name","label","defaultValue","type","autoSubmit","format","onChangeText","autoCapitalize","full","maxLength"]);let{loading:N,submitForm:a}=B(),t=(0,lr.useField)(e),b=(0,p.useRef)(null),[w,T]=(0,p.useState)(!0),[z,h]=(0,p.useState)(""),C=s==="password",M=s==="tel"?15:s==="zipcode"?9:S;(0,p.useEffect)(()=>{let l=z||n||(t==null?void 0:t.defaultValue)||"";b.current.value=l,h(l),t.registerField({name:t.fieldName,ref:b.current,getValue(i){return(i==null?void 0:i.value)||""},setValue(i,P){i.value=P,h(P)},clearValue(i){i.value="",h("")}})},[t==null?void 0:t.fieldName,t==null?void 0:t.registerField]),(0,p.useImperativeHandle)(j,()=>({focus(){var l;(l=b.current)==null||l.focus()},blur(){var l;(l=b.current)==null||l.blur()}}));let f=(0,p.useCallback)(l=>{var P,v;let i=l;switch(s){case"tel":i=L.default.phoneNumberFormatter(l);break;case"email":case"url":i=l.trim();break;case"number":i=l.replace(/[^0-9.,]/g,"");break;case"zipcode":i=L.default.formatZipcode(i);break}u&&(i=u(i)),h(i),b.current.value=i,d==null||d(i),s==="tel"&&I&&i.length===15&&((P=b.current)==null||P.blur(),a()),s==="zipcode"&&I&&i.length===9&&((v=b.current)==null||v.blur(),a())},[s,u,I,d,t]),$=(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,R.jsxs)(hr,{full:m,$show:s!=="hidden",children:[o&&(0,R.jsx)(Z.Typography,{children:o}),(0,R.jsxs)(vr,{error:!!(t!=null&&t.error),$isPassword:C,children:[(0,R.jsx)(Sr,F(g({},y),{ref:b,value:z,autoCapitalize:s&&["email","url"].includes(s)?"none":c,keyboardType:$(),secureTextEntry:w&&C,onChangeText:f,maxLength:M,editable:!N&&y.editable})),C&&(0,R.jsx)(cr.Button,{size:"SM",onPress:()=>T(!w),icon:w?"EyeOff":"EyeOutline",variant:"TRANSPARENT"})]}),(t==null?void 0:t.error)&&(0,R.jsx)(Z.Typography,{color:"DANGER",size:"SM",children:t.error})]})}),hr=(0,O.default)(K.Container.Vertical)`
|
|
2
|
+
${({$show:r})=>!r&&O.css`
|
|
3
3
|
display: none;
|
|
4
4
|
`}
|
|
5
|
-
`,vr=(0,
|
|
5
|
+
`,vr=(0,O.default)(K.Container.Horizontal)`
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
background-color: ${({error:r,theme:e})=>r?e.colors.input.error:e.colors.input.default};
|
|
8
8
|
border: 1px solid ${({error:r,theme:e})=>r?e.colors.alert.urgent:e.colors.input.border};
|
|
9
9
|
border-radius: ${({theme:r})=>r.borderRadius.default};
|
|
10
10
|
padding: ${({$isPassword:r})=>r?"0 0 0 10px":"0 10px"};
|
|
11
|
-
`,Sr=(0,
|
|
11
|
+
`,Sr=(0,O.default)(mr.TextInput)`
|
|
12
12
|
flex: 1;
|
|
13
13
|
height: 45px;
|
|
14
14
|
color: ${({theme:r})=>r.colors.text.default};
|
|
15
|
-
`;var fr=require("@mobilestock-native/container");var br=require("react/jsx-runtime");function dr(o){var n=o,{children:r}=n,e=
|
|
15
|
+
`;var fr=require("@mobilestock-native/container");var br=require("react/jsx-runtime");function dr(o){var n=o,{children:r}=n,e=E(n,["children"]);return(0,br.jsx)(fr.Container.Vertical,F(g({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
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mobilestock-native/form",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@unform/core": "^2.1.6",
|
|
7
7
|
"@unform/mobile": "^2.1.6",
|
|
8
8
|
"@mobilestock-native/button": "^1.0.10",
|
|
9
|
+
"@mobilestock-native/icons": "^0.0.6",
|
|
9
10
|
"@mobilestock-native/container": "^0.0.4",
|
|
10
11
|
"@mobilestock-native/modalalert": "^0.0.11",
|
|
11
12
|
"@mobilestock-native/tools": "^0.0.10",
|
|
12
|
-
"@mobilestock-native/typography": "^0.0.9"
|
|
13
|
-
"@mobilestock-native/icons": "^0.0.6"
|
|
13
|
+
"@mobilestock-native/typography": "^0.0.9"
|
|
14
14
|
},
|
|
15
15
|
"devDependencies": {
|
|
16
16
|
"axios": "^1.7.7"
|