@s_mart/form 2.5.2 → 2.5.4

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { UseFormProps, UseFormReturn, ControllerProps } from 'react-hook-form';
-import { TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, AutocompleteProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1 } from '@mui/material';
+import { TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, SelectChangeEvent, AutocompleteProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1 } from '@mui/material';
 
 interface IFormProps<T> extends UseFormProps {
     onSubmit: (data: T) => void;
@@ -13,9 +13,16 @@ type ControllerTextField = Omit<ControllerProps, 'render' | 'control'>;
 type Masks = 'cpf' | 'cnpj' | 'cpfCnpj' | 'cep' | 'telefone' | 'decimal' | 'porcentagem' | 'numero' | 'placa' | 'valor';
 type TextFieldProps = TextFieldProps$1 & ControllerTextField & {
     mask?: Masks;
+    /**
+     * @description Função que será executada quando o valor do input for alterado
+     * @param event Evento de alteração do input
+     *
+     * @example  onInputChange={(event) => console.log(event.target.value)}
+     */
+    onInputChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 };
 
-declare const TextField: ({ name, rules, defaultValue, shouldUnregister, label, required, mask, variant, ...rest }: TextFieldProps) => JSX.Element;
+declare const TextField: ({ name, rules, defaultValue, shouldUnregister, label, required, mask, variant, onInputChange, ...rest }: TextFieldProps) => JSX.Element;
 
 type ControllerSelect = Omit<ControllerProps, 'render' | 'control'>;
 type SelectOption = {
@@ -24,9 +31,10 @@ type SelectOption = {
 };
 type SelectProps = SelectProps$1 & ControllerSelect & {
     options: SelectOption[];
+    onInputChange?: (event: SelectChangeEvent) => void;
 };
 
-declare const Select: ({ name, rules, defaultValue, shouldUnregister, label, required, options, placeholder, ...rest }: SelectProps) => JSX.Element;
+declare const Select: ({ name, rules, defaultValue, shouldUnregister, label, required, options, placeholder, onInputChange, ...rest }: SelectProps) => JSX.Element;
 
 type ControllerSearchable = Omit<ControllerProps, 'render' | 'control'>;
 type SearchableOption = {
@@ -56,9 +64,19 @@ type SearchableProps = Omit<AutocompleteProps<SearchableOption, true, true, true
     textFieldProps?: TextFieldProps$1;
     label?: React.ReactNode;
     required?: boolean;
+    /**
+     * @description Função que será executada quando o valor do input for alterado
+     * @param values Valor do input alterado
+     *
+     * @example  onInputChange={(values) => console.log(values)}
+     */
+    onInputChange?: (event: (string | {
+        label: string;
+        value: string | number | readonly string[] | undefined;
+    })[]) => void;
 };
 
-declare const Searchable: ({ name, rules, defaultValue, shouldUnregister, label, required, options, textFieldProps, ...rest }: SearchableProps) => JSX.Element;
+declare const Searchable: ({ name, rules, defaultValue, shouldUnregister, label, required, options, textFieldProps, onInputChange, ...rest }: SearchableProps) => JSX.Element;
 
 type ControllerCreatable = Omit<ControllerProps, 'render' | 'control'>;
 type CreatableOption = {
@@ -114,9 +132,19 @@ type CreatableProps = Omit<AutocompleteProps<CreatableOption, true, true, true>,
      * @memberof CreatableProps
      */
     hideAddButton?: boolean;
+    /**
+     * @description Função que será executada quando o valor do input for alterado
+     * @param values Valor do input alterado
+     *
+     * @example  onInputChange={(values) => console.log(values)}
+     */
+    onInputChange?: (event: (string | {
+        label: string;
+        value?: string | number | readonly string[] | undefined;
+    })[]) => void;
 };
 
-declare const Creatable: ({ name, rules, defaultValue, shouldUnregister, label, required, options, onCreateOption, textFieldProps, hideAddButton, ...rest }: CreatableProps) => JSX.Element;
+declare const Creatable: ({ name, rules, defaultValue, shouldUnregister, label, required, options, onCreateOption, textFieldProps, hideAddButton, onInputChange, ...rest }: CreatableProps) => JSX.Element;
 
 type ControllerCheckbox = Omit<ControllerProps, 'render' | 'control'>;
 type CheckboxProps = CheckboxProps$1 & ControllerCheckbox & {

package/dist/index.js

@@ -1,19 +1,19 @@
-"use strict";var $e=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,pe=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,i=(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))pe.call(r,o)&&de(e,o,r[o]);return e},F=(e,r)=>Me(e,Ue(r));var m=(e,r)=>{var o={};for(var l in e)te.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&W)for(var l of W(e))r.indexOf(l)<0&&pe.call(e,l)&&(o[l]=e[l]);return o};var ke=(e,r)=>{for(var o in r)z(e,o,{get:r[o],enumerable:!0})},me=(e,r,o,l)=>{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:!(l=Ve(r,t))||l.enumerable});return e};var ue=(e,r,o)=>(o=e!=null?$e(Ne(e)):{},me(r||!e||!e.__esModule?z(o,"default",{value:e,enumerable:!0}):o,e)),Oe=e=>me(z({},"__esModule",{value:!0}),e);var Ze={};ke(Ze,{Checkbox:()=>Re,Creatable:()=>Ie,Form:()=>ce,RadioButton:()=>Ae,RadioGroup:()=>De,Searchable:()=>Pe,Select:()=>Ce,Slider:()=>qe,Switch:()=>Ge,TextField:()=>ge});module.exports=Oe(Ze);var fe=require("react"),j=require("react-hook-form");var le=require("react/jsx-runtime");function ze(l){var t=l,{children:e,onSubmit:r}=t,o=m(t,["children","onSubmit"]);let d=(0,j.useForm)(o);(0,fe.useEffect)(()=>{d.reset(o.defaultValues)},[o.defaultValues,d.reset]);let n=()=>typeof e=="function"?e(F(i({},d),{onSubmit:d.handleSubmit(r)})):e;return(0,le.jsx)(j.FormProvider,F(i({},d),{children:(0,le.jsx)("form",{onSubmit:d.handleSubmit(r),children:n()})}))}var ce=ze;var Fe=require("react"),H=require("react-hook-form"),K=require("phosphor-react"),V=require("@mui/material"),M=ue(require("@s_mart/masks"));var ie=require("@mui/material"),xe=require("@s_mart/utils"),_=require("react/jsx-runtime"),h=({label:e,required:r,regular:o})=>(0,_.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,xe.toRem)(2)},children:[(0,_.jsx)(ie.Typography,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&(0,_.jsx)(ie.Typography,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});var ye=require("react-hook-form"),he=require("@s_mart/core"),be=require("react/jsx-runtime"),S=({name:e})=>{var o,l,t;let r=(0,ye.useFormContext)();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?(0,be.jsx)(he.Indicator,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};var E=require("react/jsx-runtime"),_e=g=>{var p=g,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,mask:n,variant:x="outlined"}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant"]);let f=(0,H.useFormContext)();if(!f)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[C,w]=(0,Fe.useState)(!1),P=c=>{var s;return n?(s=M==null?void 0:M[n])==null?void 0:s.format(c):c},a=c=>{var s;return n?(s=M==null?void 0:M[n])==null?void 0:s.parse(c):c},$=c=>{if(!c||n!=="porcentagem")return;c==null||c.stopPropagation();let s=(c==null?void 0:c.target).value;if(s){let y=String(s);if(y.length>0){let O=y.indexOf("%");O>-1&&(c.currentTarget.selectionEnd=O)}}};return(0,E.jsx)(H.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:s}})=>(0,E.jsxs)(V.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,E.jsx)(h,{label:t,required:d}),(0,E.jsx)(V.TextField,F(i({size:"small",variant:x,autoComplete:"off",defaultValue:o,value:P(c||""),onChange:y=>{var O;return s(a((O=y==null?void 0:y.target)==null?void 0:O.value))}},u),{type:u.type==="password"?C?"text":"password":u.type,InputProps:i({onKeyDown:$,endAdornment:u.type==="password"&&(0,E.jsx)(V.InputAdornment,{position:"end",onClick:()=>w(!C),style:{cursor:"pointer"},children:C?(0,E.jsx)(K.Eye,{size:20}):(0,E.jsx)(K.EyeSlash,{size:20})})},u.InputProps)})),(0,E.jsx)(S,{name:e})]})})},ge=_e;var J=require("react-hook-form"),I=require("@mui/material");var T=require("react/jsx-runtime"),Be=g=>{var p=g,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,placeholder:x}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder"]);let f=(0,J.useFormContext)(),{palette:C}=(0,I.useTheme)();if(!f)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,T.jsx)(J.Controller,{control:f.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:w,onChange:P}})=>(0,T.jsxs)(I.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,T.jsx)(h,{label:t,required:d}),(0,T.jsxs)(I.Select,F(i({displayEmpty:Boolean(x),size:"small",variant:"outlined",autoComplete:"off",value:w||"",onChange:P},u),{children:[x&&(0,T.jsx)(I.MenuItem,{disabled:!0,value:"",children:(0,T.jsx)("p",{style:{color:C.grey[400]},children:x})}),n==null?void 0:n.map((a,$)=>(0,T.jsx)(I.MenuItem,{value:a.value,children:a.label},$))]})),(0,T.jsx)(S,{name:e})]})})},Ce=Be;var Q=require("react-hook-form"),U=require("@mui/material");var G=require("react/jsx-runtime"),We=g=>{var p=g,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,textFieldProps:x}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let f=(0,Q.useFormContext)();if(!f)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,G.jsx)(Q.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:C,value:w}})=>(0,G.jsxs)(U.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,G.jsx)(h,{label:t,required:d}),(0,G.jsx)(U.Autocomplete,F(i({size:"small",onChange:(P,a)=>C(a),value:w||null,options:n,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(P,a)=>typeof P=="string"&&typeof a=="string"?P===a:typeof P=="object"&&typeof a=="object"?P.value===a.value:!1},u),{renderInput:P=>(0,G.jsx)(U.TextField,i(i({},P),x))})),(0,G.jsx)(S,{name:e})]})})},Pe=We;var X=require("react-hook-form"),Te=require("phosphor-react"),A=require("@mui/material");var R=require("@s_mart/utils"),ne=ue(require("@emotion/styled")),ae=require("@emotion/react"),Se=ae.css`
+"use strict";var Ve=Object.create;var _=Object.defineProperty,Ue=Object.defineProperties,Ne=Object.getOwnPropertyDescriptor,ke=Object.getOwnPropertyDescriptors,ve=Object.getOwnPropertyNames,j=Object.getOwnPropertySymbols,Ie=Object.getPrototypeOf,le=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var me=(e,r,o)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,n=(e,r)=>{for(var o in r||(r={}))le.call(r,o)&&me(e,o,r[o]);if(j)for(var o of j(r))pe.call(r,o)&&me(e,o,r[o]);return e},P=(e,r)=>Ue(e,ke(r));var u=(e,r)=>{var o={};for(var l in e)le.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&j)for(var l of j(e))r.indexOf(l)<0&&pe.call(e,l)&&(o[l]=e[l]);return o};var Oe=(e,r)=>{for(var o in r)_(e,o,{get:r[o],enumerable:!0})},fe=(e,r,o,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of ve(r))!le.call(e,t)&&t!==o&&_(e,t,{get:()=>r[t],enumerable:!(l=Ne(r,t))||l.enumerable});return e};var ue=(e,r,o)=>(o=e!=null?Ve(Ie(e)):{},fe(r||!e||!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),ze=e=>fe(_({},"__esModule",{value:!0}),e);var er={};Oe(er,{Checkbox:()=>Ae,Creatable:()=>Ge,Form:()=>xe,RadioButton:()=>Le,RadioGroup:()=>qe,Searchable:()=>Ce,Select:()=>Se,Slider:()=>Me,Switch:()=>De,TextField:()=>ge});module.exports=ze(er);var ce=require("react"),H=require("react-hook-form");var ie=require("react/jsx-runtime");function _e(l){var t=l,{children:e,onSubmit:r}=t,o=u(t,["children","onSubmit"]);let d=(0,H.useForm)(o);(0,ce.useEffect)(()=>{d.reset(o.defaultValues)},[o.defaultValues,d.reset]);let s=()=>typeof e=="function"?e(P(n({},d),{onSubmit:d.handleSubmit(r)})):e;return(0,ie.jsx)(H.FormProvider,P(n({},d),{children:(0,ie.jsx)("form",{onSubmit:d.handleSubmit(r),children:s()})}))}var xe=_e;var Pe=require("react"),K=require("react-hook-form"),J=require("phosphor-react"),N=require("@mui/material"),U=ue(require("@s_mart/masks"));var ne=require("@mui/material"),ye=require("@s_mart/utils"),B=require("react/jsx-runtime"),F=({label:e,required:r,regular:o})=>(0,B.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,ye.toRem)(2)},children:[(0,B.jsx)(ne.Typography,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&(0,B.jsx)(ne.Typography,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});var be=require("react-hook-form"),Fe=require("@s_mart/core"),he=require("react/jsx-runtime"),S=({name:e})=>{var o,l,t;let r=(0,be.useFormContext)();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?(0,he.jsx)(Fe.Indicator,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};var E=require("react/jsx-runtime"),Be=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,mask:s,variant:y="outlined",onInputChange:m}=f,p=u(f,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let C=(0,K.useFormContext)();if(!C)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[w,A]=(0,Pe.useState)(!1),g=c=>{var a;return s?(a=U==null?void 0:U[s])==null?void 0:a.format(c):c},i=c=>{var a;return s?(a=U==null?void 0:U[s])==null?void 0:a.parse(c):c},V=c=>{if(!c||s!=="porcentagem")return;c==null||c.stopPropagation();let a=(c==null?void 0:c.target).value;if(a){let x=String(a);if(x.length>0){let z=x.indexOf("%");z>-1&&(c.currentTarget.selectionEnd=z)}}};return(0,E.jsx)(K.Controller,{control:C.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:a}})=>(0,E.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,E.jsx)(F,{label:t,required:d}),(0,E.jsx)(N.TextField,P(n({size:"small",variant:y,autoComplete:"off",defaultValue:o,value:g(c||""),onChange:x=>{var z;m==null||m(x),a(i((z=x==null?void 0:x.target)==null?void 0:z.value))}},p),{type:p.type==="password"?w?"text":"password":p.type,InputProps:n({onKeyDown:V,endAdornment:p.type==="password"&&(0,E.jsx)(N.InputAdornment,{position:"end",onClick:()=>A(!w),style:{cursor:"pointer"},children:w?(0,E.jsx)(J.Eye,{size:20}):(0,E.jsx)(J.EyeSlash,{size:20})})},p.InputProps)})),(0,E.jsx)(S,{name:e})]})})},ge=Be;var Q=require("react-hook-form"),R=require("@mui/material");var T=require("react/jsx-runtime"),We=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:s,placeholder:y,onInputChange:m}=f,p=u(f,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let C=(0,Q.useFormContext)(),{palette:w}=(0,R.useTheme)();if(!C)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,T.jsx)(Q.Controller,{control:C.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:A,onChange:g}})=>(0,T.jsxs)(R.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,T.jsx)(F,{label:t,required:d}),(0,T.jsxs)(R.Select,P(n({displayEmpty:Boolean(y),size:"small",variant:"outlined",autoComplete:"off",value:A||"",onChange:i=>{m==null||m(i),g(i.target.value)}},p),{children:[y&&(0,T.jsx)(R.MenuItem,{disabled:!0,value:"",children:(0,T.jsx)("p",{style:{color:w.grey[400]},children:y})}),s==null?void 0:s.map((i,V)=>(0,T.jsx)(R.MenuItem,{value:i.value,children:i.label},V))]})),(0,T.jsx)(S,{name:e})]})})},Se=We;var X=require("react-hook-form"),k=require("@mui/material");var D=require("react/jsx-runtime"),je=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:s,textFieldProps:y,onInputChange:m}=f,p=u(f,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps","onInputChange"]);let C=(0,X.useFormContext)();if(!C)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,D.jsx)(X.Controller,{control:C.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:w,value:A}})=>(0,D.jsxs)(k.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,D.jsx)(F,{label:t,required:d}),(0,D.jsx)(k.Autocomplete,P(n({size:"small",onChange:(g,i)=>(m==null||m(i),w(i)),value:A||null,options:s,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(g,i)=>typeof g=="string"&&typeof i=="string"?g===i:typeof g=="object"&&typeof i=="object"?g.value===i.value:!1},p),{renderInput:g=>(0,D.jsx)(k.TextField,n(n({},g),y))})),(0,D.jsx)(S,{name:e})]})})},Ce=je;var Y=require("react-hook-form"),Re=require("phosphor-react"),L=require("@mui/material");var G=require("@s_mart/utils"),se=ue(require("@emotion/styled")),ae=require("@emotion/react"),we=ae.css`
   display: flex;
   align-items: center;
   justify-content: center;
