@hero-design/rn 8.45.0 → 8.45.1

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 (18) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +11 -0
  3. package/es/index.js +61 -22
  4. package/lib/index.js +61 -22
  5. package/package.json +6 -6
  6. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +12 -6
  7. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +4 -2
  8. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +4 -2
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +4 -2
  10. package/src/components/RichTextEditor/RichTextEditor.tsx +18 -5
  11. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +8 -4
  12. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +24 -12
  13. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +20 -10
  14. package/src/components/TextInput/StyledTextInput.tsx +2 -1
  15. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +67 -34
  16. package/src/components/TextInput/index.tsx +21 -6
  17. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +8 -4
  18. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +8 -4
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -110,7 +110,8 @@ exports[`rendering allows custom renderer 1`] = `
110
110
  {
111
111
  "alignItems": "center",
112
112
  "flexDirection": "row",
113
- "left": -32,
113
+ "justifyContent": "center",
114
+ "left": 0,
114
115
  "position": "absolute",
115
116
  "right": 0,
116
117
  "top": -10.666666666666666,
@@ -119,7 +120,7 @@ exports[`rendering allows custom renderer 1`] = `
119
120
  "translateY": 0,
120
121
  },
121
122
  {
122
- "translateX": 48,
123
+ "translateX": 24,
123
124
  },
