@xsolla/xui-select 0.128.0 → 0.129.0
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.
- package/README.md +13 -1
- package/native/index.d.mts +2 -1
- package/native/index.d.ts +2 -1
- package/native/index.js +486 -129
- package/native/index.js.map +1 -1
- package/native/index.mjs +487 -126
- package/native/index.mjs.map +1 -1
- package/package.json +3 -3
- package/web/index.d.mts +2 -1
- package/web/index.d.ts +2 -1
- package/web/index.js +479 -128
- package/web/index.js.map +1 -1
- package/web/index.mjs +480 -125
- package/web/index.mjs.map +1 -1
package/native/index.js
CHANGED
|
@@ -80,6 +80,10 @@ var Box = ({
|
|
|
80
80
|
left,
|
|
81
81
|
right,
|
|
82
82
|
width,
|
|
83
|
+
minWidth,
|
|
84
|
+
minHeight,
|
|
85
|
+
maxWidth,
|
|
86
|
+
maxHeight,
|
|
83
87
|
flex,
|
|
84
88
|
overflow,
|
|
85
89
|
zIndex,
|
|
@@ -111,6 +115,10 @@ var Box = ({
|
|
|
111
115
|
zIndex,
|
|
112
116
|
height,
|
|
113
117
|
width,
|
|
118
|
+
minWidth,
|
|
119
|
+
minHeight,
|
|
120
|
+
maxWidth,
|
|
121
|
+
maxHeight,
|
|
114
122
|
padding,
|
|
115
123
|
paddingHorizontal,
|
|
116
124
|
paddingVertical,
|
|
@@ -239,7 +247,7 @@ var Text = ({
|
|
|
239
247
|
}
|
|
240
248
|
const incomingStyle = import_react_native2.StyleSheet.flatten(styleProp);
|
|
241
249
|
const baseStyle = {
|
|
242
|
-
color,
|
|
250
|
+
color: color ?? incomingStyle?.color,
|
|
243
251
|
fontSize: typeof fontSize === "number" ? fontSize : void 0,
|
|
244
252
|
fontWeight,
|
|
245
253
|
fontFamily: resolvedFontFamily,
|
|
@@ -292,109 +300,453 @@ var Icon = ({ children, color, size }) => {
|
|
|
292
300
|
|
|
293
301
|
// src/Select.tsx
|
|
294
302
|
var import_xui_core = require("@xsolla/xui-core");
|
|
303
|
+
|
|
304
|
+
// ../icons-base/dist/web/index.mjs
|
|
305
|
+
var import_styled_components = __toESM(require("styled-components"), 1);
|
|
295
306
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
296
|
-
var
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
);
|
|
316
|
-
var
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
);
|
|
336
|
-
var
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
);
|
|
366
|
-
var
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
307
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
308
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
309
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
310
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
311
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
312
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
313
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
314
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
315
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
316
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
317
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
318
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
319
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
320
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
321
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
322
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
323
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
324
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
325
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
326
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
327
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
328
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
329
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
330
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
331
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
332
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
333
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
334
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
335
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
336
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
337
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
338
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
339
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
340
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
341
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
342
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
343
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
344
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
345
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
346
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
347
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
348
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
349
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
350
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
351
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
352
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
353
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
354
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
355
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
356
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
357
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
358
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
359
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
360
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
361
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
362
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
363
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
364
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
365
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
366
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
367
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
368
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
369
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
370
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
371
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
372
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
373
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
374
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
375
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
376
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
377
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
378
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
379
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
380
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
381
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
382
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
383
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
384
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
385
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
386
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
387
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
388
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
389
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
390
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
391
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
392
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
393
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
394
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
395
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
396
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
397
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
398
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
399
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
400
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
401
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
402
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
403
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
404
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
405
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
406
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
407
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
408
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
409
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
410
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
411
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
412
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
413
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
414
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
415
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
416
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
417
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
418
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
419
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
420
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
421
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
422
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
423
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
424
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
425
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
426
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
427
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
428
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
429
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
430
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
431
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
432
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
433
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
434
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
435
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
436
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
437
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
438
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
439
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
440
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
441
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
442
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
443
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
444
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
445
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
446
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
447
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
448
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
449
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
450
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
451
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
452
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
453
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
454
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
455
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
456
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
457
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
458
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
459
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
460
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
461
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
462
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
463
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
464
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
465
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
466
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
467
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
468
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
469
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
470
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
471
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
472
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
473
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
474
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
475
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
476
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
477
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
478
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
479
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
480
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
481
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
482
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
483
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
484
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
485
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
486
|
+
var import_jsx_runtime184 = require("react/jsx-runtime");
|
|
487
|
+
var import_jsx_runtime185 = require("react/jsx-runtime");
|
|
488
|
+
var import_jsx_runtime186 = require("react/jsx-runtime");
|
|
489
|
+
var import_jsx_runtime187 = require("react/jsx-runtime");
|
|
490
|
+
var import_jsx_runtime188 = require("react/jsx-runtime");
|
|
491
|
+
var import_jsx_runtime189 = require("react/jsx-runtime");
|
|
492
|
+
var import_jsx_runtime190 = require("react/jsx-runtime");
|
|
493
|
+
var import_jsx_runtime191 = require("react/jsx-runtime");
|
|
494
|
+
var import_jsx_runtime192 = require("react/jsx-runtime");
|
|
495
|
+
var import_jsx_runtime193 = require("react/jsx-runtime");
|
|
496
|
+
var import_jsx_runtime194 = require("react/jsx-runtime");
|
|
497
|
+
var import_jsx_runtime195 = require("react/jsx-runtime");
|
|
498
|
+
var import_jsx_runtime196 = require("react/jsx-runtime");
|
|
499
|
+
var import_jsx_runtime197 = require("react/jsx-runtime");
|
|
500
|
+
var import_jsx_runtime198 = require("react/jsx-runtime");
|
|
501
|
+
var import_jsx_runtime199 = require("react/jsx-runtime");
|
|
502
|
+
var import_jsx_runtime200 = require("react/jsx-runtime");
|
|
503
|
+
var import_jsx_runtime201 = require("react/jsx-runtime");
|
|
504
|
+
var import_jsx_runtime202 = require("react/jsx-runtime");
|
|
505
|
+
var import_jsx_runtime203 = require("react/jsx-runtime");
|
|
506
|
+
var import_jsx_runtime204 = require("react/jsx-runtime");
|
|
507
|
+
var import_jsx_runtime205 = require("react/jsx-runtime");
|
|
508
|
+
var import_jsx_runtime206 = require("react/jsx-runtime");
|
|
509
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
510
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
511
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
512
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
513
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
514
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
515
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
516
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
517
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
518
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
519
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
520
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
521
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
522
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
523
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
524
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
525
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
526
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
527
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
528
|
+
var import_jsx_runtime226 = require("react/jsx-runtime");
|
|
529
|
+
var import_jsx_runtime227 = require("react/jsx-runtime");
|
|
530
|
+
var import_jsx_runtime228 = require("react/jsx-runtime");
|
|
531
|
+
var import_jsx_runtime229 = require("react/jsx-runtime");
|
|
532
|
+
var import_jsx_runtime230 = require("react/jsx-runtime");
|
|
533
|
+
var import_jsx_runtime231 = require("react/jsx-runtime");
|
|
534
|
+
var import_jsx_runtime232 = require("react/jsx-runtime");
|
|
535
|
+
var import_jsx_runtime233 = require("react/jsx-runtime");
|
|
536
|
+
var import_jsx_runtime234 = require("react/jsx-runtime");
|
|
537
|
+
var import_jsx_runtime235 = require("react/jsx-runtime");
|
|
538
|
+
var import_jsx_runtime236 = require("react/jsx-runtime");
|
|
539
|
+
var import_jsx_runtime237 = require("react/jsx-runtime");
|
|
540
|
+
var import_jsx_runtime238 = require("react/jsx-runtime");
|
|
541
|
+
var import_jsx_runtime239 = require("react/jsx-runtime");
|
|
542
|
+
var import_jsx_runtime240 = require("react/jsx-runtime");
|
|
543
|
+
var import_jsx_runtime241 = require("react/jsx-runtime");
|
|
544
|
+
var import_jsx_runtime242 = require("react/jsx-runtime");
|
|
545
|
+
var import_jsx_runtime243 = require("react/jsx-runtime");
|
|
546
|
+
var import_jsx_runtime244 = require("react/jsx-runtime");
|
|
547
|
+
var import_jsx_runtime245 = require("react/jsx-runtime");
|
|
548
|
+
var import_jsx_runtime246 = require("react/jsx-runtime");
|
|
549
|
+
var import_jsx_runtime247 = require("react/jsx-runtime");
|
|
550
|
+
var import_jsx_runtime248 = require("react/jsx-runtime");
|
|
551
|
+
var import_jsx_runtime249 = require("react/jsx-runtime");
|
|
552
|
+
var import_jsx_runtime250 = require("react/jsx-runtime");
|
|
553
|
+
var import_jsx_runtime251 = require("react/jsx-runtime");
|
|
554
|
+
var import_jsx_runtime252 = require("react/jsx-runtime");
|
|
555
|
+
var import_jsx_runtime253 = require("react/jsx-runtime");
|
|
556
|
+
var import_jsx_runtime254 = require("react/jsx-runtime");
|
|
557
|
+
var import_jsx_runtime255 = require("react/jsx-runtime");
|
|
558
|
+
var import_jsx_runtime256 = require("react/jsx-runtime");
|
|
559
|
+
var import_jsx_runtime257 = require("react/jsx-runtime");
|
|
560
|
+
var import_jsx_runtime258 = require("react/jsx-runtime");
|
|
561
|
+
var import_jsx_runtime259 = require("react/jsx-runtime");
|
|
562
|
+
var import_jsx_runtime260 = require("react/jsx-runtime");
|
|
563
|
+
var import_jsx_runtime261 = require("react/jsx-runtime");
|
|
564
|
+
var import_jsx_runtime262 = require("react/jsx-runtime");
|
|
565
|
+
var import_jsx_runtime263 = require("react/jsx-runtime");
|
|
566
|
+
var import_jsx_runtime264 = require("react/jsx-runtime");
|
|
567
|
+
var import_jsx_runtime265 = require("react/jsx-runtime");
|
|
568
|
+
var import_jsx_runtime266 = require("react/jsx-runtime");
|
|
569
|
+
var import_jsx_runtime267 = require("react/jsx-runtime");
|
|
570
|
+
var import_jsx_runtime268 = require("react/jsx-runtime");
|
|
571
|
+
var import_jsx_runtime269 = require("react/jsx-runtime");
|
|
572
|
+
var import_jsx_runtime270 = require("react/jsx-runtime");
|
|
573
|
+
var import_jsx_runtime271 = require("react/jsx-runtime");
|
|
574
|
+
var import_jsx_runtime272 = require("react/jsx-runtime");
|
|
575
|
+
var import_jsx_runtime273 = require("react/jsx-runtime");
|
|
576
|
+
var import_jsx_runtime274 = require("react/jsx-runtime");
|
|
577
|
+
var import_jsx_runtime275 = require("react/jsx-runtime");
|
|
578
|
+
var import_jsx_runtime276 = require("react/jsx-runtime");
|
|
579
|
+
var import_jsx_runtime277 = require("react/jsx-runtime");
|
|
580
|
+
var import_jsx_runtime278 = require("react/jsx-runtime");
|
|
581
|
+
var import_jsx_runtime279 = require("react/jsx-runtime");
|
|
582
|
+
var import_jsx_runtime280 = require("react/jsx-runtime");
|
|
583
|
+
var import_jsx_runtime281 = require("react/jsx-runtime");
|
|
584
|
+
var import_jsx_runtime282 = require("react/jsx-runtime");
|
|
585
|
+
var import_jsx_runtime283 = require("react/jsx-runtime");
|
|
586
|
+
var import_jsx_runtime284 = require("react/jsx-runtime");
|
|
587
|
+
var import_jsx_runtime285 = require("react/jsx-runtime");
|
|
588
|
+
var import_jsx_runtime286 = require("react/jsx-runtime");
|
|
589
|
+
var import_jsx_runtime287 = require("react/jsx-runtime");
|
|
590
|
+
var import_jsx_runtime288 = require("react/jsx-runtime");
|
|
591
|
+
var import_jsx_runtime289 = require("react/jsx-runtime");
|
|
592
|
+
var import_jsx_runtime290 = require("react/jsx-runtime");
|
|
593
|
+
var import_jsx_runtime291 = require("react/jsx-runtime");
|
|
594
|
+
var import_jsx_runtime292 = require("react/jsx-runtime");
|
|
595
|
+
var import_jsx_runtime293 = require("react/jsx-runtime");
|
|
596
|
+
var import_jsx_runtime294 = require("react/jsx-runtime");
|
|
597
|
+
var import_jsx_runtime295 = require("react/jsx-runtime");
|
|
598
|
+
var import_jsx_runtime296 = require("react/jsx-runtime");
|
|
599
|
+
var import_jsx_runtime297 = require("react/jsx-runtime");
|
|
600
|
+
var import_jsx_runtime298 = require("react/jsx-runtime");
|
|
601
|
+
var import_jsx_runtime299 = require("react/jsx-runtime");
|
|
602
|
+
var import_jsx_runtime300 = require("react/jsx-runtime");
|
|
603
|
+
var import_jsx_runtime301 = require("react/jsx-runtime");
|
|
604
|
+
var import_jsx_runtime302 = require("react/jsx-runtime");
|
|
605
|
+
var import_jsx_runtime303 = require("react/jsx-runtime");
|
|
606
|
+
var import_jsx_runtime304 = require("react/jsx-runtime");
|
|
607
|
+
var import_jsx_runtime305 = require("react/jsx-runtime");
|
|
608
|
+
var import_jsx_runtime306 = require("react/jsx-runtime");
|
|
609
|
+
var import_jsx_runtime307 = require("react/jsx-runtime");
|
|
610
|
+
var import_jsx_runtime308 = require("react/jsx-runtime");
|
|
611
|
+
var import_jsx_runtime309 = require("react/jsx-runtime");
|
|
612
|
+
var import_jsx_runtime310 = require("react/jsx-runtime");
|
|
613
|
+
var import_jsx_runtime311 = require("react/jsx-runtime");
|
|
614
|
+
var import_jsx_runtime312 = require("react/jsx-runtime");
|
|
615
|
+
var import_jsx_runtime313 = require("react/jsx-runtime");
|
|
616
|
+
var import_jsx_runtime314 = require("react/jsx-runtime");
|
|
617
|
+
var import_jsx_runtime315 = require("react/jsx-runtime");
|
|
618
|
+
var import_jsx_runtime316 = require("react/jsx-runtime");
|
|
619
|
+
var import_jsx_runtime317 = require("react/jsx-runtime");
|
|
620
|
+
var import_jsx_runtime318 = require("react/jsx-runtime");
|
|
621
|
+
var import_jsx_runtime319 = require("react/jsx-runtime");
|
|
622
|
+
var import_jsx_runtime320 = require("react/jsx-runtime");
|
|
623
|
+
var import_jsx_runtime321 = require("react/jsx-runtime");
|
|
624
|
+
var import_jsx_runtime322 = require("react/jsx-runtime");
|
|
625
|
+
var import_jsx_runtime323 = require("react/jsx-runtime");
|
|
626
|
+
var import_jsx_runtime324 = require("react/jsx-runtime");
|
|
627
|
+
var import_jsx_runtime325 = require("react/jsx-runtime");
|
|
628
|
+
var import_jsx_runtime326 = require("react/jsx-runtime");
|
|
629
|
+
var import_jsx_runtime327 = require("react/jsx-runtime");
|
|
630
|
+
var import_jsx_runtime328 = require("react/jsx-runtime");
|
|
631
|
+
var import_jsx_runtime329 = require("react/jsx-runtime");
|
|
632
|
+
var import_jsx_runtime330 = require("react/jsx-runtime");
|
|
633
|
+
var import_jsx_runtime331 = require("react/jsx-runtime");
|
|
634
|
+
var import_jsx_runtime332 = require("react/jsx-runtime");
|
|
635
|
+
var import_jsx_runtime333 = require("react/jsx-runtime");
|
|
636
|
+
var import_jsx_runtime334 = require("react/jsx-runtime");
|
|
637
|
+
var import_jsx_runtime335 = require("react/jsx-runtime");
|
|
638
|
+
var import_jsx_runtime336 = require("react/jsx-runtime");
|
|
639
|
+
var import_jsx_runtime337 = require("react/jsx-runtime");
|
|
640
|
+
var import_jsx_runtime338 = require("react/jsx-runtime");
|
|
641
|
+
var import_jsx_runtime339 = require("react/jsx-runtime");
|
|
642
|
+
var import_jsx_runtime340 = require("react/jsx-runtime");
|
|
643
|
+
var import_jsx_runtime341 = require("react/jsx-runtime");
|
|
644
|
+
var import_jsx_runtime342 = require("react/jsx-runtime");
|
|
645
|
+
var import_jsx_runtime343 = require("react/jsx-runtime");
|
|
646
|
+
var import_jsx_runtime344 = require("react/jsx-runtime");
|
|
647
|
+
var import_jsx_runtime345 = require("react/jsx-runtime");
|
|
648
|
+
var import_jsx_runtime346 = require("react/jsx-runtime");
|
|
649
|
+
var import_jsx_runtime347 = require("react/jsx-runtime");
|
|
650
|
+
var import_jsx_runtime348 = require("react/jsx-runtime");
|
|
651
|
+
var import_jsx_runtime349 = require("react/jsx-runtime");
|
|
652
|
+
var import_jsx_runtime350 = require("react/jsx-runtime");
|
|
653
|
+
var import_jsx_runtime351 = require("react/jsx-runtime");
|
|
654
|
+
var import_jsx_runtime352 = require("react/jsx-runtime");
|
|
655
|
+
var import_jsx_runtime353 = require("react/jsx-runtime");
|
|
656
|
+
var import_jsx_runtime354 = require("react/jsx-runtime");
|
|
657
|
+
var import_jsx_runtime355 = require("react/jsx-runtime");
|
|
658
|
+
var import_jsx_runtime356 = require("react/jsx-runtime");
|
|
659
|
+
var import_jsx_runtime357 = require("react/jsx-runtime");
|
|
660
|
+
var import_jsx_runtime358 = require("react/jsx-runtime");
|
|
661
|
+
var import_jsx_runtime359 = require("react/jsx-runtime");
|
|
662
|
+
var import_jsx_runtime360 = require("react/jsx-runtime");
|
|
663
|
+
var import_jsx_runtime361 = require("react/jsx-runtime");
|
|
664
|
+
var import_jsx_runtime362 = require("react/jsx-runtime");
|
|
665
|
+
var import_jsx_runtime363 = require("react/jsx-runtime");
|
|
666
|
+
var import_jsx_runtime364 = require("react/jsx-runtime");
|
|
667
|
+
var import_jsx_runtime365 = require("react/jsx-runtime");
|
|
668
|
+
var import_jsx_runtime366 = require("react/jsx-runtime");
|
|
669
|
+
var import_jsx_runtime367 = require("react/jsx-runtime");
|
|
670
|
+
var import_jsx_runtime368 = require("react/jsx-runtime");
|
|
671
|
+
var import_jsx_runtime369 = require("react/jsx-runtime");
|
|
672
|
+
var import_jsx_runtime370 = require("react/jsx-runtime");
|
|
673
|
+
var import_jsx_runtime371 = require("react/jsx-runtime");
|
|
674
|
+
var import_jsx_runtime372 = require("react/jsx-runtime");
|
|
675
|
+
var import_jsx_runtime373 = require("react/jsx-runtime");
|
|
676
|
+
var import_jsx_runtime374 = require("react/jsx-runtime");
|
|
677
|
+
var import_jsx_runtime375 = require("react/jsx-runtime");
|
|
678
|
+
var import_jsx_runtime376 = require("react/jsx-runtime");
|
|
679
|
+
var import_jsx_runtime377 = require("react/jsx-runtime");
|
|
680
|
+
var import_jsx_runtime378 = require("react/jsx-runtime");
|
|
681
|
+
var import_jsx_runtime379 = require("react/jsx-runtime");
|
|
682
|
+
var import_jsx_runtime380 = require("react/jsx-runtime");
|
|
683
|
+
var import_jsx_runtime381 = require("react/jsx-runtime");
|
|
684
|
+
var import_jsx_runtime382 = require("react/jsx-runtime");
|
|
685
|
+
var import_jsx_runtime383 = require("react/jsx-runtime");
|
|
686
|
+
var import_jsx_runtime384 = require("react/jsx-runtime");
|
|
687
|
+
var import_jsx_runtime385 = require("react/jsx-runtime");
|
|
688
|
+
var import_jsx_runtime386 = require("react/jsx-runtime");
|
|
689
|
+
var import_jsx_runtime387 = require("react/jsx-runtime");
|
|
690
|
+
var import_jsx_runtime388 = require("react/jsx-runtime");
|
|
691
|
+
var import_jsx_runtime389 = require("react/jsx-runtime");
|
|
692
|
+
var import_jsx_runtime390 = require("react/jsx-runtime");
|
|
693
|
+
var StyledIcon = import_styled_components.default.div`
|
|
694
|
+
display: inline-flex;
|
|
695
|
+
align-items: center;
|
|
696
|
+
justify-content: center;
|
|
697
|
+
width: ${(props) => props.$size};
|
|
698
|
+
height: ${(props) => props.$size};
|
|
699
|
+
color: ${(props) => props.$color};
|
|
700
|
+
|
|
701
|
+
svg {
|
|
702
|
+
width: 100%;
|
|
703
|
+
height: 100%;
|
|
396
704
|
}
|
|
397
|
-
|
|
705
|
+
`;
|
|
706
|
+
var BaseIcon = ({
|
|
707
|
+
variant = "line",
|
|
708
|
+
size = 24,
|
|
709
|
+
color = "currentColor",
|
|
710
|
+
solidContent: solidContent387,
|
|
711
|
+
lineContent: lineContent387,
|
|
712
|
+
className,
|
|
713
|
+
style,
|
|
714
|
+
"data-testid": testId,
|
|
715
|
+
"aria-label": ariaLabel,
|
|
716
|
+
"aria-hidden": ariaHidden
|
|
717
|
+
}) => {
|
|
718
|
+
const svgContent = variant === "line" ? lineContent387 : solidContent387;
|
|
719
|
+
const sizeValue = typeof size === "number" ? `${size}px` : size;
|
|
720
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
721
|
+
StyledIcon,
|
|
722
|
+
{
|
|
723
|
+
$size: sizeValue,
|
|
724
|
+
$color: color,
|
|
725
|
+
className,
|
|
726
|
+
style,
|
|
727
|
+
"data-testid": testId,
|
|
728
|
+
role: ariaLabel ? "img" : void 0,
|
|
729
|
+
"aria-label": ariaLabel,
|
|
730
|
+
"aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
|
|
731
|
+
dangerouslySetInnerHTML: { __html: svgContent }
|
|
732
|
+
}
|
|
733
|
+
);
|
|
734
|
+
};
|
|
735
|
+
var solidContent71 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--solid"><path id="Union" d="M7.19337 11.1943C6.75239 10.7533 7.06471 9.99933 7.68834 9.99933L16.3084 9.99933C16.9321 9.99933 17.2444 10.7533 16.8034 11.1943L12.7055 15.2922C12.315 15.6827 11.6818 15.6827 11.2913 15.2922L7.19337 11.1943Z" style="fill: currentColor"/></g></svg>`;
|
|
736
|
+
var lineContent71 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--line"><path id="Union" d="M12.7178 15.7808C12.3273 16.1713 11.6942 16.1713 11.3036 15.7808L4.30371 8.78084L5.71777 7.36678L12.0107 13.6597L18.3037 7.36678L19.7178 8.78084L12.7178 15.7808Z" style="fill: currentColor"/></g></svg>`;
|
|
737
|
+
var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BaseIcon, { ...props, solidContent: solidContent71, lineContent: lineContent71 });
|
|
738
|
+
var solidContent80 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-up--solid"><path id="Union" d="M16.8066 12.8057C17.2476 13.2467 16.9352 14.0007 16.3116 14.0007H7.69152C7.06788 14.0007 6.75557 13.2467 7.19654 12.8057L11.2945 8.70778C11.685 8.31726 12.3181 8.31726 12.7087 8.70778L16.8066 12.8057Z" style="fill: currentColor"/></g></svg>`;
|
|
739
|
+
var lineContent80 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-up--line"><path id="Union" d="M11.2929 7.93945C11.6834 7.54893 12.3166 7.54893 12.7071 7.93945L19.707 14.9394L18.293 16.3534L12 10.0605L5.70703 16.3534L4.29297 14.9394L11.2929 7.93945Z" style="fill: currentColor"/></g></svg>`;
|
|
740
|
+
var ChevronUp = (props) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BaseIcon, { ...props, solidContent: solidContent80, lineContent: lineContent80 });
|
|
741
|
+
var solidContent89 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_exclamation-mark-cr--solid"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM11 6V14H13V6H11Z" style="fill: currentColor"/></g></svg>`;
|
|
742
|
+
var lineContent89 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_exclamation-mark-cr--line"><g id="Union"><path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" style="fill: currentColor"/><path d="M13 14H11V6H13V14Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" style="fill: currentColor"/></g></g></svg>`;
|
|
743
|
+
var ExclamationMarkCr = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BaseIcon, { ...props, solidContent: solidContent89, lineContent: lineContent89 });
|
|
744
|
+
var solidContent373 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
|
|
745
|
+
var lineContent373 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
|
|
746
|
+
var Search = (props) => /* @__PURE__ */ (0, import_jsx_runtime377.jsx)(BaseIcon, { ...props, solidContent: solidContent373, lineContent: lineContent373 });
|
|
747
|
+
|
|
748
|
+
// src/Select.tsx
|
|
749
|
+
var import_jsx_runtime391 = require("react/jsx-runtime");
|
|
398
750
|
var Select = ({
|
|
399
751
|
value,
|
|
400
752
|
placeholder = "Select",
|
|
@@ -413,9 +765,11 @@ var Select = ({
|
|
|
413
765
|
searchable = false,
|
|
414
766
|
searchPlaceholder = "Search",
|
|
415
767
|
noOptionsMessage = "No results",
|
|
416
|
-
maxHeight = 300
|
|
768
|
+
maxHeight = 300,
|
|
769
|
+
themeMode,
|
|
770
|
+
themeProductContext
|
|
417
771
|
}) => {
|
|
418
|
-
const { theme } = (0, import_xui_core.
|
|
772
|
+
const { theme } = (0, import_xui_core.useResolvedTheme)({ themeMode, themeProductContext });
|
|
419
773
|
const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
|
|
420
774
|
const [selectedValue, setSelectedValue] = (0, import_react2.useState)(value);
|
|
421
775
|
const [searchValue, setSearchValue] = (0, import_react2.useState)("");
|
|
@@ -435,7 +789,7 @@ var Select = ({
|
|
|
435
789
|
if (isFocus && selectedItemRef.current && dropdownRef.current) {
|
|
436
790
|
const timeoutId = setTimeout(() => {
|
|
437
791
|
const selectedItem = selectedItemRef.current;
|
|
438
|
-
if (selectedItem) {
|
|
792
|
+
if (selectedItem && import_xui_core.isWeb) {
|
|
439
793
|
selectedItem.scrollIntoView({ block: "nearest" });
|
|
440
794
|
}
|
|
441
795
|
}, 0);
|
|
@@ -516,7 +870,7 @@ var Select = ({
|
|
|
516
870
|
) : placeholder;
|
|
517
871
|
const textColor = isDisable ? inputColors.textDisable : selectedValue ? inputColors.text : inputColors.placeholder;
|
|
518
872
|
const iconColor = isDisable ? inputColors.textDisable : inputColors.text;
|
|
519
|
-
return /* @__PURE__ */ (0,
|
|
873
|
+
return /* @__PURE__ */ (0, import_jsx_runtime391.jsxs)(
|
|
520
874
|
Box,
|
|
521
875
|
{
|
|
522
876
|
ref: containerRef,
|
|
@@ -525,7 +879,7 @@ var Select = ({
|
|
|
525
879
|
width: "100%",
|
|
526
880
|
position: "relative",
|
|
527
881
|
children: [
|
|
528
|
-
label && /* @__PURE__ */ (0,
|
|
882
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
529
883
|
Text,
|
|
530
884
|
{
|
|
531
885
|
color: theme.colors.content.secondary,
|
|
@@ -534,7 +888,7 @@ var Select = ({
|
|
|
534
888
|
children: label
|
|
535
889
|
}
|
|
536
890
|
),
|
|
537
|
-
/* @__PURE__ */ (0,
|
|
891
|
+
/* @__PURE__ */ (0, import_jsx_runtime391.jsxs)(
|
|
538
892
|
Box,
|
|
539
893
|
{
|
|
540
894
|
onPress: handlePress,
|
|
@@ -555,8 +909,8 @@ var Select = ({
|
|
|
555
909
|
borderColor: inputColors.borderHover
|
|
556
910
|
} : void 0,
|
|
557
911
|
children: [
|
|
558
|
-
iconLeft && /* @__PURE__ */ (0,
|
|
559
|
-
!iconOnly && /* @__PURE__ */ (0,
|
|
912
|
+
iconLeft && /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(Box, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconLeft }) }),
|
|
913
|
+
!iconOnly && /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(Box, { flex: 1, height: "100%", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
560
914
|
Text,
|
|
561
915
|
{
|
|
562
916
|
color: textColor,
|
|
@@ -565,21 +919,21 @@ var Select = ({
|
|
|
565
919
|
children: currentLabel
|
|
566
920
|
}
|
|
567
921
|
) }),
|
|
568
|
-
/* @__PURE__ */ (0,
|
|
569
|
-
isError && /* @__PURE__ */ (0,
|
|
922
|
+
/* @__PURE__ */ (0, import_jsx_runtime391.jsxs)(Box, { flexDirection: "row", alignItems: "center", gap: 4, children: [
|
|
923
|
+
isError && /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
570
924
|
Icon,
|
|
571
925
|
{
|
|
572
926
|
size: sizeStyles.iconSize,
|
|
573
927
|
color: theme.colors.content.alert.primary,
|
|
574
|
-
children: /* @__PURE__ */ (0,
|
|
928
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(ExclamationMarkCr, {})
|
|
575
929
|
}
|
|
576
930
|
),
|
|
577
|
-
/* @__PURE__ */ (0,
|
|
931
|
+
/* @__PURE__ */ (0, import_jsx_runtime391.jsx)(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconRight !== void 0 ? iconRight : isFocus ? /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(ChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(ChevronDown, {}) })
|
|
578
932
|
] })
|
|
579
933
|
]
|
|
580
934
|
}
|
|
581
935
|
),
|
|
582
|
-
isFocus && options.length > 0 && /* @__PURE__ */ (0,
|
|
936
|
+
isFocus && options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime391.jsxs)(
|
|
583
937
|
Box,
|
|
584
938
|
{
|
|
585
939
|
ref: dropdownRef,
|
|
@@ -592,18 +946,18 @@ var Select = ({
|
|
|
592
946
|
borderRadius: theme.radius.button,
|
|
593
947
|
style: {
|
|
594
948
|
zIndex: 1e3,
|
|
595
|
-
boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
|
|
949
|
+
...import_xui_core.isNative ? { elevation: 4 } : { boxShadow: "0 4px 12px rgba(0,0,0,0.1)" },
|
|
596
950
|
minWidth: iconOnly ? sizeStyles.height * 3 : void 0
|
|
597
951
|
},
|
|
598
952
|
children: [
|
|
599
|
-
searchable && /* @__PURE__ */ (0,
|
|
953
|
+
searchable && !import_xui_core.isNative && /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
600
954
|
Box,
|
|
601
955
|
{
|
|
602
956
|
paddingHorizontal: sizeStyles.paddingHorizontal,
|
|
603
957
|
paddingVertical: sizeStyles.paddingVertical,
|
|
604
958
|
borderBottomWidth: 1,
|
|
605
959
|
borderColor: theme.colors.border.secondary,
|
|
606
|
-
children: /* @__PURE__ */ (0,
|
|
960
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime391.jsxs)(
|
|
607
961
|
Box,
|
|
608
962
|
{
|
|
609
963
|
flexDirection: "row",
|
|
@@ -611,15 +965,15 @@ var Select = ({
|
|
|
611
965
|
gap: sizeStyles.paddingHorizontal / 2,
|
|
612
966
|
paddingHorizontal: 4,
|
|
613
967
|
children: [
|
|
614
|
-
/* @__PURE__ */ (0,
|
|
968
|
+
/* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
615
969
|
Icon,
|
|
616
970
|
{
|
|
617
971
|
size: sizeStyles.iconSize - 2,
|
|
618
972
|
color: inputColors.placeholder,
|
|
619
|
-
children: /* @__PURE__ */ (0,
|
|
973
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(Search, {})
|
|
620
974
|
}
|
|
621
975
|
),
|
|
622
|
-
/* @__PURE__ */ (0,
|
|
976
|
+
/* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
623
977
|
Box,
|
|
624
978
|
{
|
|
625
979
|
as: "input",
|
|
@@ -644,21 +998,22 @@ var Select = ({
|
|
|
644
998
|
)
|
|
645
999
|
}
|
|
646
1000
|
),
|
|
647
|
-
/* @__PURE__ */ (0,
|
|
1001
|
+
/* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
648
1002
|
Box,
|
|
649
1003
|
{
|
|
650
1004
|
paddingVertical: 4,
|
|
1005
|
+
overflow: "scroll",
|
|
651
1006
|
style: {
|
|
652
1007
|
maxHeight: searchable ? maxHeight - 60 : maxHeight,
|
|
653
|
-
overflowY: "auto"
|
|
1008
|
+
...import_xui_core.isWeb ? { overflowY: "auto" } : {}
|
|
654
1009
|
},
|
|
655
|
-
children: filteredOptions.length === 0 ? /* @__PURE__ */ (0,
|
|
1010
|
+
children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
656
1011
|
Box,
|
|
657
1012
|
{
|
|
658
1013
|
paddingVertical: sizeStyles.paddingVertical * 2,
|
|
659
1014
|
paddingHorizontal: sizeStyles.paddingHorizontal,
|
|
660
1015
|
alignItems: "center",
|
|
661
|
-
children: /* @__PURE__ */ (0,
|
|
1016
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
662
1017
|
Text,
|
|
663
1018
|
{
|
|
664
1019
|
color: theme.colors.content.tertiary,
|
|
@@ -674,7 +1029,7 @@ var Select = ({
|
|
|
674
1029
|
const isSelected = optionValue === selectedValue;
|
|
675
1030
|
const brandColors = theme.colors.control.brand.primary;
|
|
676
1031
|
const contentColors = theme.colors.content;
|
|
677
|
-
return /* @__PURE__ */ (0,
|
|
1032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
678
1033
|
Box,
|
|
679
1034
|
{
|
|
680
1035
|
ref: isSelected ? selectedItemRef : void 0,
|
|
@@ -686,13 +1041,15 @@ var Select = ({
|
|
|
686
1041
|
justifyContent: "space-between",
|
|
687
1042
|
backgroundColor: isSelected ? brandColors.bg : "transparent",
|
|
688
1043
|
style: {
|
|
689
|
-
|
|
1044
|
+
...import_xui_core.isWeb ? {
|
|
1045
|
+
cursor: isOptionDisabled ? "not-allowed" : "pointer"
|
|
1046
|
+
} : {},
|
|
690
1047
|
opacity: isOptionDisabled ? 0.5 : 1
|
|
691
1048
|
},
|
|
692
1049
|
hoverStyle: !isSelected && !isOptionDisabled ? {
|
|
693
1050
|
backgroundColor: theme.colors.control.input.bgHover
|
|
694
1051
|
} : void 0,
|
|
695
|
-
children: /* @__PURE__ */ (0,
|
|
1052
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
696
1053
|
Text,
|
|
697
1054
|
{
|
|
698
1055
|
color: isSelected ? contentColors.on.brand : theme.colors.content.secondary,
|
|
@@ -710,7 +1067,7 @@ var Select = ({
|
|
|
710
1067
|
]
|
|
711
1068
|
}
|
|
712
1069
|
),
|
|
713
|
-
isError && errorMessage && /* @__PURE__ */ (0,
|
|
1070
|
+
isError && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime391.jsx)(
|
|
714
1071
|
Text,
|
|
715
1072
|
{
|
|
716
1073
|
color: theme.colors.content.alert.primary,
|