-`,je=e=>ae.css`
+`,He=e=>ae.css`
   .MuiAutocomplete-endAdornment {
     position: relative;
     right: 0;
   }
 
   .creatable {
-    ${Se}
+    ${we}
 
     .divider {
       width: 1px;
-      height: ${(0,R.toRem)(20)};
+      height: ${(0,G.toRem)(20)};
       background-color: ${e.palette.grey[400]};
     }
 
@@ -24,9 +24,9 @@
       color: ${e.palette.grey[600]};
       border-radius: 50%;
 
-      margin: 0 ${(0,R.toRem)(6)};
-      width: ${(0,R.toRem)(28)};
-      height: ${(0,R.toRem)(28)};
+      margin: 0 ${(0,G.toRem)(6)};
+      width: ${(0,G.toRem)(28)};
+      height: ${(0,G.toRem)(28)};
 
       &:hover {
         cursor: pointer;
@@ -35,26 +35,26 @@
       }
     }
   }
-`,we=ne.default.div`
+`,Ee=se.default.div`
   display: flex;
 
   div.endAdornments {
     position: absolute;
     right: 0;
 
-    ${Se}
+    ${we}
   }
 
-  ${({hideAddButton:e,theme:r})=>!e&&je(r)}
-`,Ee=ne.default.div`
+  ${({hideAddButton:e,theme:r})=>!e&&He(r)}
+`,Te=se.default.div`
   color: ${({theme:e})=>e.palette.text.primary};
 