124
125
  {
125
126
  "scale": 1,
@@ -132,6 +133,7 @@ exports[`rendering allows custom renderer 1`] = `
132
133
  >
133
134
  <Text
134
135
  allowFontScaling={false}
136
+ onLayout={[Function]}
135
137
  style={
136
138
  [
137
139
  {
@@ -1639,7 +1641,8 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1639
1641
  {
1640
1642
  "alignItems": "center",
1641
1643
  "flexDirection": "row",
1642
- "left": -32,
1644
+ "justifyContent": "center",
1645
+ "left": 0,
1643
1646
  "position": "absolute",
1644
1647
  "right": 0,
1645
1648
  "top": -10.666666666666666,
@@ -1648,7 +1651,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1648
1651
  "translateY": 0,
1649
1652
  },
1650
1653
  {
1651
- "translateX": 48,
1654
+ "translateX": 24,
1652
1655
  },
1653
1656
  {
1654
1657
  "scale": 1,
@@ -1661,6 +1664,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1661
1664
  >
1662
1665
  <Text
1663
1666
  allowFontScaling={false}
1667
+ onLayout={[Function]}
1664
1668
  style={
1665
1669
  [
1666
1670
  {
@@ -1928,7 +1932,8 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1928
1932
  {
1929
1933
  "alignItems": "center",
1930
1934
  "flexDirection": "row",
1931
- "left": -32,
1935
+ "justifyContent": "center",
1936
+ "left": 0,
1932
1937
  "position": "absolute",
1933
1938
  "right": 0,
1934
1939
  "top": -10.666666666666666,
@@ -1937,7 +1942,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1937
1942
  "translateY": 0,
1938
1943
  },
1939
1944
  {
1940
- "translateX": 48,
1945
+ "translateX": 24,
1941
1946
  },
1942
1947
  {
1943
1948
  "scale": 1,
@@ -1950,6 +1955,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1950
1955
  >
1951
1956
  <Text
1952
1957
  allowFontScaling={false}
1958
+ onLayout={[Function]}
1953
1959
  style={
1954
1960
  [
1955
1961
  {
@@ -3663,7 +3669,8 @@ exports[`rendering renders correctly when input is loading 1`] = `
3663
3669
  {
3664
3670
  "alignItems": "center",
3665
3671
  "flexDirection": "row",
3666
- "left": -32,
3672
+ "justifyContent": "center",
3673
+ "left": 0,
3667
3674
  "position": "absolute",
3668
3675
  "right": 0,
3669
3676
  "top": -10.666666666666666,
@@ -3672,7 +3679,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
3672
3679
  "translateY": 0,
3673
3680
  },
3674
3681
  {
3675
- "translateX": 48,
3682
+ "translateX": 24,
3676
3683
  },
3677
3684
  {
3678
3685
  "scale": 1,
@@ -3685,6 +3692,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
3685
3692
  >
3686
3693
  <Text
3687
3694
  allowFontScaling={false}
3695
+ onLayout={[Function]}
3688
3696
  style={
3689
3697
  [
3690
3698
  {
@@ -3965,7 +3973,8 @@ exports[`rendering renders correctly when receives sections 1`] = `
3965
3973
  {
3966
3974
  "alignItems": "center",
3967
3975
  "flexDirection": "row",
3968
- "left": -32,
3976
+ "justifyContent": "center",
3977
+ "left": 0,
3969
3978
  "position": "absolute",
3970
3979
  "right": 0,
3971
3980
  "top": -10.666666666666666,
@@ -3974,7 +3983,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
3974
3983
  "translateY": 0,
3975
3984
  },
3976
3985
  {
3977
- "translateX": 48,
3986
+ "translateX": 24,
3978
3987
  },
3979
3988
  {
3980
3989
  "scale": 1,
@@ -3987,6 +3996,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
3987
3996
  >
3988
3997
  <Text
3989
3998
  allowFontScaling={false}
3999
+ onLayout={[Function]}
3990
4000
  style={
3991
4001
  [
3992
4002
  {
@@ -5280,7 +5290,8 @@ exports[`rendering renders correctly when receives sections 2`] = `
5280
5290
  {
5281
5291
  "alignItems": "center",
5282
5292
  "flexDirection": "row",
5283
- "left": -32,
5293
+ "justifyContent": "center",
5294
+ "left": 0,
5284
5295
  "position": "absolute",
5285
5296
  "right": 0,
5286
5297
  "top": -10.666666666666666,
@@ -5289,7 +5300,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
5289
5300
  "translateY": 0,
5290
5301
  },
5291
5302
  {
5292
- "translateX": 48,
5303
+ "translateX": 24,
5293
5304
  },
5294
5305
  {
5295
5306
  "scale": 1,
@@ -5302,6 +5313,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
5302
5313
  >
5303
5314
  <Text
5304
5315
  allowFontScaling={false}
5316
+ onLayout={[Function]}
5305
5317
  style={
5306
5318
  [
5307
5319
  {
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -110,7 +110,8 @@ exports[`rendering allows custom renderer 1`] = `
110
110
  {
111
111
  "alignItems": "center",
112
112
  "flexDirection": "row",
113
- "left": -32,
113
+ "justifyContent": "center",
114
+ "left": 0,
114
115
  "position": "absolute",
115
116
  "right": 0,
116
117
  "top": -10.666666666666666,
@@ -119,7 +120,7 @@ exports[`rendering allows custom renderer 1`] = `
119
120
  "translateY": 0,
120
121
  },
121
122
  {
122
- "translateX": 48,
123
+ "translateX": 24,
123
124
  },
124
125
  {
125
126
  "scale": 1,
@@ -132,6 +133,7 @@ exports[`rendering allows custom renderer 1`] = `
132
133
  >
133
134
  <Text
134
135
  allowFontScaling={false}
136
+ onLayout={[Function]}
135
137
  style={
136
138
  [
137
139
  {
@@ -1554,7 +1556,8 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1554
1556
  {
1555
1557
  "alignItems": "center",
1556
1558
  "flexDirection": "row",
1557
- "left": -32,
1559
+ "justifyContent": "center",
1560
+ "left": 0,
1558
1561
  "position": "absolute",
1559
1562
  "right": 0,
1560
1563
  "top": -10.666666666666666,
@@ -1563,7 +1566,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1563
1566
  "translateY": 0,
1564
1567
  },
1565
1568
  {
1566
- "translateX": 48,
1569
+ "translateX": 24,
1567
1570
  },
1568
1571
  {
1569
1572
  "scale": 1,
@@ -1576,6 +1579,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1576
1579
  >
1577
1580
  <Text
1578
1581
  allowFontScaling={false}
1582
+ onLayout={[Function]}
1579
1583
  style={
1580
1584
  [
1581
1585
  {
@@ -1843,7 +1847,8 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1843
1847
  {
1844
1848
  "alignItems": "center",
1845
1849
  "flexDirection": "row",
1846
- "left": -32,
1850
+ "justifyContent": "center",
1851
+ "left": 0,
1847
1852
  "position": "absolute",
1848
1853
  "right": 0,
1849
1854
  "top": -10.666666666666666,
@@ -1852,7 +1857,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1852
1857
  "translateY": 0,
1853
1858
  },
1854
1859
  {
1855
- "translateX": 48,
1860
+ "translateX": 24,
1856
1861
  },
1857
1862
  {
1858
1863
  "scale": 1,
@@ -1865,6 +1870,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1865
1870
  >
1866
1871
  <Text
1867
1872
  allowFontScaling={false}
1873
+ onLayout={[Function]}
1868
1874
  style={
1869
1875
  [
1870
1876
  {
@@ -3438,7 +3444,8 @@ exports[`rendering renders correctly when input is loading 1`] = `
3438
3444
  {
3439
3445
  "alignItems": "center",
3440
3446
  "flexDirection": "row",
3441
- "left": -32,
3447
+ "justifyContent": "center",
3448
+ "left": 0,
3442
3449
  "position": "absolute",
3443
3450
  "right": 0,
3444
3451
  "top": -10.666666666666666,
@@ -3447,7 +3454,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
3447
3454
  "translateY": 0,
3448
3455
  },
3449
3456
  {
3450
- "translateX": 48,
3457
+ "translateX": 24,
3451
3458
  },
3452
3459
  {
3453
3460
  "scale": 1,
@@ -3460,6 +3467,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
3460
3467
  >
3461
3468
  <Text
3462
3469
  allowFontScaling={false}
3470
+ onLayout={[Function]}
3463
3471
  style={
3464
3472
  [
3465
3473
  {
@@ -3740,7 +3748,8 @@ exports[`rendering renders correctly when receives sections 1`] = `
3740
3748
  {
3741
3749
  "alignItems": "center",
3742
3750
  "flexDirection": "row",
3743
- "left": -32,
3751
+ "justifyContent": "center",
3752
+ "left": 0,
3744
3753
  "position": "absolute",
3745
3754
  "right": 0,
3746
3755
  "top": -10.666666666666666,
@@ -3749,7 +3758,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
3749
3758
  "translateY": 0,
3750
3759
  },
3751
3760
  {
3752
- "translateX": 48,
3761
+ "translateX": 24,
3753
3762
  },
3754
3763
  {
3755
3764
  "scale": 1,
@@ -3762,6 +3771,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
3762
3771
  >
3763
3772
  <Text
3764
3773
  allowFontScaling={false}
3774
+ onLayout={[Function]}
3765
3775
  style={
3766
3776
  [
3767
3777
  {
package/src/components/TextInput/StyledTextInput.tsx CHANGED
@@ -15,9 +15,10 @@ const StyledLabelContainerInsideTextInput = styled(Animated.View)<{
15
15
  }>(({ themeVariant, theme }) => ({
16
16
  flexDirection: 'row',
17
17
  alignItems: themeVariant === 'text' ? 'center' : 'flex-start',
18
+ justifyContent: 'center',
18
19
  position: 'absolute',
19
20
  zIndex: 1,
20
- left: -theme.__hd__.textInput.space.labelLeft,
21
+ left: 0,
21
22
  right: 0,
22
23
  top: -theme.__hd__.textInput.space.labelTop,
23
24
  }));