@@ -9,6 +9,7 @@ import * as yup from 'yup';
99import { yupResolver } from '@hookform/resolvers/yup' ;
1010import { useForm } from 'react-hook-form' ;
1111import { Box , Grid } from '@mui/material' ;
12+ import { useState } from 'react' ;
1213import AutocompleteInput from '../../src/components/inputs/react-hook-form/autocomplete-inputs/autocomplete-input' ;
1314import TextInput from '../../src/components/inputs/react-hook-form/text-input' ;
1415import RadioInput from '../../src/components/inputs/react-hook-form/radio-input' ;
@@ -22,7 +23,6 @@ import SubmitButton from '../../src/components/inputs/react-hook-form/utils/subm
2223import ExpandingTextField from '../../src/components/inputs/react-hook-form/ExpandingTextField' ;
2324import CustomFormProvider from '../../src/components/inputs/react-hook-form/provider/custom-form-provider' ;
2425import SelectClearable from '../../src/components/inputs/select-clearable' ;
25- import { useState } from 'react' ;
2626
2727const AUTOCOMPLETE_INPUT = 'autocomplete' ;
2828const TEXT_INPUT = 'text' ;
@@ -84,7 +84,7 @@ const areIdsEqual = (val1, val2) => {
8484const logWhenValuesChange = false ;
8585const logWhenValidate = true ;
8686
87- export function InputsTab ( ) {
87+ function InputsTab ( ) {
8888 const formMethods = useForm ( {
8989 defaultValues : emptyFormData ,
9090 resolver : yupResolver ( formSchema ) ,
@@ -124,26 +124,26 @@ export function InputsTab() {
124124 < AutocompleteInput
125125 name = { AUTOCOMPLETE_INPUT }
126126 options = { basicOptions }
127- label = { ' inputs/autocomplete' }
127+ label = " inputs/autocomplete"
128128 isOptionEqualToValue = { areIdsEqual }
129129 />
130130 </ Grid >
131131 < Grid item xs = { gridSize } >
132- < TextInput name = { TEXT_INPUT } label = { ' inputs/text' } />
132+ < TextInput name = { TEXT_INPUT } label = " inputs/text" />
133133 </ Grid >
134134 < Grid item xs = { gridSize } >
135135 < ExpandingTextField
136136 name = { DESCRIPTION_INPUT }
137- label = { ' inputs/description' }
137+ label = " inputs/description"
138138 maxCharactersNumber = { 300 }
139139 minRows = { 2 }
140140 rows = { 4 }
141- > </ ExpandingTextField >
141+ / >
142142 </ Grid >
143143 < Grid item xs = { gridSize } >
144144 < SliderInput
145145 name = { SLIDER_INPUT }
146- label = { ' inputs/slider' }
146+ label = " inputs/slider"
147147 min = { 0.0 }
148148 max = { 100.0 }
149149 step = { 0.1 }
@@ -152,44 +152,44 @@ export function InputsTab() {
152152 < Grid item xs = { gridSize } >
153153 < SelectInput
154154 name = { SELECT_INPUT }
155- label = { ' inputs/select' }
155+ label = " inputs/select"
156156 options = { options }
157157 />
158158 </ Grid >
159159 < Grid item xs = { gridSize } >
160160 < SelectClearable
161161 value = { selectValue }
162162 onChange = { setSelectValue }
163- label = { ' inputs/select' }
163+ label = " inputs/select"
164164 options = { options }
165165 />
166166 </ Grid >
167167 < Grid item xs = { gridSize } >
168168 < RadioInput
169169 name = { RADIO_INPUT }
170- label = { ' inputs/radio' }
170+ label = " inputs/radio"
171171 options = { options }
172172 />
173173 </ Grid >
174174 < Grid item xs = { gridSize } >
175175 < IntegerInput
176176 name = { INTEGER_INPUT }
177- label = { ' inputs/integer' }
177+ label = " inputs/integer"
178178 />
179179 </ Grid >
180180 < Grid item xs = { gridSize } >
181- < FloatInput name = { FLOAT_INPUT } label = { ' inputs/float' } />
181+ < FloatInput name = { FLOAT_INPUT } label = " inputs/float" />
182182 </ Grid >
183183 < Grid item xs = { gridSize } >
184184 < CheckboxInput
185185 name = { CHECKBOX_INPUT }
186- label = { ' inputs/checkbox' }
186+ label = " inputs/checkbox"
187187 />
188188 </ Grid >
189189 < Grid item xs = { gridSize } >
190190 < SwitchInput
191191 name = { SWITCH_INPUT }
192- label = { ' inputs/switch' }
192+ label = " inputs/switch"
193193 />
194194 </ Grid >
195195 </ Grid >
@@ -206,3 +206,5 @@ export function InputsTab() {
206206 </ CustomFormProvider >
207207 ) ;
208208}
209+
210+ export default InputsTab ;
0 commit comments