-  padding: ${(0,R.toRem)(6)} ${(0,R.toRem)(16)};
-  margin: ${(0,R.toRem)(-6)} ${(0,R.toRem)(-16)};
+  padding: ${(0,G.toRem)(6)} ${(0,G.toRem)(16)};
+  margin: ${(0,G.toRem)(-6)} ${(0,G.toRem)(-16)};
 
   &:hover {
     cursor: pointer;
     transition: background-color 0.2s ease-in-out;
     background-color: ${({theme:e})=>e.palette.grey[100]};
   }
-`;var b=require("react/jsx-runtime"),He=f=>{var C=f,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,onCreateOption:x,textFieldProps:u,hideAddButton:g}=C,p=m(C,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton"]);let w=(0,X.useFormContext)();if(!w)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let P=a=>{x?x(a):console.error("onCreateOption n\xE3o foi definido")};return(0,b.jsx)(X.Controller,{control:w.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:$}})=>{let c=(a==null?void 0:a.label)||(a==null?void 0:a.value)||a;return(0,b.jsxs)(A.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,b.jsx)(h,{label:t,required:d}),(0,b.jsx)(we,{hideAddButton:g,children:(0,b.jsx)(A.Autocomplete,F(i({size:"small",fullWidth:!0,onChange:(s,y)=>$(y),options:n,value:a||null,noOptionsText:(0,b.jsx)(Ee,{onClick:()=>P(a),children:(0,b.jsxs)(A.Typography,{children:["Adicionar ",c&&`"${c}"`]})}),isOptionEqualToValue:(s,y)=>y?typeof s=="string"&&typeof y=="string"?s===y:typeof s=="object"&&typeof y=="object"?s.value===y.value:typeof s=="object"&&typeof y=="string":!1},p),{renderInput:s=>{let y=g?s.InputProps:F(i({},s.InputProps),{endAdornment:(0,b.jsxs)("div",{className:"endAdornments",children:[s.InputProps.endAdornment,(0,b.jsxs)("div",{className:"creatable",children:[(0,b.jsx)("div",{className:"divider"}),(0,b.jsx)("div",{className:"button",onClick:()=>P(a),children:(0,b.jsx)(Te.Plus,{size:18,weight:"bold"})})]})]})});return(0,b.jsx)(A.TextField,i(F(i({},s),{onChange:$,InputProps:y}),u))}}))}),(0,b.jsx)(S,{name:e})]})}})},Ie=He;var Y=require("react-hook-form"),v=require("@mui/material");var D=require("react/jsx-runtime"),Ke=u=>{var g=u,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d,required:n}=g,x=m(g,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let p=(0,Y.useFormContext)();if(!p)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,D.jsx)(Y.Controller,{control:p.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:C}})=>(0,D.jsxs)(v.Grid,{display:"flex",flexDirection:"column",children:[(0,D.jsx)(v.FormControlLabel,{control:(0,D.jsx)(v.Checkbox,i({value:f!=null?f:"",defaultValue:f,onChange:C},x)),label:(0,D.jsx)(h,{label:t,required:n,regular:!0}),labelPlacement:d||"end"}),(0,D.jsx)(S,{name:e})]})})},Re=Ke;var Z=require("react-hook-form"),N=require("@mui/material");var L=require("react/jsx-runtime"),Je=x=>{var u=x,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d}=u,n=m(u,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let g=(0,Z.useFormContext)();if(!g)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,L.jsx)(Z.Controller,{control:g.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:p,onChange:f}})=>(0,L.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[(0,L.jsx)(N.FormControlLabel,{control:(0,L.jsx)(N.Switch,i({value:p!=null?p:"",defaultValue:p,onChange:f},n)),label:(0,L.jsx)(h,{label:t}),labelPlacement:d||"end"}),(0,L.jsx)(S,{name:e})]})})},Ge=Je;var k=require("@mui/material");var B=require("react/jsx-runtime"),Qe=l=>{var t=l,{label:e,labelPlacement:r}=t,o=m(t,["label","labelPlacement"]);return(0,B.jsx)(k.Grid,{display:"flex",flexDirection:"column",children:(0,B.jsx)(k.FormControlLabel,{control:(0,B.jsx)(k.Radio,i({},o)),label:(0,B.jsx)(h,{label:e}),labelPlacement:r||"end"})})},Ae=Qe;var ee=require("react-hook-form"),re=require("@mui/material");var q=require("react/jsx-runtime"),Xe=g=>{var p=g,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,children:n,orientation:x="row"}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let f=(0,ee.useFormContext)();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(ee.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:C,onChange:w}})=>(0,q.jsxs)(re.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,q.jsx)(h,{label:t,required:d}),(0,q.jsx)(re.RadioGroup,F(i({value:C||"",onChange:w,name:e},u),{style:{display:"flex",flexDirection:x},children:n})),(0,q.jsx)(S,{name:e})]})})},De=Xe;var oe=require("react-hook-form"),Le=require("@mui/material");var se=require("react/jsx-runtime"),Ye=d=>{var n=d,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=n,t=m(n,["name","rules","defaultValue","shouldUnregister"]);let x=(0,oe.useFormContext)();if(!x)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,se.jsx)(oe.Controller,{control:x.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:u,onChange:g}})=>(0,se.jsx)(Le.Slider,i({value:u||(t==null?void 0:t.min)||0,onChange:g,valueLabelDisplay:"auto"},t))})},qe=Ye;0&&(module.exports={Checkbox,Creatable,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField});
+`;var h=require("react/jsx-runtime"),Ke=C=>{var w=C,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:s,onCreateOption:y,textFieldProps:m,hideAddButton:p,onInputChange:b}=w,f=u(w,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let A=(0,Y.useFormContext)();if(!A)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let g=i=>{y?y(i):console.error("onCreateOption n\xE3o foi definido")};return(0,h.jsx)(Y.Controller,{control:A.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:i,onChange:V}})=>{let c=(i==null?void 0:i.label)||(i==null?void 0:i.value)||i;return(0,h.jsxs)(L.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,h.jsx)(F,{label:t,required:d}),(0,h.jsx)(Ee,{hideAddButton:p,children:(0,h.jsx)(L.Autocomplete,P(n({size:"small",fullWidth:!0,onChange:(a,x)=>(b==null||b(x),V(x)),options:s,value:i||null,noOptionsText:(0,h.jsx)(Te,{onClick:()=>g(i),children:(0,h.jsxs)(L.Typography,{children:["Adicionar ",c&&`"${c}"`]})}),isOptionEqualToValue:(a,x)=>x?typeof a=="string"&&typeof x=="string"?a===x:typeof a=="object"&&typeof x=="object"?a.value===x.value:typeof a=="object"&&typeof x=="string":!1},f),{renderInput:a=>{let x=p?a.InputProps:P(n({},a.InputProps),{endAdornment:(0,h.jsxs)("div",{className:"endAdornments",children:[a.InputProps.endAdornment,(0,h.jsxs)("div",{className:"creatable",children:[(0,h.jsx)("div",{className:"divider"}),(0,h.jsx)("div",{className:"button",onClick:()=>g(i),children:(0,h.jsx)(Re.Plus,{size:18,weight:"bold"})})]})]})});return(0,h.jsx)(L.TextField,n(P(n({},a),{onChange:V,InputProps:x}),m))}}))}),(0,h.jsx)(S,{name:e})]})}})},Ge=Ke;var Z=require("react-hook-form"),v=require("@mui/material");var q=require("react/jsx-runtime"),Je=m=>{var p=m,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d,required:s}=p,y=u(p,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let b=(0,Z.useFormContext)();if(!b)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(Z.Controller,{control:b.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:C}})=>(0,q.jsxs)(v.Grid,{display:"flex",flexDirection:"column",children:[(0,q.jsx)(v.FormControlLabel,{control:(0,q.jsx)(v.Checkbox,n({value:f!=null?f:"",defaultValue:f,onChange:C},y)),label:(0,q.jsx)(F,{label:t,required:s,regular:!0}),labelPlacement:d||"end"}),(0,q.jsx)(S,{name:e})]})})},Ae=Je;var ee=require("react-hook-form"),I=require("@mui/material");var $=require("react/jsx-runtime"),Qe=y=>{var m=y,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d}=m,s=u(m,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let p=(0,ee.useFormContext)();if(!p)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,$.jsx)(ee.Controller,{control:p.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:b,onChange:f}})=>(0,$.jsxs)(I.Grid,{display:"flex",flexDirection:"column",children:[(0,$.jsx)(I.FormControlLabel,{control:(0,$.jsx)(I.Switch,n({value:b!=null?b:"",defaultValue:b,onChange:f},s)),label:(0,$.jsx)(F,{label:t}),labelPlacement:d||"end"}),(0,$.jsx)(S,{name:e})]})})},De=Qe;var O=require("@mui/material");var W=require("react/jsx-runtime"),Xe=l=>{var t=l,{label:e,labelPlacement:r}=t,o=u(t,["label","labelPlacement"]);return(0,W.jsx)(O.Grid,{display:"flex",flexDirection:"column",children:(0,W.jsx)(O.FormControlLabel,{control:(0,W.jsx)(O.Radio,n({},o)),label:(0,W.jsx)(F,{label:e}),labelPlacement:r||"end"})})},Le=Xe;var re=require("react-hook-form"),oe=require("@mui/material");var M=require("react/jsx-runtime"),Ye=p=>{var b=p,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,children:s,orientation:y="row"}=b,m=u(b,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let f=(0,re.useFormContext)();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,M.jsx)(re.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:C,onChange:w}})=>(0,M.jsxs)(oe.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,M.jsx)(F,{label:t,required:d}),(0,M.jsx)(oe.RadioGroup,P(n({value:C||"",onChange:w,name:e},m),{style:{display:"flex",flexDirection:y},children:s})),(0,M.jsx)(S,{name:e})]})})},qe=Ye;var te=require("react-hook-form"),$e=require("@mui/material");var de=require("react/jsx-runtime"),Ze=d=>{var s=d,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=s,t=u(s,["name","rules","defaultValue","shouldUnregister"]);let y=(0,te.useFormContext)();if(!y)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,de.jsx)(te.Controller,{control:y.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:m,onChange:p}})=>(0,de.jsx)($e.Slider,n({value:m||(t==null?void 0:t.min)||0,onChange:p,valueLabelDisplay:"auto"},t))})},Me=Ze;0&&(module.exports={Checkbox,Creatable,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField});

