@hero-design/rn 8.24.0-alpha.1 → 8.25.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.
Files changed (295) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/.turbo/turbo-publish:npm.log +0 -9
  3. package/es/index.js +144 -166
  4. package/lib/index.js +144 -166
  5. package/package.json +5 -5
  6. package/src/components/Carousel/CardCarousel.tsx +23 -7
  7. package/src/components/Carousel/__tests__/CardCarousel.spec.tsx +177 -70
  8. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +294 -1
  9. package/src/components/Error/StyledError.tsx +2 -0
  10. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +8 -0
  11. package/src/components/RichTextEditor/RichTextEditor.tsx +3 -4
  12. package/src/components/Spinner/AnimatedSpinner.tsx +2 -2
  13. package/src/components/Success/__tests__/index.spec.tsx +6 -0
  14. package/src/components/Success/index.tsx +19 -0
  15. package/src/components/Tabs/{ScrollableTabsV2/SceneView.tsx → SceneView.tsx} +2 -2
  16. package/src/components/Tabs/ScrollableTabs.tsx +54 -48
  17. package/src/components/Tabs/{ScrollableTabsV2/__tests__ → __tests__}/SceneView.spec.tsx +3 -3
  18. package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +86 -28
  19. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +1687 -49
  20. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +1213 -29
  21. package/src/components/Tabs/__tests__/index.spec.tsx +58 -14
  22. package/src/components/Tabs/index.tsx +108 -102
  23. package/src/components/Tabs/useIsFocused.tsx +19 -0
  24. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +4 -0
  25. package/src/theme/components/error.ts +6 -1
  26. package/types/components/Accordion/AccordionItem.d.ts +0 -0
  27. package/types/components/Accordion/StyledAccordion.d.ts +0 -0
  28. package/types/components/Accordion/index.d.ts +0 -0
  29. package/types/components/Alert/StyledAlert.d.ts +0 -0
  30. package/types/components/Alert/index.d.ts +0 -0
  31. package/types/components/Attachment/StyledAttachment.d.ts +0 -0
  32. package/types/components/Attachment/index.d.ts +0 -0
  33. package/types/components/Avatar/Avatar.d.ts +0 -0
  34. package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts +0 -0
  35. package/types/components/Avatar/AvatarStack/index.d.ts +0 -0
  36. package/types/components/Avatar/AvatarStack/utils.d.ts +0 -0
  37. package/types/components/Avatar/StyledAvatar.d.ts +0 -0
  38. package/types/components/Avatar/index.d.ts +0 -0
  39. package/types/components/Badge/Status.d.ts +0 -0
  40. package/types/components/Badge/StyledBadge.d.ts +0 -0
  41. package/types/components/Badge/index.d.ts +0 -0
  42. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -0
  43. package/types/components/BottomNavigation/index.d.ts +0 -0
  44. package/types/components/BottomSheet/BottomSheetContext.d.ts +0 -0
  45. package/types/components/BottomSheet/Footer.d.ts +0 -0
  46. package/types/components/BottomSheet/Header.d.ts +0 -0
  47. package/types/components/BottomSheet/ScrollView.d.ts +0 -0
  48. package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -0
  49. package/types/components/BottomSheet/index.d.ts +0 -0
  50. package/types/components/Box/StyledBox.d.ts +0 -0
  51. package/types/components/Box/config.d.ts +0 -0
  52. package/types/components/Box/index.d.ts +0 -0
  53. package/types/components/Box/types.d.ts +0 -0
  54. package/types/components/Button/Button.d.ts +0 -0
  55. package/types/components/Button/IconButton.d.ts +0 -0
  56. package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +0 -0
  57. package/types/components/Button/LoadingIndicator/index.d.ts +0 -0
  58. package/types/components/Button/StyledButton.d.ts +0 -0
  59. package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +0 -0
  60. package/types/components/Button/UtilityButton/index.d.ts +0 -0
  61. package/types/components/Button/index.d.ts +0 -0
  62. package/types/components/Calendar/CalendarRowItem.d.ts +0 -0
  63. package/types/components/Calendar/StyledCalendar.d.ts +0 -0
  64. package/types/components/Calendar/helpers.d.ts +0 -0
  65. package/types/components/Calendar/index.d.ts +0 -0
  66. package/types/components/Card/DataCard/StyledDataCard.d.ts +0 -0
  67. package/types/components/Card/DataCard/index.d.ts +0 -0
  68. package/types/components/Card/StyledCard.d.ts +0 -0
  69. package/types/components/Card/index.d.ts +0 -0
  70. package/types/components/Carousel/CardCarousel.d.ts +0 -0
  71. package/types/components/Carousel/CarouselItem.d.ts +0 -0
  72. package/types/components/Carousel/StyledCardCarousel.d.ts +0 -0
  73. package/types/components/Carousel/StyledCarousel.d.ts +0 -0
  74. package/types/components/Carousel/contants.d.ts +0 -0
  75. package/types/components/Carousel/index.d.ts +0 -0
  76. package/types/components/Carousel/types.d.ts +0 -0
  77. package/types/components/Checkbox/StyledCheckbox.d.ts +0 -0
  78. package/types/components/Checkbox/index.d.ts +0 -0
  79. package/types/components/Collapse/StyledCollapse.d.ts +0 -0
  80. package/types/components/Collapse/index.d.ts +0 -0
  81. package/types/components/ContentNavigator/StyledContentNavigator.d.ts +0 -0
  82. package/types/components/ContentNavigator/index.d.ts +0 -0
  83. package/types/components/DatePicker/DatePickerAndroid.d.ts +0 -0
  84. package/types/components/DatePicker/DatePickerCalendar.d.ts +0 -0
  85. package/types/components/DatePicker/DatePickerIOS.d.ts +0 -0
  86. package/types/components/DatePicker/StyledDatePicker.d.ts +0 -0
  87. package/types/components/DatePicker/index.d.ts +0 -0
  88. package/types/components/DatePicker/types.d.ts +0 -0
  89. package/types/components/Divider/StyledDivider.d.ts +0 -0
  90. package/types/components/Divider/index.d.ts +0 -0
  91. package/types/components/Drawer/DragableDrawer/helpers.d.ts +0 -0
  92. package/types/components/Drawer/DragableDrawer/index.d.ts +0 -0
  93. package/types/components/Drawer/StyledDrawer.d.ts +0 -0
  94. package/types/components/Drawer/index.d.ts +0 -0
  95. package/types/components/Empty/StyledEmpty.d.ts +0 -0
  96. package/types/components/Empty/index.d.ts +0 -0
  97. package/types/components/Error/StyledError.d.ts +0 -0
  98. package/types/components/Error/index.d.ts +0 -0
  99. package/types/components/FAB/ActionGroup/ActionItem.d.ts +0 -0
  100. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -0
  101. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -0
  102. package/types/components/FAB/ActionGroup/index.d.ts +0 -0
  103. package/types/components/FAB/AnimatedFABIcon.d.ts +0 -0
  104. package/types/components/FAB/FAB.d.ts +0 -0
  105. package/types/components/FAB/StyledFAB.d.ts +0 -0
  106. package/types/components/FAB/index.d.ts +0 -0
  107. package/types/components/Icon/AnimatedIcon.d.ts +0 -0
  108. package/types/components/Icon/HeroIcon/index.d.ts +0 -0
  109. package/types/components/Icon/IconList.d.ts +0 -0
  110. package/types/components/Icon/index.d.ts +0 -0
  111. package/types/components/Icon/utils.d.ts +0 -0
  112. package/types/components/Image/index.d.ts +0 -0
  113. package/types/components/List/BasicListItem.d.ts +0 -0
  114. package/types/components/List/ListItem.d.ts +0 -0
  115. package/types/components/List/StyledBasicListItem.d.ts +0 -0
  116. package/types/components/List/StyledListItem.d.ts +0 -0
  117. package/types/components/List/index.d.ts +0 -0
  118. package/types/components/PageControl/StyledPageControl.d.ts +0 -0
  119. package/types/components/PageControl/index.d.ts +0 -0
  120. package/types/components/PinInput/PinCell.d.ts +0 -0
  121. package/types/components/PinInput/StyledPinInput.d.ts +0 -0
  122. package/types/components/PinInput/index.d.ts +0 -0
  123. package/types/components/Progress/ProgressBar.d.ts +0 -0
  124. package/types/components/Progress/ProgressCircle.d.ts +0 -0
  125. package/types/components/Progress/StyledProgressBar.d.ts +0 -0
  126. package/types/components/Progress/StyledProgressCircle.d.ts +0 -0
  127. package/types/components/Progress/__tests__/index.spec.d.ts +0 -0
  128. package/types/components/Progress/constants.d.ts +0 -0
  129. package/types/components/Progress/index.d.ts +0 -0
  130. package/types/components/Progress/types.d.ts +0 -0
  131. package/types/components/Radio/Radio.d.ts +0 -0
  132. package/types/components/Radio/RadioGroup.d.ts +0 -0
  133. package/types/components/Radio/StyledRadio.d.ts +0 -0
  134. package/types/components/Radio/index.d.ts +0 -0
  135. package/types/components/Radio/types.d.ts +0 -0
  136. package/types/components/RefreshControl/index.d.ts +0 -0
  137. package/types/components/RichTextEditor/EditorEvent.d.ts +0 -0
  138. package/types/components/RichTextEditor/EditorToolbar.d.ts +0 -0
  139. package/types/components/RichTextEditor/MentionList.d.ts +0 -0
  140. package/types/components/RichTextEditor/RichTextEditor.d.ts +0 -0
  141. package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +0 -0
  142. package/types/components/RichTextEditor/StyledToolbar.d.ts +0 -0
  143. package/types/components/RichTextEditor/__mocks__/heroEditorApp.d.ts +0 -0
  144. package/types/components/RichTextEditor/constants.d.ts +0 -0
  145. package/types/components/RichTextEditor/heroEditorApp.d.ts +0 -0
  146. package/types/components/RichTextEditor/index.d.ts +0 -0
  147. package/types/components/RichTextEditor/types.d.ts +0 -0
  148. package/types/components/RichTextEditor/utils/events.d.ts +0 -0
  149. package/types/components/RichTextEditor/utils/rnWebView.d.ts +0 -0
  150. package/types/components/SectionHeading/StyledHeading.d.ts +0 -0
  151. package/types/components/SectionHeading/index.d.ts +0 -0
  152. package/types/components/Select/BaseOptionList.d.ts +0 -0
  153. package/types/components/Select/Footer.d.ts +0 -0
  154. package/types/components/Select/MultiSelect/Option.d.ts +0 -0
  155. package/types/components/Select/MultiSelect/OptionList.d.ts +0 -0
  156. package/types/components/Select/MultiSelect/index.d.ts +0 -0
  157. package/types/components/Select/SingleSelect/Option.d.ts +0 -0
  158. package/types/components/Select/SingleSelect/OptionList.d.ts +0 -0
  159. package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +0 -0
  160. package/types/components/Select/SingleSelect/index.d.ts +0 -0
  161. package/types/components/Select/StyledSelect.d.ts +0 -0
  162. package/types/components/Select/helpers.d.ts +0 -0
  163. package/types/components/Select/index.d.ts +0 -0
  164. package/types/components/Select/types.d.ts +0 -0
  165. package/types/components/Skeleton/StyledSkeleton.d.ts +0 -0
  166. package/types/components/Skeleton/index.d.ts +0 -0
  167. package/types/components/Slider/index.d.ts +0 -0
  168. package/types/components/Spinner/AnimatedSpinner.d.ts +0 -0
  169. package/types/components/Spinner/StyledSpinner.d.ts +0 -0
  170. package/types/components/Spinner/index.d.ts +0 -0
  171. package/types/components/Success/StyledSuccess.d.ts +0 -0
  172. package/types/components/Success/index.d.ts +8 -0
  173. package/types/components/Swipeable/StyledSwipeable.d.ts +0 -0
  174. package/types/components/Swipeable/SwipeableAction.d.ts +0 -0
  175. package/types/components/Swipeable/index.d.ts +0 -0
  176. package/types/components/Switch/SelectorSwitch/Option.d.ts +0 -0
  177. package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +0 -0
  178. package/types/components/Switch/SelectorSwitch/index.d.ts +0 -0
  179. package/types/components/Switch/StyledSwitch.d.ts +0 -0
  180. package/types/components/Switch/index.d.ts +0 -0
  181. package/types/components/Tabs/ActiveTabIndicator.d.ts +0 -0
  182. package/types/components/Tabs/SceneView.d.ts +4 -3
  183. package/types/components/Tabs/ScrollableTabs.d.ts +0 -0
  184. package/types/components/Tabs/ScrollableTabsHeader.d.ts +0 -0
  185. package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -0
  186. package/types/components/Tabs/StyledTabs.d.ts +0 -0
  187. package/types/components/Tabs/TabWithBadge.d.ts +0 -0
  188. package/types/components/Tabs/index.d.ts +1 -3
  189. package/types/components/Tabs/useIsFocused.d.ts +6 -0
  190. package/types/components/Tabs/utils.d.ts +0 -0
  191. package/types/components/Tag/StyledTag.d.ts +0 -0
  192. package/types/components/Tag/index.d.ts +0 -0
  193. package/types/components/TextInput/StyledTextInput.d.ts +0 -0
  194. package/types/components/TextInput/index.d.ts +0 -0
  195. package/types/components/TimePicker/StyledTimePicker.d.ts +0 -0
  196. package/types/components/TimePicker/TimePickerAndroid.d.ts +0 -0
  197. package/types/components/TimePicker/TimePickerIOS.d.ts +0 -0
  198. package/types/components/TimePicker/index.d.ts +0 -0
  199. package/types/components/TimePicker/types.d.ts +0 -0
  200. package/types/components/Toast/StyledToast.d.ts +0 -0
  201. package/types/components/Toast/Toast.d.ts +0 -0
  202. package/types/components/Toast/ToastContainer.d.ts +0 -0
  203. package/types/components/Toast/ToastContext.d.ts +0 -0
  204. package/types/components/Toast/ToastProvider.d.ts +0 -0
  205. package/types/components/Toast/index.d.ts +0 -0
  206. package/types/components/Toast/types.d.ts +0 -0
  207. package/types/components/Toolbar/StyledToolbar.d.ts +0 -0
  208. package/types/components/Toolbar/ToolbarGroup.d.ts +0 -0
  209. package/types/components/Toolbar/ToolbarItem.d.ts +0 -0
  210. package/types/components/Toolbar/index.d.ts +0 -0
  211. package/types/components/Typography/Text/StyledText.d.ts +0 -0
  212. package/types/components/Typography/Text/index.d.ts +0 -0
  213. package/types/components/Typography/index.d.ts +0 -0
  214. package/types/index.d.ts +0 -0
  215. package/types/testHelpers/renderWithTheme.d.ts +0 -0
  216. package/types/theme/ThemeProvider.d.ts +0 -0
  217. package/types/theme/ThemeSwitcher.d.ts +0 -0
  218. package/types/theme/components/accordion.d.ts +0 -0
  219. package/types/theme/components/alert.d.ts +0 -0
  220. package/types/theme/components/attachment.d.ts +0 -0
  221. package/types/theme/components/avatar.d.ts +0 -0
  222. package/types/theme/components/badge.d.ts +0 -0
  223. package/types/theme/components/bottomNavigation.d.ts +0 -0
  224. package/types/theme/components/bottomSheet.d.ts +0 -0
  225. package/types/theme/components/button.d.ts +0 -0
  226. package/types/theme/components/calendar.d.ts +0 -0
  227. package/types/theme/components/card.d.ts +0 -0
  228. package/types/theme/components/cardCarousel.d.ts +0 -0
  229. package/types/theme/components/carousel.d.ts +0 -0
  230. package/types/theme/components/checkbox.d.ts +0 -0
  231. package/types/theme/components/contentNavigator.d.ts +0 -0
  232. package/types/theme/components/datePicker.d.ts +0 -0
  233. package/types/theme/components/divider.d.ts +0 -0
  234. package/types/theme/components/drawer.d.ts +0 -0
  235. package/types/theme/components/empty.d.ts +0 -0
  236. package/types/theme/components/error.d.ts +4 -0
  237. package/types/theme/components/fab.d.ts +0 -0
  238. package/types/theme/components/icon.d.ts +0 -0
  239. package/types/theme/components/image.d.ts +0 -0
  240. package/types/theme/components/list.d.ts +0 -0
  241. package/types/theme/components/pageControl.d.ts +0 -0
  242. package/types/theme/components/pinInput.d.ts +0 -0
  243. package/types/theme/components/progress.d.ts +0 -0
  244. package/types/theme/components/radio.d.ts +0 -0
  245. package/types/theme/components/refreshControl.d.ts +0 -0
  246. package/types/theme/components/richTextEditor.d.ts +0 -0
  247. package/types/theme/components/sectionHeading.d.ts +0 -0
  248. package/types/theme/components/select.d.ts +0 -0
  249. package/types/theme/components/skeleton.d.ts +0 -0
  250. package/types/theme/components/slider.d.ts +0 -0
  251. package/types/theme/components/spinner.d.ts +0 -0
  252. package/types/theme/components/success.d.ts +0 -0
  253. package/types/theme/components/swipeable.d.ts +0 -0
  254. package/types/theme/components/switch.d.ts +0 -0
  255. package/types/theme/components/tabs.d.ts +0 -0
  256. package/types/theme/components/tag.d.ts +0 -0
  257. package/types/theme/components/textInput.d.ts +0 -0
  258. package/types/theme/components/timePicker.d.ts +0 -0
  259. package/types/theme/components/toast.d.ts +0 -0
  260. package/types/theme/components/toolbar.d.ts +0 -0
  261. package/types/theme/components/typography.d.ts +0 -0
  262. package/types/theme/getTheme.d.ts +0 -0
  263. package/types/theme/global/borders.d.ts +0 -0
  264. package/types/theme/global/colors/eBens.d.ts +0 -0
  265. package/types/theme/global/colors/global.d.ts +0 -0
  266. package/types/theme/global/colors/globalDark.d.ts +0 -0
  267. package/types/theme/global/colors/jobs.d.ts +0 -0
  268. package/types/theme/global/colors/swag.d.ts +0 -0
  269. package/types/theme/global/colors/swagDark.d.ts +0 -0
  270. package/types/theme/global/colors/types.d.ts +0 -0
  271. package/types/theme/global/colors/wallet.d.ts +0 -0
  272. package/types/theme/global/colors/work.d.ts +0 -0
  273. package/types/theme/global/index.d.ts +0 -0
  274. package/types/theme/global/scale.d.ts +0 -0
  275. package/types/theme/global/sizes.d.ts +0 -0
  276. package/types/theme/global/space.d.ts +0 -0
  277. package/types/theme/global/typography.d.ts +0 -0
  278. package/types/theme/index.d.ts +0 -0
  279. package/types/types.d.ts +0 -0
  280. package/types/utils/functions.d.ts +0 -0
  281. package/types/utils/helpers.d.ts +0 -0
  282. package/types/utils/hooks.d.ts +0 -0
  283. package/types/utils/scale.d.ts +0 -0
  284. package/.turbo/turbo-build:types.log +0 -2
  285. package/.turbo/turbo-lint.log +0 -146
  286. package/.turbo/turbo-test.log +0 -451
  287. package/.turbo/turbo-type-check.log +0 -1
  288. package/src/components/Tabs/ScrollableTabsV2/ScrollableTabsV2.tsx +0 -120
  289. package/src/components/Tabs/ScrollableTabsV2/__tests__/ScrollableTabsV2.spec.tsx +0 -166
  290. package/src/components/Tabs/ScrollableTabsV2/__tests__/__snapshots__/ScrollableTabsV2.spec.tsx.snap +0 -2497
  291. package/src/components/Tabs/ScrollableTabsV2/index.tsx +0 -5
  292. package/types/components/Tabs/ScrollableTabsV2/SceneView.d.ts +0 -10
  293. package/types/components/Tabs/ScrollableTabsV2/ScrollableTabsV2.d.ts +0 -9
  294. package/types/components/Tabs/ScrollableTabsV2/index.d.ts +0 -4
  295. /package/src/components/Tabs/{ScrollableTabsV2/__tests__ → __tests__}/__snapshots__/SceneView.spec.tsx.snap +0 -0
