envoc-form 2.0.1-1 → 2.0.1-13

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.
Files changed (155) hide show
  1. package/README.md +7 -7
  2. package/dist/css/envoc-form-styles.css +43 -5
  3. package/dist/css/envoc-form-styles.css.map +1 -1
  4. package/es/AddressInput/AddressInput.js +8 -7
  5. package/es/ConfirmBaseForm/ConfirmBaseForm.js +3 -2
  6. package/es/ConfirmDeleteForm/ConfirmDeleteForm.js +3 -2
  7. package/es/DatePickerInput/DatePickerInput.js +3 -2
  8. package/es/FileInput/DefaultFileList.js +36 -0
  9. package/es/FileInput/DropzoneFileInput.js +58 -0
  10. package/es/FileInput/FileInput.js +31 -9
  11. package/es/FileInput/index.js +2 -1
  12. package/es/Form/Form.js +11 -33
  13. package/es/Form/FormBasedPreventNavigation.js +1 -1
  14. package/es/FormGroupWrapper.js +2 -1
  15. package/es/FormInput/FormInput.js +29 -10
  16. package/es/FormInputArray/FormInputArray.js +39 -24
  17. package/es/IconInput.js +2 -1
  18. package/es/ReactSelectField/ReactSelectField.js +6 -3
  19. package/es/SubmitFormButton.js +2 -1
  20. package/es/__Tests__/FormTestBase.js +5 -2
  21. package/es/normalizers.js +10 -5
  22. package/es/useStandardFormInput.js +4 -2
  23. package/es/utils/index.js +3 -0
  24. package/es/utils/objectContainsNonSerializableProperty.js +16 -0
  25. package/es/utils/objectToFormData.js +65 -0
  26. package/es/utils/typeChecks.js +25 -0
  27. package/lib/AddressInput/AddressInput.js +15 -9
  28. package/lib/ConfirmBaseForm/ConfirmBaseForm.js +4 -2
  29. package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js +6 -4
  30. package/lib/DatePickerInput/DatePickerInput.js +4 -2
  31. package/lib/FileInput/DefaultFileList.js +47 -0
  32. package/lib/FileInput/DropzoneFileInput.js +75 -0
  33. package/lib/FileInput/FileInput.js +39 -10
  34. package/lib/FileInput/index.js +13 -3
  35. package/lib/Form/Form.js +19 -39
  36. package/lib/Form/FormBasedPreventNavigation.js +7 -3
  37. package/lib/FormGroupWrapper.js +3 -1
  38. package/lib/FormInput/FormInput.js +31 -11
  39. package/lib/FormInputArray/FormInputArray.js +47 -26
  40. package/lib/FormSection.js +5 -1
  41. package/lib/IconInput.js +3 -1
  42. package/lib/ReactSelectField/ReactSelectField.js +13 -5
  43. package/lib/ReactSelectField/index.js +6 -2
  44. package/lib/SubmitFormButton.js +3 -1
  45. package/lib/__Tests__/FormTestBase.js +6 -2
  46. package/lib/index.js +7 -3
  47. package/lib/normalizers.js +10 -5
  48. package/lib/useStandardFormInput.js +5 -2
  49. package/lib/utils/index.js +23 -0
  50. package/lib/utils/objectContainsNonSerializableProperty.js +24 -0
  51. package/lib/utils/objectToFormData.js +73 -0
  52. package/lib/utils/typeChecks.js +58 -0
  53. package/lib/validators/index.js +5 -1
  54. package/package.json +99 -90
  55. package/src/AddressInput/AddesssInput.test.js +23 -23
  56. package/src/AddressInput/AddressInput.js +73 -73
  57. package/src/AddressInput/UsStates.js +53 -53
  58. package/src/AddressInput/__snapshots__/AddesssInput.test.js.snap +207 -207
  59. package/src/AddressInput/index.js +2 -2
  60. package/src/BoolInput/BoolInput.js +7 -7
  61. package/src/BoolInput/BoolInput.test.js +23 -23
  62. package/src/BoolInput/InlineBoolInput.js +7 -7
  63. package/src/BoolInput/__snapshots__/BoolInput.test.js.snap +89 -89
  64. package/src/BoolInput/boolOptions.js +6 -6
  65. package/src/BoolInput/index.js +4 -4
  66. package/src/ConfirmBaseForm/ConfirmBaseForm.js +37 -37
  67. package/src/ConfirmBaseForm/ConfirmBaseForm.test.js +14 -14
  68. package/src/ConfirmBaseForm/__snapshots__/ConfirmBaseForm.test.js.snap +23 -23
  69. package/src/ConfirmBaseForm/index.js +1 -1
  70. package/src/ConfirmDeleteForm/ConfirmDeleteForm.js +39 -39
  71. package/src/ConfirmDeleteForm/ConfirmDeleteForm.test.js +24 -24
  72. package/src/ConfirmDeleteForm/__snapshots__/ConfirmDeleteForm.test.js.snap +25 -25
  73. package/src/ConfirmDeleteForm/index.js +1 -1
  74. package/src/DatePickerInput/DatePickerInput.js +46 -46
  75. package/src/DatePickerInput/DatePickerInput.test.js +74 -74
  76. package/src/DatePickerInput/__snapshots__/DatePickerInput.test.js.snap +134 -131
  77. package/src/DatePickerInput/date-picker-input.scss +42 -42
  78. package/src/DatePickerInput/index.js +3 -3
  79. package/src/ErrorScrollTarget.js +6 -6
  80. package/src/FileInput/DefaultFileList.js +39 -0
  81. package/src/FileInput/DropzoneFileInput.js +56 -0
  82. package/src/FileInput/DropzoneFileInput.test.js +24 -0
  83. package/src/FileInput/FileInput.js +77 -49
  84. package/src/FileInput/FileInput.test.js +24 -15
  85. package/src/FileInput/__snapshots__/DropzoneFileInput.test.js.snap +57 -0
  86. package/src/FileInput/__snapshots__/FileInput.test.js.snap +58 -22
  87. package/src/FileInput/file-input.scss +58 -17
  88. package/src/FileInput/index.js +4 -3
  89. package/src/Form/FocusError.js +48 -48
  90. package/src/Form/Form.js +139 -161
  91. package/src/Form/Form.test.js +23 -23
  92. package/src/Form/FormBasedPreventNavigation.js +25 -25
  93. package/src/Form/ServerErrorContext.js +7 -7
  94. package/src/Form/__snapshots__/Form.test.js.snap +9 -9
  95. package/src/Form/index.js +3 -3
  96. package/src/FormGroup.js +30 -30
  97. package/src/FormGroupWrapper.js +28 -28
  98. package/src/FormInput/FormInput.js +144 -136
  99. package/src/FormInput/FormInput.test.js +66 -66
  100. package/src/FormInput/__snapshots__/FormInput.test.js.snap +323 -313
  101. package/src/FormInput/form-input.scss +9 -9
  102. package/src/FormInput/index.js +2 -2
  103. package/src/FormInputArray/FormInputArray.js +224 -210
  104. package/src/FormInputArray/FormInputArray.test.js +108 -59
  105. package/src/FormInputArray/__snapshots__/FormInputArray.test.js.snap +52 -40
  106. package/src/FormInputArray/form-input-array.scss +13 -8
  107. package/src/FormInputArray/index.js +2 -2
  108. package/src/FormSection.js +13 -13
  109. package/src/IconInput.js +31 -31
  110. package/src/InlineFormInput/InlineFormInput.js +6 -6
  111. package/src/InlineFormInput/InlineFormInput.test.js +23 -23
  112. package/src/InlineFormInput/__snapshots__/InlineFormInput.test.js.snap +26 -26
  113. package/src/InlineFormInput/index.js +3 -3
  114. package/src/InlineFormInput/inline-form-input.scss +3 -3
  115. package/src/MoneyInput/InlineMoneyInput.js +7 -7
  116. package/src/MoneyInput/MoneyInput.js +7 -7
  117. package/src/MoneyInput/MoneyInputs.test.js +43 -43
  118. package/src/MoneyInput/__snapshots__/MoneyInputs.test.js.snap +81 -81
  119. package/src/MoneyInput/index.js +4 -4
  120. package/src/MoneyInput/money-input.scss +3 -3
  121. package/src/MoneyInput/moneyInputProps.js +12 -12
  122. package/src/NestedFormFieldContext.js +6 -6
  123. package/src/ReactSelectField/ReactSelectField.js +122 -120
  124. package/src/ReactSelectField/index.js +6 -6
  125. package/src/ReactSelectField/react-select-field.scss +5 -5
  126. package/src/StandardFormActions.js +27 -27
  127. package/src/SubmitFormButton.js +28 -28
  128. package/src/__Tests__/FormTestBase.js +14 -11
  129. package/src/__Tests__/IconInput.test.js +23 -23
  130. package/src/__Tests__/StandardFormActions.test.js +23 -23
  131. package/src/__Tests__/SubmitFormButton.test.js +23 -23
  132. package/src/__Tests__/__snapshots__/IconInput.test.js.snap +38 -38
  133. package/src/__Tests__/__snapshots__/StandardFormActions.test.js.snap +25 -25
  134. package/src/__Tests__/__snapshots__/SubmitFormButton.test.js.snap +18 -18
  135. package/src/__Tests__/index.js +2 -2
  136. package/src/_variables.scss +11 -11
  137. package/src/index.js +33 -33
  138. package/src/normalizers.js +42 -32
  139. package/src/selectors.js +3 -3
  140. package/src/styles.scss +7 -7
  141. package/src/useStandardFormInput.js +118 -118
  142. package/src/utils/index.js +3 -0
  143. package/src/utils/objectContainsNonSerializableProperty.js +15 -0
  144. package/src/utils/objectContainsNonSerializableProperty.test.js +49 -0
  145. package/src/utils/objectToFormData.js +89 -0
  146. package/src/utils/objectToFormData.test.js +76 -0
  147. package/src/utils/typeChecks.js +18 -0
  148. package/src/validators/index.js +2 -2
  149. package/src/validators/validators.js +93 -93
  150. package/src/validators/validators.test.js +79 -79
  151. package/CHANGELOG.json +0 -95
  152. package/CHANGELOG.md +0 -58
  153. package/es/FormInput/utilities.js +0 -71
  154. package/lib/FormInput/utilities.js +0 -86
  155. package/src/FormInput/utilities.js +0 -26
