@hero-design/rn 7.16.1 → 7.16.2

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 (22) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +25 -48
  3. package/lib/index.js +25 -48
  4. package/package.json +2 -2
  5. package/src/components/DatePicker/DatePickerIOS.tsx +2 -2
  6. package/src/components/List/StyledBasicListItem.tsx +2 -2
  7. package/src/components/Select/MultiSelect/Option.tsx +7 -10
  8. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +39 -21
  9. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +342 -203
  10. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +366 -224
  11. package/src/components/Select/SingleSelect/Option.tsx +2 -11
  12. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +21 -14
  13. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +252 -168
  14. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +294 -196
  15. package/src/components/Select/StyledSelect.tsx +2 -15
  16. package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -15
  17. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +0 -54
  18. package/src/components/TimePicker/TimePickerIOS.tsx +2 -2
  19. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -2
  20. package/src/theme/components/select.ts +0 -2
  21. package/types/components/Select/StyledSelect.d.ts +2 -10
  22. package/types/theme/components/select.d.ts +0 -2
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -443,10 +443,13 @@ Array [
443
443
  >
444
444
  <View>
445
445
  <View
446
+ accessibilityState={
447
+ Object {
448
+ "disabled": false,
449
+ }
450
+ }
446
451
  accessible={true}
447
- collapsable={false}
448
452
  focusable={true}
449
- nativeID="animatedComponent"
450
453
  onClick={[Function]}
451
454
  onResponderGrant={[Function]}
452
455
  onResponderMove={[Function]}
@@ -455,22 +458,26 @@ Array [
455
458
  onResponderTerminationRequest={[Function]}
456
459
  onStartShouldSetResponder={[Function]}
457
460
  style={
458
- Object {
459
- "alignItems": "center",
460
- "backgroundColor": "#f1e9fb",
461
- "borderRadius": 4,
462
- "flexDirection": "row",
463
- "justifyContent": "space-between",
464
- "opacity": 1,
465
- "padding": 16,
466
- }
461
+ Array [
462
+ Object {
463
+ "alignItems": "center",
464
+ "backgroundColor": "#f1e9fb",
465
+ "flexDirection": "row",
466
+ "opacity": 1,
467
+ "padding": 16,
468
+ },
469
+ undefined,
470
+ ]
467
471
  }
468
472
  >
469
473
  <View
470
474
  style={
471
- Object {
472
- "flex": 1,
473
- }
475
+ Array [
476
+ Object {
477
+ "flex": 1,
478
+ },
479
+ undefined,
480
+ ]
474
481
  }
475
482
  >
476
483
  <Text
@@ -502,10 +509,13 @@ Array [
502
509
  >
503
510
  <View>
504
511
  <View
512
+ accessibilityState={
513
+ Object {
514
+ "disabled": false,
515
+ }
516
+ }
505
517
  accessible={true}
506
- collapsable={false}
507
518
  focusable={true}
508
- nativeID="animatedComponent"
509
519
  onClick={[Function]}
510
520
  onResponderGrant={[Function]}
511
521
  onResponderMove={[Function]}
@@ -514,22 +524,26 @@ Array [
514
524
  onResponderTerminationRequest={[Function]}
515
525
  onStartShouldSetResponder={[Function]}
516
526
  style={
517
- Object {
518
- "alignItems": "center",
519
- "backgroundColor": "#ffffff",
520
- "borderRadius": 4,
521
- "flexDirection": "row",
522
- "justifyContent": "space-between",
523
- "opacity": 1,
524
- "padding": 16,
525
- }
527
+ Array [
528
+ Object {
529
+ "alignItems": "center",
530
+ "backgroundColor": "#ffffff",
531
+ "flexDirection": "row",
532
+ "opacity": 1,
533
+ "padding": 16,
534
+ },
535
+ undefined,
536
+ ]
526
537
  }
527
538
  >
528
539
  <View
529
540
  style={
530
- Object {
531
- "flex": 1,
532
- }
541
+ Array [
542
+ Object {
543
+ "flex": 1,
544
+ },
545
+ undefined,
546
+ ]
533
547
  }
534
548
  >
535
549
  <Text
@@ -561,10 +575,13 @@ Array [
561
575
  >
562
576
  <View>
563
577
  <View
578
+ accessibilityState={
579
+ Object {
580
+ "disabled": false,
581
+ }
582
+ }
564
583
  accessible={true}
565
- collapsable={false}
566
584
  focusable={true}
567
- nativeID="animatedComponent"
568
585
  onClick={[Function]}
569
586
  onResponderGrant={[Function]}
570
587
  onResponderMove={[Function]}
@@ -573,22 +590,26 @@ Array [
573
590
  onResponderTerminationRequest={[Function]}
574
591
  onStartShouldSetResponder={[Function]}
575
592
  style={
576
- Object {
577
- "alignItems": "center",
578
- "backgroundColor": "#ffffff",
579
- "borderRadius": 4,
580
- "flexDirection": "row",
581
- "justifyContent": "space-between",
582
- "opacity": 1,
583
- "padding": 16,
584
- }
593
+ Array [
594
+ Object {
595
+ "alignItems": "center",
596
+ "backgroundColor": "#ffffff",
597
+ "flexDirection": "row",
598
+ "opacity": 1,
599
+ "padding": 16,
600
+ },
601
+ undefined,
602
+ ]
585
603
  }
586
604
  >
587
605
  <View
588
606
  style={
589
- Object {
590
- "flex": 1,
591
- }
607
+ Array [
608
+ Object {
609
+ "flex": 1,
610
+ },
611
+ undefined,
612
+ ]
592
613
  }
593
614
  >
594
615
  <Text
@@ -620,10 +641,13 @@ Array [
620
641
  >
621
642
  <View>
622
643
  <View
644
+ accessibilityState={
645
+ Object {
646
+ "disabled": false,
647
+ }
648
+ }
623
649
  accessible={true}
624
- collapsable={false}
625
650
  focusable={true}
626
- nativeID="animatedComponent"
627
651
  onClick={[Function]}
628
652
  onResponderGrant={[Function]}
629
653
  onResponderMove={[Function]}
@@ -632,22 +656,26 @@ Array [
632
656
  onResponderTerminationRequest={[Function]}
633
657
  onStartShouldSetResponder={[Function]}
634
658
  style={
635
- Object {
636
- "alignItems": "center",
637
- "backgroundColor": "#ffffff",
638
- "borderRadius": 4,
639
- "flexDirection": "row",
640
- "justifyContent": "space-between",
641
- "opacity": 1,
642
- "padding": 16,
643
- }
659
+ Array [
660
+ Object {
661
+ "alignItems": "center",
662
+ "backgroundColor": "#ffffff",
663
+ "flexDirection": "row",
664
+ "opacity": 1,
665
+ "padding": 16,
666
+ },
667
+ undefined,
668
+ ]
644
669
  }
645
670
  >
646
671
  <View
647
672
  style={
648
- Object {
649
- "flex": 1,
650
- }
673
+ Array [
674
+ Object {
675
+ "flex": 1,
676
+ },
677
+ undefined,
678
+ ]
651
679
  }
652
680
  >
653
681
  <Text
@@ -679,10 +707,13 @@ Array [
679
707
  >
680
708
  <View>
681
709
  <View
710
+ accessibilityState={
711
+ Object {
712
+ "disabled": false,
713
+ }
714
+ }
682
715
  accessible={true}
683
- collapsable={false}
684
716
  focusable={true}
685
- nativeID="animatedComponent"
686
717
  onClick={[Function]}
687
718
  onResponderGrant={[Function]}
688
719
  onResponderMove={[Function]}
@@ -691,22 +722,26 @@ Array [
691
722
  onResponderTerminationRequest={[Function]}
692
723
  onStartShouldSetResponder={[Function]}
693
724
  style={
694
- Object {
695
- "alignItems": "center",
696
- "backgroundColor": "#ffffff",
697
- "borderRadius": 4,
698
- "flexDirection": "row",
699
- "justifyContent": "space-between",
700
- "opacity": 1,
701
- "padding": 16,
702
- }
725
+ Array [
726
+ Object {
727
+ "alignItems": "center",
728
+ "backgroundColor": "#ffffff",
729
+ "flexDirection": "row",
730
+ "opacity": 1,
731
+ "padding": 16,
732
+ },
733
+ undefined,
734
+ ]
703
735
  }
704
736
  >
705
737
  <View
706
738
  style={
707
- Object {
708
- "flex": 1,
709
- }
739
+ Array [
740
+ Object {
741
+ "flex": 1,
742
+ },
743
+ undefined,
744
+ ]
710
745
  }
711
746
  >
712
747
  <Text
@@ -738,10 +773,13 @@ Array [
738
773
  >
739
774
  <View>
740
775
  <View
776
+ accessibilityState={
777
+ Object {
778
+ "disabled": false,
779
+ }
780
+ }
741
781
  accessible={true}
742
- collapsable={false}
743
782
  focusable={true}
744
- nativeID="animatedComponent"
745
783
  onClick={[Function]}
746
784
  onResponderGrant={[Function]}
747
785
  onResponderMove={[Function]}
@@ -750,22 +788,26 @@ Array [
750
788
  onResponderTerminationRequest={[Function]}
751
789
  onStartShouldSetResponder={[Function]}
752
790
  style={
753
- Object {
754
- "alignItems": "center",
755
- "backgroundColor": "#ffffff",
756
- "borderRadius": 4,
757
- "flexDirection": "row",
758
- "justifyContent": "space-between",
759
- "opacity": 1,
760
- "padding": 16,
761
- }
791
+ Array [
792
+ Object {
793
+ "alignItems": "center",
794
+ "backgroundColor": "#ffffff",
795
+ "flexDirection": "row",
796
+ "opacity": 1,
797
+ "padding": 16,
798
+ },
799
+ undefined,
800
+ ]
762
801
  }
763
802
  >
764
803
  <View
765
804
  style={
766
- Object {
767
- "flex": 1,
768
- }
805
+ Array [
806
+ Object {
807
+ "flex": 1,
808
+ },
809
+ undefined,
810
+ ]
769
811
  }
770
812
  >
771
813
  <Text
@@ -797,10 +839,13 @@ Array [
797
839
  >
798
840
  <View>
799
841
  <View
842
+ accessibilityState={
843
+ Object {
844
+ "disabled": false,
845
+ }
846
+ }
800
847
  accessible={true}
801
- collapsable={false}
802
848
  focusable={true}
803
- nativeID="animatedComponent"
804
849
  onClick={[Function]}
805
850
  onResponderGrant={[Function]}
806
851
  onResponderMove={[Function]}
@@ -809,22 +854,26 @@ Array [
809
854
  onResponderTerminationRequest={[Function]}
810
855
  onStartShouldSetResponder={[Function]}
811
856
  style={
812
- Object {
813
- "alignItems": "center",
814
- "backgroundColor": "#ffffff",
815
- "borderRadius": 4,
816
- "flexDirection": "row",
817
- "justifyContent": "space-between",
818
- "opacity": 1,
819
- "padding": 16,
820
- }
857
+ Array [
858
+ Object {
859
+ "alignItems": "center",
860
+ "backgroundColor": "#ffffff",
861
+ "flexDirection": "row",
862
+ "opacity": 1,
863
+ "padding": 16,
864
+ },
865
+ undefined,
866
+ ]
821
867
  }
822
868
  >
823
869
  <View
824
870
  style={
825
- Object {
826
- "flex": 1,
827
- }
871
+ Array [
872
+ Object {
873
+ "flex": 1,
874
+ },
875
+ undefined,
876
+ ]
828
877
  }
829
878
  >
830
879
  <Text
@@ -1294,10 +1343,13 @@ Array [
1294
1343
  >
1295
1344
  <View>
1296
1345
  <View
1346
+ accessibilityState={
1347
+ Object {
1348
+ "disabled": false,
1349
+ }
1350
+ }
1297
1351
  accessible={true}
1298
- collapsable={false}
1299
1352
  focusable={true}
1300
- nativeID="animatedComponent"
1301
1353
  onClick={[Function]}
1302
1354
  onResponderGrant={[Function]}
1303
1355
  onResponderMove={[Function]}
@@ -1306,22 +1358,26 @@ Array [
1306
1358
  onResponderTerminationRequest={[Function]}
1307
1359
  onStartShouldSetResponder={[Function]}
1308
1360
  style={
1309
- Object {
1310
- "alignItems": "center",
1311
- "backgroundColor": "#f1e9fb",
1312
- "borderRadius": 4,
1313
- "flexDirection": "row",
1314
- "justifyContent": "space-between",
1315
- "opacity": 1,
1316
- "padding": 16,
1317
- }
1361
+ Array [
1362
+ Object {
1363
+ "alignItems": "center",
1364
+ "backgroundColor": "#f1e9fb",
1365
+ "flexDirection": "row",
1366
+ "opacity": 1,
1367
+ "padding": 16,
1368
+ },
1369
+ undefined,
1370
+ ]
1318
1371
  }
1319
1372
  >
1320
1373
  <View
1321
1374
  style={
1322
- Object {
1323
- "flex": 1,
1324
- }
1375
+ Array [
1376
+ Object {
1377
+ "flex": 1,
1378
+ },
1379
+ undefined,
1380
+ ]
1325
1381
  }
1326
1382
  >
1327
1383
  <Text
@@ -1353,10 +1409,13 @@ Array [
1353
1409
  >
1354
1410
  <View>
1355
1411
  <View
1412
+ accessibilityState={
1413
+ Object {
1414
+ "disabled": false,
1415
+ }
1416
+ }
1356
1417
  accessible={true}
1357
- collapsable={false}
1358
1418
  focusable={true}
1359
- nativeID="animatedComponent"
1360
1419
  onClick={[Function]}
1361
1420
  onResponderGrant={[Function]}
1362
1421
  onResponderMove={[Function]}
@@ -1365,22 +1424,26 @@ Array [
1365
1424
  onResponderTerminationRequest={[Function]}
1366
1425
  onStartShouldSetResponder={[Function]}
1367
1426
  style={
1368
- Object {
1369
- "alignItems": "center",
1370
- "backgroundColor": "#ffffff",
1371
- "borderRadius": 4,
1372
- "flexDirection": "row",
1373
- "justifyContent": "space-between",
1374
- "opacity": 1,
1375
- "padding": 16,
1376
- }
1427
+ Array [
1428
+ Object {
1429
+ "alignItems": "center",
1430
+ "backgroundColor": "#ffffff",
1431
+ "flexDirection": "row",
1432
+ "opacity": 1,
1433
+ "padding": 16,
1434
+ },
1435
+ undefined,
1436
+ ]
1377
1437
  }
1378
1438
  >
1379
1439
  <View
1380
1440
  style={
1381
- Object {
1382
- "flex": 1,
1383
- }
1441
+ Array [
1442
+ Object {
1443
+ "flex": 1,
1444
+ },
1445
+ undefined,
1446
+ ]
1384
1447
  }
1385
1448
  >
1386
1449
  <Text
@@ -1412,10 +1475,13 @@ Array [
1412
1475
  >
1413
1476
  <View>
1414
1477
  <View
1478
+ accessibilityState={
1479
+ Object {
1480
+ "disabled": false,
1481
+ }
1482
+ }
1415
1483
  accessible={true}
1416
- collapsable={false}
1417
1484
  focusable={true}
1418
- nativeID="animatedComponent"
1419
1485
  onClick={[Function]}
1420
1486
  onResponderGrant={[Function]}
1421
1487
  onResponderMove={[Function]}
@@ -1424,22 +1490,26 @@ Array [
1424
1490
  onResponderTerminationRequest={[Function]}
1425
1491
  onStartShouldSetResponder={[Function]}
1426
1492
  style={
1427
- Object {
1428
- "alignItems": "center",
1429
- "backgroundColor": "#ffffff",
1430
- "borderRadius": 4,
1431
- "flexDirection": "row",
1432
- "justifyContent": "space-between",
1433
- "opacity": 1,
1434
- "padding": 16,
1435
- }
1493
+ Array [
1494
+ Object {
1495
+ "alignItems": "center",
1496
+ "backgroundColor": "#ffffff",
1497
+ "flexDirection": "row",
1498
+ "opacity": 1,
1499
+ "padding": 16,
1500
+ },
1501
+ undefined,
1502
+ ]
1436
1503
  }
1437
1504
  >
1438
1505
  <View
1439
1506
  style={
1440
- Object {
1441
- "flex": 1,
1442
- }
1507
+ Array [
1508
+ Object {
1509
+ "flex": 1,
1510
+ },
1511
+ undefined,
1512
+ ]
1443
1513
  }
1444
1514
  >
1445
1515
  <Text
@@ -1471,10 +1541,13 @@ Array [
1471
1541
  >
1472
1542
  <View>
1473
1543
  <View
1544
+ accessibilityState={
1545
+ Object {
1546
+ "disabled": false,
1547
+ }
1548
+ }
1474
1549
  accessible={true}
1475
- collapsable={false}
1476
1550
  focusable={true}
1477
- nativeID="animatedComponent"
1478
1551
  onClick={[Function]}
1479
1552
  onResponderGrant={[Function]}
1480
1553
  onResponderMove={[Function]}
@@ -1483,22 +1556,26 @@ Array [
1483
1556
  onResponderTerminationRequest={[Function]}
1484
1557
  onStartShouldSetResponder={[Function]}
1485
1558
  style={
1486
- Object {
1487
- "alignItems": "center",
1488
- "backgroundColor": "#ffffff",
1489
- "borderRadius": 4,
1490
- "flexDirection": "row",
1491
- "justifyContent": "space-between",
1492
- "opacity": 1,
1493
- "padding": 16,
1494
- }
1559
+ Array [
1560
+ Object {
1561
+ "alignItems": "center",
1562
+ "backgroundColor": "#ffffff",
1563
+ "flexDirection": "row",
1564
+ "opacity": 1,
1565
+ "padding": 16,
1566
+ },
1567
+ undefined,
1568
+ ]
1495
1569
  }
1496
1570
  >
1497
1571
  <View
1498
1572
  style={
1499
- Object {
1500
- "flex": 1,
1501
- }
1573
+ Array [
1574
+ Object {
1575
+ "flex": 1,
1576
+ },
1577
+ undefined,
1578
+ ]
1502
1579
  }
1503
1580
  >
1504
1581
  <Text
@@ -1530,10 +1607,13 @@ Array [
1530
1607
  >
1531
1608
  <View>
1532
1609
  <View
1610
+ accessibilityState={
1611
+ Object {
1612
+ "disabled": false,
1613
+ }
1614
+ }
1533
1615
  accessible={true}
1534
- collapsable={false}
1535
1616
  focusable={true}
1536
- nativeID="animatedComponent"
1537
1617
  onClick={[Function]}
1538
1618
  onResponderGrant={[Function]}
1539
1619
  onResponderMove={[Function]}
@@ -1542,22 +1622,26 @@ Array [
1542
1622
  onResponderTerminationRequest={[Function]}
1543
1623
  onStartShouldSetResponder={[Function]}
1544
1624
  style={
1545
- Object {
1546
- "alignItems": "center",
1547
- "backgroundColor": "#ffffff",
1548
- "borderRadius": 4,
1549
- "flexDirection": "row",
1550
- "justifyContent": "space-between",
1551
- "opacity": 1,
1552
- "padding": 16,
1553
- }
1625
+ Array [
1626
+ Object {
1627
+ "alignItems": "center",
1628
+ "backgroundColor": "#ffffff",
1629
+ "flexDirection": "row",
1630
+ "opacity": 1,
1631
+ "padding": 16,
1632
+ },
1633
+ undefined,
1634
+ ]
1554
1635
  }
1555
1636
  >
1556
1637
  <View
1557
1638
  style={
1558
- Object {
1559
- "flex": 1,
1560
- }
1639
+ Array [
1640
+ Object {
1641
+ "flex": 1,
1642
+ },
1643
+ undefined,
1644
+ ]
1561
1645
  }
1562
1646
  >
1563
1647
  <Text
@@ -1589,10 +1673,13 @@ Array [
1589
1673
  >
1590
1674
  <View>
1591
1675
  <View
1676
+ accessibilityState={
1677
+ Object {
1678
+ "disabled": false,
1679
+ }
1680
+ }
1592
1681
  accessible={true}
1593
- collapsable={false}
1594
1682
  focusable={true}
1595
- nativeID="animatedComponent"
1596
1683
  onClick={[Function]}
1597
1684
  onResponderGrant={[Function]}
1598
1685
  onResponderMove={[Function]}
@@ -1601,22 +1688,26 @@ Array [
1601
1688
  onResponderTerminationRequest={[Function]}
1602
1689
  onStartShouldSetResponder={[Function]}
1603
1690
  style={
1604
- Object {
1605
- "alignItems": "center",
1606
- "backgroundColor": "#ffffff",
1607
- "borderRadius": 4,
1608
- "flexDirection": "row",
1609
- "justifyContent": "space-between",
1610
- "opacity": 1,
1611
- "padding": 16,
1612
- }
1691
+ Array [
1692
+ Object {
1693
+ "alignItems": "center",
1694
+ "backgroundColor": "#ffffff",
1695
+ "flexDirection": "row",
1696
+ "opacity": 1,
1697
+ "padding": 16,
1698
+ },
1699
+ undefined,
1700
+ ]
1613
1701
  }
1614
1702
  >
1615
1703
  <View
1616
1704
  style={
1617
- Object {
1618
- "flex": 1,
1619
- }
1705
+ Array [
1706
+ Object {
1707
+ "flex": 1,
1708
+ },
1709
+ undefined,
1710
+ ]
1620
1711
  }
1621
1712
  >
1622
1713
  <Text
@@ -1648,10 +1739,13 @@ Array [
1648
1739
  >
1649
1740
  <View>
1650
1741
  <View
1742
+ accessibilityState={
1743
+ Object {
1744
+ "disabled": false,
1745
+ }
1746
+ }
1651
1747
  accessible={true}
1652
- collapsable={false}
1653
1748
  focusable={true}
1654
- nativeID="animatedComponent"
1655
1749
  onClick={[Function]}
1656
1750
  onResponderGrant={[Function]}
1657
1751
  onResponderMove={[Function]}
@@ -1660,22 +1754,26 @@ Array [
1660
1754
  onResponderTerminationRequest={[Function]}
1661
1755
  onStartShouldSetResponder={[Function]}
1662
1756
  style={
1663
- Object {
1664
- "alignItems": "center",
1665
- "backgroundColor": "#ffffff",
1666
- "borderRadius": 4,
1667
- "flexDirection": "row",
1668
- "justifyContent": "space-between",
1669
- "opacity": 1,
1670
- "padding": 16,
1671
- }
1757
+ Array [
1758
+ Object {
1759
+ "alignItems": "center",
1760
+ "backgroundColor": "#ffffff",
1761
+ "flexDirection": "row",
1762
+ "opacity": 1,
1763
+ "padding": 16,
1764
+ },
1765
+ undefined,
1766
+ ]
1672
1767
  }
1673
1768
  >
1674
1769
  <View
1675
1770
  style={
1676
- Object {
1677
- "flex": 1,
1678
- }
1771
+ Array [
1772
+ Object {
1773
+ "flex": 1,
1774
+ },
1775
+ undefined,
1776
+ ]
1679
1777
  }
1680
1778
  >
1681
1779
  <Text