package/dist/index.mjs

@@ -1,19 +1,19 @@
-var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var v=(e,r,o)=>r in e?Y(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,i=(e,r)=>{for(var o in r||(r={}))N.call(r,o)&&v(e,o,r[o]);if($)for(var o of $(r))k.call(r,o)&&v(e,o,r[o]);return e},b=(e,r)=>Z(e,ee(r));var m=(e,r)=>{var o={};for(var l in e)N.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&$)for(var l of $(e))r.indexOf(l)<0&&k.call(e,l)&&(o[l]=e[l]);return o};import{useEffect as re}from"react";import{FormProvider as oe,useForm as te}from"react-hook-form";import{jsx as O}from"react/jsx-runtime";function le(l){var t=l,{children:e,onSubmit:r}=t,o=m(t,["children","onSubmit"]);let d=te(o);re(()=>{d.reset(o.defaultValues)},[o.defaultValues,d.reset]);let n=()=>typeof e=="function"?e(b(i({},d),{onSubmit:d.handleSubmit(r)})):e;return O(oe,b(i({},d),{children:O("form",{onSubmit:d.handleSubmit(r),children:n()})}))}var ie=le;import{useState as me}from"react";import{Controller as ue,useFormContext as fe}from"react-hook-form";import{Eye as ce,EyeSlash as xe}from"phosphor-react";import{Grid as ye,InputAdornment as he,TextField as be}from"@mui/material";import*as R from"@s_mart/masks";import{Typography as z}from"@mui/material";import{toRem as ne}from"@s_mart/utils";import{jsx as _,jsxs as ae}from"react/jsx-runtime";var h=({label:e,required:r,regular:o})=>ae("span",{style:{display:"flex",alignItems:"center",gap:ne(2)},children:[_(z,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&_(z,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as se}from"react-hook-form";import{Indicator as de}from"@s_mart/core";import{jsx as pe}from"react/jsx-runtime";var P=({name:e})=>{var o,l,t;let r=se();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?pe(de,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};import{jsx as T,jsxs as Ce}from"react/jsx-runtime";var Fe=F=>{var p=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,mask:n,variant:x="outlined"}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant"]);let f=fe();if(!f)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[g,S]=me(!1),C=c=>{var s;return n?(s=R==null?void 0:R[n])==null?void 0:s.format(c):c},a=c=>{var s;return n?(s=R==null?void 0:R[n])==null?void 0:s.parse(c):c},I=c=>{if(!c||n!=="porcentagem")return;c==null||c.stopPropagation();let s=(c==null?void 0:c.target).value;if(s){let y=String(s);if(y.length>0){let A=y.indexOf("%");A>-1&&(c.currentTarget.selectionEnd=A)}}};return T(ue,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:s}})=>Ce(ye,{display:"flex",flexDirection:"column",children:[t&&T(h,{label:t,required:d}),T(be,b(i({size:"small",variant:x,autoComplete:"off",defaultValue:o,value:C(c||""),onChange:y=>{var A;return s(a((A=y==null?void 0:y.target)==null?void 0:A.value))}},u),{type:u.type==="password"?g?"text":"password":u.type,InputProps:i({onKeyDown:I,endAdornment:u.type==="password"&&T(he,{position:"end",onClick:()=>S(!g),style:{cursor:"pointer"},children:g?T(ce,{size:20}):T(xe,{size:20})})},u.InputProps)})),T(P,{name:e})]})})},ge=Fe;import{Controller as Pe,useFormContext as Se}from"react-hook-form";import{Grid as we,Select as Ee,MenuItem as B,useTheme as Te}from"@mui/material";import{jsx as G,jsxs as W}from"react/jsx-runtime";var Ie=F=>{var p=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,placeholder:x}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder"]);let f=Se(),{palette:g}=Te();if(!f)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return G(Pe,{control:f.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:S,onChange:C}})=>W(we,{display:"flex",flexDirection:"column",children:[t&&G(h,{label:t,required:d}),W(Ee,b(i({displayEmpty:Boolean(x),size:"small",variant:"outlined",autoComplete:"off",value:S||"",onChange:C},u),{children:[x&&G(B,{disabled:!0,value:"",children:G("p",{style:{color:g.grey[400]},children:x})}),n==null?void 0:n.map((a,I)=>G(B,{value:a.value,children:a.label},I))]})),G(P,{name:e})]})})},Re=Ie;import{Controller as Ge,useFormContext as Ae}from"react-hook-form";import{Grid as De,Autocomplete as Le,TextField as qe}from"@mui/material";import{jsx as D,jsxs as Ve}from"react/jsx-runtime";var $e=F=>{var p=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,textFieldProps:x}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let f=Ae();if(!f)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(Ge,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:g,value:S}})=>Ve(De,{display:"flex",flexDirection:"column",children:[t&&D(h,{label:t,required:d}),D(Le,b(i({size:"small",onChange:(C,a)=>g(a),value:S||null,options:n,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(C,a)=>typeof C=="string"&&typeof a=="string"?C===a:typeof C=="object"&&typeof a=="object"?C.value===a.value:!1},u),{renderInput:C=>D(qe,i(i({},C),x))})),D(P,{name:e})]})})},Me=$e;import{Controller as ve,useFormContext as Ne}from"react-hook-form";import{Plus as ke}from"phosphor-react";import{Grid as Oe,Autocomplete as ze,TextField as _e,Typography as Be}from"@mui/material";import{toRem as E}from"@s_mart/utils";import j from"@emotion/styled";import{css as H}from"@emotion/react";var K=H`
+var Z=Object.defineProperty,ee=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var v=(e,r,o)=>r in e?Z(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,n=(e,r)=>{for(var o in r||(r={}))I.call(r,o)&&v(e,o,r[o]);if(V)for(var o of V(r))O.call(r,o)&&v(e,o,r[o]);return e},h=(e,r)=>ee(e,re(r));var u=(e,r)=>{var o={};for(var l in e)I.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&V)for(var l of V(e))r.indexOf(l)<0&&O.call(e,l)&&(o[l]=e[l]);return o};import{useEffect as oe}from"react";import{FormProvider as te,useForm as le}from"react-hook-form";import{jsx as z}from"react/jsx-runtime";function ie(l){var t=l,{children:e,onSubmit:r}=t,o=u(t,["children","onSubmit"]);let d=le(o);oe(()=>{d.reset(o.defaultValues)},[o.defaultValues,d.reset]);let s=()=>typeof e=="function"?e(h(n({},d),{onSubmit:d.handleSubmit(r)})):e;return z(te,h(n({},d),{children:z("form",{onSubmit:d.handleSubmit(r),children:s()})}))}var ne=ie;import{useState as fe}from"react";import{Controller as ue,useFormContext as ce}from"react-hook-form";import{Eye as xe,EyeSlash as ye}from"phosphor-react";import{Grid as be,InputAdornment as Fe,TextField as he}from"@mui/material";import*as A from"@s_mart/masks";import{Typography as _}from"@mui/material";import{toRem as se}from"@s_mart/utils";import{jsx as B,jsxs as ae}from"react/jsx-runtime";var F=({label:e,required:r,regular:o})=>ae("span",{style:{display:"flex",alignItems:"center",gap:se(2)},children:[B(_,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&B(_,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as de}from"react-hook-form";import{Indicator as me}from"@s_mart/core";import{jsx as pe}from"react/jsx-runtime";var g=({name:e})=>{var o,l,t;let r=de();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?pe(me,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};import{jsx as R,jsxs as Se}from"react/jsx-runtime";var Pe=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,mask:s,variant:y="outlined",onInputChange:m}=f,p=u(f,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let S=ce();if(!S)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[C,E]=fe(!1),P=c=>{var a;return s?(a=A==null?void 0:A[s])==null?void 0:a.format(c):c},i=c=>{var a;return s?(a=A==null?void 0:A[s])==null?void 0:a.parse(c):c},G=c=>{if(!c||s!=="porcentagem")return;c==null||c.stopPropagation();let a=(c==null?void 0:c.target).value;if(a){let x=String(a);if(x.length>0){let L=x.indexOf("%");L>-1&&(c.currentTarget.selectionEnd=L)}}};return R(ue,{control:S.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:a}})=>Se(be,{display:"flex",flexDirection:"column",children:[t&&R(F,{label:t,required:d}),R(he,h(n({size:"small",variant:y,autoComplete:"off",defaultValue:o,value:P(c||""),onChange:x=>{var L;m==null||m(x),a(i((L=x==null?void 0:x.target)==null?void 0:L.value))}},p),{type:p.type==="password"?C?"text":"password":p.type,InputProps:n({onKeyDown:G,endAdornment:p.type==="password"&&R(Fe,{position:"end",onClick:()=>E(!C),style:{cursor:"pointer"},children:C?R(xe,{size:20}):R(ye,{size:20})})},p.InputProps)})),R(g,{name:e})]})})},ge=Pe;import{Controller as Ce,useFormContext as we}from"react-hook-form";import{Grid as Ee,Select as Te,MenuItem as W,useTheme as Re}from"@mui/material";import{jsx as D,jsxs as j}from"react/jsx-runtime";var Ge=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:s,placeholder:y,onInputChange:m}=f,p=u(f,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let S=we(),{palette:C}=Re();if(!S)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(Ce,{control:S.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:E,onChange:P}})=>j(Ee,{display:"flex",flexDirection:"column",children:[t&&D(F,{label:t,required:d}),j(Te,h(n({displayEmpty:Boolean(y),size:"small",variant:"outlined",autoComplete:"off",value:E||"",onChange:i=>{m==null||m(i),P(i.target.value)}},p),{children:[y&&D(W,{disabled:!0,value:"",children:D("p",{style:{color:C.grey[400]},children:y})}),s==null?void 0:s.map((i,G)=>D(W,{value:i.value,children:i.label},G))]})),D(g,{name:e})]})})},Ae=Ge;import{Controller as De,useFormContext as Le}from"react-hook-form";import{Grid as qe,Autocomplete as $e,TextField as Me}from"@mui/material";import{jsx as q,jsxs as Ne}from"react/jsx-runtime";var Ve=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:s,textFieldProps:y,onInputChange:m}=f,p=u(f,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps","onInputChange"]);let S=Le();if(!S)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(De,{control:S.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:C,value:E}})=>Ne(qe,{display:"flex",flexDirection:"column",children:[t&&q(F,{label:t,required:d}),q($e,h(n({size:"small",onChange:(P,i)=>(m==null||m(i),C(i)),value:E||null,options:s,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(P,i)=>typeof P=="string"&&typeof i=="string"?P===i:typeof P=="object"&&typeof i=="object"?P.value===i.value:!1},p),{renderInput:P=>q(Me,n(n({},P),y))})),q(g,{name:e})]})})},Ue=Ve;import{Controller as ve,useFormContext as Ie}from"react-hook-form";import{Plus as Oe}from"phosphor-react";import{Grid as ze,Autocomplete as _e,TextField as Be,Typography as We}from"@mui/material";import{toRem as T}from"@s_mart/utils";import H from"@emotion/styled";import{css as K}from"@emotion/react";var J=K`
   display: flex;
   align-items: center;
   justify-content: center;
