@hero-design/rn 7.28.0 → 7.29.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/.eslintrc.js +2 -1
- package/.turbo/turbo-build.log +9 -9
- package/es/index.js +119 -95
- package/lib/index.js +119 -95
- package/package.json +5 -4
- package/src/components/Alert/index.tsx +1 -0
- package/src/components/BottomSheet/Header.tsx +1 -1
- package/src/components/BottomSheet/StyledBottomSheet.tsx +1 -2
- package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -14
- package/src/components/DatePicker/DatePickerIOS.tsx +5 -11
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +1 -0
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +35 -16
- package/src/components/Empty/StyledEmpty.tsx +1 -1
- package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
- package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/FAB/ActionGroup/index.tsx +1 -1
- package/src/components/List/ListItem.tsx +2 -2
- package/src/components/Progress/ProgressCircle.tsx +1 -1
- package/src/components/Select/{StyledOptionList.tsx → BaseOptionList.tsx} +6 -6
- package/src/components/Select/Footer.tsx +2 -7
- package/src/components/Select/MultiSelect/Option.tsx +24 -11
- package/src/components/Select/MultiSelect/OptionList.tsx +3 -2
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +3 -2
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +47 -21
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +204 -107
- package/src/components/Select/MultiSelect/index.tsx +16 -0
- package/src/components/Select/SingleSelect/Option.tsx +12 -12
- package/src/components/Select/SingleSelect/OptionList.tsx +3 -2
- package/src/components/Select/SingleSelect/StyledSingleSelect.tsx +6 -0
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +0 -1
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +32 -16
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +70 -54
- package/src/components/Select/SingleSelect/index.tsx +16 -0
- package/src/components/Select/StyledSelect.tsx +6 -7
- package/src/components/Select/types.ts +1 -0
- package/src/components/Tabs/ScrollableTabs.tsx +1 -1
- package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +9 -3
- package/src/components/Tag/index.tsx +2 -2
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +12 -0
- package/src/components/TextInput/__tests__/index.spec.tsx +4 -2
- package/src/components/TextInput/index.tsx +7 -1
- package/src/components/TimePicker/TimePickerIOS.tsx +5 -11
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +1 -0
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +35 -16
- package/src/components/Toast/ToastContainer.tsx +1 -1
- package/src/components/Toast/ToastProvider.tsx +10 -1
- package/src/components/Toast/__tests__/ToastContainer.spec.tsx +5 -5
- package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap +4 -4
- package/src/components/Typography/Text/StyledText.tsx +2 -1
- package/src/components/Typography/Text/index.tsx +2 -1
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +19 -15
- package/src/theme/components/bottomSheet.ts +4 -5
- package/src/theme/components/empty.ts +6 -5
- package/src/theme/components/fab.ts +1 -1
- package/src/theme/components/select.ts +4 -6
- package/src/theme/components/typography.ts +2 -0
- package/src/theme/global/colors/global.ts +1 -0
- package/src/theme/global/colors/types.ts +1 -0
- package/src/theme/global/typography.ts +4 -1
- package/types/components/Alert/index.d.ts +1 -0
- package/types/components/List/ListItem.d.ts +2 -2
- package/types/components/Select/{StyledOptionList.d.ts → BaseOptionList.d.ts} +3 -3
- package/types/components/Select/MultiSelect/Option.d.ts +2 -1
- package/types/components/Select/SingleSelect/Option.d.ts +2 -1
- package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +1 -0
- package/types/components/Select/StyledSelect.d.ts +3 -6
- package/types/components/Select/types.d.ts +1 -0
- package/types/components/Toast/ToastProvider.d.ts +1 -1
- package/types/components/Toast/index.d.ts +1 -1
- package/types/components/Typography/Text/StyledText.d.ts +1 -1
- package/types/components/Typography/Text/index.d.ts +1 -1
- package/types/theme/components/bottomSheet.d.ts +0 -1
- package/types/theme/components/empty.d.ts +1 -0
- package/types/theme/components/select.d.ts +3 -4
- package/types/theme/components/typography.d.ts +2 -0
- package/types/theme/global/colors/types.d.ts +1 -0
- package/types/theme/global/index.d.ts +1 -0
- package/types/theme/global/typography.d.ts +1 -0
- package/src/components/Select/__tests__/StyledSelect.spec.tsx +0 -14
- package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +0 -29
|
@@ -142,6 +142,7 @@ Array [
|
|
|
142
142
|
onBlur={[Function]}
|
|
143
143
|
onChangeText={[Function]}
|
|
144
144
|
onFocus={[Function]}
|
|
145
|
+
placeholder=" "
|
|
145
146
|
pointerEvents="none"
|
|
146
147
|
style={
|
|
147
148
|
Array [
|
|
@@ -257,7 +258,7 @@ Array [
|
|
|
257
258
|
onStartShouldSetResponder={[Function]}
|
|
258
259
|
style={
|
|
259
260
|
Object {
|
|
260
|
-
"backgroundColor": "#
|
|
261
|
+
"backgroundColor": "#000000",
|
|
261
262
|
"bottom": 0,
|
|
262
263
|
"left": 0,
|
|
263
264
|
"opacity": 0.48,
|
|
@@ -282,8 +283,8 @@ Array [
|
|
|
282
283
|
"height": 3,
|
|
283
284
|
"width": 0,
|
|
284
285
|
},
|
|
285
|
-
"shadowOpacity": 0.
|
|
286
|
-
"shadowRadius":
|
|
286
|
+
"shadowOpacity": 0.4,
|
|
287
|
+
"shadowRadius": 16,
|
|
287
288
|
"transform": Array [
|
|
288
289
|
Object {
|
|
289
290
|
"scaleY": 1,
|
|
@@ -377,13 +378,13 @@ Array [
|
|
|
377
378
|
Array [
|
|
378
379
|
Object {
|
|
379
380
|
"color": "#001f23",
|
|
380
|
-
"fontSize":
|
|
381
|
+
"fontSize": 16,
|
|
381
382
|
},
|
|
382
383
|
undefined,
|
|
383
384
|
]
|
|
384
385
|
}
|
|
385
386
|
themeIntent="text"
|
|
386
|
-
themeSize="
|
|
387
|
+
themeSize="xsmall"
|
|
387
388
|
/>
|
|
388
389
|
</View>
|
|
389
390
|
</View>
|
|
@@ -456,7 +457,14 @@ Array [
|
|
|
456
457
|
4,
|
|
457
458
|
]
|
|
458
459
|
}
|
|
459
|
-
style={
|
|
460
|
+
style={
|
|
461
|
+
Array [
|
|
462
|
+
Object {
|
|
463
|
+
"paddingHorizontal": 12,
|
|
464
|
+
},
|
|
465
|
+
Object {},
|
|
466
|
+
]
|
|
467
|
+
}
|
|
460
468
|
>
|
|
461
469
|
<View>
|
|
462
470
|
<View
|
|
@@ -1395,6 +1403,7 @@ Array [
|
|
|
1395
1403
|
onBlur={[Function]}
|
|
1396
1404
|
onChangeText={[Function]}
|
|
1397
1405
|
onFocus={[Function]}
|
|
1406
|
+
placeholder=" "
|
|
1398
1407
|
pointerEvents="none"
|
|
1399
1408
|
style={
|
|
1400
1409
|
Array [
|
|
@@ -1512,7 +1521,7 @@ Array [
|
|
|
1512
1521
|
onStartShouldSetResponder={[Function]}
|
|
1513
1522
|
style={
|
|
1514
1523
|
Object {
|
|
1515
|
-
"backgroundColor": "#
|
|
1524
|
+
"backgroundColor": "#000000",
|
|
1516
1525
|
"bottom": 0,
|
|
1517
1526
|
"left": 0,
|
|
1518
1527
|
"opacity": 0.48,
|
|
@@ -1539,8 +1548,8 @@ Array [
|
|
|
1539
1548
|
"height": 3,
|
|
1540
1549
|
"width": 0,
|
|
1541
1550
|
},
|
|
1542
|
-
"shadowOpacity": 0.
|
|
1543
|
-
"shadowRadius":
|
|
1551
|
+
"shadowOpacity": 0.4,
|
|
1552
|
+
"shadowRadius": 16,
|
|
1544
1553
|
"transform": Array [
|
|
1545
1554
|
Object {
|
|
1546
1555
|
"scaleY": 1,
|
|
@@ -1636,13 +1645,13 @@ Array [
|
|
|
1636
1645
|
Array [
|
|
1637
1646
|
Object {
|
|
1638
1647
|
"color": "#001f23",
|
|
1639
|
-
"fontSize":
|
|
1648
|
+
"fontSize": 16,
|
|
1640
1649
|
},
|
|
1641
1650
|
undefined,
|
|
1642
1651
|
]
|
|
1643
1652
|
}
|
|
1644
1653
|
themeIntent="text"
|
|
1645
|
-
themeSize="
|
|
1654
|
+
themeSize="xsmall"
|
|
1646
1655
|
/>
|
|
1647
1656
|
</View>
|
|
1648
1657
|
</View>
|
|
@@ -1718,7 +1727,14 @@ Array [
|
|
|
1718
1727
|
0,
|
|
1719
1728
|
]
|
|
1720
1729
|
}
|
|
1721
|
-
style={
|
|
1730
|
+
style={
|
|
1731
|
+
Array [
|
|
1732
|
+
Object {
|
|
1733
|
+
"paddingHorizontal": 12,
|
|
1734
|
+
},
|
|
1735
|
+
Object {},
|
|
1736
|
+
]
|
|
1737
|
+
}
|
|
1722
1738
|
>
|
|
1723
1739
|
<View>
|
|
1724
1740
|
<View
|
|
@@ -1801,7 +1817,6 @@ Array [
|
|
|
1801
1817
|
"backgroundColor": "#ece8ef",
|
|
1802
1818
|
"borderRadius": 4,
|
|
1803
1819
|
"flexDirection": "row",
|
|
1804
|
-
"marginHorizontal": 12,
|
|
1805
1820
|
"opacity": 1,
|
|
1806
1821
|
"padding": 16,
|
|
1807
1822
|
}
|
|
@@ -1923,7 +1938,6 @@ Array [
|
|
|
1923
1938
|
"backgroundColor": "#ffffff",
|
|
1924
1939
|
"borderRadius": 4,
|
|
1925
1940
|
"flexDirection": "row",
|
|
1926
|
-
"marginHorizontal": 12,
|
|
1927
1941
|
"opacity": 1,
|
|
1928
1942
|
"padding": 16,
|
|
1929
1943
|
}
|
|
@@ -2045,7 +2059,6 @@ Array [
|
|
|
2045
2059
|
"backgroundColor": "#ffffff",
|
|
2046
2060
|
"borderRadius": 4,
|
|
2047
2061
|
"flexDirection": "row",
|
|
2048
|
-
"marginHorizontal": 12,
|
|
2049
2062
|
"opacity": 1,
|
|
2050
2063
|
"padding": 16,
|
|
2051
2064
|
}
|
|
@@ -2167,7 +2180,6 @@ Array [
|
|
|
2167
2180
|
"backgroundColor": "#ffffff",
|
|
2168
2181
|
"borderRadius": 4,
|
|
2169
2182
|
"flexDirection": "row",
|
|
2170
|
-
"marginHorizontal": 12,
|
|
2171
2183
|
"opacity": 1,
|
|
2172
2184
|
"padding": 16,
|
|
2173
2185
|
}
|
|
@@ -2289,7 +2301,6 @@ Array [
|
|
|
2289
2301
|
"backgroundColor": "#ffffff",
|
|
2290
2302
|
"borderRadius": 4,
|
|
2291
2303
|
"flexDirection": "row",
|
|
2292
|
-
"marginHorizontal": 12,
|
|
2293
2304
|
"opacity": 1,
|
|
2294
2305
|
"padding": 16,
|
|
2295
2306
|
}
|
|
@@ -2411,7 +2422,6 @@ Array [
|
|
|
2411
2422
|
"backgroundColor": "#ffffff",
|
|
2412
2423
|
"borderRadius": 4,
|
|
2413
2424
|
"flexDirection": "row",
|
|
2414
|
-
"marginHorizontal": 12,
|
|
2415
2425
|
"opacity": 1,
|
|
2416
2426
|
"padding": 16,
|
|
2417
2427
|
}
|
|
@@ -2534,7 +2544,6 @@ Array [
|
|
|
2534
2544
|
"backgroundColor": "#ffffff",
|
|
2535
2545
|
"borderRadius": 4,
|
|
2536
2546
|
"flexDirection": "row",
|
|
2537
|
-
"marginHorizontal": 12,
|
|
2538
2547
|
"opacity": 0.38,
|
|
2539
2548
|
"padding": 16,
|
|
2540
2549
|
}
|
|
@@ -2778,6 +2787,7 @@ Array [
|
|
|
2778
2787
|
onBlur={[Function]}
|
|
2779
2788
|
onChangeText={[Function]}
|
|
2780
2789
|
onFocus={[Function]}
|
|
2790
|
+
placeholder=" "
|
|
2781
2791
|
pointerEvents="none"
|
|
2782
2792
|
style={
|
|
2783
2793
|
Array [
|
|
@@ -2894,7 +2904,7 @@ Array [
|
|
|
2894
2904
|
onStartShouldSetResponder={[Function]}
|
|
2895
2905
|
style={
|
|
2896
2906
|
Object {
|
|
2897
|
-
"backgroundColor": "#
|
|
2907
|
+
"backgroundColor": "#000000",
|
|
2898
2908
|
"bottom": 0,
|
|
2899
2909
|
"left": 0,
|
|
2900
2910
|
"opacity": 0.48,
|
|
@@ -2919,8 +2929,8 @@ Array [
|
|
|
2919
2929
|
"height": 3,
|
|
2920
2930
|
"width": 0,
|
|
2921
2931
|
},
|
|
2922
|
-
"shadowOpacity": 0.
|
|
2923
|
-
"shadowRadius":
|
|
2932
|
+
"shadowOpacity": 0.4,
|
|
2933
|
+
"shadowRadius": 16,
|
|
2924
2934
|
"transform": Array [
|
|
2925
2935
|
Object {
|
|
2926
2936
|
"scaleY": 1,
|
|
@@ -3014,13 +3024,13 @@ Array [
|
|
|
3014
3024
|
Array [
|
|
3015
3025
|
Object {
|
|
3016
3026
|
"color": "#001f23",
|
|
3017
|
-
"fontSize":
|
|
3027
|
+
"fontSize": 16,
|
|
3018
3028
|
},
|
|
3019
3029
|
undefined,
|
|
3020
3030
|
]
|
|
3021
3031
|
}
|
|
3022
3032
|
themeIntent="text"
|
|
3023
|
-
themeSize="
|
|
3033
|
+
themeSize="xsmall"
|
|
3024
3034
|
/>
|
|
3025
3035
|
</View>
|
|
3026
3036
|
</View>
|
|
@@ -3096,7 +3106,14 @@ Array [
|
|
|
3096
3106
|
0,
|
|
3097
3107
|
]
|
|
3098
3108
|
}
|
|
3099
|
-
style={
|
|
3109
|
+
style={
|
|
3110
|
+
Array [
|
|
3111
|
+
Object {
|
|
3112
|
+
"paddingHorizontal": 12,
|
|
3113
|
+
},
|
|
3114
|
+
Object {},
|
|
3115
|
+
]
|
|
3116
|
+
}
|
|
3100
3117
|
>
|
|
3101
3118
|
<View>
|
|
3102
3119
|
<View
|
|
@@ -3177,7 +3194,6 @@ Array [
|
|
|
3177
3194
|
"backgroundColor": "#ece8ef",
|
|
3178
3195
|
"borderRadius": 4,
|
|
3179
3196
|
"flexDirection": "row",
|
|
3180
|
-
"marginHorizontal": 12,
|
|
3181
3197
|
"opacity": 1,
|
|
3182
3198
|
"padding": 16,
|
|
3183
3199
|
}
|
|
@@ -3297,7 +3313,6 @@ Array [
|
|
|
3297
3313
|
"backgroundColor": "#ffffff",
|
|
3298
3314
|
"borderRadius": 4,
|
|
3299
3315
|
"flexDirection": "row",
|
|
3300
|
-
"marginHorizontal": 12,
|
|
3301
3316
|
"opacity": 1,
|
|
3302
3317
|
"padding": 16,
|
|
3303
3318
|
}
|
|
@@ -3417,7 +3432,6 @@ Array [
|
|
|
3417
3432
|
"backgroundColor": "#ffffff",
|
|
3418
3433
|
"borderRadius": 4,
|
|
3419
3434
|
"flexDirection": "row",
|
|
3420
|
-
"marginHorizontal": 12,
|
|
3421
3435
|
"opacity": 1,
|
|
3422
3436
|
"padding": 16,
|
|
3423
3437
|
}
|
|
@@ -3537,7 +3551,6 @@ Array [
|
|
|
3537
3551
|
"backgroundColor": "#ffffff",
|
|
3538
3552
|
"borderRadius": 4,
|
|
3539
3553
|
"flexDirection": "row",
|
|
3540
|
-
"marginHorizontal": 12,
|
|
3541
3554
|
"opacity": 1,
|
|
3542
3555
|
"padding": 16,
|
|
3543
3556
|
}
|
|
@@ -3657,7 +3670,6 @@ Array [
|
|
|
3657
3670
|
"backgroundColor": "#ffffff",
|
|
3658
3671
|
"borderRadius": 4,
|
|
3659
3672
|
"flexDirection": "row",
|
|
3660
|
-
"marginHorizontal": 12,
|
|
3661
3673
|
"opacity": 1,
|
|
3662
3674
|
"padding": 16,
|
|
3663
3675
|
}
|
|
@@ -3777,7 +3789,6 @@ Array [
|
|
|
3777
3789
|
"backgroundColor": "#ffffff",
|
|
3778
3790
|
"borderRadius": 4,
|
|
3779
3791
|
"flexDirection": "row",
|
|
3780
|
-
"marginHorizontal": 12,
|
|
3781
3792
|
"opacity": 1,
|
|
3782
3793
|
"padding": 16,
|
|
3783
3794
|
}
|
|
@@ -3898,7 +3909,6 @@ Array [
|
|
|
3898
3909
|
"backgroundColor": "#ffffff",
|
|
3899
3910
|
"borderRadius": 4,
|
|
3900
3911
|
"flexDirection": "row",
|
|
3901
|
-
"marginHorizontal": 12,
|
|
3902
3912
|
"opacity": 0.38,
|
|
3903
3913
|
"padding": 16,
|
|
3904
3914
|
}
|
|
@@ -4144,6 +4154,7 @@ Array [
|
|
|
4144
4154
|
onBlur={[Function]}
|
|
4145
4155
|
onChangeText={[Function]}
|
|
4146
4156
|
onFocus={[Function]}
|
|
4157
|
+
placeholder=" "
|
|
4147
4158
|
pointerEvents="none"
|
|
4148
4159
|
style={
|
|
4149
4160
|
Array [
|
|
@@ -4275,7 +4286,7 @@ Array [
|
|
|
4275
4286
|
onStartShouldSetResponder={[Function]}
|
|
4276
4287
|
style={
|
|
4277
4288
|
Object {
|
|
4278
|
-
"backgroundColor": "#
|
|
4289
|
+
"backgroundColor": "#000000",
|
|
4279
4290
|
"bottom": 0,
|
|
4280
4291
|
"left": 0,
|
|
4281
4292
|
"opacity": 0.48,
|
|
@@ -4302,8 +4313,8 @@ Array [
|
|
|
4302
4313
|
"height": 3,
|
|
4303
4314
|
"width": 0,
|
|
4304
4315
|
},
|
|
4305
|
-
"shadowOpacity": 0.
|
|
4306
|
-
"shadowRadius":
|
|
4316
|
+
"shadowOpacity": 0.4,
|
|
4317
|
+
"shadowRadius": 16,
|
|
4307
4318
|
"transform": Array [
|
|
4308
4319
|
Object {
|
|
4309
4320
|
"scaleY": 1,
|
|
@@ -4399,13 +4410,13 @@ Array [
|
|
|
4399
4410
|
Array [
|
|
4400
4411
|
Object {
|
|
4401
4412
|
"color": "#001f23",
|
|
4402
|
-
"fontSize":
|
|
4413
|
+
"fontSize": 16,
|
|
4403
4414
|
},
|
|
4404
4415
|
undefined,
|
|
4405
4416
|
]
|
|
4406
4417
|
}
|
|
4407
4418
|
themeIntent="text"
|
|
4408
|
-
themeSize="
|
|
4419
|
+
themeSize="xsmall"
|
|
4409
4420
|
/>
|
|
4410
4421
|
</View>
|
|
4411
4422
|
</View>
|
|
@@ -4481,7 +4492,14 @@ Array [
|
|
|
4481
4492
|
0,
|
|
4482
4493
|
]
|
|
4483
4494
|
}
|
|
4484
|
-
style={
|
|
4495
|
+
style={
|
|
4496
|
+
Array [
|
|
4497
|
+
Object {
|
|
4498
|
+
"paddingHorizontal": 12,
|
|
4499
|
+
},
|
|
4500
|
+
Object {},
|
|
4501
|
+
]
|
|
4502
|
+
}
|
|
4485
4503
|
>
|
|
4486
4504
|
<View>
|
|
4487
4505
|
<View
|
|
@@ -4564,7 +4582,6 @@ Array [
|
|
|
4564
4582
|
"backgroundColor": "#ece8ef",
|
|
4565
4583
|
"borderRadius": 4,
|
|
4566
4584
|
"flexDirection": "row",
|
|
4567
|
-
"marginHorizontal": 12,
|
|
4568
4585
|
"opacity": 1,
|
|
4569
4586
|
"padding": 16,
|
|
4570
4587
|
}
|
|
@@ -4686,7 +4703,6 @@ Array [
|
|
|
4686
4703
|
"backgroundColor": "#ffffff",
|
|
4687
4704
|
"borderRadius": 4,
|
|
4688
4705
|
"flexDirection": "row",
|
|
4689
|
-
"marginHorizontal": 12,
|
|
4690
4706
|
"opacity": 1,
|
|
4691
4707
|
"padding": 16,
|
|
4692
4708
|
}
|
|
@@ -4808,7 +4824,6 @@ Array [
|
|
|
4808
4824
|
"backgroundColor": "#ffffff",
|
|
4809
4825
|
"borderRadius": 4,
|
|
4810
4826
|
"flexDirection": "row",
|
|
4811
|
-
"marginHorizontal": 12,
|
|
4812
4827
|
"opacity": 1,
|
|
4813
4828
|
"padding": 16,
|
|
4814
4829
|
}
|
|
@@ -4930,7 +4945,6 @@ Array [
|
|
|
4930
4945
|
"backgroundColor": "#ffffff",
|
|
4931
4946
|
"borderRadius": 4,
|
|
4932
4947
|
"flexDirection": "row",
|
|
4933
|
-
"marginHorizontal": 12,
|
|
4934
4948
|
"opacity": 1,
|
|
4935
4949
|
"padding": 16,
|
|
4936
4950
|
}
|
|
@@ -5052,7 +5066,6 @@ Array [
|
|
|
5052
5066
|
"backgroundColor": "#ffffff",
|
|
5053
5067
|
"borderRadius": 4,
|
|
5054
5068
|
"flexDirection": "row",
|
|
5055
|
-
"marginHorizontal": 12,
|
|
5056
5069
|
"opacity": 1,
|
|
5057
5070
|
"padding": 16,
|
|
5058
5071
|
}
|
|
@@ -5174,7 +5187,6 @@ Array [
|
|
|
5174
5187
|
"backgroundColor": "#ffffff",
|
|
5175
5188
|
"borderRadius": 4,
|
|
5176
5189
|
"flexDirection": "row",
|
|
5177
|
-
"marginHorizontal": 12,
|
|
5178
5190
|
"opacity": 1,
|
|
5179
5191
|
"padding": 16,
|
|
5180
5192
|
}
|
|
@@ -5297,7 +5309,6 @@ Array [
|
|
|
5297
5309
|
"backgroundColor": "#ffffff",
|
|
5298
5310
|
"borderRadius": 4,
|
|
5299
5311
|
"flexDirection": "row",
|
|
5300
|
-
"marginHorizontal": 12,
|
|
5301
5312
|
"opacity": 0.38,
|
|
5302
5313
|
"padding": 16,
|
|
5303
5314
|
}
|
|
@@ -5541,6 +5552,7 @@ Array [
|
|
|
5541
5552
|
onBlur={[Function]}
|
|
5542
5553
|
onChangeText={[Function]}
|
|
5543
5554
|
onFocus={[Function]}
|
|
5555
|
+
placeholder=" "
|
|
5544
5556
|
pointerEvents="none"
|
|
5545
5557
|
style={
|
|
5546
5558
|
Array [
|
|
@@ -5657,7 +5669,7 @@ Array [
|
|
|
5657
5669
|
onStartShouldSetResponder={[Function]}
|
|
5658
5670
|
style={
|
|
5659
5671
|
Object {
|
|
5660
|
-
"backgroundColor": "#
|
|
5672
|
+
"backgroundColor": "#000000",
|
|
5661
5673
|
"bottom": 0,
|
|
5662
5674
|
"left": 0,
|
|
5663
5675
|
"opacity": 0.48,
|
|
@@ -5682,8 +5694,8 @@ Array [
|
|
|
5682
5694
|
"height": 3,
|
|
5683
5695
|
"width": 0,
|
|
5684
5696
|
},
|
|
5685
|
-
"shadowOpacity": 0.
|
|
5686
|
-
"shadowRadius":
|
|
5697
|
+
"shadowOpacity": 0.4,
|
|
5698
|
+
"shadowRadius": 16,
|
|
5687
5699
|
"transform": Array [
|
|
5688
5700
|
Object {
|
|
5689
5701
|
"scaleY": 1,
|
|
@@ -5777,13 +5789,13 @@ Array [
|
|
|
5777
5789
|
Array [
|
|
5778
5790
|
Object {
|
|
5779
5791
|
"color": "#001f23",
|
|
5780
|
-
"fontSize":
|
|
5792
|
+
"fontSize": 16,
|
|
5781
5793
|
},
|
|
5782
5794
|
undefined,
|
|
5783
5795
|
]
|
|
5784
5796
|
}
|
|
5785
5797
|
themeIntent="text"
|
|
5786
|
-
themeSize="
|
|
5798
|
+
themeSize="xsmall"
|
|
5787
5799
|
/>
|
|
5788
5800
|
</View>
|
|
5789
5801
|
</View>
|
|
@@ -5848,7 +5860,14 @@ Array [
|
|
|
5848
5860
|
3,
|
|
5849
5861
|
]
|
|
5850
5862
|
}
|
|
5851
|
-
style={
|
|
5863
|
+
style={
|
|
5864
|
+
Array [
|
|
5865
|
+
Object {
|
|
5866
|
+
"paddingHorizontal": 12,
|
|
5867
|
+
},
|
|
5868
|
+
Object {},
|
|
5869
|
+
]
|
|
5870
|
+
}
|
|
5852
5871
|
>
|
|
5853
5872
|
<View>
|
|
5854
5873
|
<View
|
|
@@ -5982,7 +6001,6 @@ Array [
|
|
|
5982
6001
|
"backgroundColor": "#ece8ef",
|
|
5983
6002
|
"borderRadius": 4,
|
|
5984
6003
|
"flexDirection": "row",
|
|
5985
|
-
"marginHorizontal": 12,
|
|
5986
6004
|
"opacity": 1,
|
|
5987
6005
|
"padding": 16,
|
|
5988
6006
|
}
|
|
@@ -6200,7 +6218,6 @@ Array [
|
|
|
6200
6218
|
"backgroundColor": "#ffffff",
|
|
6201
6219
|
"borderRadius": 4,
|
|
6202
6220
|
"flexDirection": "row",
|
|
6203
|
-
"marginHorizontal": 12,
|
|
6204
6221
|
"opacity": 1,
|
|
6205
6222
|
"padding": 16,
|
|
6206
6223
|
}
|
|
@@ -6310,7 +6327,6 @@ Array [
|
|
|
6310
6327
|
"backgroundColor": "#ffffff",
|
|
6311
6328
|
"borderRadius": 4,
|
|
6312
6329
|
"flexDirection": "row",
|
|
6313
|
-
"marginHorizontal": 12,
|
|
6314
6330
|
"opacity": 1,
|
|
6315
6331
|
"padding": 16,
|
|
6316
6332
|
}
|
|
@@ -15,6 +15,7 @@ import {
|
|
|
15
15
|
useKeyboard,
|
|
16
16
|
} from '../helpers';
|
|
17
17
|
import type { OptionType, SectionType, SelectProps } from '../types';
|
|
18
|
+
import { useDeprecation } from '../../../utils/hooks';
|
|
18
19
|
|
|
19
20
|
export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>>
|
|
20
21
|
extends SelectProps<V, T> {
|
|
@@ -64,6 +65,21 @@ const SingleSelect = <V, T extends OptionType<V>>({
|
|
|
64
65
|
const flatOptions = toFlatOptions(options);
|
|
65
66
|
const displayedValue = flatOptions.find((opt) => value === opt.value)?.text;
|
|
66
67
|
|
|
68
|
+
useDeprecation(
|
|
69
|
+
"Select's onDimiss is deprecated and will be removed in the next major release. Please use onDismiss instead.",
|
|
70
|
+
onDimiss !== undefined
|
|
71
|
+
);
|
|
72
|
+
|
|
73
|
+
useDeprecation(
|
|
74
|
+
"Select's numberOfLines is deprecated and will be removed in the next major release. Please use inputProps.numberOfLines instead.",
|
|
75
|
+
numberOfLines !== undefined
|
|
76
|
+
);
|
|
77
|
+
|
|
78
|
+
useDeprecation(
|
|
79
|
+
"Select's inputProps.required is deprecated and will be removed in the next major release. Please use Select's required prop instead.",
|
|
80
|
+
inputProps?.required !== undefined
|
|
81
|
+
);
|
|
82
|
+
|
|
67
83
|
return (
|
|
68
84
|
<>
|
|
69
85
|
<View
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { View } from 'react-native';
|
|
1
|
+
import { SectionList, View } from 'react-native';
|
|
2
2
|
import styled from '@emotion/native';
|
|
3
|
-
import Typography from '../Typography';
|
|
4
3
|
|
|
5
4
|
const SectionSpacer = styled(View)(({ theme }) => ({
|
|
6
5
|
marginTop: theme.__hd__.select.space.sectionSpacing,
|
|
@@ -10,14 +9,14 @@ const OptionSpacer = styled(View)(({ theme }) => ({
|
|
|
10
9
|
marginTop: theme.__hd__.select.space.optionSpacing,
|
|
11
10
|
}));
|
|
12
11
|
|
|
13
|
-
const FooterText = styled(Typography.Text)(({ theme }) => ({
|
|
14
|
-
color: theme.__hd__.select.colors.footerText,
|
|
15
|
-
}));
|
|
16
|
-
|
|
17
12
|
const StyledSearchBar = styled(View)(({ theme }) => ({
|
|
18
13
|
marginTop: theme.__hd__.select.space.searchBarMarginTopSpacing,
|
|
19
14
|
paddingHorizontal: theme.__hd__.select.space.searchBarHorizontalSpacing,
|
|
20
15
|
paddingBottom: theme.__hd__.select.space.searchBarBottomSpacing,
|
|
21
16
|
}));
|
|
22
17
|
|
|
23
|
-
|
|
18
|
+
const StyledSectionList = styled(SectionList)(({ theme }) => ({
|
|
19
|
+
paddingHorizontal: theme.__hd__.select.space.optionListHorizontalPadding,
|
|
20
|
+
})) as unknown as typeof SectionList;
|
|
21
|
+
|
|
22
|
+
export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList };
|
|
@@ -376,7 +376,9 @@ exports[`Tabs.Scroll renders correctly 1`] = `
|
|
|
376
376
|
"color": "#001f23",
|
|
377
377
|
"fontSize": 20,
|
|
378
378
|
},
|
|
379
|
-
|
|
379
|
+
Object {
|
|
380
|
+
"color": "#001f23",
|
|
381
|
+
},
|
|
380
382
|
]
|
|
381
383
|
}
|
|
382
384
|
testID="hero-icon-speaker-outlined"
|
|
@@ -478,7 +480,9 @@ exports[`Tabs.Scroll renders correctly 1`] = `
|
|
|
478
480
|
"color": "#001f23",
|
|
479
481
|
"fontSize": 20,
|
|
480
482
|
},
|
|
481
|
-
|
|
483
|
+
Object {
|
|
484
|
+
"color": "#001f23",
|
|
485
|
+
},
|
|
482
486
|
]
|
|
483
487
|
}
|
|
484
488
|
testID="hero-icon-home-outlined"
|
|
@@ -605,7 +609,9 @@ exports[`Tabs.Scroll renders correctly 1`] = `
|
|
|
605
609
|
"color": "#001f23",
|
|
606
610
|
"fontSize": 20,
|
|
607
611
|
},
|
|
608
|
-
|
|
612
|
+
Object {
|
|
613
|
+
"color": "#001f23",
|
|
614
|
+
},
|
|
609
615
|
]
|
|
610
616
|
}
|
|
611
617
|
testID="hero-icon-calendar-dates-outlined"
|
|
@@ -42,8 +42,8 @@ const Tag = ({
|
|
|
42
42
|
...nativeProps
|
|
43
43
|
}: TagProps): JSX.Element => {
|
|
44
44
|
useDeprecation(
|
|
45
|
-
"Tag's default intent is deprecated and will be removed in the next major release.\nPlease use
|
|
46
|
-
intent
|
|
45
|
+
"Tag's default intent is deprecated and will be removed in the next major release.\nPlease use primary intent instead.",
|
|
46
|
+
intent === 'default'
|
|
47
47
|
);
|
|
48
48
|
|
|
49
49
|
return (
|
|
@@ -156,6 +156,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
|
|
|
156
156
|
onBlur={[Function]}
|
|
157
157
|
onChangeText={[Function]}
|
|
158
158
|
onFocus={[Function]}
|
|
159
|
+
placeholder=" "
|
|
159
160
|
style={
|
|
160
161
|
Array [
|
|
161
162
|
Object {
|
|
@@ -416,6 +417,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
|
|
|
416
417
|
onBlur={[Function]}
|
|
417
418
|
onChangeText={[Function]}
|
|
418
419
|
onFocus={[Function]}
|
|
420
|
+
placeholder=" "
|
|
419
421
|
style={
|
|
420
422
|
Array [
|
|
421
423
|
Object {
|
|
@@ -661,6 +663,7 @@ exports[`TextInput disabled renders correctly 1`] = `
|
|
|
661
663
|
onBlur={[Function]}
|
|
662
664
|
onChangeText={[Function]}
|
|
663
665
|
onFocus={[Function]}
|
|
666
|
+
placeholder=" "
|
|
664
667
|
style={
|
|
665
668
|
Array [
|
|
666
669
|
Object {
|
|
@@ -866,6 +869,7 @@ exports[`TextInput error renders correctly 1`] = `
|
|
|
866
869
|
onBlur={[Function]}
|
|
867
870
|
onChangeText={[Function]}
|
|
868
871
|
onFocus={[Function]}
|
|
872
|
+
placeholder=" "
|
|
869
873
|
style={
|
|
870
874
|
Array [
|
|
871
875
|
Object {
|
|
@@ -1097,6 +1101,7 @@ exports[`TextInput filled renders correctly 1`] = `
|
|
|
1097
1101
|
onBlur={[Function]}
|
|
1098
1102
|
onChangeText={[Function]}
|
|
1099
1103
|
onFocus={[Function]}
|
|
1104
|
+
placeholder=" "
|
|
1100
1105
|
style={
|
|
1101
1106
|
Array [
|
|
1102
1107
|
Object {
|
|
@@ -1317,6 +1322,7 @@ exports[`TextInput helper text renders correctly 1`] = `
|
|
|
1317
1322
|
onBlur={[Function]}
|
|
1318
1323
|
onChangeText={[Function]}
|
|
1319
1324
|
onFocus={[Function]}
|
|
1325
|
+
placeholder=" "
|
|
1320
1326
|
style={
|
|
1321
1327
|
Array [
|
|
1322
1328
|
Object {
|
|
@@ -1522,6 +1528,7 @@ exports[`TextInput idle renders correctly 1`] = `
|
|
|
1522
1528
|
onBlur={[Function]}
|
|
1523
1529
|
onChangeText={[Function]}
|
|
1524
1530
|
onFocus={[Function]}
|
|
1531
|
+
placeholder=" "
|
|
1525
1532
|
style={
|
|
1526
1533
|
Array [
|
|
1527
1534
|
Object {
|
|
@@ -1741,6 +1748,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
|
|
|
1741
1748
|
onBlur={[Function]}
|
|
1742
1749
|
onChangeText={[Function]}
|
|
1743
1750
|
onFocus={[Function]}
|
|
1751
|
+
placeholder=" "
|
|
1744
1752
|
style={
|
|
1745
1753
|
Array [
|
|
1746
1754
|
Object {
|
|
@@ -2100,6 +2108,7 @@ exports[`TextInput max length renders correctly 1`] = `
|
|
|
2100
2108
|
onBlur={[Function]}
|
|
2101
2109
|
onChangeText={[Function]}
|
|
2102
2110
|
onFocus={[Function]}
|
|
2111
|
+
placeholder=" "
|
|
2103
2112
|
style={
|
|
2104
2113
|
Array [
|
|
2105
2114
|
Object {
|
|
@@ -2398,6 +2407,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
|
|
|
2398
2407
|
onBlur={[Function]}
|
|
2399
2408
|
onChangeText={[Function]}
|
|
2400
2409
|
onFocus={[Function]}
|
|
2410
|
+
placeholder=" "
|
|
2401
2411
|
style={
|
|
2402
2412
|
Array [
|
|
2403
2413
|
Object {
|
|
@@ -2621,6 +2631,7 @@ exports[`TextInput readonly renders correctly 1`] = `
|
|
|
2621
2631
|
onBlur={[Function]}
|
|
2622
2632
|
onChangeText={[Function]}
|
|
2623
2633
|
onFocus={[Function]}
|
|
2634
|
+
placeholder=" "
|
|
2624
2635
|
style={
|
|
2625
2636
|
Array [
|
|
2626
2637
|
Object {
|
|
@@ -2841,6 +2852,7 @@ exports[`TextInput required renders correctly 1`] = `
|
|
|
2841
2852
|
onBlur={[Function]}
|
|
2842
2853
|
onChangeText={[Function]}
|
|
2843
2854
|
onFocus={[Function]}
|
|
2855
|
+
placeholder=" "
|
|
2844
2856
|
style={
|
|
2845
2857
|
Array [
|
|
2846
2858
|
Object {
|