@s_mart/form 2.5.1 → 2.5.3
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 -2
- package/dist/index.js +8 -8
- package/dist/index.mjs +10 -10
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UseFormProps, UseFormReturn, ControllerProps } from 'react-hook-form';
|
|
2
|
-
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';
|
|
2
|
+
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';
|
|
3
3
|
|
|
4
4
|
interface IFormProps<T> extends UseFormProps {
|
|
5
5
|
onSubmit: (data: T) => void;
|
|
@@ -24,9 +24,10 @@ type SelectOption = {
|
|
|
24
24
|
};
|
|
25
25
|
type SelectProps = SelectProps$1 & ControllerSelect & {
|
|
26
26
|
options: SelectOption[];
|
|
27
|
+
onInputChange?: (event: SelectChangeEvent) => void;
|
|
27
28
|
};
|
|
28
29
|
|
|
29
|
-
declare const Select: ({ name, rules, defaultValue, shouldUnregister, label, required, options, placeholder, ...rest }: SelectProps) => JSX.Element;
|
|
30
|
+
declare const Select: ({ name, rules, defaultValue, shouldUnregister, label, required, options, placeholder, onInputChange, ...rest }: SelectProps) => JSX.Element;
|
|
30
31
|
|
|
31
32
|
type ControllerSearchable = Omit<ControllerProps, 'render' | 'control'>;
|
|
32
33
|
type SearchableOption = {
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var $e=Object.create;var z=Object.defineProperty,Me=Object.defineProperties,Ve=Object.getOwnPropertyDescriptor,
|
|
1
|
+
"use strict";var $e=Object.create;var z=Object.defineProperty,Me=Object.defineProperties,Ve=Object.getOwnPropertyDescriptor,ve=Object.getOwnPropertyDescriptors,Ue=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,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))me.call(r,o)&&de(e,o,r[o]);return e},P=(e,r)=>Me(e,ve(r));var u=(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&&me.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})},pe=(e,r,o,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Ue(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)):{},pe(r||!e||!e.__esModule?z(o,"default",{value:e,enumerable:!0}):o,e)),Oe=e=>pe(z({},"__esModule",{value:!0}),e);var Ze={};ke(Ze,{Checkbox:()=>Ge,Creatable:()=>Re,Form:()=>ce,RadioButton:()=>Ae,RadioGroup:()=>De,Searchable:()=>Ce,Select:()=>Pe,Slider:()=>qe,Switch:()=>Ie,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=u(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(P(i({},d),{onSubmit:d.handleSubmit(r)})):e;return(0,le.jsx)(j.FormProvider,P(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"),b=({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"),be=require("@s_mart/core"),he=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,he.jsx)(be.Indicator,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};var T=require("react/jsx-runtime"),_e=F=>{var f=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,mask:n,variant:x="outlined"}=f,m=u(f,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant"]);let c=(0,H.useFormContext)();if(!c)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[g,w]=(0,Fe.useState)(!1),C=p=>{var s;return n?(s=M==null?void 0:M[n])==null?void 0:s.format(p):p},a=p=>{var s;return n?(s=M==null?void 0:M[n])==null?void 0:s.parse(p):p},E=p=>{if(!p||n!=="porcentagem")return;p==null||p.stopPropagation();let s=(p==null?void 0:p.target).value;if(s){let y=String(s);if(y.length>0){let O=y.indexOf("%");O>-1&&(p.currentTarget.selectionEnd=O)}}};return(0,T.jsx)(H.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:p,onChange:s}})=>(0,T.jsxs)(V.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,T.jsx)(b,{label:t,required:d}),(0,T.jsx)(V.TextField,P(i({size:"small",variant:x,autoComplete:"off",defaultValue:o,value:C(p||""),onChange:y=>{var O;return s(a((O=y==null?void 0:y.target)==null?void 0:O.value))}},m),{type:m.type==="password"?g?"text":"password":m.type,InputProps:i({onKeyDown:E,endAdornment:m.type==="password"&&(0,T.jsx)(V.InputAdornment,{position:"end",onClick:()=>w(!g),style:{cursor:"pointer"},children:g?(0,T.jsx)(K.Eye,{size:20}):(0,T.jsx)(K.EyeSlash,{size:20})})},m.InputProps)})),(0,T.jsx)(S,{name:e})]})})},ge=_e;var J=require("react-hook-form"),G=require("@mui/material");var R=require("react/jsx-runtime"),Be=f=>{var c=f,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,placeholder:x,onInputChange:m}=c,F=u(c,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=(0,J.useFormContext)(),{palette:w}=(0,G.useTheme)();if(!g)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,R.jsx)(J.Controller,{control:g.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:C,onChange:a}})=>(0,R.jsxs)(G.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,R.jsx)(b,{label:t,required:d}),(0,R.jsxs)(G.Select,P(i({displayEmpty:Boolean(x),size:"small",variant:"outlined",autoComplete:"off",value:C||"",onChange:E=>{m==null||m(E),a(E.target.value)}},F),{children:[x&&(0,R.jsx)(G.MenuItem,{disabled:!0,value:"",children:(0,R.jsx)("p",{style:{color:w.grey[400]},children:x})}),n==null?void 0:n.map((E,p)=>(0,R.jsx)(G.MenuItem,{value:E.value,children:E.label},p))]})),(0,R.jsx)(S,{name:e})]})})},Pe=Be;var Q=require("react-hook-form"),v=require("@mui/material");var A=require("react/jsx-runtime"),We=F=>{var f=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,textFieldProps:x}=f,m=u(f,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let c=(0,Q.useFormContext)();if(!c)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,A.jsx)(Q.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:g,value:w}})=>(0,A.jsxs)(v.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,A.jsx)(b,{label:t,required:d}),(0,A.jsx)(v.Autocomplete,P(i({size:"small",onChange:(C,a)=>g(a),value:w||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},m),{renderInput:C=>(0,A.jsx)(v.TextField,i(i({},C),x))})),(0,A.jsx)(S,{name:e})]})})},Ce=We;var X=require("react-hook-form"),Te=require("phosphor-react"),D=require("@mui/material");var I=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;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
.divider {
|
|
15
15
|
width: 1px;
|
|
16
|
-
height: ${(0,
|
|
16
|
+
height: ${(0,I.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,I.toRem)(6)};
|
|
28
|
+
width: ${(0,I.toRem)(28)};
|
|
29
|
+
height: ${(0,I.toRem)(28)};
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
32
|
cursor: pointer;
|
|
@@ -49,12 +49,12 @@
|
|
|
49
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,I.toRem)(6)} ${(0,I.toRem)(16)};
|
|
53
|
+
margin: ${(0,I.toRem)(-6)} ${(0,I.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 h=require("react/jsx-runtime"),He=c=>{var g=c,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,onCreateOption:x,textFieldProps:m,hideAddButton:F}=g,f=u(g,["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 C=a=>{x?x(a):console.error("onCreateOption n\xE3o foi definido")};return(0,h.jsx)(X.Controller,{control:w.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:E}})=>{let p=(a==null?void 0:a.label)||(a==null?void 0:a.value)||a;return(0,h.jsxs)(D.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,h.jsx)(b,{label:t,required:d}),(0,h.jsx)(we,{hideAddButton:F,children:(0,h.jsx)(D.Autocomplete,P(i({size:"small",fullWidth:!0,onChange:(s,y)=>E(y),options:n,value:a||null,noOptionsText:(0,h.jsx)(Ee,{onClick:()=>C(a),children:(0,h.jsxs)(D.Typography,{children:["Adicionar ",p&&`"${p}"`]})}),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},f),{renderInput:s=>{let y=F?s.InputProps:P(i({},s.InputProps),{endAdornment:(0,h.jsxs)("div",{className:"endAdornments",children:[s.InputProps.endAdornment,(0,h.jsxs)("div",{className:"creatable",children:[(0,h.jsx)("div",{className:"divider"}),(0,h.jsx)("div",{className:"button",onClick:()=>C(a),children:(0,h.jsx)(Te.Plus,{size:18,weight:"bold"})})]})]})});return(0,h.jsx)(D.TextField,i(P(i({},s),{onChange:E,InputProps:y}),m))}}))}),(0,h.jsx)(S,{name:e})]})}})},Re=He;var Y=require("react-hook-form"),U=require("@mui/material");var L=require("react/jsx-runtime"),Ke=m=>{var F=m,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d,required:n}=F,x=u(F,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let f=(0,Y.useFormContext)();if(!f)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,L.jsx)(Y.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:g}})=>(0,L.jsxs)(U.Grid,{display:"flex",flexDirection:"column",children:[(0,L.jsx)(U.FormControlLabel,{control:(0,L.jsx)(U.Checkbox,i({value:c!=null?c:"",defaultValue:c,onChange:g},x)),label:(0,L.jsx)(b,{label:t,required:n,regular:!0}),labelPlacement:d||"end"}),(0,L.jsx)(S,{name:e})]})})},Ge=Ke;var Z=require("react-hook-form"),N=require("@mui/material");var q=require("react/jsx-runtime"),Je=x=>{var m=x,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d}=m,n=u(m,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let F=(0,Z.useFormContext)();if(!F)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(Z.Controller,{control:F.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:c}})=>(0,q.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[(0,q.jsx)(N.FormControlLabel,{control:(0,q.jsx)(N.Switch,i({value:f!=null?f:"",defaultValue:f,onChange:c},n)),label:(0,q.jsx)(b,{label:t}),labelPlacement:d||"end"}),(0,q.jsx)(S,{name:e})]})})},Ie=Je;var k=require("@mui/material");var B=require("react/jsx-runtime"),Qe=l=>{var t=l,{label:e,labelPlacement:r}=t,o=u(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)(b,{label:e}),labelPlacement:r||"end"})})},Ae=Qe;var ee=require("react-hook-form"),re=require("@mui/material");var $=require("react/jsx-runtime"),Xe=F=>{var f=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,children:n,orientation:x="row"}=f,m=u(f,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let c=(0,ee.useFormContext)();if(!c)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,$.jsx)(ee.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:g,onChange:w}})=>(0,$.jsxs)(re.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,$.jsx)(b,{label:t,required:d}),(0,$.jsx)(re.RadioGroup,P(i({value:g||"",onChange:w,name:e},m),{style:{display:"flex",flexDirection:x},children:n})),(0,$.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=u(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:m,onChange:F}})=>(0,se.jsx)(Le.Slider,i({value:m||(t==null?void 0:t.min)||0,onChange:F,valueLabelDisplay:"auto"},t))})},qe=Ye;0&&(module.exports={Checkbox,Creatable,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField});
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var
|
|
1
|
+
var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var U=(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)&&U(e,o,r[o]);if($)for(var o of $(r))k.call(r,o)&&U(e,o,r[o]);return e},g=(e,r)=>Z(e,ee(r));var u=(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=u(t,["children","onSubmit"]);let d=te(o);re(()=>{d.reset(o.defaultValues)},[o.defaultValues,d.reset]);let n=()=>typeof e=="function"?e(g(i({},d),{onSubmit:d.handleSubmit(r)})):e;return O(oe,g(i({},d),{children:O("form",{onSubmit:d.handleSubmit(r),children:n()})}))}var ie=le;import{useState as pe}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 be,TextField as he}from"@mui/material";import*as G 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 b=({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 me}from"react/jsx-runtime";var C=({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]?me(de,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};import{jsx as R,jsxs as Pe}from"react/jsx-runtime";var Fe=h=>{var f=h,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,mask:n,variant:x="outlined"}=f,m=u(f,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant"]);let c=fe();if(!c)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[F,S]=pe(!1),P=p=>{var s;return n?(s=G==null?void 0:G[n])==null?void 0:s.format(p):p},a=p=>{var s;return n?(s=G==null?void 0:G[n])==null?void 0:s.parse(p):p},w=p=>{if(!p||n!=="porcentagem")return;p==null||p.stopPropagation();let s=(p==null?void 0:p.target).value;if(s){let y=String(s);if(y.length>0){let A=y.indexOf("%");A>-1&&(p.currentTarget.selectionEnd=A)}}};return R(ue,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:p,onChange:s}})=>Pe(ye,{display:"flex",flexDirection:"column",children:[t&&R(b,{label:t,required:d}),R(he,g(i({size:"small",variant:x,autoComplete:"off",defaultValue:o,value:P(p||""),onChange:y=>{var A;return s(a((A=y==null?void 0:y.target)==null?void 0:A.value))}},m),{type:m.type==="password"?F?"text":"password":m.type,InputProps:i({onKeyDown:w,endAdornment:m.type==="password"&&R(be,{position:"end",onClick:()=>S(!F),style:{cursor:"pointer"},children:F?R(ce,{size:20}):R(xe,{size:20})})},m.InputProps)})),R(C,{name:e})]})})},ge=Fe;import{Controller as Ce,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 I,jsxs as W}from"react/jsx-runtime";var Re=f=>{var c=f,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,placeholder:x,onInputChange:m}=c,h=u(c,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let F=Se(),{palette:S}=Te();if(!F)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return I(Ce,{control:F.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:P,onChange:a}})=>W(we,{display:"flex",flexDirection:"column",children:[t&&I(b,{label:t,required:d}),W(Ee,g(i({displayEmpty:Boolean(x),size:"small",variant:"outlined",autoComplete:"off",value:P||"",onChange:w=>{m==null||m(w),a(w.target.value)}},h),{children:[x&&I(B,{disabled:!0,value:"",children:I("p",{style:{color:S.grey[400]},children:x})}),n==null?void 0:n.map((w,p)=>I(B,{value:w.value,children:w.label},p))]})),I(C,{name:e})]})})},Ge=Re;import{Controller as Ie,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=h=>{var f=h,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,textFieldProps:x}=f,m=u(f,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let c=Ae();if(!c)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(Ie,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:F,value:S}})=>Ve(De,{display:"flex",flexDirection:"column",children:[t&&D(b,{label:t,required:d}),D(Le,g(i({size:"small",onChange:(P,a)=>F(a),value:S||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},m),{renderInput:P=>D(qe,i(i({},P),x))})),D(C,{name:e})]})})},Me=$e;import{Controller as Ue,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 T}from"@s_mart/utils";import j from"@emotion/styled";import{css as H}from"@emotion/react";var K=H`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
-
`,
|
|
5
|
+
`,ve=e=>H`
|
|
6
6
|
.MuiAutocomplete-endAdornment {
|
|
7
7
|
position: relative;
|
|
8
8
|
right: 0;
|
|
@@ -13,7 +13,7 @@ var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnProper
|
|
|
13
13
|
|
|
14
14
|
.divider {
|
|
15
15
|
width: 1px;
|
|
16
|
-
height: ${
|
|
16
|
+
height: ${T(20)};
|
|
17
17
|
background-color: ${e.palette.grey[400]};
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -24,9 +24,9 @@ var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnProper
|
|
|
24
24
|
color: ${e.palette.grey[600]};
|
|
25
25
|
border-radius: 50%;
|
|
26
26
|
|
|
27
|
-
margin: 0 ${
|
|
28
|
-
width: ${
|
|
29
|
-
height: ${
|
|
27
|
+
margin: 0 ${T(6)};
|
|
28
|
+
width: ${T(28)};
|
|
29
|
+
height: ${T(28)};
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
32
|
cursor: pointer;
|
|
@@ -45,16 +45,16 @@ var Y=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnProper
|
|
|
45
45
|
${K}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
${({hideAddButton:e,theme:r})=>!e&&
|
|
48
|
+
${({hideAddButton:e,theme:r})=>!e&&ve(r)}
|
|
49
49
|
`,Q=j.div`
|
|
50
50
|
color: ${({theme:e})=>e.palette.text.primary};
|
|
51
51
|
|
|
52
|
-
padding: ${
|
|
53
|
-
margin: ${
|
|
52
|
+
padding: ${T(6)} ${T(16)};
|
|
53
|
+
margin: ${T(-6)} ${T(-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
|
-
`;import{jsx as
|
|
60
|
+
`;import{jsx as E,jsxs as M}from"react/jsx-runtime";var We=c=>{var F=c,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,options:n,onCreateOption:x,textFieldProps:m,hideAddButton:h}=F,f=u(F,["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 P=a=>{x?x(a):console.error("onCreateOption n\xE3o foi definido")};return E(Ue,{control:S.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:w}})=>{let p=(a==null?void 0:a.label)||(a==null?void 0:a.value)||a;return M(Oe,{display:"flex",flexDirection:"column",children:[t&&E(b,{label:t,required:d}),E(J,{hideAddButton:h,children:E(ze,g(i({size:"small",fullWidth:!0,onChange:(s,y)=>w(y),options:n,value:a||null,noOptionsText:E(Q,{onClick:()=>P(a),children:M(Be,{children:["Adicionar ",p&&`"${p}"`]})}),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},f),{renderInput:s=>{let y=h?s.InputProps:g(i({},s.InputProps),{endAdornment:M("div",{className:"endAdornments",children:[s.InputProps.endAdornment,M("div",{className:"creatable",children:[E("div",{className:"divider"}),E("div",{className:"button",onClick:()=>P(a),children:E(ke,{size:18,weight:"bold"})})]})]})});return E(_e,i(g(i({},s),{onChange:w,InputProps:y}),m))}}))}),E(C,{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=m=>{var h=m,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d,required:n}=h,x=u(h,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let f=Ke();if(!f)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return L(He,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:F}})=>er(Je,{display:"flex",flexDirection:"column",children:[L(Xe,{control:L(Qe,i({value:c!=null?c:"",defaultValue:c,onChange:F},x)),label:L(b,{label:t,required:n,regular:!0}),labelPlacement:d||"end"}),L(C,{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 m=x,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:d}=m,n=u(m,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let h=or();if(!h)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(rr,{control:h.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:c}})=>sr(tr,{display:"flex",flexDirection:"column",children:[q(ir,{control:q(lr,i({value:f!=null?f:"",defaultValue:f,onChange:c},n)),label:q(b,{label:t}),labelPlacement:d||"end"}),q(C,{name:e})]})})},ar=nr;import{Grid as dr,Radio as mr,FormControlLabel as pr}from"@mui/material";import{jsx as V}from"react/jsx-runtime";var ur=l=>{var t=l,{label:e,labelPlacement:r}=t,o=u(t,["label","labelPlacement"]);return V(dr,{display:"flex",flexDirection:"column",children:V(pr,{control:V(mr,i({},o)),label:V(b,{label:e}),labelPlacement:r||"end"})})},fr=ur;import{Controller as cr,useFormContext as xr}from"react-hook-form";import{Grid as yr,RadioGroup as br}from"@mui/material";import{jsx as v,jsxs as gr}from"react/jsx-runtime";var hr=h=>{var f=h,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:d,children:n,orientation:x="row"}=f,m=u(f,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let c=xr();if(!c)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return v(cr,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:F,onChange:S}})=>gr(yr,{display:"flex",flexDirection:"column",children:[t&&v(b,{label:t,required:d}),v(br,g(i({value:F||"",onChange:S,name:e},m),{style:{display:"flex",flexDirection:x},children:n})),v(C,{name:e})]})})},Fr=hr;import{Controller as Pr,useFormContext as Cr}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=u(n,["name","rules","defaultValue","shouldUnregister"]);let x=Cr();if(!x)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return X(Pr,{control:x.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:m,onChange:h}})=>X(Sr,i({value:m||(t==null?void 0:t.min)||0,onChange:h,valueLabelDisplay:"auto"},t))})},Er=wr;export{Ze as Checkbox,je as Creatable,ie as Form,fr as RadioButton,Fr as RadioGroup,Me as Searchable,Ge as Select,Er as Slider,ar as Switch,ge as TextField};
|