-`,Ue=e=>H`
+`,ke=e=>K`
   .MuiAutocomplete-endAdornment {
     position: relative;
     right: 0;
   }
 
   .creatable {
-    ${K}
+    ${J}
 
     .divider {
       width: 1px;
-      height: ${E(20)};
+      height: ${T(20)};
       background-color: ${e.palette.grey[400]};
     }
 
@@ -24,9 +24,9 @@ var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnProper
       color: ${e.palette.grey[600]};
       border-radius: 50%;
 
-      margin: 0 ${E(6)};
-      width: ${E(28)};
-      height: ${E(28)};
+      margin: 0 ${T(6)};
+      width: ${T(28)};
+      height: ${T(28)};
 
       &:hover {
         cursor: pointer;
@@ -35,26 +35,26 @@ var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnProper
       }
     }
   }
-`,J=j.div`
+`,Q=H.div`
   display: flex;
 
   div.endAdornments {
     position: absolute;
     right: 0;
 
-    ${K}
+    ${J}
   }
 
-  ${({hideAddButton:e,theme:r})=>!e&&Ue(r)}
-`,Q=j.div`
+  ${({hideAddButton:e,theme:r})=>!e&&ke(r)}
+`,X=H.div`
   color: ${({theme:e})=>e.palette.text.primary};
 
