@hero-design/rn 7.14.1 → 7.14.3-alpha

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 (82) hide show
  1. package/.turbo/turbo-build.log +1 -9
  2. package/.turbo/turbo-build:types.log +2 -0
  3. package/.turbo/turbo-lint.log +2 -0
  4. package/.turbo/turbo-publish:npm.log +9 -0
  5. package/.turbo/turbo-test.log +361 -0
  6. package/.turbo/turbo-type-check.log +2 -0
  7. package/es/index.js +1103 -20310
  8. package/lib/assets/fonts/hero-icons.ttf +0 -0
  9. package/lib/index.d.ts +4631 -0
  10. package/lib/index.js +1107 -20317
  11. package/lib/index.js.flow +7684 -0
  12. package/package.json +2 -2
  13. package/rollup.config.js +1 -0
  14. package/src/components/DatePicker/DatePickerAndroid.tsx +2 -0
  15. package/src/components/DatePicker/DatePickerIOS.tsx +2 -0
  16. package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx +14 -0
  17. package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx +14 -0
  18. package/src/components/DatePicker/types.ts +4 -0
  19. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +272 -266
  20. package/src/components/Select/MultiSelect/index.tsx +22 -11
  21. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +272 -266
  22. package/src/components/Select/SingleSelect/index.tsx +22 -11
  23. package/src/components/Select/index.tsx +4 -2
  24. package/src/components/Select/types.tsx +7 -2
  25. package/src/components/TextInput/__tests__/.log/ti-10343.log +62 -0
  26. package/src/components/TextInput/__tests__/.log/ti-20729.log +67 -0
  27. package/src/components/TextInput/__tests__/.log/tsserver.log +6498 -0
  28. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  29. package/src/components/TextInput/index.tsx +3 -1
  30. package/src/components/TimePicker/TimePickerAndroid.tsx +2 -0
  31. package/src/components/TimePicker/TimePickerIOS.tsx +2 -0
  32. package/src/components/TimePicker/__tests__/TimePickerAndroid.spec.tsx +14 -0
  33. package/src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx +14 -0
  34. package/src/components/TimePicker/types.ts +4 -0
  35. package/src/types.ts +3 -0
  36. package/types/components/Accordion/index.d.ts +5 -2
  37. package/types/components/ContentNavigator/index.d.ts +1 -5
  38. package/types/components/Icon/IconList.d.ts +1 -1
  39. package/types/components/Icon/utils.d.ts +1 -1
  40. package/types/components/SectionHeading/index.d.ts +2 -2
  41. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  42. package/types/components/Typography/Text/index.d.ts +1 -1
  43. package/types/index.d.ts +1 -4
  44. package/types/index.js.flow +7683 -0
  45. package/types/theme/components/typography.d.ts +0 -1
  46. package/types/theme/index.d.ts +0 -6
  47. package/types/components/Badge/StyledBadge.d.ts +0 -27
  48. package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -46
  49. package/types/components/Calendar/CalendarRowItem.d.ts +0 -10
  50. package/types/components/Calendar/StyledCalendar.d.ts +0 -54
  51. package/types/components/Calendar/__tests__/CalendarRowItem.spec.d.ts +0 -1
  52. package/types/components/Calendar/__tests__/helper.spec.d.ts +0 -1
  53. package/types/components/Calendar/__tests__/index.spec.d.ts +0 -1
  54. package/types/components/Calendar/helpers.d.ts +0 -3
  55. package/types/components/Calendar/index.d.ts +0 -40
  56. package/types/components/Collapse/StyledCollapse.d.ts +0 -25
  57. package/types/components/Drawer/StyledDrawer.d.ts +0 -24
  58. package/types/components/Empty/StyledEmpty.d.ts +0 -31
  59. package/types/components/Empty/__tests__/index.spec.d.ts +0 -1
  60. package/types/components/Empty/index.d.ts +0 -26
  61. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -29
  62. package/types/components/Progress/StyledProgressBar.d.ts +0 -17
  63. package/types/components/RichTextEditor/EditorEvent.d.ts +0 -3
  64. package/types/components/RichTextEditor/EditorToolbar.d.ts +0 -17
  65. package/types/components/RichTextEditor/MentionList.d.ts +0 -12
  66. package/types/components/RichTextEditor/RichTextEditor.d.ts +0 -65
  67. package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +0 -16
  68. package/types/components/RichTextEditor/StyledToolbar.d.ts +0 -21
  69. package/types/components/RichTextEditor/__tests__/EditorToolbar.spec.d.ts +0 -1
  70. package/types/components/RichTextEditor/__tests__/MentionList.spec.d.ts +0 -1
  71. package/types/components/RichTextEditor/__tests__/RichTextEditor.spec.d.ts +0 -1
  72. package/types/components/RichTextEditor/constants.d.ts +0 -19
  73. package/types/components/RichTextEditor/index.d.ts +0 -5
  74. package/types/components/RichTextEditor/utils/events.d.ts +0 -8
  75. package/types/components/RichTextEditor/utils/rnWebView.d.ts +0 -7
  76. package/types/components/Switch/StyledSwitch.d.ts +0 -36
  77. package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -60
  78. package/types/components/Tabs/StyledTabs.d.ts +0 -54
  79. package/types/components/Toast/StyledToast.d.ts +0 -45
  80. package/types/theme/components/calendar.d.ts +0 -26
  81. package/types/theme/components/empty.d.ts +0 -28
  82. package/types/theme/components/richTextEditor.d.ts +0 -26
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,46 +1,35 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
4
- <View
5
- accessible={true}
6
- collapsable={false}
7
- focusable={true}
8
- nativeID="animatedComponent"
9
- onClick={[Function]}
10
- onResponderGrant={[Function]}
11
- onResponderMove={[Function]}
12
- onResponderRelease={[Function]}
13
- onResponderTerminate={[Function]}
14
- onResponderTerminationRequest={[Function]}
15
- onStartShouldSetResponder={[Function]}
16
- style={
17
- Object {
18
- "opacity": 1,
19
- }
20
- }
21
- >
4
+ Array [
22
5
  <View
23
- pointerEvents="none"
6
+ pointerEvents="auto"
24
7
  >
25
8
  <View
26
- pointerEvents="auto"
9
+ accessible={true}
10
+ collapsable={false}
11
+ focusable={true}
12
+ nativeID="animatedComponent"
13
+ onClick={[Function]}
14
+ onResponderGrant={[Function]}
15
+ onResponderMove={[Function]}
16
+ onResponderRelease={[Function]}
17
+ onResponderTerminate={[Function]}
18
+ onResponderTerminationRequest={[Function]}
19
+ onStartShouldSetResponder={[Function]}
27
20
  style={
28
- Array [
29
- Object {
30
- "marginVertical": 8,
31
- "width": "100%",
32
- },
33
- undefined,
34
- ]
21
+ Object {
22
+ "opacity": 1,
23
+ }
35
24
  }
36
25
  >
37
26
  <View
27
+ pointerEvents="auto"
38
28
  style={
39
29
  Array [
40
30
  Object {
41
- "alignItems": "center",
42
- "flexDirection": "row",
43
- "padding": 16,
31
+ "marginVertical": 8,
32
+ "width": "100%",
44
33
  },
45
34
  undefined,
46
35
  ]
@@ -50,146 +39,160 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
50
39
  style={
51
40
  Array [
52
41
  Object {
53
- "borderColor": "#292a2b",
54
- "borderRadius": 8,
55
- "borderWidth": 1,
56
- "bottom": 0,
57
- "left": 0,
58
- "position": "absolute",
59
- "right": 0,
60
- "top": 0,
61
- },
62
- undefined,
63
- ]
64
- }
65
- themeVariant="filled"
66
- />
67
- <View
68
- pointerEvents="none"
69
- style={
70
- Array [
71
- Object {
72
- "backgroundColor": "#ffffff",
42
+ "alignItems": "center",
73
43
  "flexDirection": "row",
74
- "left": 16,
75
- "paddingHorizontal": 4,
76
- "position": "absolute",
77
- "top": -10,
78
- "zIndex": 1,
44
+ "padding": 16,
79
45
  },
80
46
  undefined,
81
47
  ]
82
48
  }
83
49
  >
84
- <Text
50
+ <View
85
51
  style={
86
52
  Array [
87
53
  Object {
88
- "color": "#292a2b",
89
- "fontFamily": "BeVietnamPro-Regular",
90
- "fontSize": 12,
91
- "letterSpacing": 0.36,
92
- "lineHeight": 20,
54
+ "borderColor": "#292a2b",
55
+ "borderRadius": 8,
56
+ "borderWidth": 1,
57
+ "bottom": 0,
58
+ "left": 0,
59
+ "position": "absolute",
60
+ "right": 0,
61
+ "top": 0,
93
62
  },
94
- Array [
95
- Object {
96
- "color": "#292a2b",
97
- },
98
- undefined,
99
- ],
63
+ undefined,
100
64
  ]
101
65
  }
102
- testID="input-label"
103
- themeFontSize="small"
104
- themeFontWeight="regular"
105
- themeIntent="body"
106
66
  themeVariant="filled"
67
+ />
68
+ <View
69
+ pointerEvents="none"
70
+ style={
71
+ Array [
72
+ Object {
73
+ "backgroundColor": "#ffffff",
74
+ "flexDirection": "row",
75
+ "left": 16,
76
+ "paddingHorizontal": 4,
77
+ "position": "absolute",
78
+ "top": -10,
79
+ "zIndex": 1,
80
+ },
81
+ undefined,
82
+ ]
83
+ }
107
84
  >
108
- Allow notifications
109
- </Text>
110
- </View>
111
- <View
112
- style={
113
- Array [
114
- Object {
115
- "alignItems": "center",
116
- "alignSelf": "stretch",
117
- "flexDirection": "row",
118
- "flexGrow": 2,
119
- },
120
- undefined,
121
- ]
122
- }
123
- >
124
- <TextInput
125
- accessibilityState={
126
- Object {
127
- "disabled": false,
85
+ <Text
86
+ style={
87
+ Array [
88
+ Object {
89
+ "color": "#292a2b",
90
+ "fontFamily": "BeVietnamPro-Regular",
91
+ "fontSize": 12,
92
+ "letterSpacing": 0.36,
93
+ "lineHeight": 20,
94
+ },
95
+ Array [
96
+ Object {
97
+ "color": "#292a2b",
98
+ },
99
+ undefined,
100
+ ],
101
+ ]
128
102
  }
129
- }
130
- editable={true}
131
- multiline={true}
132
- onBlur={[Function]}
133
- onChangeText={[Function]}
134
- onFocus={[Function]}
103
+ testID="input-label"
104
+ themeFontSize="small"
105
+ themeFontWeight="regular"
106
+ themeIntent="body"
107
+ themeVariant="filled"
108
+ >
109
+ Allow notifications
110
+ </Text>
111
+ </View>
112
+ <View
135
113
  style={
136
114
  Array [
137
115
  Object {
116
+ "alignItems": "center",
138
117
  "alignSelf": "stretch",
118
+ "flexDirection": "row",
139
119
  "flexGrow": 2,
140
- "fontSize": 14,
141
- "marginHorizontal": 8,
142
- "textAlignVertical": "center",
143
120
  },
121
+ undefined,
122
+ ]
123
+ }
124
+ >
125
+ <TextInput
126
+ accessibilityState={
127
+ Object {
128
+ "disabled": false,
129
+ }
130
+ }
131
+ editable={true}
132
+ multiline={true}
133
+ onBlur={[Function]}
134
+ onChangeText={[Function]}
135
+ onFocus={[Function]}
136
+ pointerEvents="none"
137
+ style={
138
+ Array [
139
+ Object {
140
+ "alignSelf": "stretch",
141
+ "flexGrow": 2,
142
+ "fontSize": 14,
143
+ "marginHorizontal": 8,
144
+ "textAlignVertical": "center",
145
+ },
146
+ Object {
147
+ "color": "#292a2b",
148
+ },
149
+ ]
150
+ }
151
+ testID="text-input"
152
+ value="Monday"
153
+ />
154
+ </View>
155
+ <HeroIcon
156
+ name="arrow-down"
157
+ style={
158
+ Array [
144
159
  Object {
145
160
  "color": "#292a2b",
161
+ "fontSize": 16,
146
162
  },
163
+ undefined,
147
164
  ]
148
165
  }
149
- testID="text-input"
150
- value="Monday"
166
+ testID="input-suffix"
167
+ themeIntent="text"
168
+ themeSize="xsmall"
151
169
  />
152
170
  </View>
153
- <HeroIcon
154
- name="arrow-down"
155
- style={
156
- Array [
157
- Object {
158
- "color": "#292a2b",
159
- "fontSize": 16,
160
- },
161
- undefined,
162
- ]
163
- }
164
- testID="input-suffix"
165
- themeIntent="text"
166
- themeSize="xsmall"
167
- />
168
- </View>
169
- <View
170
- style={
171
- Array [
172
- Object {
173
- "paddingLeft": 16,
174
- },
175
- undefined,
176
- ]
177
- }
178
- >
179
171
  <View
180
172
  style={
181
173
  Array [
182
174
  Object {
183
- "flexDirection": "row",
184
- "justifyContent": "space-between",
175
+ "paddingLeft": 16,
185
176
  },
186
177
  undefined,
187
178
  ]
188
179
  }
189
- />
180
+ >
181
+ <View
182
+ style={
183
+ Array [
184
+ Object {
185
+ "flexDirection": "row",
186
+ "justifyContent": "space-between",
187
+ },
188
+ undefined,
189
+ ]
190
+ }
191
+ />
192
+ </View>
190
193
  </View>
191
194
  </View>
192
- </View>
195
+ </View>,
193
196
  <Modal
194
197
  hardwareAccelerated={false}
195
198
  onRequestClose={[Function]}
@@ -851,49 +854,38 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
851
854
  </RCTScrollView>
852
855
  </View>
853
856
  </View>
854
- </Modal>
855
- </View>
857
+ </Modal>,
858
+ ]
856
859
  `;
857
860
 
858
861
  exports[`rendering renders correctly when bottom sheet is visible 1`] = `
859
- <View
860
- accessible={true}
861
- focusable={true}
862
- onClick={[Function]}
863
- onResponderGrant={[Function]}
864
- onResponderMove={[Function]}
865
- onResponderRelease={[Function]}
866
- onResponderTerminate={[Function]}
867
- onResponderTerminationRequest={[Function]}
868
- onStartShouldSetResponder={[Function]}
869
- style={
870
- Object {
871
- "opacity": 1,
872
- }
873
- }
874
- >
862
+ Array [
875
863
  <View
876
- pointerEvents="none"
864
+ pointerEvents="auto"
877
865
  >
878
866
  <View
879
- pointerEvents="auto"
867
+ accessible={true}
868
+ focusable={true}
869
+ onClick={[Function]}
870
+ onResponderGrant={[Function]}
871
+ onResponderMove={[Function]}
872
+ onResponderRelease={[Function]}
873
+ onResponderTerminate={[Function]}
874
+ onResponderTerminationRequest={[Function]}
875
+ onStartShouldSetResponder={[Function]}
880
876
  style={
881
- Array [
882
- Object {
883
- "marginVertical": 8,
884
- "width": "100%",
885
- },
886
- undefined,
887
- ]
877
+ Object {
878
+ "opacity": 1,
879
+ }
888
880
  }
889
881
  >
890
882
  <View
883
+ pointerEvents="auto"
891
884
  style={
892
885
  Array [
893
886
  Object {
894
- "alignItems": "center",
895
- "flexDirection": "row",
896
- "padding": 16,
887
+ "marginVertical": 8,
888
+ "width": "100%",
897
889
  },
898
890
  undefined,
899
891
  ]
@@ -903,146 +895,160 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
903
895
  style={
904
896
  Array [
905
897
  Object {
906
- "borderColor": "#292a2b",
907
- "borderRadius": 8,
908
- "borderWidth": 1,
909
- "bottom": 0,
910
- "left": 0,
911
- "position": "absolute",
912
- "right": 0,
913
- "top": 0,
914
- },
915
- undefined,
916
- ]
917
- }
918
- themeVariant="filled"
919
- />
920
- <View
921
- pointerEvents="none"
922
- style={
923
- Array [
924
- Object {
925
- "backgroundColor": "#ffffff",
898
+ "alignItems": "center",
926
899
  "flexDirection": "row",
927
- "left": 16,
928
- "paddingHorizontal": 4,
929
- "position": "absolute",
930
- "top": -10,
931
- "zIndex": 1,
900
+ "padding": 16,
932
901
  },
933
902
  undefined,
934
903
  ]
935
904
  }
936
905
  >
937
- <Text
906
+ <View
938
907
  style={
939
908
  Array [
940
909
  Object {
941
- "color": "#292a2b",
942
- "fontFamily": "BeVietnamPro-Regular",
943
- "fontSize": 12,
944
- "letterSpacing": 0.36,
945
- "lineHeight": 20,
910
+ "borderColor": "#292a2b",
911
+ "borderRadius": 8,
912
+ "borderWidth": 1,
913
+ "bottom": 0,
914
+ "left": 0,
915
+ "position": "absolute",
916
+ "right": 0,
917
+ "top": 0,
946
918
  },
947
- Array [
948
- Object {
949
- "color": "#292a2b",
950
- },
951
- undefined,
952
- ],
919
+ undefined,
953
920
  ]
954
921
  }
955
- testID="input-label"
956
- themeFontSize="small"
957
- themeFontWeight="regular"
958
- themeIntent="body"
959
922
  themeVariant="filled"
923
+ />
924
+ <View
925
+ pointerEvents="none"
926
+ style={
927
+ Array [
928
+ Object {
929
+ "backgroundColor": "#ffffff",
930
+ "flexDirection": "row",
931
+ "left": 16,
932
+ "paddingHorizontal": 4,
933
+ "position": "absolute",
934
+ "top": -10,
935
+ "zIndex": 1,
936
+ },
937
+ undefined,
938
+ ]
939
+ }
960
940
  >
961
- Allow notifications
962
- </Text>
963
- </View>
964
- <View
965
- style={
966
- Array [
967
- Object {
968
- "alignItems": "center",
969
- "alignSelf": "stretch",
970
- "flexDirection": "row",
971
- "flexGrow": 2,
972
- },
973
- undefined,
974
- ]
975
- }
976
- >
977
- <TextInput
978
- accessibilityState={
979
- Object {
980
- "disabled": false,
941
+ <Text
942
+ style={
943
+ Array [
944
+ Object {
945
+ "color": "#292a2b",
946
+ "fontFamily": "BeVietnamPro-Regular",
947
+ "fontSize": 12,
948
+ "letterSpacing": 0.36,
949
+ "lineHeight": 20,
950
+ },
951
+ Array [
952
+ Object {
953
+ "color": "#292a2b",
954
+ },
955
+ undefined,
956
+ ],
957
+ ]
981
958
  }
982
- }
983
- editable={true}
984
- multiline={true}
985
- onBlur={[Function]}
986
- onChangeText={[Function]}
987
- onFocus={[Function]}
959
+ testID="input-label"
960
+ themeFontSize="small"
961
+ themeFontWeight="regular"
962
+ themeIntent="body"
963
+ themeVariant="filled"
964
+ >
965
+ Allow notifications
966
+ </Text>
967
+ </View>
968
+ <View
988
969
  style={
989
970
  Array [
990
971
  Object {
972
+ "alignItems": "center",
991
973
  "alignSelf": "stretch",
974
+ "flexDirection": "row",
992
975
  "flexGrow": 2,
993
- "fontSize": 14,
994
- "marginHorizontal": 8,
995
- "textAlignVertical": "center",
996
976
  },
977
+ undefined,
978
+ ]
979
+ }
980
+ >
981
+ <TextInput
982
+ accessibilityState={
983
+ Object {
984
+ "disabled": false,
985
+ }
986
+ }
987
+ editable={true}
988
+ multiline={true}
989
+ onBlur={[Function]}
990
+ onChangeText={[Function]}
991
+ onFocus={[Function]}
992
+ pointerEvents="none"
993
+ style={
994
+ Array [
995
+ Object {
996
+ "alignSelf": "stretch",
997
+ "flexGrow": 2,
998
+ "fontSize": 14,
999
+ "marginHorizontal": 8,
1000
+ "textAlignVertical": "center",
1001
+ },
1002
+ Object {
1003
+ "color": "#292a2b",
1004
+ },
1005
+ ]
1006
+ }
1007
+ testID="text-input"
1008
+ value="Monday"
1009
+ />
1010
+ </View>
1011
+ <HeroIcon
1012
+ name="arrow-down"
1013
+ style={
1014
+ Array [
997
1015
  Object {
998
1016
  "color": "#292a2b",
1017
+ "fontSize": 16,
999
1018
  },
1019
+ undefined,
1000
1020
  ]
1001
1021
  }
1002
- testID="text-input"
1003
- value="Monday"
1022
+ testID="input-suffix"
1023
+ themeIntent="text"
1024
+ themeSize="xsmall"
1004
1025
  />
1005
1026
  </View>
1006
- <HeroIcon
1007
- name="arrow-down"
1008
- style={
1009
- Array [
1010
- Object {
1011
- "color": "#292a2b",
1012
- "fontSize": 16,
1013
- },
1014
- undefined,
1015
- ]
1016
- }
1017
- testID="input-suffix"
1018
- themeIntent="text"
1019
- themeSize="xsmall"
1020
- />
1021
- </View>
1022
- <View
1023
- style={
1024
- Array [
1025
- Object {
1026
- "paddingLeft": 16,
1027
- },
1028
- undefined,
1029
- ]
1030
- }
1031
- >
1032
1027
  <View
1033
1028
  style={
1034
1029
  Array [
1035
1030
  Object {
1036
- "flexDirection": "row",
1037
- "justifyContent": "space-between",
1031
+ "paddingLeft": 16,
1038
1032
  },
1039
1033
  undefined,
1040
1034
  ]
1041
1035
  }
1042
- />
1036
+ >
1037
+ <View
1038
+ style={
1039
+ Array [
1040
+ Object {
1041
+ "flexDirection": "row",
1042
+ "justifyContent": "space-between",
1043
+ },
1044
+ undefined,
1045
+ ]
1046
+ }
1047
+ />
1048
+ </View>
1043
1049
  </View>
1044
1050
  </View>
1045
- </View>
1051
+ </View>,
1046
1052
  <Modal
1047
1053
  hardwareAccelerated={false}
1048
1054
  onRequestClose={[Function]}
@@ -1699,6 +1705,6 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1699
1705
  </RCTScrollView>
1700
1706
  </View>
1701
1707
  </View>
1702
- </Modal>
1703
- </View>
1708
+ </Modal>,
1709
+ ]
1704
1710
  `;