@@ -1,451 +0,0 @@
1
- @hero-design/rn:test: cache hit, replaying output 11e34829bc49e56a
2
- @hero-design/rn:test: $ jest --runInBand
3
- @hero-design/rn:test: PASS src/components/TextInput/__tests__/index.spec.tsx (19.494 s)
4
- @hero-design/rn:test: PASS src/components/Select/MultiSelect/__tests__/index.spec.tsx
5
- @hero-design/rn:test:  ● Console
6
- @hero-design/rn:test: 
7
- @hero-design/rn:test:  console.error
8
- @hero-design/rn:test:  Warning: Each child in a list should have a unique "key" prop.
9
- @hero-design/rn:test: 
10
- @hero-design/rn:test:  Check the render method of `ForwardRef`. See https://reactjs.org/link/warning-keys for more information.
11
- @hero-design/rn:test:  at Text (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Typography/Text/index.tsx:64:3)
12
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/src/components/TextInput/index.tsx:147:7
13
- @hero-design/rn:test:  at View
14
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
15
- @hero-design/rn:test:  at View
16
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
17
- @hero-design/rn:test:  at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
18
- @hero-design/rn:test:  at AnimatedComponentWrapper
19
- @hero-design/rn:test:  at TouchableOpacity (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Components/Touchable/TouchableOpacity.js:131:23)
20
- @hero-design/rn:test:  at TouchableOpacity
21
- @hero-design/rn:test:  at View
22
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
23
- @hero-design/rn:test:  at MultiSelect (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Select/MultiSelect/index.tsx:53:3)
24
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
25
- @hero-design/rn:test: 
26
- @hero-design/rn:test:  187 | onConfirm={jest.fn()}
27
- @hero-design/rn:test:  188 | renderSelectedValue={(selectedValue, _inputProps) => (
28
- @hero-design/rn:test:  > 189 | <>
29
- @hero-design/rn:test:  | ^
30
- @hero-design/rn:test:  190 | {selectedValue.map((value) => (
31
- @hero-design/rn:test:  191 | <Typography.Text>Custom {value}</Typography.Text>
32
- @hero-design/rn:test:  192 | ))}
33
- @hero-design/rn:test: 
34
- @hero-design/rn:test:  at printWarning (node_modules/react/cjs/react-jsx-runtime.development.js:87:30)
35
- @hero-design/rn:test:  at error (node_modules/react/cjs/react-jsx-runtime.development.js:61:7)
36
- @hero-design/rn:test:  at validateExplicitKey (node_modules/react/cjs/react-jsx-runtime.development.js:1073:5)
37
- @hero-design/rn:test:  at validateChildKeys (node_modules/react/cjs/react-jsx-runtime.development.js:1100:11)
38
- @hero-design/rn:test:  at jsxWithValidation (node_modules/react/cjs/react-jsx-runtime.development.js:1271:11)
39
- @hero-design/rn:test:  at jsxWithValidationDynamic (node_modules/react/cjs/react-jsx-runtime.development.js:1296:12)
40
- @hero-design/rn:test:  at renderSelectedValue (src/components/Select/MultiSelect/__tests__/index.spec.tsx:189:11)
41
- @hero-design/rn:test:  at renderInputValue (src/components/Select/MultiSelect/index.tsx:116:32)
42
- @hero-design/rn:test:  at src/components/TextInput/index.tsx:348:15
43
- @hero-design/rn:test:  at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6097:18)
44
- @hero-design/rn:test:  at updateForwardRef (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9704:20)
45
- @hero-design/rn:test:  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11710:16)
46
- @hero-design/rn:test:  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
47
- @hero-design/rn:test:  at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
48
- @hero-design/rn:test:  at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
49
- @hero-design/rn:test:  at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
50
- @hero-design/rn:test:  at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
51
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
52
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
53
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
54
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
55
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
56
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Select/MultiSelect/__tests__/index.spec.tsx:181:42)
57
- @hero-design/rn:test: 
58
- @hero-design/rn:test: PASS src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx
59
- @hero-design/rn:test: PASS src/components/Select/SingleSelect/__tests__/index.spec.tsx
60
- @hero-design/rn:test: PASS src/components/Button/__tests__/Button.spec.tsx
61
- @hero-design/rn:test: PASS src/components/Toast/__tests__/Toast.spec.tsx
62
- @hero-design/rn:test: PASS src/components/TextInput/__tests__/StyledTextInput.spec.tsx
63
- @hero-design/rn:test: PASS src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx
64
- @hero-design/rn:test: PASS src/components/Toast/__tests__/index.spec.tsx
65
- @hero-design/rn:test: PASS src/components/Box/__tests__/index.spec.tsx
66
- @hero-design/rn:test: PASS src/components/List/__tests__/ListItem.spec.tsx
67
- @hero-design/rn:test: PASS src/components/Toast/__tests__/ToastContainer.spec.tsx
68
- @hero-design/rn:test:  ● Console
69
- @hero-design/rn:test: 
70
- @hero-design/rn:test:  console.error
71
- @hero-design/rn:test:  Warning: An update to ForwardRef inside a test was not wrapped in act(...).
72
- @hero-design/rn:test: 
73
- @hero-design/rn:test:  When testing, code that causes React state updates should be wrapped into act(...):
74
- @hero-design/rn:test: 
75
- @hero-design/rn:test:  act(() => {
76
- @hero-design/rn:test:  /* fire events that update state */
77
- @hero-design/rn:test:  });
78
- @hero-design/rn:test:  /* assert on the output */
79
- @hero-design/rn:test: 
80
- @hero-design/rn:test:  This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act
81
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/src/components/Toast/ToastContainer.tsx:41:6
82
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
83
- @hero-design/rn:test: 
84
- @hero-design/rn:test:  29 | style={{ marginBottom: theme.space.small }}
85
- @hero-design/rn:test:  30 | onDismiss={() => {
86
- @hero-design/rn:test:  > 31 | setToastList((state) => state.filter((item) => item.id !== toast.id));
87
- @hero-design/rn:test:  | ^
88
- @hero-design/rn:test:  32 | toast.props.onDismiss?.();
89
- @hero-design/rn:test:  33 | }}
90
- @hero-design/rn:test:  34 | />
91
- @hero-design/rn:test: 
92
- @hero-design/rn:test:  at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
93
- @hero-design/rn:test:  at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
94
- @hero-design/rn:test:  at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:16060:9)
95
- @hero-design/rn:test:  at scheduleUpdateOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14280:5)
96
- @hero-design/rn:test:  at setToastList (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7235:16)
97
- @hero-design/rn:test:  at onDismiss (src/components/Toast/ToastContainer.tsx:31:9)
98
- @hero-design/rn:test:  at src/components/Toast/Toast.tsx:65:35
99
- @hero-design/rn:test:  at callTimer (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:729:24)
100
- @hero-design/rn:test:  at doTickInner (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:1289:29)
101
- @hero-design/rn:test:  at doTick (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:1370:20)
102
- @hero-design/rn:test:  at Object.tick (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:1378:20)
103
- @hero-design/rn:test:  at FakeTimers.advanceTimersByTime (../../node_modules/@jest/fake-timers/build/modernFakeTimers.js:101:19)
104
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Toast/__tests__/ToastContainer.spec.tsx:68:10)
105
- @hero-design/rn:test: 
106
- @hero-design/rn:test:  console.error
107
- @hero-design/rn:test:  Warning: An update to ForwardRef inside a test was not wrapped in act(...).
108
- @hero-design/rn:test: 
109
- @hero-design/rn:test:  When testing, code that causes React state updates should be wrapped into act(...):
110
- @hero-design/rn:test: 
111
- @hero-design/rn:test:  act(() => {
112
- @hero-design/rn:test:  /* fire events that update state */
113
- @hero-design/rn:test:  });
114
- @hero-design/rn:test:  /* assert on the output */
115
- @hero-design/rn:test: 
116
- @hero-design/rn:test:  This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act
117
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/src/components/Toast/ToastContainer.tsx:41:6
118
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
119
- @hero-design/rn:test: 
120
- @hero-design/rn:test:  50 | };
121
- @hero-design/rn:test:  51 |
122
- @hero-design/rn:test:  > 52 | setToastList((state) => [item, ...state]);
123
- @hero-design/rn:test:  | ^
124
- @hero-design/rn:test:  53 | return item.id;
125
- @hero-design/rn:test:  54 | },
126
- @hero-design/rn:test:  55 | hide: (id) => {
127
- @hero-design/rn:test: 
128
- @hero-design/rn:test:  at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
129
- @hero-design/rn:test:  at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
130
- @hero-design/rn:test:  at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:16060:9)
131
- @hero-design/rn:test:  at scheduleUpdateOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14280:5)
132
- @hero-design/rn:test:  at setToastList (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7235:16)
133
- @hero-design/rn:test:  at Object.show (src/components/Toast/ToastContainer.tsx:52:7)
134
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Toast/__tests__/ToastContainer.spec.tsx:77:34)
135
- @hero-design/rn:test: 
136
- @hero-design/rn:test: PASS src/components/BottomSheet/__tests__/index.spec.tsx
137
- @hero-design/rn:test: PASS src/components/Alert/__tests__/index.spec.tsx
138
- @hero-design/rn:test: PASS src/components/Tabs/__tests__/ScrollableTabs.spec.tsx
139
- @hero-design/rn:test: PASS src/components/Carousel/__tests__/index.spec.tsx
140
- @hero-design/rn:test: PASS src/components/Calendar/__tests__/index.spec.tsx
141
- @hero-design/rn:test:  ● Console
142
- @hero-design/rn:test: 
143
- @hero-design/rn:test:  console.error
144
- @hero-design/rn:test:  Warning: Each child in a list should have a unique "key" prop.
145
- @hero-design/rn:test: 
146
- @hero-design/rn:test:  Check the render method of `Calendar`. See https://reactjs.org/link/warning-keys for more information.
147
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
148
- @hero-design/rn:test:  at Calendar (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Calendar/index.tsx:70:3)
149
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
150
- @hero-design/rn:test: 
151
- @hero-design/rn:test:  166 | ))}
152
- @hero-design/rn:test:  167 | </StyledCalendarRow>
153
- @hero-design/rn:test:  > 168 | <StyledCalendarRow>
154
- @hero-design/rn:test:  | ^
155
- @hero-design/rn:test:  169 | {daysOfPreviousMonth.map((date) =>
156
- @hero-design/rn:test:  170 | date ? (
157
- @hero-design/rn:test:  171 | <CalendarRowItem
158
- @hero-design/rn:test: 
159
- @hero-design/rn:test:  at printWarning (node_modules/react/cjs/react-jsx-runtime.development.js:87:30)
160
- @hero-design/rn:test:  at error (node_modules/react/cjs/react-jsx-runtime.development.js:61:7)
161
- @hero-design/rn:test:  at validateExplicitKey (node_modules/react/cjs/react-jsx-runtime.development.js:1073:5)
162
- @hero-design/rn:test:  at validateChildKeys (node_modules/react/cjs/react-jsx-runtime.development.js:1100:11)
163
- @hero-design/rn:test:  at jsxWithValidation (node_modules/react/cjs/react-jsx-runtime.development.js:1261:15)
164
- @hero-design/rn:test:  at jsxWithValidationStatic (node_modules/react/cjs/react-jsx-runtime.development.js:1291:12)
165
- @hero-design/rn:test:  at Calendar (src/components/Calendar/index.tsx:168:7)
166
- @hero-design/rn:test:  at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6097:18)
167
- @hero-design/rn:test:  at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10432:13)
168
- @hero-design/rn:test:  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
169
- @hero-design/rn:test:  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
170
- @hero-design/rn:test:  at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
171
- @hero-design/rn:test:  at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
172
- @hero-design/rn:test:  at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
173
- @hero-design/rn:test:  at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
174
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
175
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
176
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
177
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
178
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
179
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Calendar/__tests__/index.spec.tsx:64:22)
180
- @hero-design/rn:test: 
181
- @hero-design/rn:test: PASS src/components/RichTextEditor/__tests__/MentionList.spec.tsx
182
- @hero-design/rn:test: PASS src/components/Carousel/__tests__/CardCarousel.spec.tsx
183
- @hero-design/rn:test: PASS src/components/BottomNavigation/__tests__/index.spec.tsx
184
- @hero-design/rn:test: PASS src/components/Tabs/__tests__/index.spec.tsx
185
- @hero-design/rn:test: PASS src/components/Button/__tests__/StyledButton.spec.tsx
186
- @hero-design/rn:test: PASS src/components/PinInput/__tests__/index.spec.tsx
187
- @hero-design/rn:test: PASS src/components/ContentNavigator/__tests__/index.spec.tsx
188
- @hero-design/rn:test: PASS src/components/Spinner/__tests__/StyledSpinner.spec.tsx
189
- @hero-design/rn:test: PASS src/components/Tag/__tests__/Tag.spec.tsx
190
- @hero-design/rn:test: PASS src/components/FAB/ActionGroup/__tests__/index.spec.tsx
191
- @hero-design/rn:test:  ● Console
192
- @hero-design/rn:test: 
193
- @hero-design/rn:test:  console.error
194
- @hero-design/rn:test:  Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
195
- @hero-design/rn:test: 
196
- @hero-design/rn:test:  Check the render method of `emotion(Icon)`.
197
- @hero-design/rn:test:  at Icon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Icon/index.tsx:47:3)
198
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
199
- @hero-design/rn:test:  at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
200
- @hero-design/rn:test:  at AnimatedComponentWrapper
201
- @hero-design/rn:test:  at View
202
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
203
- @hero-design/rn:test:  at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
204
- @hero-design/rn:test:  at AnimatedComponentWrapper
205
- @hero-design/rn:test:  at AnimatedFABIcon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/AnimatedFABIcon.tsx:12:28)
206
- @hero-design/rn:test:  at IconOnlyContent (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:46:3)
207
- @hero-design/rn:test:  at View
208
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
209
- @hero-design/rn:test:  at TouchableHighlight (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Components/Touchable/TouchableHighlight.js:155:25)
210
- @hero-design/rn:test:  at TouchableHighlight
211
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
212
- @hero-design/rn:test:  at FAB (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:76:3)
213
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
214
- @hero-design/rn:test:  at View
215
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
216
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
217
- @hero-design/rn:test:  at ActionGroup (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/ActionGroup/index.tsx:73:3)
218
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
219
- @hero-design/rn:test: 
220
- @hero-design/rn:test:  6 |
221
- @hero-design/rn:test:  7 | const renderWithTheme = (ui: JSX.Element, options?: RenderOptions) =>
222
- @hero-design/rn:test:  > 8 | render(<ThemeProvider theme={theme}>{ui}</ThemeProvider>, options);
223
- @hero-design/rn:test:  | ^
224
- @hero-design/rn:test:  9 |
225
- @hero-design/rn:test:  10 | export default renderWithTheme;
226
- @hero-design/rn:test:  11 |
227
- @hero-design/rn:test: 
228
- @hero-design/rn:test:  at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
229
- @hero-design/rn:test:  at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
230
- @hero-design/rn:test:  at validateFunctionComponentInDev (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10528:9)
231
- @hero-design/rn:test:  at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10495:7)
232
- @hero-design/rn:test:  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
233
- @hero-design/rn:test:  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
234
- @hero-design/rn:test:  at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
235
- @hero-design/rn:test:  at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
236
- @hero-design/rn:test:  at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
237
- @hero-design/rn:test:  at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
238
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
239
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
240
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
241
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
242
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
243
- @hero-design/rn:test:  at Object.<anonymous> (src/components/FAB/ActionGroup/__tests__/index.spec.tsx:67:46)
244
- @hero-design/rn:test: 
245
- @hero-design/rn:test: PASS src/components/Calendar/__tests__/helper.spec.ts
246
- @hero-design/rn:test: PASS src/components/Error/__tests__/index.spec.tsx
247
- @hero-design/rn:test:  ● Console
248
- @hero-design/rn:test: 
249
- @hero-design/rn:test:  console.error
250
- @hero-design/rn:test:  Visible prop is deprecated. Use conditional rendering instead
251
- @hero-design/rn:test: 
252
- @hero-design/rn:test:  24 | // eslint-disable-next-line no-console
253
- @hero-design/rn:test:  25 | if (cond) {
254
- @hero-design/rn:test:  > 26 | console.error(message);
255
- @hero-design/rn:test:  | ^
256
- @hero-design/rn:test:  27 | }
257
- @hero-design/rn:test:  28 | }, [message, cond]);
258
- @hero-design/rn:test:  29 | };
259
- @hero-design/rn:test: 
260
- @hero-design/rn:test:  at src/utils/hooks.ts:26:15
261
- @hero-design/rn:test:  at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
262
- @hero-design/rn:test:  at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
263
- @hero-design/rn:test:  at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
264
- @hero-design/rn:test:  at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
265
- @hero-design/rn:test:  at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
266
- @hero-design/rn:test:  at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
267
- @hero-design/rn:test:  at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
268
- @hero-design/rn:test:  at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
269
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
270
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
271
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
272
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
273
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
274
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:11:50)
275
- @hero-design/rn:test: 
276
- @hero-design/rn:test:  console.error
277
- @hero-design/rn:test:  Visible prop is deprecated. Use conditional rendering instead
278
- @hero-design/rn:test: 
279
- @hero-design/rn:test:  24 | // eslint-disable-next-line no-console
280
- @hero-design/rn:test:  25 | if (cond) {
281
- @hero-design/rn:test:  > 26 | console.error(message);
282
- @hero-design/rn:test:  | ^
283
- @hero-design/rn:test:  27 | }
284
- @hero-design/rn:test:  28 | }, [message, cond]);
285
- @hero-design/rn:test:  29 | };
286
- @hero-design/rn:test: 
287
- @hero-design/rn:test:  at src/utils/hooks.ts:26:15
288
- @hero-design/rn:test:  at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
289
- @hero-design/rn:test:  at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
290
- @hero-design/rn:test:  at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
291
- @hero-design/rn:test:  at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
292
- @hero-design/rn:test:  at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
293
- @hero-design/rn:test:  at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
294
- @hero-design/rn:test:  at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
295
- @hero-design/rn:test:  at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
296
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
297
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
298
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
299
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
300
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
301
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:20:63)
302
- @hero-design/rn:test: 
303
- @hero-design/rn:test:  console.error
304
- @hero-design/rn:test:  Visible prop is deprecated. Use conditional rendering instead
305
- @hero-design/rn:test: 
306
- @hero-design/rn:test:  24 | // eslint-disable-next-line no-console
307
- @hero-design/rn:test:  25 | if (cond) {
308
- @hero-design/rn:test:  > 26 | console.error(message);
309
- @hero-design/rn:test:  | ^
310
- @hero-design/rn:test:  27 | }
311
- @hero-design/rn:test:  28 | }, [message, cond]);
312
- @hero-design/rn:test:  29 | };
313
- @hero-design/rn:test: 
314
- @hero-design/rn:test:  at src/utils/hooks.ts:26:15
315
- @hero-design/rn:test:  at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
316
- @hero-design/rn:test:  at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
317
- @hero-design/rn:test:  at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
318
- @hero-design/rn:test:  at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
319
- @hero-design/rn:test:  at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
320
- @hero-design/rn:test:  at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
321
- @hero-design/rn:test:  at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
322
- @hero-design/rn:test:  at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
323
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
324
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
325
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
326
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
327
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
328
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:30:63)
329
- @hero-design/rn:test: 
330
- @hero-design/rn:test:  console.error
331
- @hero-design/rn:test:  Visible prop is deprecated. Use conditional rendering instead
332
- @hero-design/rn:test: 
333
- @hero-design/rn:test:  24 | // eslint-disable-next-line no-console
334
- @hero-design/rn:test:  25 | if (cond) {
335
- @hero-design/rn:test:  > 26 | console.error(message);
336
- @hero-design/rn:test:  | ^
337
- @hero-design/rn:test:  27 | }
338
- @hero-design/rn:test:  28 | }, [message, cond]);
339
- @hero-design/rn:test:  29 | };
340
- @hero-design/rn:test: 
341
- @hero-design/rn:test:  at src/utils/hooks.ts:26:15
342
- @hero-design/rn:test:  at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
343
- @hero-design/rn:test:  at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
344
- @hero-design/rn:test:  at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
345
- @hero-design/rn:test:  at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
346
- @hero-design/rn:test:  at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
347
- @hero-design/rn:test:  at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
348
- @hero-design/rn:test:  at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
349
- @hero-design/rn:test:  at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
350
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
351
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
352
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
353
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
354
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
355
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:47:42)
356
- @hero-design/rn:test: 
357
- @hero-design/rn:test: PASS src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx
358
- @hero-design/rn:test: PASS src/components/List/__tests__/BasicListItem.spec.tsx
359
- @hero-design/rn:test: PASS src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx
360
- @hero-design/rn:test: PASS src/components/Typography/Text/__tests__/StyledText.spec.tsx
361
- @hero-design/rn:test: PASS src/components/FAB/__tests__/index.spec.tsx
362
- @hero-design/rn:test:  ● Console
363
- @hero-design/rn:test: 
364
- @hero-design/rn:test:  console.error
365
- @hero-design/rn:test:  Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
366
- @hero-design/rn:test: 
367
- @hero-design/rn:test:  Check the render method of `emotion(Icon)`.
368
- @hero-design/rn:test:  at Icon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Icon/index.tsx:47:3)
369
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
370
- @hero-design/rn:test:  at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
371
- @hero-design/rn:test:  at AnimatedComponentWrapper
372
- @hero-design/rn:test:  at View
373
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
374
- @hero-design/rn:test:  at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
375
- @hero-design/rn:test:  at AnimatedComponentWrapper
376
- @hero-design/rn:test:  at AnimatedFABIcon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/AnimatedFABIcon.tsx:12:28)
377
- @hero-design/rn:test:  at IconOnlyContent (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:46:3)
378
- @hero-design/rn:test:  at View
379
- @hero-design/rn:test:  at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
380
- @hero-design/rn:test:  at TouchableHighlight (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Components/Touchable/TouchableHighlight.js:155:25)
381
- @hero-design/rn:test:  at TouchableHighlight
382
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
383
- @hero-design/rn:test:  at FAB (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:76:3)
384
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
385
- @hero-design/rn:test: 
386
- @hero-design/rn:test:  6 |
387
- @hero-design/rn:test:  7 | const renderWithTheme = (ui: JSX.Element, options?: RenderOptions) =>
388
- @hero-design/rn:test:  > 8 | render(<ThemeProvider theme={theme}>{ui}</ThemeProvider>, options);
389
- @hero-design/rn:test:  | ^
390
- @hero-design/rn:test:  9 |
391
- @hero-design/rn:test:  10 | export default renderWithTheme;
392
- @hero-design/rn:test:  11 |
393
- @hero-design/rn:test: 
394
- @hero-design/rn:test:  at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
395
- @hero-design/rn:test:  at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
396
- @hero-design/rn:test:  at validateFunctionComponentInDev (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10528:9)
397
- @hero-design/rn:test:  at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10495:7)
398
- @hero-design/rn:test:  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
399
- @hero-design/rn:test:  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
400
- @hero-design/rn:test:  at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
401
- @hero-design/rn:test:  at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
402
- @hero-design/rn:test:  at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
403
- @hero-design/rn:test:  at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
404
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
405
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
406
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
407
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
408
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
409
- @hero-design/rn:test:  at Object.<anonymous> (src/components/FAB/__tests__/index.spec.tsx:10:59)
410
- @hero-design/rn:test: 
411
- @hero-design/rn:test: PASS src/components/Avatar/AvatarStack/__tests__/index.spec.tsx
412
- @hero-design/rn:test:  ● Console
413
- @hero-design/rn:test: 
414
- @hero-design/rn:test:  console.error
415
- @hero-design/rn:test:  Warning: Each child in a list should have a unique "key" prop.
416
- @hero-design/rn:test: 
417
- @hero-design/rn:test:  Check the render method of `AvatarStack`. See https://reactjs.org/link/warning-keys for more information.
418
- @hero-design/rn:test:  at /Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/primitives-core/dist/emotion-primitives-core.cjs.dev.js:208:45
419
- @hero-design/rn:test:  at AvatarStack (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Avatar/AvatarStack/index.tsx:27:3)
420
- @hero-design/rn:test:  at ThemeProvider (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/@emotion/react/dist/emotion-element-ae8cc4ba.cjs.dev.js:126:21)
421
- @hero-design/rn:test: 
422
- @hero-design/rn:test:  41 |
423
- @hero-design/rn:test:  42 | return (
424
- @hero-design/rn:test:  > 43 | <StyledWrapper
425
- @hero-design/rn:test:  | ^
426
- @hero-design/rn:test:  44 | themeSize={size}
427
- @hero-design/rn:test:  45 | themeAvatarCount={avatars.length}
428
- @hero-design/rn:test:  46 | style={style}
429
- @hero-design/rn:test: 
430
- @hero-design/rn:test:  at printWarning (node_modules/react/cjs/react-jsx-runtime.development.js:87:30)
431
- @hero-design/rn:test:  at error (node_modules/react/cjs/react-jsx-runtime.development.js:61:7)
432
- @hero-design/rn:test:  at validateExplicitKey (node_modules/react/cjs/react-jsx-runtime.development.js:1073:5)
433
- @hero-design/rn:test:  at validateChildKeys (node_modules/react/cjs/react-jsx-runtime.development.js:1100:11)
434
- @hero-design/rn:test:  at jsxWithValidation (node_modules/react/cjs/react-jsx-runtime.development.js:1271:11)
435
- @hero-design/rn:test:  at jsxWithValidationDynamic (node_modules/react/cjs/react-jsx-runtime.development.js:1296:12)
436
- @hero-design/rn:test:  at AvatarStack (src/components/Avatar/AvatarStack/index.tsx:43:5)
437
- @hero-design/rn:test:  at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6097:18)
438
- @hero-design/rn:test:  at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10432:13)
439
- @hero-design/rn:test:  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
440
- @hero-design/rn:test:  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
441
- @hero-design/rn:test:  at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
442
- @hero-design/rn:test:  at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
443
- @hero-design/rn:test:  at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
444
- @hero-design/rn:test:  at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
445
- @hero-design/rn:test:  at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
446
- @hero-design/rn:test:  at act (node_modules/react/cjs/react.development.js:2516:11)
447
- @hero-design/rn:test:  at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
448
- @hero-design/rn:test:  at render (node_modules/@testing-library/react-native/build/render.js:46:20)
449
- @hero-design/rn:test:  at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
450
- @hero-design/rn:test:  at Object.<anonymous> (src/components/Avatar/AvatarStack/__tests__/index.spec.tsx:15:36)
451
- @hero-design/rn:test: 
@@ -1 +0,0 @@
1
- @hero-design/rn:type-check: cache hit, replaying output ebcafd3c23d22c1d
@@ -1,120 +0,0 @@
1
- import React from 'react';
2
- import { useSafeAreaInsets } from 'react-native-safe-area-context';
3
- import PagerView from 'react-native-pager-view';
4
- import { TabContainer, ContentWrapper } from '../StyledScrollableTabs';
5
- import type { TabsProps } from '..';
6
- import { SceneView } from './SceneView';
7
- import ScrollableTabHeader from '../ScrollableTabsHeader';
8
-
9
- export const TabContext = React.createContext<{
10
- selectedTabKey: string;
11
- } | null>(null);
12
-
13
- export const ScreenContext = React.createContext<string | null>(null);
14
-
15
- export const useIsFocused = () => {
16
- const context = React.useContext(TabContext);
17
- const key = React.useContext(ScreenContext);
18
- if (!context || !key) {
19
- return;
20
- }
21
-
22
- const isFocused = context.selectedTabKey === key;
23
-
24
- return isFocused;
25
- };
26
-
27
- const ScrollableTab = ({
28
- onTabPress,
29
- selectedTabKey,
30
- tabs,
31
- containerStyle,
32
- barStyle,
33
- lazy = false,
34
- lazyPreloadDistance = 1,
35
- swipeEnabled = true,
36
- testID: componentTestID,
37
- }: TabsProps) => {
38
- const pagerViewRef = React.useRef<PagerView>(null);
39
- const insets = useSafeAreaInsets();
40
- const selectedTabIndex = tabs.findIndex(
41
- (item) => item.key === selectedTabKey
42
- );
43
-
44
- React.useEffect(() => {
45
- let timeoutHandle: number | null = null;
46
- if (selectedTabIndex !== -1) {
47
- // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
48
- // We apply throttle to prevent this issue https://github.com/Thinkei/hero-design/issues/1715
49
- timeoutHandle = setTimeout(() => {
50
- // use no animation to prevent unexpected behavior if users select tab too quickly
51
- pagerViewRef.current?.setPageWithoutAnimation(selectedTabIndex);
52
- }, 200);
53
- }
54
-
55
- return () => {
56
- if (timeoutHandle) {
57
- clearTimeout(timeoutHandle);
58
- }
59
- };
60
- }, [selectedTabIndex, pagerViewRef]);
61
-
62
- const indexRef = React.useRef(selectedTabIndex);
63
- const tabContextProviderValue = React.useMemo(
64
- () => ({
65
- selectedTabKey,
66
- }),
67
- [selectedTabKey]
68
- );
69
-
70
- return (
71
- <TabContext.Provider value={tabContextProviderValue}>
72
- <TabContainer style={containerStyle} testID={componentTestID}>
73
- <ScrollableTabHeader
74
- tabs={tabs}
75
- selectedIndex={selectedTabIndex}
76
- onTabPress={onTabPress}
77
- barStyle={barStyle}
78
- insets={insets}
79
- testID={componentTestID ? `${componentTestID}-tab-bar` : undefined}
80
- />
81
- <ContentWrapper
82
- initialPage={selectedTabIndex}
83
- ref={pagerViewRef}
84
- onPageSelected={(e) => {
85
- const index = e.nativeEvent.position;
86
- const selectedItem = tabs[index];
87
- if (selectedItem) {
88
- setTimeout(() => {
89
- onTabPress(selectedItem.key);
90
- });
91
- }
92
- indexRef.current = index;
93
- }}
94
- scrollEnabled={swipeEnabled}
95
- >
96
- {tabs.map((tab, index) => {
97
- const { key, component, testID } = tab;
98
-
99
- return (
100
- <ScreenContext.Provider value={key}>
101
- <SceneView
102
- testID={testID}
103
- key={key}
104
- index={index}
105
- selectedIndex={indexRef.current}
106
- lazy={lazy}
107
- lazyPreloadDistance={lazyPreloadDistance}
108
- >
109
- {component}
110
- </SceneView>
111
- </ScreenContext.Provider>
112
- );
113
- })}
114
- </ContentWrapper>
115
- </TabContainer>
116
- </TabContext.Provider>
117
- );
118
- };
119
-
120
- export default ScrollableTab;