@hero-design/rn 7.14.2 → 7.14.3-alpha.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 (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 +2 -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/MultiSelect/__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, Tuesday"
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, Tuesday"
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]}
@@ -952,49 +955,38 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
952
955
  </View>
953
956
  </View>
954
957
  </View>
955
- </Modal>
956
- </View>
958
+ </Modal>,
959
+ ]
957
960
  `;
958
961
 
959
962
  exports[`rendering renders correctly when bottom sheet is visible 1`] = `
960
- <View
961
- accessible={true}
962
- focusable={true}
963
- onClick={[Function]}
964
- onResponderGrant={[Function]}
965
- onResponderMove={[Function]}
966
- onResponderRelease={[Function]}
967
- onResponderTerminate={[Function]}
968
- onResponderTerminationRequest={[Function]}
969
- onStartShouldSetResponder={[Function]}
970
- style={
971
- Object {
972
- "opacity": 1,
973
- }
974
- }
975
- >
963
+ Array [
976
964
  <View
977
- pointerEvents="none"
965
+ pointerEvents="auto"
978
966
  >
979
967
  <View
980
- pointerEvents="auto"
968
+ accessible={true}
969
+ focusable={true}
970
+ onClick={[Function]}
971
+ onResponderGrant={[Function]}
972
+ onResponderMove={[Function]}
973
+ onResponderRelease={[Function]}
974
+ onResponderTerminate={[Function]}
975
+ onResponderTerminationRequest={[Function]}
976
+ onStartShouldSetResponder={[Function]}
981
977
  style={
982
- Array [
983
- Object {
984
- "marginVertical": 8,
985
- "width": "100%",
986
- },
987
- undefined,
988
- ]
978
+ Object {
979
+ "opacity": 1,
980
+ }
989
981
  }
990
982
  >
991
983
  <View
984
+ pointerEvents="auto"
992
985
  style={
993
986
  Array [
994
987
  Object {
995
- "alignItems": "center",
996
- "flexDirection": "row",
997
- "padding": 16,
988
+ "marginVertical": 8,
989
+ "width": "100%",
998
990
  },
999
991
  undefined,
1000
992
  ]
@@ -1004,146 +996,160 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1004
996
  style={
1005
997
  Array [
1006
998
  Object {
1007
- "borderColor": "#292a2b",
1008
- "borderRadius": 8,
1009
- "borderWidth": 1,
1010
- "bottom": 0,
1011
- "left": 0,
1012
- "position": "absolute",
1013
- "right": 0,
1014
- "top": 0,
1015
- },
1016
- undefined,
1017
- ]
1018
- }
1019
- themeVariant="filled"
1020
- />
1021
- <View
1022
- pointerEvents="none"
1023
- style={
1024
- Array [
1025
- Object {
1026
- "backgroundColor": "#ffffff",
999
+ "alignItems": "center",
1027
1000
  "flexDirection": "row",
1028
- "left": 16,
1029
- "paddingHorizontal": 4,
1030
- "position": "absolute",
1031
- "top": -10,
1032
- "zIndex": 1,
1001
+ "padding": 16,
1033
1002
  },
1034
1003
  undefined,
1035
1004
  ]
1036
1005
  }
1037
1006
  >
1038
- <Text
1007
+ <View
1039
1008
  style={
1040
1009
  Array [
1041
1010
  Object {
1042
- "color": "#292a2b",
1043
- "fontFamily": "BeVietnamPro-Regular",
1044
- "fontSize": 12,
1045
- "letterSpacing": 0.36,
1046
- "lineHeight": 20,
1011
+ "borderColor": "#292a2b",
1012
+ "borderRadius": 8,
1013
+ "borderWidth": 1,
1014
+ "bottom": 0,
1015
+ "left": 0,
1016
+ "position": "absolute",
1017
+ "right": 0,
1018
+ "top": 0,
1047
1019
  },
1048
- Array [
1049
- Object {
1050
- "color": "#292a2b",
1051
- },
1052
- undefined,
1053
- ],
1020
+ undefined,
1054
1021
  ]
1055
1022
  }
1056
- testID="input-label"
1057
- themeFontSize="small"
1058
- themeFontWeight="regular"
1059
- themeIntent="body"
1060
1023
  themeVariant="filled"
1024
+ />
1025
+ <View
1026
+ pointerEvents="none"
1027
+ style={
1028
+ Array [
1029
+ Object {
1030
+ "backgroundColor": "#ffffff",
1031
+ "flexDirection": "row",
1032
+ "left": 16,
1033
+ "paddingHorizontal": 4,
1034
+ "position": "absolute",
1035
+ "top": -10,
1036
+ "zIndex": 1,
1037
+ },
1038
+ undefined,
1039
+ ]
1040
+ }
1061
1041
  >
1062
- Allow notifications
1063
- </Text>
1064
- </View>
1065
- <View
1066
- style={
1067
- Array [
1068
- Object {
1069
- "alignItems": "center",
1070
- "alignSelf": "stretch",
1071
- "flexDirection": "row",
1072
- "flexGrow": 2,
1073
- },
1074
- undefined,
1075
- ]
1076
- }
1077
- >
1078
- <TextInput
1079
- accessibilityState={
1080
- Object {
1081
- "disabled": false,
1042
+ <Text
1043
+ style={
1044
+ Array [
1045
+ Object {
1046
+ "color": "#292a2b",
1047
+ "fontFamily": "BeVietnamPro-Regular",
1048
+ "fontSize": 12,
1049
+ "letterSpacing": 0.36,
1050
+ "lineHeight": 20,
1051
+ },
1052
+ Array [
1053
+ Object {
1054
+ "color": "#292a2b",
1055
+ },
1056
+ undefined,
1057
+ ],
1058
+ ]
1082
1059
  }
1083
- }
1084
- editable={true}
1085
- multiline={true}
1086
- onBlur={[Function]}
1087
- onChangeText={[Function]}
1088
- onFocus={[Function]}
1060
+ testID="input-label"
1061
+ themeFontSize="small"
1062
+ themeFontWeight="regular"
1063
+ themeIntent="body"
1064
+ themeVariant="filled"
1065
+ >
1066
+ Allow notifications
1067
+ </Text>
1068
+ </View>
1069
+ <View
1089
1070
  style={
1090
1071
  Array [
1091
1072
  Object {
1073
+ "alignItems": "center",
1092
1074
  "alignSelf": "stretch",
1075
+ "flexDirection": "row",
1093
1076
  "flexGrow": 2,
1094
- "fontSize": 14,
1095
- "marginHorizontal": 8,
1096
- "textAlignVertical": "center",
1097
1077
  },
1078
+ undefined,
1079
+ ]
1080
+ }
1081
+ >
1082
+ <TextInput
1083
+ accessibilityState={
1084
+ Object {
1085
+ "disabled": false,
1086
+ }
1087
+ }
1088
+ editable={true}
1089
+ multiline={true}
1090
+ onBlur={[Function]}
1091
+ onChangeText={[Function]}
1092
+ onFocus={[Function]}
1093
+ pointerEvents="none"
1094
+ style={
1095
+ Array [
1096
+ Object {
1097
+ "alignSelf": "stretch",
1098
+ "flexGrow": 2,
1099
+ "fontSize": 14,
1100
+ "marginHorizontal": 8,
1101
+ "textAlignVertical": "center",
1102
+ },
1103
+ Object {
1104
+ "color": "#292a2b",
1105
+ },
1106
+ ]
1107
+ }
1108
+ testID="text-input"
1109
+ value="Monday, Tuesday"
1110
+ />
1111
+ </View>
1112
+ <HeroIcon
1113
+ name="arrow-down"
1114
+ style={
1115
+ Array [
1098
1116
  Object {
1099
1117
  "color": "#292a2b",
1118
+ "fontSize": 16,
1100
1119
  },
1120
+ undefined,
1101
1121
  ]
1102
1122
  }
1103
- testID="text-input"
1104
- value="Monday, Tuesday"
1123
+ testID="input-suffix"
1124
+ themeIntent="text"
1125
+ themeSize="xsmall"
1105
1126
  />
1106
1127
  </View>
1107
- <HeroIcon
1108
- name="arrow-down"
1109
- style={
1110
- Array [
1111
- Object {
1112
- "color": "#292a2b",
1113
- "fontSize": 16,
1114
- },
1115
- undefined,
1116
- ]
1117
- }
1118
- testID="input-suffix"
1119
- themeIntent="text"
1120
- themeSize="xsmall"
1121
- />
1122
- </View>
1123
- <View
1124
- style={
1125
- Array [
1126
- Object {
1127
- "paddingLeft": 16,
1128
- },
1129
- undefined,
1130
- ]
1131
- }
1132
- >
1133
1128
  <View
1134
1129
  style={
1135
1130
  Array [
1136
1131
  Object {
1137
- "flexDirection": "row",
1138
- "justifyContent": "space-between",
1132
+ "paddingLeft": 16,
1139
1133
  },
1140
1134
  undefined,
1141
1135
  ]
1142
1136
  }
1143
- />
1137
+ >
1138
+ <View
1139
+ style={
1140
+ Array [
1141
+ Object {
1142
+ "flexDirection": "row",
1143
+ "justifyContent": "space-between",
1144
+ },
1145
+ undefined,
1146
+ ]
1147
+ }
1148
+ />
1149
+ </View>
1144
1150
  </View>
1145
1151
  </View>
1146
- </View>
1152
+ </View>,
1147
1153
  <Modal
1148
1154
  hardwareAccelerated={false}
1149
1155
  onRequestClose={[Function]}
@@ -1899,6 +1905,6 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1899
1905
  </View>
1900
1906
  </View>
1901
1907
  </View>
1902
- </Modal>
1903
- </View>
1908
+ </Modal>,
1909
+ ]
1904
1910
  `;