Skip to content

Commit e95e9ef

Browse files
lisalupilisalupi
committed
refactor: select input complexity
1 parent adc3ce5 commit e95e9ef

File tree

46 files changed

+3147
-3088
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+3147
-3088
lines changed

‎examples/next/src/pages/login/login.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,6 @@ const LogIn = () => {
3939
)
4040
setTimeout(() => setLoginText(''), 3000)
4141

42-
// oxlint-disable-next-line eslint/no-console
4342
console.log('Values :', values)
4443
}
4544

‎examples/vite/src/main.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { StrictMode } from 'react'
22
import { createRoot } from 'react-dom/client'
33
import { App } from './App.tsx'
44

5-
// biome-ignore lint/style/noNonNullAssertion: not an error
65
const root = createRoot(document.getElementById('root')!)
76

87
root.render(

‎packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 52 additions & 52 deletions
Large diffs are not rendered by default.

‎packages/form/src/components/SelectableCardOptionGroupField/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -136,7 +136,7 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
136136
<div
137137
aria-controls="_r_7_"
138138
aria-expanded="false"
139-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7kndb uv_1ba7knde"
139+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4b uv_r8qe4e"
140140
data-disabled="false"
141141
data-readonly="false"
142142
data-testid="select-input-selectable-card-option"
@@ -145,12 +145,12 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
145145
tabindex="0"
146146
>
147147
<span
148-
class="uv_1ba7kndm uv_m4c9ow0 uv_m4c9ow4 uv_m4c9owb uv_m4c9owk uv_m4c9ow1a uv_m4c9ow32"
148+
class="uv_r8qe4m uv_m4c9ow0 uv_m4c9ow4 uv_m4c9owb uv_m4c9owk uv_m4c9ow1a uv_m4c9ow32"
149149
>
150150
Ubuntu 20.04 Focal Fossa
151151
</span>
152152
<div
153-
class="uv_1ba7knd3 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
153+
class="uv_r8qe43 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
154154
>
155155
<svg
156156
aria-label="show dropdown"
@@ -284,7 +284,7 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
284284
<div
285285
aria-controls="_r_h_"
286286
aria-expanded="false"
287-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7kndb uv_1ba7knde"
287+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4b uv_r8qe4e"
288288
data-disabled="false"
289289
data-readonly="false"
290290
data-testid="select-input-selectable-card-option"
@@ -293,12 +293,12 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
293293
tabindex="0"
294294
>
295295
<span
296-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owk uv_m4c9ow1d uv_m4c9ow35"
296+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owk uv_m4c9ow1d uv_m4c9ow35"
297297
>
298298
Select item
299299
</span>
300300
<div
301-
class="uv_1ba7knd3 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
301+
class="uv_r8qe43 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
302302
>
303303
<svg
304304
aria-label="show dropdown"
@@ -432,7 +432,7 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
432432
<div
433433
aria-controls="_r_r_"
434434
aria-expanded="false"
435-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7kndb uv_1ba7knde"
435+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4b uv_r8qe4e"
436436
data-disabled="false"
437437
data-readonly="false"
438438
data-testid="select-input-selectable-card-option"
@@ -441,12 +441,12 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
441441
tabindex="0"
442442
>
443443
<span
444-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owk uv_m4c9ow1d uv_m4c9ow35"
444+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owk uv_m4c9ow1d uv_m4c9ow35"
445445
>
446446
Select item
447447
</span>
448448
<div
449-
class="uv_1ba7knd3 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
449+
class="uv_r8qe43 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
450450
>
451451
<svg
452452
aria-label="show dropdown"

‎packages/form/src/components/UnitInputField/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ exports[`unitInputField > should handles onChange and selection 1`] = `
6767
<div
6868
aria-controls="_r_b_"
6969
aria-expanded="false"
70-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knda uv_1ba7knde"
70+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4a uv_r8qe4e"
7171
data-disabled="false"
7272
data-readonly="false"
7373
data-testid="select-input-test-unit"
@@ -76,12 +76,12 @@ exports[`unitInputField > should handles onChange and selection 1`] = `
7676
tabindex="0"
7777
>
7878
<span
79-
class="uv_1ba7kndm uv_m4c9ow0 uv_m4c9ow4 uv_m4c9owb uv_m4c9owj uv_m4c9ow1a uv_m4c9ow32"
79+
class="uv_r8qe4m uv_m4c9ow0 uv_m4c9ow4 uv_m4c9owb uv_m4c9owj uv_m4c9ow1a uv_m4c9ow32"
8080
>
8181
Days
8282
</span>
8383
<div
84-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
84+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
8585
>
8686
<svg
8787
aria-label="show dropdown"
@@ -173,7 +173,7 @@ exports[`unitInputField > should render correctly 1`] = `
173173
<div
174174
aria-controls="_r_3_"
175175
aria-expanded="false"
176-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knda uv_1ba7knde"
176+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4a uv_r8qe4e"
177177
data-disabled="false"
178178
data-readonly="false"
179179
data-testid="select-input-test-unit"
@@ -182,12 +182,12 @@ exports[`unitInputField > should render correctly 1`] = `
182182
tabindex="0"
183183
>
184184
<span
185-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow1d uv_m4c9ow35"
185+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow1d uv_m4c9ow35"
186186
>
187187
Select item
188188
</span>
189189
<div
190-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
190+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
191191
>
192192
<svg
193193
aria-label="show dropdown"

‎packages/form/src/components/compositions/OptionSelectorField/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ exports[`optionSelectorField > should render correctly 1`] = `
3333
<div
3434
aria-controls="_r_2_"
3535
aria-expanded="false"
36-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knda uv_1ba7knde"
36+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4a uv_r8qe4e"
3737
data-disabled="false"
3838
data-readonly="false"
3939
data-testid="first-selector"
@@ -42,12 +42,12 @@ exports[`optionSelectorField > should render correctly 1`] = `
4242
tabindex="0"
4343
>
4444
<span
45-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow1d uv_m4c9ow35"
45+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow1d uv_m4c9ow35"
4646
>
4747
Select item
4848
</span>
4949
<div
50-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
50+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
5151
>
5252
<svg
5353
aria-label="show dropdown"
@@ -103,7 +103,7 @@ exports[`optionSelectorField > should render correctly 1`] = `
103103
<div
104104
aria-controls="_r_7_"
105105
aria-expanded="false"
106-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knd7 uv_1ba7knda uv_1ba7knde"
106+
class="uv_r8qe46 uv_r8qe45 uv_r8qe47 uv_r8qe4a uv_r8qe4e"
107107
data-disabled="true"
108108
data-readonly="false"
109109
data-testid="second-selector"
@@ -112,12 +112,12 @@ exports[`optionSelectorField > should render correctly 1`] = `
112112
tabindex="0"
113113
>
114114
<span
115-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow1 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow25"
115+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow1 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow25"
116116
>
117117
Select item
118118
</span>
119119
<div
120-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
120+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
121121
>
122122
<svg
123123
aria-label="show dropdown"
@@ -179,7 +179,7 @@ exports[`optionSelectorField > should render correctly disabled 1`] = `
179179
<div
180180
aria-controls="_r_d_"
181181
aria-expanded="false"
182-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knd7 uv_1ba7knda uv_1ba7knde"
182+
class="uv_r8qe46 uv_r8qe45 uv_r8qe47 uv_r8qe4a uv_r8qe4e"
183183
data-disabled="true"
184184
data-readonly="false"
185185
data-testid="first-selector"
@@ -188,12 +188,12 @@ exports[`optionSelectorField > should render correctly disabled 1`] = `
188188
tabindex="0"
189189
>
190190
<span
191-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow1 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow25"
191+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow1 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow25"
192192
>
193193
Select item
194194
</span>
195195
<div
196-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
196+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
197197
>
198198
<svg
199199
aria-label="show dropdown"
@@ -249,7 +249,7 @@ exports[`optionSelectorField > should render correctly disabled 1`] = `
249249
<div
250250
aria-controls="_r_i_"
251251
aria-expanded="false"
252-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knd7 uv_1ba7knda uv_1ba7knde"
252+
class="uv_r8qe46 uv_r8qe45 uv_r8qe47 uv_r8qe4a uv_r8qe4e"
253253
data-disabled="true"
254254
data-readonly="false"
255255
data-testid="second-selector"
@@ -258,12 +258,12 @@ exports[`optionSelectorField > should render correctly disabled 1`] = `
258258
tabindex="0"
259259
>
260260
<span
261-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow1 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow25"
261+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow1 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow25"
262262
>
263263
Select item
264264
</span>
265265
<div
266-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
266+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
267267
>
268268
<svg
269269
aria-label="show dropdown"
@@ -330,7 +330,7 @@ exports[`optionSelectorField > should trigger events 1`] = `
330330
<div
331331
aria-controls="_r_o_"
332332
aria-expanded="false"
333-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knda uv_1ba7knde"
333+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4a uv_r8qe4e"
334334
data-disabled="false"
335335
data-readonly="false"
336336
data-testid="first-selector"
@@ -339,7 +339,7 @@ exports[`optionSelectorField > should trigger events 1`] = `
339339
tabindex="0"
340340
>
341341
<span
342-
class="uv_1ba7kndm uv_m4c9ow0 uv_m4c9ow4 uv_m4c9owb uv_m4c9owj uv_m4c9ow1a uv_m4c9ow32"
342+
class="uv_r8qe4m uv_m4c9ow0 uv_m4c9ow4 uv_m4c9owb uv_m4c9owj uv_m4c9ow1a uv_m4c9ow32"
343343
>
344344
<div
345345
class="uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u5p uv_toi52u5v"
@@ -433,7 +433,7 @@ exports[`optionSelectorField > should trigger events 1`] = `
433433
</div>
434434
</span>
435435
<div
436-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
436+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
437437
>
438438
<svg
439439
aria-label="show dropdown"
@@ -489,7 +489,7 @@ exports[`optionSelectorField > should trigger events 1`] = `
489489
<div
490490
aria-controls="_r_t_"
491491
aria-expanded="false"
492-
class="uv_1ba7knd6 uv_1ba7knd5 uv_1ba7knda uv_1ba7knde"
492+
class="uv_r8qe46 uv_r8qe45 uv_r8qe4a uv_r8qe4e"
493493
data-disabled="false"
494494
data-readonly="false"
495495
data-testid="second-selector"
@@ -498,12 +498,12 @@ exports[`optionSelectorField > should trigger events 1`] = `
498498
tabindex="0"
499499
>
500500
<span
501-
class="uv_1ba7knd4 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow1d uv_m4c9ow35"
501+
class="uv_r8qe44 uv_m4c9ow0 uv_m4c9ow7 uv_m4c9owb uv_m4c9owj uv_m4c9ow1d uv_m4c9ow35"
502502
>
503503
Select item
504504
</span>
505505
<div
506-
class="uv_1ba7knd2 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
506+
class="uv_r8qe42 uv_toi52u0 uv_toi52ud uv_toi52u2j uv_toi52u31 uv_toi52u3p uv_toi52u5v"
507507
>
508508
<svg
509509
aria-label="show dropdown"

0 commit comments

Comments
 (0)