@mobilestockweb/form 0.0.12 → 0.1.1
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 +2 -1
- package/index.js +4 -4
- package/package.json +2 -1
package/index.d.ts
CHANGED
|
@@ -40,8 +40,9 @@ interface CustomOption {
|
|
|
40
40
|
label: string;
|
|
41
41
|
value: string;
|
|
42
42
|
}
|
|
43
|
-
interface SelectProps<Option extends CustomOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Props<Option, IsMulti, Group> {
|
|
43
|
+
interface SelectProps<Option extends CustomOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isDisabled'> {
|
|
44
44
|
name: string;
|
|
45
|
+
disabled?: boolean;
|
|
45
46
|
label?: string;
|
|
46
47
|
}
|
|
47
48
|
declare function FormSelect<Option extends CustomOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectProps<Option, IsMulti, Group>): react_jsx_runtime.JSX.Element;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var ye=Object.create;var L=Object.defineProperty,He=Object.defineProperties,we=Object.getOwnPropertyDescriptor,Ve=Object.getOwnPropertyDescriptors,
|
|
1
|
+
"use strict";var ye=Object.create;var L=Object.defineProperty,He=Object.defineProperties,we=Object.getOwnPropertyDescriptor,Ve=Object.getOwnPropertyDescriptors,Oe=Object.getOwnPropertyNames,k=Object.getOwnPropertySymbols,Be=Object.getPrototypeOf,U=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={}))U.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 I=(e,r)=>{var t={};for(var o in e)U.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 Oe(r))!U.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(Be(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:()=>je,useForm:()=>T});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 T(){return(0,M.useContext)(le)}function ue(n){var c=n,{children:e,onSubmit:r,schema:t}=c,o=I(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 R(){var u,f;(u=l.current)==null||u.setErrors({}),(f=l.current)==null||f.reset()}function x(u){let f={};for(let a of u){let d=a.path.filter(S=>typeof S=="string"||typeof S=="number").join(".");d&&(f[String(d)]=a.message)}return f}function D(u){if(u instanceof ie.ZodError)return x(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 x(f)}return null}function Y(a,d){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(x(h.error.issues));return}}try{i(!0),yield r({data:u,ref:l,reset:f})}catch(h){let O=D(h);if(O)(w=l.current)==null||w.setErrors(O);else{let y="Erro ao realizar opera\xE7\xE3o",N=500;if(typeof h=="object"&&h!==null&&"isAxiosError"in h&&h.isAxiosError){let p=h;N=((v=p.response)==null?void 0:v.status)||500;let s=(V=p.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:R,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(c){var l=c,{type:e="SUBMIT",disabled:r,isLoading:t,onClick:o}=l,n=I(l,["type","disabled","isLoading","onClick"]);let{submitForm:g,clearForm:i,loading:m}=T();function R(x){switch(x.preventDefault(),e){case"SUBMIT":g();break;case"RESET":i();break;default:o==null||o(x)}}return(0,fe.jsx)(ce.Button,E(F({},n),{onClick:R,isLoading:e==="SUBMIT"&&m||t,disabled:m||t||r,type:e.toLowerCase()}))}var de=require("@mobilestockweb/container");var be=require("react/jsx-runtime");function pe(t){var o=t,{children:e}=o,r=I(o,["children"]);return(0,be.jsx)(de.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"),j=A(require("@mobilestockweb/tools")),W=require("@mobilestockweb/typography");var P=require("react/jsx-runtime"),Ee=(0,b.forwardRef)(function(Y,D){var u=Y,{name:r,label:t,defaultValue:o,type:n,autoSubmit:c,full:l,error:g,format:i,onChange:m,maxLength:R}=u,x=I(u,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:f}=T(),a=(0,ge.useField)(r),d=(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:R,O=r+"-input"+(0,b.useId)();(0,b.useEffect)(()=>{let p=w||o||(a==null?void 0:a.defaultValue)||"";d.current.value=p,v(p),a.registerField({name:a.fieldName,ref:d,getValue:s=>{var B;return((B=s.current)==null?void 0:B.value)||""},setValue:(s,B)=>{s.current&&(s.current.value=B,v(B))},clearValue:s=>{s.current&&(s.current.value="",v(""))}})},[a==null?void 0:a.fieldName,a==null?void 0:a.registerField]),(0,b.useImperativeHandle)(D,()=>({focus(){var p;(p=d.current)==null||p.focus()},blur(){var p;(p=d.current)==null||p.blur()}}));let y=(0,b.useCallback)(p=>{let s=p.target.value;switch(n){case"tel":s=j.default.phoneNumberFormatter(s);break;case"email":case"url":s=s.trim();break;case"zipcode":s=j.default.formatZipcode(s);break}i&&(s=i(s)),v(s),p.target.value=s,d.current.value=s,m==null||m(p),n==="tel"&&c&&s.length===15&&d.current.form&&(d.current.form.requestSubmit(),d.current.blur()),n==="zipcode"&&c&&s.length===9&&d.current.form&&(d.current.form.requestSubmit(),d.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:O,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({},x),{ref:d,id:O,value:w,onChange:y,maxLength:h,type:N(),disabled:f||x.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)`
|
|
2
2
|
display: ${({$show:e})=>e?"flex":"none"};
|
|
3
3
|
`,ze=(0,$.default)(W.Typography).attrs({forwardedAs:"label"})``,Ne=(0,$.default)(X.Container.Horizontal)`
|
|
4
4
|
padding: ${({$isPassword:e})=>e?"0 0 0 10px":"0 10px"};
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
`;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}=T(),{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`
|
|
15
15
|
width: 1rem;
|
|
16
16
|
height: 1rem;
|
|
17
|
-
`,_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}=T(),{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,R;let i=(m=g==null?void 0:g.state)==null?void 0:m.selectValue;return i?e!=null&&e.isMulti?i.map(x=>x.value):(R=i[0])==null?void 0:R.value:e!=null&&e.isMulti?[]:""}})},[t,n,e.isMulti]),(0,H.jsxs)(
|
|
17
|
+
`,_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}=T(),{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,R;let i=(m=g==null?void 0:g.state)==null?void 0:m.selectValue;return i?e!=null&&e.isMulti?i.map(x=>x.value):(R=i[0])==null?void 0:R.value:e!=null&&e.isMulti?[]:""}})},[t,n,e.isMulti]),(0,H.jsxs)(De,{$isWrong:!!c,children:[(e==null?void 0:e.label)&&(0,H.jsx)(Ue,{htmlFor:t,size:"MD",children:e.label}),(0,H.jsx)(Se.default,E(F({defaultValue:o},e),{className:"react-select",classNamePrefix:"react-select",ref:l,isDisabled:r||e.disabled})),c&&(0,H.jsx)(Q.Typography,{color:"DANGER",size:"SM",children:c})]})}var De=(0,K.default)(Re.Container.Vertical)`
|
|
18
18
|
.react-select {
|
|
19
19
|
background-color: ${({$isWrong:e,theme:r})=>e?r.colors.input.error:r.colors.input.default};
|
|
20
20
|
border: 1px solid ${({$isWrong:e,theme:r})=>e?r.colors.alert.urgent:r.colors.input.border};
|
|
21
21
|
border-radius: ${({theme:e})=>e.borderRadius.default};
|
|
22
|
-
height: 2.
|
|
22
|
+
height: 2.7rem;
|
|
23
23
|
width: 100%;
|
|
24
24
|
}
|
|
25
25
|
.react-select__control {
|
|
@@ -39,4 +39,4 @@
|
|
|
39
39
|
color: ${({theme:e})=>e.colors.text.contrast};
|
|
40
40
|
background-color: ${({theme:e})=>e.colors.select.focused};
|
|
41
41
|
}
|
|
42
|
-
`,
|
|
42
|
+
`,Ue=(0,K.default)(Q.Typography).attrs({forwardedAs:"label"})``;var Pe=require("@mobilestockweb/container");var Ce=require("react/jsx-runtime");function ve(t){var o=t,{children:e}=o,r=I(o,["children"]);return(0,Ce.jsx)(Pe.Container.Vertical,E(F({gap:"SM"},r),{children:e}))}var je=Object.assign(ue,{Input:Ee,Radio:Ie,Select:Me,Button:me,Vertical:ve,Horizontal:pe});0&&(module.exports={Form,useForm});
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mobilestockweb/form",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"notistack": "^3.0.1",
|
|
7
7
|
"@unform/core": "^2.1.6",
|
|
8
8
|
"@unform/web": "^2.1.6",
|
|
9
|
+
"react-select": "5.10.1",
|
|
9
10
|
"@mobilestockweb/button": "^1.0.8",
|
|
10
11
|
"@mobilestockweb/snackbar": "^0.0.13",
|
|
11
12
|
"@mobilestockweb/tools": "^0.0.16",
|