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