@s_mart/form 2.2.5 → 2.5.0
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/dist/index.d.ts +3 -1
- package/dist/index.js +11 -11
- package/dist/index.mjs +4 -4
- package/package.json +6 -5
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,9 @@ import { TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, Autoc
|
|
|
3
3
|
|
|
4
4
|
interface IFormProps<T> extends UseFormProps {
|
|
5
5
|
onSubmit: (data: T) => void;
|
|
6
|
-
children: ((methods: UseFormReturn
|
|
6
|
+
children: ((methods: UseFormReturn & {
|
|
7
|
+
onSubmit: (e?: React.FormEvent | undefined) => Promise<void>;
|
|
8
|
+
}) => React.ReactNode) | React.ReactNode;
|
|
7
9
|
}
|
|
8
10
|
declare function Form({ children, onSubmit, ...rest }: IFormProps<any>): JSX.Element;
|
|
9
11
|
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";var qe=Object.create;var
|
|
1
|
+
"use strict";var qe=Object.create;var z=Object.defineProperty,Me=Object.defineProperties,ve=Object.getOwnPropertyDescriptor,Ue=Object.getOwnPropertyDescriptors,Ve=Object.getOwnPropertyNames,W=Object.getOwnPropertySymbols,Ne=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var de=(e,r,o)=>r in e?z(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,l=(e,r)=>{for(var o in r||(r={}))te.call(r,o)&&de(e,o,r[o]);if(W)for(var o of W(r))me.call(r,o)&&de(e,o,r[o]);return e},b=(e,r)=>Me(e,Ue(r));var d=(e,r)=>{var o={};for(var i in e)te.call(e,i)&&r.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&W)for(var i of W(e))r.indexOf(i)<0&&me.call(e,i)&&(o[i]=e[i]);return o};var ke=(e,r)=>{for(var o in r)z(e,o,{get:r[o],enumerable:!0})},pe=(e,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Ve(r))!te.call(e,t)&&t!==o&&z(e,t,{get:()=>r[t],enumerable:!(i=ve(r,t))||i.enumerable});return e};var ue=(e,r,o)=>(o=e!=null?qe(Ne(e)):{},pe(r||!e||!e.__esModule?z(o,"default",{value:e,enumerable:!0}):o,e)),ze=e=>pe(z({},"__esModule",{value:!0}),e);var je={};ke(je,{Checkbox:()=>Ie,Creatable:()=>Ge,Form:()=>ce,RadioButton:()=>Ae,RadioGroup:()=>De,Searchable:()=>Pe,Select:()=>Ce,Slider:()=>$e,Switch:()=>Te,TextField:()=>ge});module.exports=ze(je);var fe=require("react"),H=require("react-hook-form");var ie=require("react/jsx-runtime");function Oe(i){var t=i,{children:e,onSubmit:r}=t,o=d(t,["children","onSubmit"]);let a=(0,H.useForm)(o);(0,fe.useEffect)(()=>{a.reset(o.defaultValues)},[o.defaultValues,a.reset]);let n=()=>typeof e=="function"?e(b(l({},a),{onSubmit:a.handleSubmit(r)})):e;return(0,ie.jsx)(H.FormProvider,b(l({},a),{children:(0,ie.jsx)("form",{onSubmit:a.handleSubmit(r),children:n()})}))}var ce=Oe;var ye=require("react"),K=require("react-hook-form"),J=require("phosphor-react"),q=require("@mui/material"),$=ue(require("@s_mart/masks"));var le=require("@mui/material"),xe=require("@s_mart/utils"),O=require("react/jsx-runtime"),h=({label:e,required:r,regular:o})=>(0,O.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,xe.toRem)(2)},children:[(0,O.jsx)(le.Typography,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&(0,O.jsx)(le.Typography,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});var he=require("react-hook-form"),Fe=require("@s_mart/core"),be=require("react/jsx-runtime"),g=({name:e})=>{var o,i,t;let r=(0,he.useFormContext)();return(i=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&i[e]?(0,be.jsx)(Fe.Indicator,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};var w=require("react/jsx-runtime"),_e=c=>{var s=c,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,mask:n,variant:f="outlined"}=s,p=d(s,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant"]);let u=(0,K.useFormContext)();if(!u)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[y,P]=(0,ye.useState)(!1),R=m=>{var x;return n?(x=$==null?void 0:$[n])==null?void 0:x.format(m):m},C=m=>{var x;return n?(x=$==null?void 0:$[n])==null?void 0:x.parse(m):m},B=m=>{if(!m||n!=="porcentagem")return;m==null||m.stopPropagation();let x=(m==null?void 0:m.target).value;if(x){let S=String(x);if(S.length>0){let k=S.indexOf("%");k>-1&&(m.currentTarget.selectionEnd=k)}}};return(0,w.jsx)(K.Controller,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:m,onChange:x}})=>(0,w.jsxs)(q.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,w.jsx)(h,{label:t,required:a}),(0,w.jsx)(q.TextField,b(l({size:"small",variant:f,autoComplete:"off",defaultValue:o,value:R(m||""),onChange:S=>{var k;return x(C((k=S==null?void 0:S.target)==null?void 0:k.value))}},p),{type:p.type==="password"?y?"text":"password":p.type,InputProps:l({onKeyDown:B,endAdornment:p.type==="password"&&(0,w.jsx)(q.InputAdornment,{position:"end",onClick:()=>P(!y),style:{cursor:"pointer"},children:y?(0,w.jsx)(J.Eye,{size:20}):(0,w.jsx)(J.EyeSlash,{size:20})})},p.InputProps)})),(0,w.jsx)(g,{name:e})]})})},ge=_e;var Q=require("react-hook-form"),M=require("@mui/material");var G=require("react/jsx-runtime"),Be=p=>{var c=p,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,options:n}=c,f=d(c,["name","rules","defaultValue","shouldUnregister","label","required","options"]);let s=(0,Q.useFormContext)();if(!s)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,G.jsx)(Q.Controller,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:u,onChange:y}})=>(0,G.jsxs)(M.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,G.jsx)(h,{label:t,required:a}),(0,G.jsx)(M.Select,b(l({size:"small",variant:"outlined",autoComplete:"off",value:u||"",onChange:y},f),{children:n==null?void 0:n.map((P,R)=>(0,G.jsx)(M.MenuItem,{value:P.value,children:P.label},R))})),(0,G.jsx)(g,{name:e})]})})},Ce=Be;var X=require("react-hook-form"),v=require("@mui/material");var I=require("react/jsx-runtime"),We=c=>{var s=c,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,options:n,textFieldProps:f}=s,p=d(s,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let u=(0,X.useFormContext)();if(!u)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,I.jsx)(X.Controller,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{onChange:y}})=>(0,I.jsxs)(v.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,I.jsx)(h,{label:t,required:a}),(0,I.jsx)(v.Autocomplete,b(l({size:"small",onChange:(P,R)=>y(R),options:n,noOptionsText:"Nenhuma op\xE7\xE3o encontrada"},p),{renderInput:P=>(0,I.jsx)(v.TextField,l(l({},P),f))})),(0,I.jsx)(g,{name:e})]})})},Pe=We;var Y=require("react-hook-form"),Re=require("phosphor-react"),T=require("@mui/material");var E=require("@s_mart/utils"),ne=ue(require("@emotion/styled")),ae=require("@emotion/react"),Se=ae.css`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
-
`,He=e=>
|
|
5
|
+
`,He=e=>ae.css`
|
|
6
6
|
.MuiAutocomplete-endAdornment {
|
|
7
7
|
position: relative;
|
|
8
8
|
right: 0;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
.divider {
|
|
15
15
|
width: 1px;
|
|
16
|
-
height: ${(0,
|
|
16
|
+
height: ${(0,E.toRem)(20)};
|
|
17
17
|
background-color: ${e.palette.grey[400]};
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
color: ${e.palette.grey[600]};
|
|
25
25
|
border-radius: 50%;
|
|
26
26
|
|
|
27
|
-
margin: 0 ${(0,
|
|
28
|
-
width: ${(0,
|
|
29
|
-
height: ${(0,
|
|
27
|
+
margin: 0 ${(0,E.toRem)(6)};
|
|
28
|
+
width: ${(0,E.toRem)(28)};
|
|
29
|
+
height: ${(0,E.toRem)(28)};
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
32
|
cursor: pointer;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
`,we=
|
|
38
|
+
`,we=ne.default.div`
|
|
39
39
|
display: flex;
|
|
40
40
|
|
|
41
41
|
div.endAdornments {
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
${({hideAddButton:e,theme:r})=>!e&&He(r)}
|
|
49
|
-
`,Ee=
|
|
49
|
+
`,Ee=ne.default.div`
|
|
50
50
|
color: ${({theme:e})=>e.palette.text.primary};
|
|
51
51
|
|
|
52
|
-
padding: ${(0,
|
|
53
|
-
margin: ${(0,
|
|
52
|
+
padding: ${(0,E.toRem)(6)} ${(0,E.toRem)(16)};
|
|
53
|
+
margin: ${(0,E.toRem)(-6)} ${(0,E.toRem)(-16)};
|
|
54
54
|
|
|
55
55
|
&:hover {
|
|
56
56
|
cursor: pointer;
|
|
57
57
|
transition: background-color 0.2s ease-in-out;
|
|
58
58
|
background-color: ${({theme:e})=>e.palette.grey[100]};
|
|
59
59
|
}
|
|
60
|
-
`;var
|
|
60
|
+
`;var F=require("react/jsx-runtime"),Ke=u=>{var y=u,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,options:n,onCreateOption:f,textFieldProps:p,hideAddButton:c}=y,s=d(y,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton"]);let P=(0,Y.useFormContext)();if(!P)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let R=C=>{f?f(C):console.error("onCreateOption n\xE3o foi definido")};return(0,F.jsx)(Y.Controller,{control:P.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:C,onChange:B}})=>{let m=(C==null?void 0:C.label)||(C==null?void 0:C.value)||C;return(0,F.jsxs)(T.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,F.jsx)(h,{label:t,required:a}),(0,F.jsx)(we,{hideAddButton:c,children:(0,F.jsx)(T.Autocomplete,b(l({size:"small",fullWidth:!0,onChange:(x,S)=>B(S),options:n,noOptionsText:(0,F.jsx)(Ee,{onClick:()=>R(C),children:(0,F.jsxs)(T.Typography,{children:["Adicionar ",m&&`"${m}"`]})})},s),{renderInput:x=>{let S=c?x.InputProps:b(l({},x.InputProps),{endAdornment:(0,F.jsxs)("div",{className:"endAdornments",children:[x.InputProps.endAdornment,(0,F.jsxs)("div",{className:"creatable",children:[(0,F.jsx)("div",{className:"divider"}),(0,F.jsx)("div",{className:"button",onClick:()=>R(C),children:(0,F.jsx)(Re.Plus,{size:18,weight:"bold"})})]})]})});return(0,F.jsx)(T.TextField,l(b(l({},x),{onChange:B,InputProps:S}),p))}}))}),(0,F.jsx)(g,{name:e})]})}})},Ge=Ke;var Z=require("react-hook-form"),U=require("@mui/material");var A=require("react/jsx-runtime"),Je=p=>{var c=p,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,labelPlacement:a,required:n}=c,f=d(c,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let s=(0,Z.useFormContext)();if(!s)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,A.jsx)(Z.Controller,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:u,onChange:y}})=>(0,A.jsxs)(U.Grid,{display:"flex",flexDirection:"column",children:[(0,A.jsx)(U.FormControlLabel,{control:(0,A.jsx)(U.Checkbox,l({value:u!=null?u:"",defaultValue:u,onChange:y},f)),label:(0,A.jsx)(h,{label:t,required:n,regular:!0}),labelPlacement:a||"end"}),(0,A.jsx)(g,{name:e})]})})},Ie=Je;var j=require("react-hook-form"),V=require("@mui/material");var D=require("react/jsx-runtime"),Qe=f=>{var p=f,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,labelPlacement:a}=p,n=d(p,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let c=(0,j.useFormContext)();if(!c)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,D.jsx)(j.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:s,onChange:u}})=>(0,D.jsxs)(V.Grid,{display:"flex",flexDirection:"column",children:[(0,D.jsx)(V.FormControlLabel,{control:(0,D.jsx)(V.Switch,l({value:s!=null?s:"",defaultValue:s,onChange:u},n)),label:(0,D.jsx)(h,{label:t}),labelPlacement:a||"end"}),(0,D.jsx)(g,{name:e})]})})},Te=Qe;var N=require("@mui/material");var _=require("react/jsx-runtime"),Xe=i=>{var t=i,{label:e,labelPlacement:r}=t,o=d(t,["label","labelPlacement"]);return(0,_.jsx)(N.Grid,{display:"flex",flexDirection:"column",children:(0,_.jsx)(N.FormControlLabel,{control:(0,_.jsx)(N.Radio,l({},o)),label:(0,_.jsx)(h,{label:e}),labelPlacement:r||"end"})})},Ae=Xe;var ee=require("react-hook-form"),re=require("@mui/material");var L=require("react/jsx-runtime"),Ye=c=>{var s=c,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,children:n,orientation:f="row"}=s,p=d(s,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let u=(0,ee.useFormContext)();if(!u)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,L.jsx)(ee.Controller,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:y,onChange:P}})=>(0,L.jsxs)(re.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,L.jsx)(h,{label:t,required:a}),(0,L.jsx)(re.RadioGroup,b(l({value:y||"",onChange:P,name:e},p),{style:{display:"flex",flexDirection:f},children:n})),(0,L.jsx)(g,{name:e})]})})},De=Ye;var oe=require("react-hook-form"),Le=require("@mui/material");var se=require("react/jsx-runtime"),Ze=a=>{var n=a,{name:e,rules:r,defaultValue:o,shouldUnregister:i}=n,t=d(n,["name","rules","defaultValue","shouldUnregister"]);let f=(0,oe.useFormContext)();if(!f)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,se.jsx)(oe.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:p,onChange:c}})=>(0,se.jsx)(Le.Slider,l({value:p||(t==null?void 0:t.min)||0,onChange:c,valueLabelDisplay:"auto"},t))})},$e=Ze;0&&(module.exports={Checkbox,Creatable,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField});
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var
|
|
1
|
+
var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var V=(e,r,o)=>r in e?X(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,l=(e,r)=>{for(var o in r||(r={}))N.call(r,o)&&V(e,o,r[o]);if(q)for(var o of q(r))k.call(r,o)&&V(e,o,r[o]);return e},F=(e,r)=>Y(e,Z(r));var d=(e,r)=>{var o={};for(var i in e)N.call(e,i)&&r.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&q)for(var i of q(e))r.indexOf(i)<0&&k.call(e,i)&&(o[i]=e[i]);return o};import{useEffect as j}from"react";import{FormProvider as ee,useForm as re}from"react-hook-form";import{jsx as z}from"react/jsx-runtime";function oe(i){var t=i,{children:e,onSubmit:r}=t,o=d(t,["children","onSubmit"]);let a=re(o);j(()=>{a.reset(o.defaultValues)},[o.defaultValues,a.reset]);let n=()=>typeof e=="function"?e(F(l({},a),{onSubmit:a.handleSubmit(r)})):e;return z(ee,F(l({},a),{children:z("form",{onSubmit:a.handleSubmit(r),children:n()})}))}var te=oe;import{useState as de}from"react";import{Controller as me,useFormContext as pe}from"react-hook-form";import{Eye as ue,EyeSlash as fe}from"phosphor-react";import{Grid as ce,InputAdornment as xe,TextField as he}from"@mui/material";import*as G from"@s_mart/masks";import{Typography as O}from"@mui/material";import{toRem as ie}from"@s_mart/utils";import{jsx as _,jsxs as le}from"react/jsx-runtime";var h=({label:e,required:r,regular:o})=>le("span",{style:{display:"flex",alignItems:"center",gap:ie(2)},children:[_(O,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&_(O,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as ne}from"react-hook-form";import{Indicator as ae}from"@s_mart/core";import{jsx as se}from"react/jsx-runtime";var y=({name:e})=>{var o,i,t;let r=ne();return(i=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&i[e]?se(ae,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};import{jsx as R,jsxs as ye}from"react/jsx-runtime";var Fe=c=>{var s=c,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,mask:n,variant:f="outlined"}=s,p=d(s,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant"]);let u=pe();if(!u)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[b,C]=de(!1),w=m=>{var x;return n?(x=G==null?void 0:G[n])==null?void 0:x.format(m):m},g=m=>{var x;return n?(x=G==null?void 0:G[n])==null?void 0:x.parse(m):m},$=m=>{if(!m||n!=="porcentagem")return;m==null||m.stopPropagation();let x=(m==null?void 0:m.target).value;if(x){let P=String(x);if(P.length>0){let I=P.indexOf("%");I>-1&&(m.currentTarget.selectionEnd=I)}}};return R(me,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:m,onChange:x}})=>ye(ce,{display:"flex",flexDirection:"column",children:[t&&R(h,{label:t,required:a}),R(he,F(l({size:"small",variant:f,autoComplete:"off",defaultValue:o,value:w(m||""),onChange:P=>{var I;return x(g((I=P==null?void 0:P.target)==null?void 0:I.value))}},p),{type:p.type==="password"?b?"text":"password":p.type,InputProps:l({onKeyDown:$,endAdornment:p.type==="password"&&R(xe,{position:"end",onClick:()=>C(!b),style:{cursor:"pointer"},children:b?R(ue,{size:20}):R(fe,{size:20})})},p.InputProps)})),R(y,{name:e})]})})},be=Fe;import{Controller as ge,useFormContext as Ce}from"react-hook-form";import{Grid as Pe,Select as Se,MenuItem as we}from"@mui/material";import{jsx as T,jsxs as Ge}from"react/jsx-runtime";var Ee=p=>{var c=p,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,options:n}=c,f=d(c,["name","rules","defaultValue","shouldUnregister","label","required","options"]);let s=Ce();if(!s)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return T(ge,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:u,onChange:b}})=>Ge(Pe,{display:"flex",flexDirection:"column",children:[t&&T(h,{label:t,required:a}),T(Se,F(l({size:"small",variant:"outlined",autoComplete:"off",value:u||"",onChange:b},f),{children:n==null?void 0:n.map((C,w)=>T(we,{value:C.value,children:C.label},w))})),T(y,{name:e})]})})},Re=Ee;import{Controller as Ie,useFormContext as Te}from"react-hook-form";import{Grid as Ae,Autocomplete as De,TextField as Le}from"@mui/material";import{jsx as A,jsxs as Me}from"react/jsx-runtime";var $e=c=>{var s=c,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,options:n,textFieldProps:f}=s,p=d(s,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let u=Te();if(!u)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return A(Ie,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{onChange:b}})=>Me(Ae,{display:"flex",flexDirection:"column",children:[t&&A(h,{label:t,required:a}),A(De,F(l({size:"small",onChange:(C,w)=>b(w),options:n,noOptionsText:"Nenhuma op\xE7\xE3o encontrada"},p),{renderInput:C=>A(Le,l(l({},C),f))})),A(y,{name:e})]})})},qe=$e;import{Controller as Ue,useFormContext as Ve}from"react-hook-form";import{Plus as Ne}from"phosphor-react";import{Grid as ke,Autocomplete as ze,TextField as Oe,Typography as _e}from"@mui/material";import{toRem as E}from"@s_mart/utils";import B from"@emotion/styled";import{css as W}from"@emotion/react";var H=W`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
-
`,
|
|
5
|
+
`,ve=e=>W`
|
|
6
6
|
.MuiAutocomplete-endAdornment {
|
|
7
7
|
position: relative;
|
|
8
8
|
right: 0;
|
|
@@ -45,7 +45,7 @@ var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropert
|
|
|
45
45
|
${H}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
${({hideAddButton:e,theme:r})=>!e&&
|
|
48
|
+
${({hideAddButton:e,theme:r})=>!e&&ve(r)}
|
|
49
49
|
`,J=B.div`
|
|
50
50
|
color: ${({theme:e})=>e.palette.text.primary};
|
|
51
51
|
|
|
@@ -57,4 +57,4 @@ var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropert
|
|
|
57
57
|
transition: background-color 0.2s ease-in-out;
|
|
58
58
|
background-color: ${({theme:e})=>e.palette.grey[100]};
|
|
59
59
|
}
|
|
60
|
-
`;import{jsx as
|
|
60
|
+
`;import{jsx as S,jsxs as M}from"react/jsx-runtime";var Be=u=>{var b=u,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,options:n,onCreateOption:f,textFieldProps:p,hideAddButton:c}=b,s=d(b,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton"]);let C=Ve();if(!C)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let w=g=>{f?f(g):console.error("onCreateOption n\xE3o foi definido")};return S(Ue,{control:C.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:g,onChange:$}})=>{let m=(g==null?void 0:g.label)||(g==null?void 0:g.value)||g;return M(ke,{display:"flex",flexDirection:"column",children:[t&&S(h,{label:t,required:a}),S(K,{hideAddButton:c,children:S(ze,F(l({size:"small",fullWidth:!0,onChange:(x,P)=>$(P),options:n,noOptionsText:S(J,{onClick:()=>w(g),children:M(_e,{children:["Adicionar ",m&&`"${m}"`]})})},s),{renderInput:x=>{let P=c?x.InputProps:F(l({},x.InputProps),{endAdornment:M("div",{className:"endAdornments",children:[x.InputProps.endAdornment,M("div",{className:"creatable",children:[S("div",{className:"divider"}),S("div",{className:"button",onClick:()=>w(g),children:S(Ne,{size:18,weight:"bold"})})]})]})});return S(Oe,l(F(l({},x),{onChange:$,InputProps:P}),p))}}))}),S(y,{name:e})]})}})},We=Be;import{Controller as He,useFormContext as Ke}from"react-hook-form";import{Grid as Je,Checkbox as Qe,FormControlLabel as Xe}from"@mui/material";import{jsx as D,jsxs as je}from"react/jsx-runtime";var Ye=p=>{var c=p,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,labelPlacement:a,required:n}=c,f=d(c,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let s=Ke();if(!s)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(He,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:u,onChange:b}})=>je(Je,{display:"flex",flexDirection:"column",children:[D(Xe,{control:D(Qe,l({value:u!=null?u:"",defaultValue:u,onChange:b},f)),label:D(h,{label:t,required:n,regular:!0}),labelPlacement:a||"end"}),D(y,{name:e})]})})},Ze=Ye;import{Controller as er,useFormContext as rr}from"react-hook-form";import{Grid as or,Switch as tr,FormControlLabel as ir}from"@mui/material";import{jsx as L,jsxs as ar}from"react/jsx-runtime";var lr=f=>{var p=f,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,labelPlacement:a}=p,n=d(p,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let c=rr();if(!c)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return L(er,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:s,onChange:u}})=>ar(or,{display:"flex",flexDirection:"column",children:[L(ir,{control:L(tr,l({value:s!=null?s:"",defaultValue:s,onChange:u},n)),label:L(h,{label:t}),labelPlacement:a||"end"}),L(y,{name:e})]})})},nr=lr;import{Grid as sr,Radio as dr,FormControlLabel as mr}from"@mui/material";import{jsx as v}from"react/jsx-runtime";var pr=i=>{var t=i,{label:e,labelPlacement:r}=t,o=d(t,["label","labelPlacement"]);return v(sr,{display:"flex",flexDirection:"column",children:v(mr,{control:v(dr,l({},o)),label:v(h,{label:e}),labelPlacement:r||"end"})})},ur=pr;import{Controller as fr,useFormContext as cr}from"react-hook-form";import{Grid as xr,RadioGroup as hr}from"@mui/material";import{jsx as U,jsxs as yr}from"react/jsx-runtime";var Fr=c=>{var s=c,{name:e,rules:r,defaultValue:o,shouldUnregister:i,label:t,required:a,children:n,orientation:f="row"}=s,p=d(s,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let u=cr();if(!u)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return U(fr,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:b,onChange:C}})=>yr(xr,{display:"flex",flexDirection:"column",children:[t&&U(h,{label:t,required:a}),U(hr,F(l({value:b||"",onChange:C,name:e},p),{style:{display:"flex",flexDirection:f},children:n})),U(y,{name:e})]})})},br=Fr;import{Controller as gr,useFormContext as Cr}from"react-hook-form";import{Slider as Pr}from"@mui/material";import{jsx as Q}from"react/jsx-runtime";var Sr=a=>{var n=a,{name:e,rules:r,defaultValue:o,shouldUnregister:i}=n,t=d(n,["name","rules","defaultValue","shouldUnregister"]);let f=Cr();if(!f)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Q(gr,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:i,render:({field:{value:p,onChange:c}})=>Q(Pr,l({value:p||(t==null?void 0:t.min)||0,onChange:c,valueLabelDisplay:"auto"},t))})},wr=Sr;export{Ze as Checkbox,We as Creatable,te as Form,ur as RadioButton,br as RadioGroup,qe as Searchable,Re as Select,wr as Slider,nr as Switch,be as TextField};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@s_mart/form",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -12,22 +12,23 @@
|
|
|
12
12
|
"scripts": {
|
|
13
13
|
"build": "tsup src/index.tsx --minify --format esm,cjs --dts --external react",
|
|
14
14
|
"dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
|
|
15
|
-
"lint": "
|
|
15
|
+
"lint": "eslint src/**/*.ts* --fix",
|
|
16
16
|
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"tsup": "^6.2.3",
|
|
20
|
-
"typescript": "^4.
|
|
20
|
+
"typescript": "^4.9.3",
|
|
21
21
|
"@types/react": "18.0.18",
|
|
22
22
|
"@types/react-dom": "18.0.6",
|
|
23
23
|
"@s_mart/typed": "*",
|
|
24
24
|
"@s_mart/utils": "*",
|
|
25
|
-
"@s_mart/masks": "*"
|
|
25
|
+
"@s_mart/masks": "*",
|
|
26
|
+
"@s_mart/core": "*"
|
|
26
27
|
},
|
|
27
28
|
"peerDependencies": {
|
|
28
29
|
"react": ">=18.0.0",
|
|
29
30
|
"react-dom": ">=18.0.0",
|
|
30
|
-
"typescript": ">=4.
|
|
31
|
+
"typescript": ">=4.9.3",
|
|
31
32
|
"react-hook-form": ">=7.36.1",
|
|
32
33
|
"@mui/material": ">=5.11.2",
|
|
33
34
|
"@types/react": ">=18.0.18",
|