package/src/FormInput/__snapshots__/FormInput.test.js.snap CHANGED
@@ -1,313 +1,323 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`FormInput has matching checkbox snapshot 1`] = `
4
- <DocumentFragment>
5
- <form
6
- action="#"
7
- >
8
- <div
9
- class="custom-checkbox custom-control"
10
- >
11
- <input
12
- class="custom-control-input"
13
- id="test"
14
- name="test"
15
- type="checkbox"
16
- value=""
17
- />
18
- <label
19
- class="custom-control-label"
20
- for="test"
21
- />
22
- </div>
23
- </form>
24
- </DocumentFragment>
25
- `;
26
-
27
- exports[`FormInput has matching datepicker snapshot 1`] = `
28
- <DocumentFragment>
29
- <form
30
- action="#"
31
- >
32
- <div
33
- class="form-group"
34
- >
35
- <div
36
- id="test-error-scroll-target"
37
- style="display: none;"
38
- />
39
- <div
40
- class="react-date-picker react-date-picker--closed react-date-picker--enabled form-control"
41
- >
42
- <div
43
- class="react-date-picker__wrapper"
44
- >
45
- <div
46
- class="react-date-picker__inputGroup"
47
- >
48
- <input
49
- max="2021-09-23"
50
- min="2020-09-23"
51
- name="test"
52
- style="visibility: hidden; position: absolute; top: -9999px; left: -9999px;"
53
- type="date"
54
- value=""
55
- />
56
- <input
57
- autocomplete="off"
58
- class="react-date-picker__inputGroup__input react-date-picker__inputGroup__month"
59
- data-input="true"
60
- max="12"
61
- min="1"
62
- name="month"
63
- placeholder="--"
64
- type="number"
65
- value=""
66
- />
67
- <span
68
- class="react-date-picker__inputGroup__divider"
69
- >
70
- /
71
- </span>
72
- <input
73
- autocomplete="off"
74
- class="react-date-picker__inputGroup__input react-date-picker__inputGroup__day"
75
- data-input="true"
76
- max="31"
77
- min="1"
78
- name="day"
79
- placeholder="--"
80
- type="number"
81
- value=""
82
- />
83
- <span
84
- class="react-date-picker__inputGroup__divider"
85
- >
86
- /
87
- </span>
88
- <input
89
- autocomplete="off"
90
- class="react-date-picker__inputGroup__input react-date-picker__inputGroup__year"
91
- data-input="true"
92
- max="2021"
93
- min="2020"
94
- name="year"
95
- placeholder="----"
96
- step="1"
97
- type="number"
98
- value=""
99
- />
100
- </div>
101
- <button
102
- class="react-date-picker__clear-button react-date-picker__button"
103
- type="button"
104
- >
105
- <svg
106
- class="react-date-picker__clear-button__icon react-date-picker__button__icon"
107
- height="19"
108
- stroke="black"
109
- stroke-width="2"
110
- viewBox="0 0 19 19"
111
- width="19"
112
- xmlns="http://www.w3.org/2000/svg"
113
- >
114
- <line
115
- x1="4"
116
- x2="15"
117
- y1="4"
118
- y2="15"
119
- />
120
- <line
121
- x1="15"
122
- x2="4"
123
- y1="4"
124
- y2="15"
125
- />
126
- </svg>
127
- </button>
128
- <button
129
- class="react-date-picker__calendar-button react-date-picker__button"
130
- type="button"
131
- >
132
- <svg
133
- class="react-date-picker__calendar-button__icon react-date-picker__button__icon"
134
- height="19"
135
- stroke="black"
136
- stroke-width="2"
137
- viewBox="0 0 19 19"
138
- width="19"
139
- xmlns="http://www.w3.org/2000/svg"
140
- >
141
- <rect
142
- fill="none"
143
- height="15"
144
- width="15"
145
- x="2"
146
- y="2"
147
- />
148
- <line
149
- x1="6"
150
- x2="6"
151
- y1="0"
152
- y2="4"
153
- />
154
- <line
155
- x1="13"
156
- x2="13"
157
- y1="0"
158
- y2="4"
159
- />
160
- </svg>
161
- </button>
162
- </div>
163
- </div>
164
- </div>
165
- </form>
166
- </DocumentFragment>
167
- `;
168
-
169
- exports[`FormInput has matching file input snapshot 1`] = `
170
- <DocumentFragment>
171
- <form
172
- action="#"
173
- >
174
- <div
175
- class="form-group"
176
- >
177
- <div
178
- id="test-error-scroll-target"
179
- style="display: none;"
180
- />
181
- <div
182
- class="custom-file file-input "
183
- >
184
- <input
185
- class="custom-file-input"
186
- id="test"
187
- meta="[object Object]"
188
- name="test"
189
- type="file"
190
- />
191
- <label
192
- class="custom-file-label"
193
- >
194
- <span>
195
- Choose A File...
196
- </span>
197
- </label>
198
- </div>
199
- </div>
200
- </form>
201
- </DocumentFragment>
202
- `;
203
-
204
- exports[`FormInput has matching select snapshot 1`] = `
205
- <DocumentFragment>
206
- <form
207
- action="#"
208
- >
209
- <div
210
- class="form-group"
211
- >
212
- <div
213
- id="test-error-scroll-target"
214
- style="display: none;"
215
- />
216
- <div
217
- class="react-select-input css-2b097c-container"
218
- id="test"
219
- >
220
- <div
221
- class=" css-150ye8w-control"
222
- >
223
- <div
224
- class=" css-lbak6p-Component"
225
- >
226
- <div
227
- class=" css-1osw1h9-placeholder"
228
- >
229
- Select...
230
- </div>
231
- <div
232
- class="css-lp83hw-Component"
233
- >
234
- <div
235
- class=""
236
- style="display: inline-block;"
237
- >
238
- <input
239
- aria-autocomplete="list"
240
- autocapitalize="none"
241
- autocomplete="off"
242
- autocorrect="off"
243
- id="react-select-2-input"
244
- spellcheck="false"
245
- style="box-sizing: content-box; width: 2px; border: 0px; font-size: inherit; opacity: 1; outline: 0; padding: 0px;"
246
- tabindex="0"
247
- type="text"
248
- value=""
249
- />
250
- <div
251
- style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: inherit; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
252
- />
253
- </div>
254
- </div>
255
- </div>
256
- <div
257
- class=" css-ny0e4k-Component"
258
- >
259
- <span
260
- class=" css-1sl80az-indicatorSeparator"
261
- />
262
- <div
263
- aria-hidden="true"
264
- class=" css-augegj-indicatorContainer"
265
- >
266
- <svg
267
- aria-hidden="true"
268
- class="css-7ezgaa-Component"
269
- focusable="false"
270
- height="20"
271
- viewBox="0 0 20 20"
272
- width="20"
273
- >
274
- <path
275
- d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
276
- />
277
- </svg>
278
- </div>
279
- </div>
280
- </div>
281
- <input
282
- name="test"
283
- type="hidden"
284
- value=""
285
- />
286
- </div>
287
- </div>
288
- </form>
289
- </DocumentFragment>
290
- `;
291
-
292
- exports[`FormInput has matching textarea snapshot 1`] = `
293
- <DocumentFragment>
294
- <form
295
- action="#"
296
- >
297
- <div
298
- class="form-group"
299
- >
300
- <div
301
- id="test-error-scroll-target"
302
- style="display: none;"
303
- />
304
- <textarea
305
- class="form-control"
306
- id="test"
307
- name="test"
308
- type="textarea"
309
- />
310
- </div>
311
- </form>
312
- </DocumentFragment>
313
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`FormInput has matching checkbox snapshot 1`] = `
4
+ <DocumentFragment>
5
+ <form
6
+ action="#"
7
+ >
8
+ <div
9
+ class="custom-checkbox custom-control"
10
+ >
11
+ <input
12
+ class="custom-control-input"
13
+ id="test"
14
+ name="test"
15
+ type="checkbox"
16
+ value=""
17
+ />
18
+ <label
19
+ class="custom-control-label"
20
+ for="test"
21
+ />
22
+ </div>
23
+ </form>
24
+ </DocumentFragment>
25
+ `;
26
+
27
+ exports[`FormInput has matching datepicker snapshot 1`] = `
28
+ <DocumentFragment>
29
+ <form
30
+ action="#"
31
+ >
32
+ <div
33
+ class="form-group"
34
+ >
35
+ <div
36
+ id="test-error-scroll-target"
37
+ style="display: none;"
38
+ />
39
+ <div
40
+ class="react-date-picker react-date-picker--closed react-date-picker--enabled form-control"
41
+ >
42
+ <div
43
+ class="react-date-picker__wrapper"
44
+ >
45
+ <div
46
+ class="react-date-picker__inputGroup"
47
+ >
48
+ <input
49
+ max="2021-09-23"
50
+ min="2020-09-23"
51
+ name="test"
52
+ style="visibility: hidden; position: absolute; z-index: -999;"
53
+ type="date"
54
+ value=""
55
+ />
56
+ <input
57
+ autocomplete="off"
58
+ class="react-date-picker__inputGroup__input react-date-picker__inputGroup__month"
59
+ data-input="true"
60
+ inputmode="numeric"
61
+ max="12"
62
+ min="1"
63
+ name="month"
64
+ placeholder="--"
65
+ type="number"
66
+ value=""
67
+ />
68
+ <span
69
+ class="react-date-picker__inputGroup__divider"
70
+ >
71
+ /
72
+ </span>
73
+ <input
74
+ autocomplete="off"
75
+ class="react-date-picker__inputGroup__input react-date-picker__inputGroup__day"
76
+ data-input="true"
77
+ inputmode="numeric"
78
+ max="31"
79
+ min="1"
80
+ name="day"
81
+ placeholder="--"
82
+ type="number"
83
+ value=""
84
+ />
85
+ <span
86
+ class="react-date-picker__inputGroup__divider"
87
+ >
88
+ /
89
+ </span>
90
+ <input
91
+ autocomplete="off"
92
+ class="react-date-picker__inputGroup__input react-date-picker__inputGroup__year"
93
+ data-input="true"
94
+ inputmode="numeric"
95
+ max="2021"
96
+ min="2020"
97
+ name="year"
98
+ placeholder="----"
99
+ step="1"
100
+ type="number"
101
+ value=""
102
+ />
103
+ </div>
104
+ <button
105
+ class="react-date-picker__clear-button react-date-picker__button"
106
+ type="button"
107
+ >
108
+ <svg
109
+ class="react-date-picker__clear-button__icon react-date-picker__button__icon"
110
+ height="19"
111
+ stroke="black"
112
+ stroke-width="2"
113
+ viewBox="0 0 19 19"
114
+ width="19"
115
+ xmlns="http://www.w3.org/2000/svg"
116
+ >
117
+ <line
118
+ x1="4"
119
+ x2="15"
120
+ y1="4"
121
+ y2="15"
122
+ />
123
+ <line
124
+ x1="15"
125
+ x2="4"
126
+ y1="4"
127
+ y2="15"
128
+ />
129
+ </svg>
130
+ </button>
131
+ <button
132
+ class="react-date-picker__calendar-button react-date-picker__button"
133
+ type="button"
134
+ >
135
+ <svg
136
+ class="react-date-picker__calendar-button__icon react-date-picker__button__icon"
137
+ height="19"
138
+ stroke="black"
139
+ stroke-width="2"
140
+ viewBox="0 0 19 19"
141
+ width="19"
142
+ xmlns="http://www.w3.org/2000/svg"
143
+ >
144
+ <rect
145
+ fill="none"
146
+ height="15"
147
+ width="15"
148
+ x="2"
149
+ y="2"
150
+ />
151
+ <line
152
+ x1="6"
153
+ x2="6"
154
+ y1="0"
155
+ y2="4"
156
+ />
157
+ <line
158
+ x1="13"
159
+ x2="13"
160
+ y1="0"
161
+ y2="4"
162
+ />
163
+ </svg>
164
+ </button>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </form>
169
+ </DocumentFragment>
170
+ `;
171
+
172
+ exports[`FormInput has matching file input snapshot 1`] = `
173
+ <DocumentFragment>
174
+ <form
175
+ action="#"
176
+ >
177
+ <div
178
+ class="form-group"
179
+ >
180
+ <div
181
+ id="test-error-scroll-target"
182
+ style="display: none;"
183
+ />
184
+ <div
185
+ class="custom-file file-input "
186
+ >
187
+ <div>
188
+ <input
189
+ class="custom-file-input"
190
+ id="test"
191
+ meta="[object Object]"
192
+ name="test"
193
+ type="file"
194
+ />
195
+ </div>
196
+ <label
197
+ class="custom-file-label"
198
+ >
199
+ <div>
200
+ <span>
201
+ Choose A File...
202
+ </span>
203
+ </div>
204
+ </label>
205
+ </div>
206
+ <ul
207
+ class="list-group"
208
+ />
209
+ </div>
210
+ </form>
211
+ </DocumentFragment>
212
+ `;
213
+
214
+ exports[`FormInput has matching select snapshot 1`] = `
215
+ <DocumentFragment>
216
+ <form
217
+ action="#"
218
+ >
219
+ <div
220
+ class="form-group"
221
+ >
222
+ <div
223
+ id="test-error-scroll-target"
224
+ style="display: none;"
225
+ />
226
+ <div
227
+ class="react-select-input css-2b097c-container"
228
+ id="test"
229
+ >
230
+ <div
231
+ class=" css-150ye8w-control"
232
+ >
233
+ <div
234
+ class=" css-lbak6p-Component"
235
+ >
236
+ <div
237
+ class=" css-1osw1h9-placeholder"
238
+ >
239
+ Select...
240
+ </div>
241
+ <div
242
+ class="css-lp83hw-Component"
243
+ >
244
+ <div
245
+ class=""
246
+ style="display: inline-block;"
247
+ >
248
+ <input
249
+ aria-autocomplete="list"
250
+ autocapitalize="none"
251
+ autocomplete="off"
252
+ autocorrect="off"
253
+ id="react-select-2-input"
254
+ spellcheck="false"
255
+ style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
256
+ tabindex="0"
257
+ type="text"
258
+ value=""
259
+ />
260
+ <div
261
+ style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
262
+ />
263
+ </div>
264
+ </div>
265
+ </div>
266
+ <div
267
+ class=" css-ny0e4k-Component"
268
+ >
269
+ <span
270
+ class=" css-1sl80az-indicatorSeparator"
271
+ />
272
+ <div
273
+ aria-hidden="true"
274
+ class=" css-augegj-indicatorContainer"
275
+ >
276
+ <svg
277
+ aria-hidden="true"
278
+ class="css-7ezgaa-Component"
279
+ focusable="false"
280
+ height="20"
281
+ viewBox="0 0 20 20"
282
+ width="20"
283
+ >
284
+ <path
285
+ d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
286
+ />
287
+ </svg>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ <input
292
+ name="test"
293
+ type="hidden"
294
+ value=""
295
+ />
296
+ </div>
297
+ </div>
298
+ </form>
299
+ </DocumentFragment>
300
+ `;
301
+
302
+ exports[`FormInput has matching textarea snapshot 1`] = `
303
+ <DocumentFragment>
304
+ <form
305
+ action="#"
306
+ >
307
+ <div
308
+ class="form-group"
309
+ >
310
+ <div
311
+ id="test-error-scroll-target"
312
+ style="display: none;"
313
+ />
314
+ <textarea
315
+ class="form-control"
316
+ id="test"
317
+ name="test"
318
+ type="textarea"
319
+ />
320
+ </div>
321
+ </form>
322
+ </DocumentFragment>
323
+ `;
package/src/FormInput/form-input.scss CHANGED
@@ -1,9 +1,9 @@
1
- .invalid-feedback {
2
- display: block;
3
- }
4
-
5
- .form-group {
6
- input[disabled] {
7
- cursor: not-allowed;
8
- }
9
- }
1
+ .invalid-feedback {
2
+ display: block;
3
+ }
4
+
5
+ .form-group {
6
+ input[disabled] {
7
+ cursor: not-allowed;
8
+ }
9
+ }
package/src/FormInput/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import FormInput from './FormInput';
2
- export default FormInput;
1
+ import FormInput from './FormInput';
2
+ export default FormInput;