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