@@ -17,11 +17,11 @@ import PropTypes from 'prop-types'
17
17
function GluuInlineInput ( {
18
18
label,
19
19
name,
20
- type,
20
+ type = 'text' ,
21
21
value,
22
- required,
23
- lsize,
24
- rsize,
22
+ required = false ,
23
+ lsize = 3 ,
24
+ rsize = 9 ,
25
25
isBoolean,
26
26
isArray,
27
27
handler,
@@ -38,23 +38,23 @@ function GluuInlineInput({
38
38
const [ correctValue , setCorrectValue ] = useState ( [ ] )
39
39
const [ data , setData ] = useState ( value )
40
40
const onValueChanged = ( e ) => {
41
- if ( isBoolean ) {
41
+ if ( isBoolean ) {
42
42
setData ( e . target . checked )
43
- } else {
43
+ } else {
44
44
setData ( e . target . value )
45
45
}
46
46
setShow ( true )
47
47
}
48
48
const handleTypeAheadChange = ( selectedOptions ) => {
49
49
const object = selectedOptions . filter ( ( data ) => typeof data == 'object' )
50
50
const arrayItems = selectedOptions . filter ( ( data ) => typeof data != 'object' )
51
- for ( const i in object ) {
52
- if ( ! object [ i ] [ 'tokenEndpointAuthMethodsSupported' ] ) {
53
- arrayItems . push ( object [ i ] [ name ] )
54
- } else {
55
- arrayItems . push ( object [ i ] [ 'tokenEndpointAuthMethodsSupported' ] )
56
- }
51
+ for ( const i in object ) {
52
+ if ( ! object [ i ] [ 'tokenEndpointAuthMethodsSupported' ] ) {
53
+ arrayItems . push ( object [ i ] [ name ] )
54
+ } else {
55
+ arrayItems . push ( object [ i ] [ 'tokenEndpointAuthMethodsSupported' ] )
57
56
}
57
+ }
58
58
setCorrectValue ( arrayItems )
59
59
setShow ( true )
60
60
}
@@ -87,37 +87,37 @@ function GluuInlineInput({
87
87
/>
88
88
< Col sm = { rsize } >
89
89
{ ! isBoolean && ! isArray && (
90
- < Input
91
- id = { name }
92
- data-testid = { name }
93
- name = { name }
94
- type = { type }
95
- defaultValue = { data }
96
- onChange = { onValueChanged }
97
- />
90
+ < Input
91
+ id = { name }
92
+ data-testid = { name }
93
+ name = { name }
94
+ type = { type }
95
+ defaultValue = { data }
96
+ onChange = { onValueChanged }
97
+ />
98
98
) }
99
99
{ isBoolean && (
100
- < GluuToogle
101
- id = { name }
102
- data-testid = { name }
103
- name = { name }
104
- handler = { onValueChanged }
105
- value = { value }
106
- />
100
+ < GluuToogle
101
+ id = { name }
102
+ data-testid = { name }
103
+ name = { name }
104
+ handler = { onValueChanged }
105
+ value = { value }
106
+ />
107
107
) }
108
108
{ isArray && (
109
- < Typeahead
110
- id = { name }
111
- data-testid = { name }
112
- name = { name }
113
- allowNew
114
- emptyLabel = ""
115
- labelKey = { name }
116
- onChange = { handleTypeAheadChange }
117
- multiple = { true }
118
- defaultSelected = { value }
119
- options = { options || [ ] }
120
- />
109
+ < Typeahead
110
+ id = { name }
111
+ data-testid = { name }
112
+ name = { name }
113
+ allowNew
114
+ emptyLabel = ""
115
+ labelKey = { name }
116
+ onChange = { handleTypeAheadChange }
117
+ multiple = { true }
118
+ defaultSelected = { value }
119
+ options = { options || [ ] }
120
+ />
121
121
) }
122
122
</ Col >
123
123
</ FormGroup >
@@ -143,12 +143,6 @@ function GluuInlineInput({
143
143
)
144
144
}
145
145
146
- GluuInlineInput . defaultProps = {
147
- type : 'text' ,
148
- lsize : 3 ,
149
- rsize : 9 ,
150
- required : false ,
151
- }
152
146
GluuInlineInput . propTypes = {
153
147
doc_category : PropTypes . string ,
154
148
label : PropTypes . string ,
0 commit comments