@dt-dds/react-select 1.0.0-beta.46

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 (7) hide show
  1. package/CHANGELOG.md +544 -0
  2. package/LICENSE.md +21 -0
  3. package/README.md +106 -0
  4. package/dist/index.d.ts +50 -0
  5. package/dist/index.js +508 -0
  6. package/dist/index.mjs +482 -0
  7. package/package.json +61 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,544 @@
1
+ # @dt-ui/react-select
2
+
3
+ ## 1.0.0-beta.46
4
+
5
+ ### Major Changes
6
+
7
+ - refactor!: rename pkg and publish to npmjs
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+ - @dt-dds/react-checkbox@1.0.0-beta.40
13
+ - @dt-dds/react-core@1.0.0-beta.41
14
+ - @dt-dds/react-icon@1.0.0-beta.42
15
+ - @dt-dds/react-icon-button@1.0.0-beta.9
16
+ - @dt-dds/react-label-field@1.0.0-beta.37
17
+ - @dt-dds/react-tooltip@1.0.0-beta.49
18
+ - @dt-dds/react-typography@1.0.0-beta.32
19
+
20
+ ## 0.1.0-beta.45
21
+
22
+ ### Patch Changes
23
+
24
+ - chore: fix pkg deps versions
25
+
26
+ ## 0.1.0-beta.44
27
+
28
+ ### Patch Changes
29
+
30
+ - refactor: drop icon funcional state
31
+ - Updated dependencies
32
+ - @dt-ui/react-icon@0.1.0-beta.41
33
+ - @dt-ui/react-checkbox@0.1.0-beta.39
34
+
35
+ ## 0.1.0-beta.43
36
+
37
+ ### Patch Changes
38
+
39
+ - refactor: theme typography values
40
+ - Updated dependencies
41
+ - @dt-ui/react-checkbox@0.1.0-beta.38
42
+ - @dt-ui/react-core@0.1.0-beta.40
43
+ - @dt-ui/react-label-field@0.1.0-beta.36
44
+ - @dt-ui/react-icon@0.1.0-beta.40
45
+ - @dt-ui/react-tooltip@0.1.0-beta.48
46
+ - @dt-ui/react-typography@0.1.0-beta.31
47
+
48
+ ## 0.1.0-beta.42
49
+
50
+ ### Minor Changes
51
+
52
+ - feat: update shadow theme values
53
+
54
+ ### Patch Changes
55
+
56
+ - Updated dependencies
57
+ - @dt-ui/react-core@0.1.0-beta.39
58
+ - @dt-ui/react-tooltip@0.1.0-beta.47
59
+ - @dt-ui/react-checkbox@0.1.0-beta.37
60
+ - @dt-ui/react-icon@0.1.0-beta.39
61
+ - @dt-ui/react-label-field@0.1.0-beta.35
62
+ - @dt-ui/react-typography@0.1.0-beta.30
63
+
64
+ ## 0.1.0-beta.41
65
+
66
+ ### Minor Changes
67
+
68
+ - feat: add new icon font sizes
69
+
70
+ ### Patch Changes
71
+
72
+ - Updated dependencies
73
+ - @dt-ui/react-icon@0.1.0-beta.38
74
+ - @dt-ui/react-checkbox@0.1.0-beta.36
75
+
76
+ ## 0.1.0-beta.40
77
+
78
+ ### Patch Changes
79
+
80
+ - chore: update theme font-styles
81
+ - Updated dependencies
82
+ - @dt-ui/react-core@0.1.0-beta.38
83
+ - @dt-ui/react-checkbox@0.1.0-beta.35
84
+ - @dt-ui/react-icon@0.1.0-beta.37
85
+ - @dt-ui/react-tooltip@0.1.0-beta.46
86
+ - @dt-ui/react-label-field@0.1.0-beta.34
87
+ - @dt-ui/react-typography@0.1.0-beta.29
88
+
89
+ ## 0.1.0-beta.39
90
+
91
+ ### Minor Changes
92
+
93
+ - feat: add conditional props to select field
94
+
95
+ ## 0.1.0-beta.38
96
+
97
+ ### Patch Changes
98
+
99
+ - fix: select-field styles
100
+
101
+ ## 0.1.0-beta.37
102
+
103
+ ### Minor Changes
104
+
105
+ - feat: add select variant and bg fill
106
+
107
+ ## 0.1.0-beta.36
108
+
109
+ ### Patch Changes
110
+
111
+ - chore: review OSS files
112
+ - Updated dependencies
113
+ - @dt-ui/react-checkbox@0.1.0-beta.34
114
+ - @dt-ui/react-core@0.1.0-beta.37
115
+ - @dt-ui/react-icon@0.1.0-beta.36
116
+ - @dt-ui/react-label-field@0.1.0-beta.33
117
+ - @dt-ui/react-tooltip@0.1.0-beta.45
118
+ - @dt-ui/react-typography@0.1.0-beta.28
119
+
120
+ ## 0.1.0-beta.35
121
+
122
+ ### Patch Changes
123
+
124
+ - chore: update contextual colors
125
+ - Updated dependencies
126
+ - @dt-ui/react-checkbox@0.1.0-beta.33
127
+ - @dt-ui/react-core@0.1.0-beta.36
128
+ - @dt-ui/react-icon@0.1.0-beta.35
129
+ - @dt-ui/react-label-field@0.1.0-beta.32
130
+ - @dt-ui/react-tooltip@0.1.0-beta.44
131
+ - @dt-ui/react-typography@0.1.0-beta.27
132
+
133
+ ## 0.1.0-beta.34
134
+
135
+ ### Minor Changes
136
+
137
+ - feat: implement IconButton contrast and size
138
+
139
+ ### Patch Changes
140
+
141
+ - Updated dependencies
142
+ - @dt-ui/react-icon@0.1.0-beta.34
143
+ - @dt-ui/react-checkbox@0.1.0-beta.32
144
+ - @dt-ui/react-tooltip@0.1.0-beta.43
145
+
146
+ ## 0.1.0-beta.33
147
+
148
+ ### Patch Changes
149
+
150
+ - fix: circular dependencies
151
+ - Updated dependencies
152
+ - @dt-ui/react-tooltip@0.1.0-beta.42
153
+
154
+ ## 0.1.0-beta.32
155
+
156
+ ### Patch Changes
157
+
158
+ - fix: change content.light contextual color
159
+ - Updated dependencies
160
+ - @dt-ui/react-core@0.1.0-beta.35
161
+ - @dt-ui/react-label-field@0.1.0-beta.31
162
+ - @dt-ui/react-checkbox@0.1.0-beta.31
163
+ - @dt-ui/react-icon@0.1.0-beta.33
164
+ - @dt-ui/react-tooltip@0.1.0-beta.41
165
+ - @dt-ui/react-typography@0.1.0-beta.26
166
+
167
+ ## 0.1.0-beta.31
168
+
169
+ ### Minor Changes
170
+
171
+ - feat: move icon-button to independent
172
+
173
+ ### Patch Changes
174
+
175
+ - Updated dependencies
176
+ - @dt-ui/react-icon@0.1.0-beta.32
177
+ - @dt-ui/react-tooltip@0.1.0-beta.40
178
+ - @dt-ui/react-checkbox@0.1.0-beta.30
179
+
180
+ ## 0.1.0-beta.30
181
+
182
+ ### Patch Changes
183
+
184
+ - fix: add accent to colors type
185
+ - Updated dependencies
186
+ - @dt-ui/react-core@0.1.0-beta.34
187
+ - @dt-ui/react-checkbox@0.1.0-beta.29
188
+ - @dt-ui/react-icon@0.1.0-beta.31
189
+ - @dt-ui/react-label-field@0.1.0-beta.30
190
+ - @dt-ui/react-tooltip@0.1.0-beta.39
191
+ - @dt-ui/react-typography@0.1.0-beta.25
192
+
193
+ ## 0.1.0-beta.29
194
+
195
+ ### Patch Changes
196
+
197
+ - fix: change button text according to ux
198
+ - Updated dependencies
199
+ - @dt-ui/react-core@0.1.0-beta.33
200
+ - @dt-ui/react-checkbox@0.1.0-beta.28
201
+ - @dt-ui/react-icon@0.1.0-beta.30
202
+ - @dt-ui/react-label-field@0.1.0-beta.29
203
+ - @dt-ui/react-tooltip@0.1.0-beta.38
204
+ - @dt-ui/react-typography@0.1.0-beta.24
205
+
206
+ ## 0.1.0-beta.28
207
+
208
+ ### Patch Changes
209
+
210
+ - fix: checkbox style
211
+ - Updated dependencies
212
+ - @dt-ui/react-checkbox@0.1.0-beta.27
213
+
214
+ ## 0.1.0-beta.27
215
+
216
+ ### Patch Changes
217
+
218
+ - chore: update contexual colors
219
+ - Updated dependencies
220
+ - @dt-ui/react-checkbox@0.1.0-beta.26
221
+ - @dt-ui/react-core@0.1.0-beta.32
222
+ - @dt-ui/react-label-field@0.1.0-beta.28
223
+ - @dt-ui/react-typography@0.1.0-beta.23
224
+ - @dt-ui/react-icon@0.1.0-beta.29
225
+ - @dt-ui/react-tooltip@0.1.0-beta.37
226
+
227
+ ## 0.1.0-beta.26
228
+
229
+ ### Patch Changes
230
+
231
+ - style: update responsive font styles
232
+ - Updated dependencies
233
+ - @dt-ui/react-core@0.1.0-beta.31
234
+ - @dt-ui/react-checkbox@0.1.0-beta.25
235
+ - @dt-ui/react-icon@0.1.0-beta.28
236
+ - @dt-ui/react-label-field@0.1.0-beta.27
237
+ - @dt-ui/react-tooltip@0.1.0-beta.36
238
+ - @dt-ui/react-typography@0.1.0-beta.22
239
+
240
+ ## 0.1.0-beta.25
241
+
242
+ ### Minor Changes
243
+
244
+ - feat: add spinner size 'extra-small' & update specs
245
+
246
+ ### Patch Changes
247
+
248
+ - Updated dependencies
249
+ - @dt-ui/react-core@0.1.0-beta.30
250
+ - @dt-ui/react-checkbox@0.1.0-beta.24
251
+ - @dt-ui/react-icon@0.1.0-beta.27
252
+ - @dt-ui/react-label-field@0.1.0-beta.26
253
+ - @dt-ui/react-tooltip@0.1.0-beta.35
254
+ - @dt-ui/react-typography@0.1.0-beta.21
255
+
256
+ ## 0.1.0-beta.24
257
+
258
+ ### Patch Changes
259
+
260
+ - chore: add theme breakpoints
261
+ - Updated dependencies
262
+ - @dt-ui/react-core@0.1.0-beta.29
263
+ - @dt-ui/react-checkbox@0.1.0-beta.23
264
+ - @dt-ui/react-icon@0.1.0-beta.26
265
+ - @dt-ui/react-label-field@0.1.0-beta.25
266
+ - @dt-ui/react-tooltip@0.1.0-beta.34
267
+ - @dt-ui/react-typography@0.1.0-beta.20
268
+
269
+ ## 0.1.0-beta.23
270
+
271
+ ### Patch Changes
272
+
273
+ - fix(DOMRect API): prevent breaking consumers CI/CD pipeline
274
+ - Updated dependencies
275
+ - @dt-ui/react-tooltip@0.1.0-beta.33
276
+
277
+ ## 0.1.0-beta.22
278
+
279
+ ### Patch Changes
280
+
281
+ - fix(tooltip): avoid browser window crop
282
+ - Updated dependencies
283
+ - @dt-ui/react-tooltip@0.1.0-beta.32
284
+
285
+ ## 0.1.0-beta.21
286
+
287
+ ### Patch Changes
288
+
289
+ - fix: align select value with label
290
+
291
+ ## 0.1.0-beta.20
292
+
293
+ ### Minor Changes
294
+
295
+ - feat: add id to base props
296
+
297
+ ### Patch Changes
298
+
299
+ - Updated dependencies
300
+ - @dt-ui/react-core@0.1.0-beta.28
301
+ - @dt-ui/react-typography@0.1.0-beta.19
302
+ - @dt-ui/react-checkbox@0.1.0-beta.22
303
+ - @dt-ui/react-icon@0.1.0-beta.25
304
+ - @dt-ui/react-label-field@0.1.0-beta.24
305
+ - @dt-ui/react-tooltip@0.1.0-beta.31
306
+
307
+ ## 0.1.0-beta.19
308
+
309
+ ### Minor Changes
310
+
311
+ - feat: change breakpoints values
312
+
313
+ ### Patch Changes
314
+
315
+ - Updated dependencies
316
+ - @dt-ui/react-core@0.1.0-beta.27
317
+ - @dt-ui/react-checkbox@0.1.0-beta.21
318
+ - @dt-ui/react-icon@0.1.0-beta.24
319
+ - @dt-ui/react-label-field@0.1.0-beta.23
320
+ - @dt-ui/react-tooltip@0.1.0-beta.30
321
+ - @dt-ui/react-typography@0.1.0-beta.18
322
+
323
+ ## 0.1.0-beta.18
324
+
325
+ ### Patch Changes
326
+
327
+ - fix: replace body to correct one
328
+ - Updated dependencies
329
+ - @dt-ui/react-core@0.1.0-beta.26
330
+ - @dt-ui/react-checkbox@0.1.0-beta.20
331
+ - @dt-ui/react-icon@0.1.0-beta.23
332
+ - @dt-ui/react-label-field@0.1.0-beta.22
333
+ - @dt-ui/react-tooltip@0.1.0-beta.29
334
+ - @dt-ui/react-typography@0.1.0-beta.17
335
+
336
+ ## 0.1.0-beta.17
337
+
338
+ ### Patch Changes
339
+
340
+ - chore: add theme colors missing types
341
+ - Updated dependencies
342
+ - @dt-ui/react-core@0.1.0-beta.25
343
+ - @dt-ui/react-checkbox@0.1.0-beta.19
344
+ - @dt-ui/react-icon@0.1.0-beta.22
345
+ - @dt-ui/react-label-field@0.1.0-beta.21
346
+ - @dt-ui/react-tooltip@0.1.0-beta.28
347
+ - @dt-ui/react-typography@0.1.0-beta.16
348
+
349
+ ## 0.1.0-beta.16
350
+
351
+ ### Minor Changes
352
+
353
+ - feat: add search functionality to text-field
354
+
355
+ ### Patch Changes
356
+
357
+ - Updated dependencies
358
+ - @dt-ui/react-label-field@0.1.0-beta.20
359
+
360
+ ## 0.1.0-beta.15
361
+
362
+ ### Patch Changes
363
+
364
+ - refactor: drop truckapi theme
365
+ - Updated dependencies
366
+ - @dt-ui/react-core@0.1.0-beta.24
367
+ - @dt-ui/react-checkbox@0.1.0-beta.18
368
+ - @dt-ui/react-icon@0.1.0-beta.21
369
+ - @dt-ui/react-label-field@0.1.0-beta.19
370
+ - @dt-ui/react-tooltip@0.1.0-beta.27
371
+ - @dt-ui/react-typography@0.1.0-beta.15
372
+
373
+ ## 0.1.0-beta.14
374
+
375
+ ### Patch Changes
376
+
377
+ - fix: update label vertical positioning
378
+ - Updated dependencies
379
+ - @dt-ui/react-label-field@0.1.0-beta.18
380
+
381
+ ## 0.1.0-beta.13
382
+
383
+ ### Patch Changes
384
+
385
+ - fix: solve minor issues with text field component
386
+
387
+ ## 0.1.0-beta.12
388
+
389
+ ### Minor Changes
390
+
391
+ - feat: redesign text field and add new features
392
+
393
+ ### Patch Changes
394
+
395
+ - Updated dependencies
396
+ - @dt-ui/react-label-field@0.1.0-beta.17
397
+
398
+ ## 0.1.0-beta.11
399
+
400
+ ### Minor Changes
401
+
402
+ - feat: update core and semantic colors
403
+ - feat: remove greenlane theme
404
+
405
+ ### Patch Changes
406
+
407
+ - Updated dependencies
408
+ - Updated dependencies
409
+ - @dt-ui/react-checkbox@0.1.0-beta.17
410
+ - @dt-ui/react-core@0.1.0-beta.23
411
+ - @dt-ui/react-icon@0.1.0-beta.20
412
+ - @dt-ui/react-label-field@0.1.0-beta.16
413
+ - @dt-ui/react-tooltip@0.1.0-beta.26
414
+ - @dt-ui/react-typography@0.1.0-beta.14
415
+
416
+ ## 0.1.0-beta.10
417
+
418
+ ### Minor Changes
419
+
420
+ - feat: add icon option for truckapi theme
421
+
422
+ ### Patch Changes
423
+
424
+ - Updated dependencies
425
+ - @dt-ui/react-core@0.1.0-beta.22
426
+ - @dt-ui/react-checkbox@0.1.0-beta.16
427
+ - @dt-ui/react-icon@0.1.0-beta.19
428
+ - @dt-ui/react-label-field@0.1.0-beta.15
429
+ - @dt-ui/react-tooltip@0.1.0-beta.25
430
+ - @dt-ui/react-typography@0.1.0-beta.13
431
+
432
+ ## 0.1.0-beta.9
433
+
434
+ ### Patch Changes
435
+
436
+ - fix: tooltip z index
437
+ - Updated dependencies
438
+ - @dt-ui/react-core@0.1.0-beta.21
439
+ - @dt-ui/react-tooltip@0.1.0-beta.24
440
+ - @dt-ui/react-checkbox@0.1.0-beta.15
441
+ - @dt-ui/react-icon@0.1.0-beta.18
442
+ - @dt-ui/react-label-field@0.1.0-beta.14
443
+ - @dt-ui/react-typography@0.1.0-beta.12
444
+
445
+ ## 0.1.0-beta.8
446
+
447
+ ### Minor Changes
448
+
449
+ - feat: add segmented control component
450
+
451
+ ### Patch Changes
452
+
453
+ - Updated dependencies
454
+ - @dt-ui/react-core@0.1.0-beta.20
455
+ - @dt-ui/react-checkbox@0.1.0-beta.14
456
+ - @dt-ui/react-icon@0.1.0-beta.17
457
+ - @dt-ui/react-label-field@0.1.0-beta.13
458
+ - @dt-ui/react-tooltip@0.1.0-beta.23
459
+ - @dt-ui/react-typography@0.1.0-beta.11
460
+
461
+ ## 0.1.0-beta.7
462
+
463
+ ### Patch Changes
464
+
465
+ - fix: add shape for tooltip on truckapi theme
466
+ - Updated dependencies
467
+ - @dt-ui/react-core@0.1.0-beta.19
468
+ - @dt-ui/react-checkbox@0.1.0-beta.13
469
+ - @dt-ui/react-icon@0.1.0-beta.16
470
+ - @dt-ui/react-label-field@0.1.0-beta.12
471
+ - @dt-ui/react-tooltip@0.1.0-beta.22
472
+ - @dt-ui/react-typography@0.1.0-beta.10
473
+
474
+ ## 0.1.0-beta.6
475
+
476
+ ### Patch Changes
477
+
478
+ - fix: remove devDependecy export
479
+ - Updated dependencies
480
+ - @dt-ui/react-core@0.1.0-beta.18
481
+ - @dt-ui/react-checkbox@0.1.0-beta.12
482
+ - @dt-ui/react-icon@0.1.0-beta.15
483
+ - @dt-ui/react-label-field@0.1.0-beta.11
484
+ - @dt-ui/react-tooltip@0.1.0-beta.21
485
+ - @dt-ui/react-typography@0.1.0-beta.9
486
+
487
+ ## 0.1.0-beta.5
488
+
489
+ ### Patch Changes
490
+
491
+ - test: add test custom render
492
+ - Updated dependencies
493
+ - @dt-ui/react-core@0.1.0-beta.17
494
+ - @dt-ui/react-checkbox@0.1.0-beta.11
495
+ - @dt-ui/react-icon@0.1.0-beta.14
496
+ - @dt-ui/react-label-field@0.1.0-beta.10
497
+ - @dt-ui/react-tooltip@0.1.0-beta.20
498
+ - @dt-ui/react-typography@0.1.0-beta.8
499
+
500
+ ## 0.1.0-beta.4
501
+
502
+ ### Patch Changes
503
+
504
+ - fix: checkbox forwardRef needs ref as second param
505
+ - Updated dependencies
506
+ - @dt-ui/react-checkbox@0.1.0-beta.10
507
+
508
+ ## 0.1.0-beta.3
509
+
510
+ ### Minor Changes
511
+
512
+ - feat: add input props to checkbox
513
+
514
+ ### Patch Changes
515
+
516
+ - fix: remove repetitive onChange calls when isMulti
517
+ - Updated dependencies
518
+ - @dt-ui/react-checkbox@0.1.0-beta.9
519
+
520
+ ## 0.1.0-beta.2
521
+
522
+ ### Patch Changes
523
+
524
+ - fix: export select component
525
+
526
+ ## 0.1.0-beta.1
527
+
528
+ ### Minor Changes
529
+
530
+ - feat: create select
531
+ - feat: labelField add hasError and required
532
+ - feat: add checkboxId and value to checkbox
533
+
534
+ ### Patch Changes
535
+
536
+ - Updated dependencies
537
+ - Updated dependencies
538
+ - Updated dependencies
539
+ - @dt-ui/react-core@0.1.0-beta.16
540
+ - @dt-ui/react-icon@0.1.0-beta.13
541
+ - @dt-ui/react-checkbox@0.1.0-beta.8
542
+ - @dt-ui/react-label-field@0.1.0-beta.9
543
+ - @dt-ui/react-tooltip@0.1.0-beta.19
544
+ - @dt-ui/react-typography@0.1.0-beta.7
package/LICENSE.md ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 Daimler Truck AG.
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,106 @@
1
+ # Select Package
2
+
3
+ A Select is designed to gather input from users by offering a selection from a predefined list of choices, allowing for single selection and multiple selections.
4
+
5
+ ## Select Usage
6
+
7
+ ```jsx
8
+ import { Select, SelectOptionValue } from '@dt-dds/react-select';
9
+
10
+ const items: SelectOptionValue[] = [
11
+ { value: 'value1', label: 'Value 1' },
12
+ { value: 'value2', label: 'Value 2' },
13
+ { value: 'value3', label: 'Value 3', disabled: true },
14
+ ];
15
+
16
+ export const App = () => {
17
+ return (
18
+ <Select {...props}>
19
+ {items.map((item, index) => (
20
+ <Select.Option
21
+ disabled={item.disabled}
22
+ index={index}
23
+ key={item.value}
24
+ label={item.label}
25
+ value={item.value}
26
+ />
27
+ ))}
28
+ </Select>
29
+ );
30
+ };
31
+ ```
32
+
33
+ ## Select
34
+
35
+ | Property | Type | Default | Description |
36
+ | -------------- | -------------------- | ---------- | --------------------------------------------------------------------- |
37
+ | `label` | `string` | - | A label to help users understand the scope of the select field. |
38
+ | `initialValue` | `string \| string[]` | [] | Sets the initial value of the select field. |
39
+ | `helperText` | `string` | - | The message to be displayed below the select field. Useful for hints. |
40
+ | `hasError` | `boolean` | false | Set error state for select field. |
41
+ | `isDisabled` | `boolean` | false | Determines the disabled state of the select field. |
42
+ | `isRequired` | `boolean` | - | Set the state of the select field to required. |
43
+ | `errorMessage` | `string` | - | The error message to show when hasError is true |
44
+ | `style` | `CSSProperties` | - | Add css style directly to the select field. |
45
+ | `onChange` | `function` | - | The triggered function when the selected option changes. |
46
+ | `isMulti` | `boolean` | false | Toggles the Select between multi selection and single selection |
47
+ | `children` | `React node` | - | Child components to be rendered. Useful to pass the list of options |
48
+ | `fill` | `DropdownFill` | `default` | Styles the input with a specific background color |
49
+ | `variant` | `DropdownVariant` | `outlined` | Styles the input with a specific border |
50
+
51
+ ### Select.Option
52
+
53
+ | Property | Type | Default | Description |
54
+ | ------------ | --------------------- | ----------------- | ---------------------------------------------- |
55
+ | `children` | `ReactNode` | - | Child component to be rendered |
56
+ | `value` | `string` | - | Value of the option |
57
+ | `label` | `string` | - | Text that describes the option |
58
+ | `style` | `React.CSSProperties` | - | Add css style directly to the select option. |
59
+ | `dataTestId` | `string` | `dropdown-select` | Customizable test identifier |
60
+ | `index` | `number` | - | To be used to get the properties of the option |
61
+
62
+ ## Stack
63
+
64
+ - [TypeScript](https://www.typescriptlang.org/) for static type checking
65
+ - [React](https://reactjs.org/) — JavaScript library for user interfaces
66
+ - [Emotion](https://emotion.sh/docs/introduction) — for writing css styles with JavaScript
67
+ - [Storybook](https://storybook.js.org/) — UI component environment powered by Vite
68
+ - [Jest](https://jestjs.io/) - JavaScript Testing Framework
69
+ - [React Testing Library](https://testing-library.com/) - to test UI components in a user-centric way
70
+ - [ESLint](https://eslint.org/) for code linting
71
+ - [Prettier](https://prettier.io) for code formatting
72
+ - [Tsup](https://github.com/egoist/tsup) — TypeScript bundler powered by esbuild
73
+ - [Yarn](https://yarnpkg.com/) from managing packages
74
+ - [Downshift](https://www.downshift-js.com/) managing accessibility
75
+
76
+ ## Commands
77
+
78
+ - `yarn build` - Build the package
79
+ - `yarn dev` - Run the package locally
80
+ - `yarn lint` - Lint all files within this package
81
+ - `yarn test` - Run all unit tests
82
+ - `yarn test:report` - Open the test coverage report
83
+ - `yarn test:update:snapshot` - Run all unit tests and update the snapshot
84
+
85
+ ## Compilation
86
+
87
+ Running `yarn build` from the root of the package will use [tsup](https://tsup.egoist.dev/) to compile the raw TypeScript and React code to plain JavaScript.
88
+
89
+ The `/dist` folder contains the compiled output.
90
+
91
+ ```bash
92
+ select
93
+ └── dist
94
+ ├── index.d.ts <-- Types
95
+ ├── index.js <-- CommonJS version
96
+ └── index.mjs <-- ES Modules version
97
+ ...
98
+ ```
99
+
100
+ ## Versioning
101
+
102
+ Follows [semantic versioning](https://semver.org/)
103
+
104
+ ## &copy; License
105
+
106
+ Licensed under [MIT License](LICENSE.md)
package/dist/index.d.ts ADDED
@@ -0,0 +1,50 @@
1
+ import { BaseProps, Theme } from '@dt-dds/react-core';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
+
4
+ interface SelectOptionProps extends BaseProps {
5
+ value: string;
6
+ label?: string;
7
+ index: number;
8
+ disabled?: boolean;
9
+ }
10
+
11
+ type SelectOptionValue = {
12
+ label?: string;
13
+ value: string;
14
+ disabled?: boolean;
15
+ };
16
+ type SelectVariant = 'outlined' | 'bottom-line';
17
+ type SelectFill = 'default' | 'contrast' | 'light';
18
+
19
+ interface BaseSelectProps extends BaseProps {
20
+ helperText?: string;
21
+ hasError?: boolean;
22
+ label: string;
23
+ isRequired?: boolean;
24
+ errorMessage?: string;
25
+ isDisabled?: boolean;
26
+ variant?: SelectVariant;
27
+ fill?: SelectFill;
28
+ }
29
+ interface SingleSelectProps extends BaseSelectProps {
30
+ isMulti?: false;
31
+ initialValue?: string;
32
+ onChange?: (value: string) => void;
33
+ }
34
+ interface MultiSelectProps extends BaseSelectProps {
35
+ isMulti: true;
36
+ initialValue?: string[];
37
+ onChange?: (value: string[]) => void;
38
+ }
39
+ type SelectProps = SingleSelectProps | MultiSelectProps;
40
+ declare const Select: {
41
+ ({ dataTestId, style, helperText, hasError, initialValue, label, isMulti, isRequired, errorMessage, children, isDisabled, variant, fill, onChange, }: SelectProps): react_jsx_runtime.JSX.Element;
42
+ Option: ({ dataTestId, index, children, style, value, label, disabled, }: SelectOptionProps) => react_jsx_runtime.JSX.Element;
43
+ };
44
+
45
+ declare module '@emotion/react' {
46
+ interface Theme extends Theme {
47
+ }
48
+ }
49
+
50
+ export { Select, SelectFill, SelectOptionValue, SelectProps, SelectVariant };