-  padding: ${E(6)} ${E(16)};
-  margin: ${E(-6)} ${E(-16)};
+  padding: ${T(6)} ${T(16)};
+  margin: ${T(-6)} ${T(-16)};
 
   &:hover {
     cursor: pointer;
     transition: background-color 0.2s ease-in-out;
     background-color: ${({theme:e})=>e.palette.grey[100]};
   }
-`;import{jsx as w,jsxs as M}from"react/jsx-runtime";var We=f=>{var g=f,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,onCreateOption:x,textFieldProps:u,hideAddButton:F}=g,p=m(g,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton"]);let S=Ne();if(!S)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let C=a=>{x?x(a):console.error("onCreateOption n\xE3o foi definido")};return w(ve,{control:S.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:I}})=>{let c=(a==null?void 0:a.label)||(a==null?void 0:a.value)||a;return M(Oe,{display:"flex",flexDirection:"column",children:[t&&w(h,{label:t,required:d}),w(J,{hideAddButton:F,children:w(ze,b(i({size:"small",fullWidth:!0,onChange:(s,y)=>I(y),options:n,value:a||null,noOptionsText:w(Q,{onClick:()=>C(a),children:M(Be,{children:["Adicionar ",c&&`"${c}"`]})}),isOptionEqualToValue:(s,y)=>y?typeof s=="string"&&typeof y=="string"?s===y:typeof s=="object"&&typeof y=="object"?s.value===y.value:typeof s=="object"&&typeof y=="string":!1},p),{renderInput:s=>{let y=F?s.InputProps:b(i({},s.InputProps),{endAdornment:M("div",{className:"endAdornments",children:[s.InputProps.endAdornment,M("div",{className:"creatable",children:[w("div",{className:"divider"}),w("div",{className:"button",onClick:()=>C(a),children:w(ke,{size:18,weight:"bold"})})]})]})});return w(_e,i(b(i({},s),{onChange:I,InputProps:y}),u))}}))}),w(P,{name:e})]})}})},je=We;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 L,jsxs as er}from"react/jsx-runtime";var Ye=u=>{var F=u,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d,required:n}=F,x=m(F,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let p=Ke();if(!p)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return L(He,{control:p.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:g}})=>er(Je,{display:"flex",flexDirection:"column",children:[L(Xe,{control:L(Qe,i({value:f!=null?f:"",defaultValue:f,onChange:g},x)),label:L(h,{label:t,required:n,regular:!0}),labelPlacement:d||"end"}),L(P,{name:e})]})})},Ze=Ye;import{Controller as rr,useFormContext as or}from"react-hook-form";import{Grid as tr,Switch as lr,FormControlLabel as ir}from"@mui/material";import{jsx as q,jsxs as sr}from"react/jsx-runtime";var nr=x=>{var u=x,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d}=u,n=m(u,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let F=or();if(!F)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(rr,{control:F.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:p,onChange:f}})=>sr(tr,{display:"flex",flexDirection:"column",children:[q(ir,{control:q(lr,i({value:p!=null?p:"",defaultValue:p,onChange:f},n)),label:q(h,{label:t}),labelPlacement:d||"end"}),q(P,{name:e})]})})},ar=nr;import{Grid as dr,Radio as pr,FormControlLabel as mr}from"@mui/material";import{jsx as V}from"react/jsx-runtime";var ur=l=>{var t=l,{label:e,labelPlacement:r}=t,o=m(t,["label","labelPlacement"]);return V(dr,{display:"flex",flexDirection:"column",children:V(mr,{control:V(pr,i({},o)),label:V(h,{label:e}),labelPlacement:r||"end"})})},fr=ur;import{Controller as cr,useFormContext as xr}from"react-hook-form";import{Grid as yr,RadioGroup as hr}from"@mui/material";import{jsx as U,jsxs as gr}from"react/jsx-runtime";var br=F=>{var p=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,children:n,orientation:x="row"}=p,u=m(p,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let f=xr();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return U(cr,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:g,onChange:S}})=>gr(yr,{display:"flex",flexDirection:"column",children:[t&&U(h,{label:t,required:d}),U(hr,b(i({value:g||"",onChange:S,name:e},u),{style:{display:"flex",flexDirection:x},children:n})),U(P,{name:e})]})})},Fr=br;import{Controller as Cr,useFormContext as Pr}from"react-hook-form";import{Slider as Sr}from"@mui/material";import{jsx as X}from"react/jsx-runtime";var wr=d=>{var n=d,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=n,t=m(n,["name","rules","defaultValue","shouldUnregister"]);let x=Pr();if(!x)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return X(Cr,{control:x.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:u,onChange:F}})=>X(Sr,i({value:u||(t==null?void 0:t.min)||0,onChange:F,valueLabelDisplay:"auto"},t))})},Er=wr;export{Ze as Checkbox,je as Creatable,ie as Form,fr as RadioButton,Fr as RadioGroup,Me as Searchable,Re as Select,Er as Slider,ar as Switch,ge as TextField};
+`;import{jsx as w,jsxs as U}from"react/jsx-runtime";var je=S=>{var C=S,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:s,onCreateOption:y,textFieldProps:m,hideAddButton:p,onInputChange:b}=C,f=u(C,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let E=Ie();if(!E)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let P=i=>{y?y(i):console.error("onCreateOption n\xE3o foi definido")};return w(ve,{control:E.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:i,onChange:G}})=>{let c=(i==null?void 0:i.label)||(i==null?void 0:i.value)||i;return U(ze,{display:"flex",flexDirection:"column",children:[t&&w(F,{label:t,required:d}),w(Q,{hideAddButton:p,children:w(_e,h(n({size:"small",fullWidth:!0,onChange:(a,x)=>(b==null||b(x),G(x)),options:s,value:i||null,noOptionsText:w(X,{onClick:()=>P(i),children:U(We,{children:["Adicionar ",c&&`"${c}"`]})}),isOptionEqualToValue:(a,x)=>x?typeof a=="string"&&typeof x=="string"?a===x:typeof a=="object"&&typeof x=="object"?a.value===x.value:typeof a=="object"&&typeof x=="string":!1},f),{renderInput:a=>{let x=p?a.InputProps:h(n({},a.InputProps),{endAdornment:U("div",{className:"endAdornments",children:[a.InputProps.endAdornment,U("div",{className:"creatable",children:[w("div",{className:"divider"}),w("div",{className:"button",onClick:()=>P(i),children:w(Oe,{size:18,weight:"bold"})})]})]})});return w(Be,n(h(n({},a),{onChange:G,InputProps:x}),m))}}))}),w(g,{name:e})]})}})},He=je;import{Controller as Ke,useFormContext as Je}from"react-hook-form";import{Grid as Qe,Checkbox as Xe,FormControlLabel as Ye}from"@mui/material";import{jsx as $,jsxs as rr}from"react/jsx-runtime";var Ze=m=>{var p=m,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d,required:s}=p,y=u(p,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let b=Je();if(!b)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return $(Ke,{control:b.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:S}})=>rr(Qe,{display:"flex",flexDirection:"column",children:[$(Ye,{control:$(Xe,n({value:f!=null?f:"",defaultValue:f,onChange:S},y)),label:$(F,{label:t,required:s,regular:!0}),labelPlacement:d||"end"}),$(g,{name:e})]})})},er=Ze;import{Controller as or,useFormContext as tr}from"react-hook-form";import{Grid as lr,Switch as ir,FormControlLabel as nr}from"@mui/material";import{jsx as M,jsxs as dr}from"react/jsx-runtime";var sr=y=>{var m=y,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d}=m,s=u(m,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let p=tr();if(!p)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return M(or,{control:p.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:b,onChange:f}})=>dr(lr,{display:"flex",flexDirection:"column",children:[M(nr,{control:M(ir,n({value:b!=null?b:"",defaultValue:b,onChange:f},s)),label:M(F,{label:t}),labelPlacement:d||"end"}),M(g,{name:e})]})})},ar=sr;import{Grid as mr,Radio as pr,FormControlLabel as fr}from"@mui/material";import{jsx as N}from"react/jsx-runtime";var ur=l=>{var t=l,{label:e,labelPlacement:r}=t,o=u(t,["label","labelPlacement"]);return N(mr,{display:"flex",flexDirection:"column",children:N(fr,{control:N(pr,n({},o)),label:N(F,{label:e}),labelPlacement:r||"end"})})},cr=ur;import{Controller as xr,useFormContext as yr}from"react-hook-form";import{Grid as br,RadioGroup as Fr}from"@mui/material";import{jsx as k,jsxs as gr}from"react/jsx-runtime";var hr=p=>{var b=p,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,children:s,orientation:y="row"}=b,m=u(b,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let f=yr();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k(xr,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:S,onChange:C}})=>gr(br,{display:"flex",flexDirection:"column",children:[t&&k(F,{label:t,required:d}),k(Fr,h(n({value:S||"",onChange:C,name:e},m),{style:{display:"flex",flexDirection:y},children:s})),k(g,{name:e})]})})},Pr=hr;import{Controller as Sr,useFormContext as Cr}from"react-hook-form";import{Slider as wr}from"@mui/material";import{jsx as Y}from"react/jsx-runtime";var Er=d=>{var s=d,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=s,t=u(s,["name","rules","defaultValue","shouldUnregister"]);let y=Cr();if(!y)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Y(Sr,{control:y.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:m,onChange:p}})=>Y(wr,n({value:m||(t==null?void 0:t.min)||0,onChange:p,valueLabelDisplay:"auto"},t))})},Tr=Er;export{er as Checkbox,He as Creatable,ne as Form,cr as RadioButton,Pr as RadioGroup,Ue as Searchable,Ae as Select,Tr as Slider,ar as Switch,ge as TextField};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/form",
-  "version": "2.5.2",
+  "version": "2.5.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",