@mobilestockweb/form 0.0.6 → 0.0.7

package/index.js

@@ -1,4 +1,4 @@
-"use strict";var ye=Object.create;var L=Object.defineProperty,He=Object.defineProperties,we=Object.getOwnPropertyDescriptor,Ve=Object.getOwnPropertyDescriptors,Be=Object.getOwnPropertyNames,k=Object.getOwnPropertySymbols,Oe=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var ee=(e,r,t)=>r in e?L(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,F=(e,r)=>{for(var t in r||(r={}))j.call(r,t)&&ee(e,t,r[t]);if(k)for(var t of k(r))re.call(r,t)&&ee(e,t,r[t]);return e},E=(e,r)=>He(e,Ve(r));var x=(e,r)=>{var t={};for(var o in e)j.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&k)for(var o of k(e))r.indexOf(o)<0&&re.call(e,o)&&(t[o]=e[o]);return t};var Le=(e,r)=>{for(var t in r)L(e,t,{get:r[t],enumerable:!0})},te=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Be(r))!j.call(e,n)&&n!==t&&L(e,n,{get:()=>r[n],enumerable:!(o=we(r,n))||o.enumerable});return e};var A=(e,r,t)=>(t=e!=null?ye(Oe(e)):{},te(r||!e||!e.__esModule?L(t,"default",{value:e,enumerable:!0}):t,e)),Ae=e=>te(L({},"__esModule",{value:!0}),e);var oe=(e,r,t)=>new Promise((o,n)=>{var c=i=>{try{g(t.next(i))}catch(m){n(m)}},l=i=>{try{g(t.throw(i))}catch(m){n(m)}},g=i=>i.done?o(i.value):Promise.resolve(i.value).then(c,l);g((t=t.apply(e,r)).next())});var Xe={};Le(Xe,{Form:()=>De,useForm:()=>I});module.exports=Ae(Xe);var ce=require("@mobilestockweb/button");var ne=require("@unform/web"),se=require("notistack"),R=require("react"),ie=require("zod"),ae=require("@mobilestockweb/container");var G=require("react/jsx-runtime"),le=(0,R.createContext)({});function I(){return(0,R.useContext)(le)}function ue(n){var c=n,{children:e,onSubmit:r,schema:t}=c,o=x(c,["children","onSubmit","schema"]);let l=(0,R.useRef)(null),[g,i]=(0,R.useState)(!1);function m(){var u;(u=l.current)==null||u.submitForm()}function T(){var u,f;(u=l.current)==null||u.setErrors({}),(f=l.current)==null||f.reset()}function P(u){let f={};for(let a of u){let p=a.path.filter(S=>typeof S=="string"||typeof S=="number").join(".");p&&(f[String(p)]=a.message)}return f}function U(u){if(u instanceof ie.ZodError)return P(u.issues);if(typeof u=="object"&&u!==null&&"errors"in u){let f=u.errors;if(Array.isArray(f)&&f.length>0&&"message"in f[0]&&"path"in f[0])return P(f)}return null}function Y(a,p){return oe(this,arguments,function*(u,{reset:f}){var S,z,w,v,V;if((S=l.current)==null||S.setErrors({}),t){let h=t.safeParse(u);if(!h.success){(z=l.current)==null||z.setErrors(P(h.error.issues));return}}try{i(!0),yield r({data:u,ref:l,reset:f})}catch(h){let B=U(h);if(B)(w=l.current)==null||w.setErrors(B);else{let y="Erro ao realizar opera\xE7\xE3o",N=500;if(typeof h=="object"&&h!==null&&"isAxiosError"in h&&h.isAxiosError){let d=h;N=((v=d.response)==null?void 0:v.status)||500;let s=(V=d.response)==null?void 0:V.data;s!=null&&s.message&&(y=s.message)}else h instanceof Error&&(y=h.message||y);(0,se.enqueueSnackbar)(y,{variant:N>=500?"error":"warning"})}}finally{i(!1)}})}return(0,G.jsx)(le.Provider,{value:{formRef:l,submitForm:m,clearForm:T,loading:g},children:(0,G.jsx)(ne.Form,E(F({},o),{ref:l,onSubmit:Y,children:(0,G.jsx)(ae.Container.Vertical,{gap:"2XS",children:e})}))})}var fe=require("react/jsx-runtime");function me(n){var c=n,{type:e="SUBMIT",isLoading:r,onClick:t}=c,o=x(c,["type","isLoading","onClick"]);let{submitForm:l,clearForm:g,loading:i}=I();function m(T){switch(T.preventDefault(),e){case"SUBMIT":l();break;case"RESET":g();break;default:t==null||t(T)}}return(0,fe.jsx)(ce.Button,E(F({},o),{onClick:m,isLoading:e==="SUBMIT"&&i||r,disabled:i||r,type:e.toLowerCase()}))}var pe=require("@mobilestockweb/container");var be=require("react/jsx-runtime");function de(t){var o=t,{children:e}=o,r=x(o,["children"]);return(0,be.jsx)(pe.Container.Horizontal,E(F({gap:"SM"},r),{children:e}))}var ge=require("@unform/core"),b=require("react"),$=A(require("styled-components")),Fe=require("@mobilestockweb/button"),X=require("@mobilestockweb/container"),D=A(require("@mobilestockweb/tools")),W=require("@mobilestockweb/typography");var M=require("react/jsx-runtime"),Ee=(0,b.forwardRef)(function(Y,U){var u=Y,{name:r,label:t,defaultValue:o,type:n,autoSubmit:c,full:l,error:g,format:i,onChange:m,maxLength:T}=u,P=x(u,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:f}=I(),a=(0,ge.useField)(r),p=(0,b.useRef)(null),[S,z]=(0,b.useState)(!1),[w,v]=(0,b.useState)(""),V=n==="password",h=n==="tel"?15:n==="zipcode"?9:T,B=r+"-input"+(0,b.useId)();(0,b.useEffect)(()=>{let d=w||o||(a==null?void 0:a.defaultValue)||"";p.current.value=d,v(d),a.registerField({name:a.fieldName,ref:p,getValue:s=>{var O;return((O=s.current)==null?void 0:O.value)||""},setValue:(s,O)=>{s.current&&(s.current.value=O,v(O))},clearValue:s=>{s.current&&(s.current.value="",v(""))}})},[a==null?void 0:a.fieldName,a==null?void 0:a.registerField]),(0,b.useImperativeHandle)(U,()=>({focus(){var d;(d=p.current)==null||d.focus()},blur(){var d;(d=p.current)==null||d.blur()}}));let y=(0,b.useCallback)(d=>{let s=d.target.value;switch(n){case"tel":s=D.default.phoneNumberFormatter(s);break;case"email":case"url":s=s.trim();break;case"zipcode":s=D.default.formatZipcode(s);break}i&&(s=i(s)),v(s),d.target.value=s,p.current.value=s,m==null||m(d),n==="tel"&&c&&s.length===15&&p.current.form&&(p.current.form.requestSubmit(),p.current.blur()),n==="zipcode"&&c&&s.length===9&&p.current.form&&(p.current.form.requestSubmit(),p.current.blur())},[n,i,c,m,a]);function N(){return n==="password"?S?"text":"password":n}return(0,M.jsxs)($e,{full:l,$show:n!=="hidden",children:[t&&(0,M.jsx)(ze,{htmlFor:B,size:"SM",children:t}),(0,M.jsxs)(Ne,{align:"CENTER",padding:"XS_NONE",gap:"SM",$isError:!!(a!=null&&a.error),$isPassword:V,children:[(0,M.jsx)(ke,E(F({},P),{ref:p,id:B,value:w,onChange:y,maxLength:h,type:N(),disabled:f})),V&&(0,M.jsx)(Fe.Button,{size:"SM",onClick:()=>z(!S),icon:S?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),(a==null?void 0:a.error)&&(0,M.jsx)(W.Typography,{color:"DANGER",size:"SM",children:a==null?void 0:a.error})]})}),$e=(0,$.default)(X.Container.Vertical)`
+"use strict";var ye=Object.create;var L=Object.defineProperty,He=Object.defineProperties,we=Object.getOwnPropertyDescriptor,Ve=Object.getOwnPropertyDescriptors,Be=Object.getOwnPropertyNames,k=Object.getOwnPropertySymbols,Oe=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var ee=(e,r,t)=>r in e?L(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,F=(e,r)=>{for(var t in r||(r={}))j.call(r,t)&&ee(e,t,r[t]);if(k)for(var t of k(r))re.call(r,t)&&ee(e,t,r[t]);return e},E=(e,r)=>He(e,Ve(r));var x=(e,r)=>{var t={};for(var o in e)j.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&k)for(var o of k(e))r.indexOf(o)<0&&re.call(e,o)&&(t[o]=e[o]);return t};var Le=(e,r)=>{for(var t in r)L(e,t,{get:r[t],enumerable:!0})},te=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Be(r))!j.call(e,n)&&n!==t&&L(e,n,{get:()=>r[n],enumerable:!(o=we(r,n))||o.enumerable});return e};var A=(e,r,t)=>(t=e!=null?ye(Oe(e)):{},te(r||!e||!e.__esModule?L(t,"default",{value:e,enumerable:!0}):t,e)),Ae=e=>te(L({},"__esModule",{value:!0}),e);var oe=(e,r,t)=>new Promise((o,n)=>{var c=i=>{try{g(t.next(i))}catch(m){n(m)}},l=i=>{try{g(t.throw(i))}catch(m){n(m)}},g=i=>i.done?o(i.value):Promise.resolve(i.value).then(c,l);g((t=t.apply(e,r)).next())});var Xe={};Le(Xe,{Form:()=>De,useForm:()=>I});module.exports=Ae(Xe);var ce=require("@mobilestockweb/button");var ne=require("@unform/web"),se=require("notistack"),M=require("react"),ie=require("zod"),ae=require("@mobilestockweb/container");var G=require("react/jsx-runtime"),le=(0,M.createContext)({});function I(){return(0,M.useContext)(le)}function ue(n){var c=n,{children:e,onSubmit:r,schema:t}=c,o=x(c,["children","onSubmit","schema"]);let l=(0,M.useRef)(null),[g,i]=(0,M.useState)(!1);function m(){var u;(u=l.current)==null||u.submitForm()}function T(){var u,f;(u=l.current)==null||u.setErrors({}),(f=l.current)==null||f.reset()}function R(u){let f={};for(let a of u){let p=a.path.filter(S=>typeof S=="string"||typeof S=="number").join(".");p&&(f[String(p)]=a.message)}return f}function U(u){if(u instanceof ie.ZodError)return R(u.issues);if(typeof u=="object"&&u!==null&&"errors"in u){let f=u.errors;if(Array.isArray(f)&&f.length>0&&"message"in f[0]&&"path"in f[0])return R(f)}return null}function Y(a,p){return oe(this,arguments,function*(u,{reset:f}){var S,z,w,v,V;if((S=l.current)==null||S.setErrors({}),t){let h=t.safeParse(u);if(!h.success){(z=l.current)==null||z.setErrors(R(h.error.issues));return}}try{i(!0),yield r({data:u,ref:l,reset:f})}catch(h){let B=U(h);if(B)(w=l.current)==null||w.setErrors(B);else{let y="Erro ao realizar opera\xE7\xE3o",N=500;if(typeof h=="object"&&h!==null&&"isAxiosError"in h&&h.isAxiosError){let d=h;N=((v=d.response)==null?void 0:v.status)||500;let s=(V=d.response)==null?void 0:V.data;s!=null&&s.message&&(y=s.message)}else h instanceof Error&&(y=h.message||y);(0,se.enqueueSnackbar)(y,{variant:N>=500?"error":"warning"})}}finally{i(!1)}})}return(0,G.jsx)(le.Provider,{value:{formRef:l,submitForm:m,clearForm:T,loading:g},children:(0,G.jsx)(ne.Form,E(F({},o),{ref:l,onSubmit:Y,children:(0,G.jsx)(ae.Container.Vertical,{gap:"2XS",children:e})}))})}var fe=require("react/jsx-runtime");function me(n){var c=n,{type:e="SUBMIT",isLoading:r,onClick:t}=c,o=x(c,["type","isLoading","onClick"]);let{submitForm:l,clearForm:g,loading:i}=I();function m(T){switch(T.preventDefault(),e){case"SUBMIT":l();break;case"RESET":g();break;default:t==null||t(T)}}return(0,fe.jsx)(ce.Button,E(F({},o),{onClick:m,isLoading:e==="SUBMIT"&&i||r,disabled:i||r,type:e.toLowerCase()}))}var pe=require("@mobilestockweb/container");var be=require("react/jsx-runtime");function de(t){var o=t,{children:e}=o,r=x(o,["children"]);return(0,be.jsx)(pe.Container.Horizontal,E(F({gap:"SM"},r),{children:e}))}var ge=require("@unform/core"),b=require("react"),$=A(require("styled-components")),Fe=require("@mobilestockweb/button"),X=require("@mobilestockweb/container"),D=A(require("@mobilestockweb/tools")),W=require("@mobilestockweb/typography");var P=require("react/jsx-runtime"),Ee=(0,b.forwardRef)(function(Y,U){var u=Y,{name:r,label:t,defaultValue:o,type:n,autoSubmit:c,full:l,error:g,format:i,onChange:m,maxLength:T}=u,R=x(u,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:f}=I(),a=(0,ge.useField)(r),p=(0,b.useRef)(null),[S,z]=(0,b.useState)(!1),[w,v]=(0,b.useState)(""),V=n==="password",h=n==="tel"?15:n==="zipcode"?9:T,B=r+"-input"+(0,b.useId)();(0,b.useEffect)(()=>{let d=w||o||(a==null?void 0:a.defaultValue)||"";p.current.value=d,v(d),a.registerField({name:a.fieldName,ref:p,getValue:s=>{var O;return((O=s.current)==null?void 0:O.value)||""},setValue:(s,O)=>{s.current&&(s.current.value=O,v(O))},clearValue:s=>{s.current&&(s.current.value="",v(""))}})},[a==null?void 0:a.fieldName,a==null?void 0:a.registerField]),(0,b.useImperativeHandle)(U,()=>({focus(){var d;(d=p.current)==null||d.focus()},blur(){var d;(d=p.current)==null||d.blur()}}));let y=(0,b.useCallback)(d=>{let s=d.target.value;switch(n){case"tel":s=D.default.phoneNumberFormatter(s);break;case"email":case"url":s=s.trim();break;case"zipcode":s=D.default.formatZipcode(s);break}i&&(s=i(s)),v(s),d.target.value=s,p.current.value=s,m==null||m(d),n==="tel"&&c&&s.length===15&&p.current.form&&(p.current.form.requestSubmit(),p.current.blur()),n==="zipcode"&&c&&s.length===9&&p.current.form&&(p.current.form.requestSubmit(),p.current.blur())},[n,i,c,m,a]);function N(){return n==="password"?S?"text":"password":n}return(0,P.jsxs)($e,{full:l,$show:n!=="hidden",children:[t&&(0,P.jsx)(ze,{htmlFor:B,size:"SM",children:t}),(0,P.jsxs)(Ne,{align:"CENTER",padding:"XS_NONE",gap:"SM",$isError:!!(a!=null&&a.error),$isPassword:V,children:[(0,P.jsx)(ke,E(F({},R),{ref:p,id:B,value:w,onChange:y,maxLength:h,type:N(),disabled:f||R.disabled})),V&&(0,P.jsx)(Fe.Button,{size:"SM",onClick:()=>z(!S),icon:S?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),(a==null?void 0:a.error)&&(0,P.jsx)(W.Typography,{color:"DANGER",size:"SM",children:a==null?void 0:a.error})]})}),$e=(0,$.default)(X.Container.Vertical)`
   display: ${({$show:e})=>e?"flex":"none"};
 `,ze=(0,$.default)(W.Typography).attrs({forwardedAs:"label"})``,Ne=(0,$.default)(X.Container.Horizontal)`
   padding: ${({$isPassword:e})=>e?"0 0 0 10px":"0 10px"};
@@ -14,7 +14,7 @@
 `;var he=require("@unform/core"),xe=require("react"),q=A(require("styled-components")),Z=require("@mobilestockweb/container"),J=require("@mobilestockweb/typography");var C=require("react/jsx-runtime");function Ie(e){let{loading:r}=I(),{error:t,fieldName:o,registerField:n}=(0,he.useField)(e.name),c=(0,xe.useRef)(null),l=`radio_${e.name}_${e.label}`;function g(){n({name:o,ref:c,getValue:i=>i.current.value,clearValue:i=>{i.current.checked=!1}})}return(0,C.jsxs)(Z.Container.Vertical,{onClick:g,gap:"XS",padding:"2XS_NONE",children:[(0,C.jsxs)(Z.Container.Horizontal,{align:"START_CENTER",gap:"XS",children:[(0,C.jsx)(Ge,E(F({id:l,ref:c},e),{type:"radio",disabled:r})),(0,C.jsx)(_e,{htmlFor:l,size:"MD",children:e.label})]}),t&&(0,C.jsx)(J.Typography,{color:"DANGER",size:"SM",children:t})]})}var Ge=q.default.input`
   width: 1rem;
   height: 1rem;
-`,_e=(0,q.default)(J.Typography).attrs({forwardedAs:"label"})``;var Te=require("@unform/core"),_=require("react"),Se=A(require("react-select")),K=A(require("styled-components")),Re=require("@mobilestockweb/container"),Q=require("@mobilestockweb/typography");var H=require("react/jsx-runtime");function Me(e){let{loading:r}=I(),{fieldName:t,defaultValue:o,registerField:n,error:c}=(0,Te.useField)(e.name),l=(0,_.useRef)(null);return(0,_.useEffect)(()=>{n({name:t,ref:l.current,getValue:g=>{var m,T;let i=(m=g==null?void 0:g.state)==null?void 0:m.selectValue;return i?e!=null&&e.isMulti?i.map(P=>P.value):(T=i[0])==null?void 0:T.value:e!=null&&e.isMulti?[]:""}})},[t,n,e.isMulti]),(0,H.jsxs)(Ue,{$isWrong:!!c,children:[(e==null?void 0:e.label)&&(0,H.jsx)(je,{htmlFor:t,size:"MD",children:e.label}),(0,H.jsx)(Se.default,E(F({},e),{className:"react-select",classNamePrefix:"react-select",defaultValue:o,ref:l,isDisabled:r})),c&&(0,H.jsx)(Q.Typography,{color:"DANGER",size:"SM",children:c})]})}var Ue=(0,K.default)(Re.Container.Vertical)`
+`,_e=(0,q.default)(J.Typography).attrs({forwardedAs:"label"})``;var Te=require("@unform/core"),_=require("react"),Se=A(require("react-select")),K=A(require("styled-components")),Re=require("@mobilestockweb/container"),Q=require("@mobilestockweb/typography");var H=require("react/jsx-runtime");function Me(e){let{loading:r}=I(),{fieldName:t,defaultValue:o,registerField:n,error:c}=(0,Te.useField)(e.name),l=(0,_.useRef)(null);return(0,_.useEffect)(()=>{n({name:t,ref:l.current,getValue:g=>{var m,T;let i=(m=g==null?void 0:g.state)==null?void 0:m.selectValue;return i?e!=null&&e.isMulti?i.map(R=>R.value):(T=i[0])==null?void 0:T.value:e!=null&&e.isMulti?[]:""}})},[t,n,e.isMulti]),(0,H.jsxs)(Ue,{$isWrong:!!c,children:[(e==null?void 0:e.label)&&(0,H.jsx)(je,{htmlFor:t,size:"MD",children:e.label}),(0,H.jsx)(Se.default,E(F({},e),{className:"react-select",classNamePrefix:"react-select",defaultValue:o,ref:l,isDisabled:r})),c&&(0,H.jsx)(Q.Typography,{color:"DANGER",size:"SM",children:c})]})}var Ue=(0,K.default)(Re.Container.Vertical)`
   .react-select {
     background-color: ${({$isWrong:e,theme:r})=>e?r.colors.input.error:r.colors.input.default};
     border: 1px solid ${({$isWrong:e,theme:r})=>e?r.colors.alert.urgent:r.colors.input.border};

package/package.json

@@ -1,17 +1,20 @@
 {
   "name": "@mobilestockweb/form",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "index.js",
   "dependencies": {
     "notistack": "^3.0.1",
     "@unform/core": "^2.1.6",
     "@mobilestockweb/button": "^1.0.6",
     "@mobilestockweb/snackbar": "^0.0.11",
-    "@mobilestockweb/typography": "^0.0.6",
     "@mobilestockweb/tools": "^0.0.16",
     "@mobilestockweb/data-table": "^0.0.11",
+    "@mobilestockweb/typography": "^0.0.6",
     "@mobilestockweb/container": "^0.0.3"
   },
+  "devDependencies": {
+    "axios": "^1.7.7"
+  },
   "peerDependencies": {
     "zod": "^3.24.2",
     "react": "18.2.0",