@hero-design/rn 8.24.0-alpha.1 → 8.24.0

package/.turbo/turbo-test.log

@@ -1,451 +0,0 @@
-@hero-design/rn:test: cache hit, replaying output 11e34829bc49e56a
-@hero-design/rn:test: $ jest --runInBand
-@hero-design/rn:test: PASS src/components/TextInput/__tests__/index.spec.tsx (19.494 s)
-@hero-design/rn:test: PASS src/components/Select/MultiSelect/__tests__/index.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Warning: Each child in a list should have a unique "key" prop.
-@hero-design/rn:test:       
-@hero-design/rn:test:       Check the render method of `ForwardRef`. See https://reactjs.org/link/warning-keys for more information.
-@hero-design/rn:test:           at Text (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Typography/Text/index.tsx:64:3)
-@hero-design/rn:test:           at /Volumes/Data/Projects/hero-design/packages/rn/src/components/TextInput/index.tsx:147:7
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
-@hero-design/rn:test:           at AnimatedComponentWrapper
-@hero-design/rn:test:           at TouchableOpacity (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Components/Touchable/TouchableOpacity.js:131:23)
-@hero-design/rn:test:           at TouchableOpacity
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at MultiSelect (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Select/MultiSelect/index.tsx:53:3)
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:       187 |         onConfirm={jest.fn()}
-@hero-design/rn:test:       188 |         renderSelectedValue={(selectedValue, _inputProps) => (
-@hero-design/rn:test:     > 189 |           <>
-@hero-design/rn:test:           |           ^
-@hero-design/rn:test:       190 |             {selectedValue.map((value) => (
-@hero-design/rn:test:       191 |               <Typography.Text>Custom {value}</Typography.Text>
-@hero-design/rn:test:       192 |             ))}
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react/cjs/react-jsx-runtime.development.js:87:30)
-@hero-design/rn:test:       at error (node_modules/react/cjs/react-jsx-runtime.development.js:61:7)
-@hero-design/rn:test:       at validateExplicitKey (node_modules/react/cjs/react-jsx-runtime.development.js:1073:5)
-@hero-design/rn:test:       at validateChildKeys (node_modules/react/cjs/react-jsx-runtime.development.js:1100:11)
-@hero-design/rn:test:       at jsxWithValidation (node_modules/react/cjs/react-jsx-runtime.development.js:1271:11)
-@hero-design/rn:test:       at jsxWithValidationDynamic (node_modules/react/cjs/react-jsx-runtime.development.js:1296:12)
-@hero-design/rn:test:       at renderSelectedValue (src/components/Select/MultiSelect/__tests__/index.spec.tsx:189:11)
-@hero-design/rn:test:       at renderInputValue (src/components/Select/MultiSelect/index.tsx:116:32)
-@hero-design/rn:test:       at src/components/TextInput/index.tsx:348:15
-@hero-design/rn:test:       at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6097:18)
-@hero-design/rn:test:       at updateForwardRef (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9704:20)
-@hero-design/rn:test:       at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11710:16)
-@hero-design/rn:test:       at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
-@hero-design/rn:test:       at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
-@hero-design/rn:test:       at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
-@hero-design/rn:test:       at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
-@hero-design/rn:test:       at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Select/MultiSelect/__tests__/index.spec.tsx:181:42)
-@hero-design/rn:test: 
-@hero-design/rn:test: PASS src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx
-@hero-design/rn:test: PASS src/components/Select/SingleSelect/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Button/__tests__/Button.spec.tsx
-@hero-design/rn:test: PASS src/components/Toast/__tests__/Toast.spec.tsx
-@hero-design/rn:test: PASS src/components/TextInput/__tests__/StyledTextInput.spec.tsx
-@hero-design/rn:test: PASS src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx
-@hero-design/rn:test: PASS src/components/Toast/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Box/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/List/__tests__/ListItem.spec.tsx
-@hero-design/rn:test: PASS src/components/Toast/__tests__/ToastContainer.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Warning: An update to ForwardRef inside a test was not wrapped in act(...).
-@hero-design/rn:test:       
-@hero-design/rn:test:       When testing, code that causes React state updates should be wrapped into act(...):
-@hero-design/rn:test:       
-@hero-design/rn:test:       act(() => {
-@hero-design/rn:test:         /* fire events that update state */
-@hero-design/rn:test:       });
-@hero-design/rn:test:       /* assert on the output */
-@hero-design/rn:test:       
-@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
-@hero-design/rn:test:           at /Volumes/Data/Projects/hero-design/packages/rn/src/components/Toast/ToastContainer.tsx:41:6
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:       29 |       style={{ marginBottom: theme.space.small }}
-@hero-design/rn:test:       30 |       onDismiss={() => {
-@hero-design/rn:test:     > 31 |         setToastList((state) => state.filter((item) => item.id !== toast.id));
-@hero-design/rn:test:          |         ^
-@hero-design/rn:test:       32 |         toast.props.onDismiss?.();
-@hero-design/rn:test:       33 |       }}
-@hero-design/rn:test:       34 |     />
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
-@hero-design/rn:test:       at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
-@hero-design/rn:test:       at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:16060:9)
-@hero-design/rn:test:       at scheduleUpdateOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14280:5)
-@hero-design/rn:test:       at setToastList (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7235:16)
-@hero-design/rn:test:       at onDismiss (src/components/Toast/ToastContainer.tsx:31:9)
-@hero-design/rn:test:       at src/components/Toast/Toast.tsx:65:35
-@hero-design/rn:test:       at callTimer (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:729:24)
-@hero-design/rn:test:       at doTickInner (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:1289:29)
-@hero-design/rn:test:       at doTick (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:1370:20)
-@hero-design/rn:test:       at Object.tick (../../node_modules/@sinonjs/fake-timers/src/fake-timers-src.js:1378:20)
-@hero-design/rn:test:       at FakeTimers.advanceTimersByTime (../../node_modules/@jest/fake-timers/build/modernFakeTimers.js:101:19)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Toast/__tests__/ToastContainer.spec.tsx:68:10)
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Warning: An update to ForwardRef inside a test was not wrapped in act(...).
-@hero-design/rn:test:       
-@hero-design/rn:test:       When testing, code that causes React state updates should be wrapped into act(...):
-@hero-design/rn:test:       
-@hero-design/rn:test:       act(() => {
-@hero-design/rn:test:         /* fire events that update state */
-@hero-design/rn:test:       });
-@hero-design/rn:test:       /* assert on the output */
-@hero-design/rn:test:       
-@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
-@hero-design/rn:test:           at /Volumes/Data/Projects/hero-design/packages/rn/src/components/Toast/ToastContainer.tsx:41:6
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:       50 |       };
-@hero-design/rn:test:       51 |
-@hero-design/rn:test:     > 52 |       setToastList((state) => [item, ...state]);
-@hero-design/rn:test:          |       ^
-@hero-design/rn:test:       53 |       return item.id;
-@hero-design/rn:test:       54 |     },
-@hero-design/rn:test:       55 |     hide: (id) => {
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
-@hero-design/rn:test:       at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
-@hero-design/rn:test:       at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:16060:9)
-@hero-design/rn:test:       at scheduleUpdateOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14280:5)
-@hero-design/rn:test:       at setToastList (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7235:16)
-@hero-design/rn:test:       at Object.show (src/components/Toast/ToastContainer.tsx:52:7)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Toast/__tests__/ToastContainer.spec.tsx:77:34)
-@hero-design/rn:test: 
-@hero-design/rn:test: PASS src/components/BottomSheet/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Alert/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Tabs/__tests__/ScrollableTabs.spec.tsx
-@hero-design/rn:test: PASS src/components/Carousel/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Calendar/__tests__/index.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Warning: Each child in a list should have a unique "key" prop.
-@hero-design/rn:test:       
-@hero-design/rn:test:       Check the render method of `Calendar`. See https://reactjs.org/link/warning-keys for more information.
-@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
-@hero-design/rn:test:           at Calendar (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Calendar/index.tsx:70:3)
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:       166 |         ))}
-@hero-design/rn:test:       167 |       </StyledCalendarRow>
-@hero-design/rn:test:     > 168 |       <StyledCalendarRow>
-@hero-design/rn:test:           |       ^
-@hero-design/rn:test:       169 |         {daysOfPreviousMonth.map((date) =>
-@hero-design/rn:test:       170 |           date ? (
-@hero-design/rn:test:       171 |             <CalendarRowItem
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react/cjs/react-jsx-runtime.development.js:87:30)
-@hero-design/rn:test:       at error (node_modules/react/cjs/react-jsx-runtime.development.js:61:7)
-@hero-design/rn:test:       at validateExplicitKey (node_modules/react/cjs/react-jsx-runtime.development.js:1073:5)
-@hero-design/rn:test:       at validateChildKeys (node_modules/react/cjs/react-jsx-runtime.development.js:1100:11)
-@hero-design/rn:test:       at jsxWithValidation (node_modules/react/cjs/react-jsx-runtime.development.js:1261:15)
-@hero-design/rn:test:       at jsxWithValidationStatic (node_modules/react/cjs/react-jsx-runtime.development.js:1291:12)
-@hero-design/rn:test:       at Calendar (src/components/Calendar/index.tsx:168:7)
-@hero-design/rn:test:       at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6097:18)
-@hero-design/rn:test:       at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10432:13)
-@hero-design/rn:test:       at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
-@hero-design/rn:test:       at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
-@hero-design/rn:test:       at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
-@hero-design/rn:test:       at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
-@hero-design/rn:test:       at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
-@hero-design/rn:test:       at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Calendar/__tests__/index.spec.tsx:64:22)
-@hero-design/rn:test: 
-@hero-design/rn:test: PASS src/components/RichTextEditor/__tests__/MentionList.spec.tsx
-@hero-design/rn:test: PASS src/components/Carousel/__tests__/CardCarousel.spec.tsx
-@hero-design/rn:test: PASS src/components/BottomNavigation/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Tabs/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Button/__tests__/StyledButton.spec.tsx
-@hero-design/rn:test: PASS src/components/PinInput/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/ContentNavigator/__tests__/index.spec.tsx
-@hero-design/rn:test: PASS src/components/Spinner/__tests__/StyledSpinner.spec.tsx
-@hero-design/rn:test: PASS src/components/Tag/__tests__/Tag.spec.tsx
-@hero-design/rn:test: PASS src/components/FAB/ActionGroup/__tests__/index.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@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()?
-@hero-design/rn:test:       
-@hero-design/rn:test:       Check the render method of `emotion(Icon)`.
-@hero-design/rn:test:           at Icon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Icon/index.tsx:47:3)
-@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
-@hero-design/rn:test:           at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
-@hero-design/rn:test:           at AnimatedComponentWrapper
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
-@hero-design/rn:test:           at AnimatedComponentWrapper
-@hero-design/rn:test:           at AnimatedFABIcon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/AnimatedFABIcon.tsx:12:28)
-@hero-design/rn:test:           at IconOnlyContent (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:46:3)
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at TouchableHighlight (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Components/Touchable/TouchableHighlight.js:155:25)
-@hero-design/rn:test:           at TouchableHighlight
-@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
-@hero-design/rn:test:           at FAB (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:76:3)
-@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
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@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
-@hero-design/rn:test:           at ActionGroup (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/ActionGroup/index.tsx:73:3)
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:        6 |
-@hero-design/rn:test:        7 | const renderWithTheme = (ui: JSX.Element, options?: RenderOptions) =>
-@hero-design/rn:test:     >  8 |   render(<ThemeProvider theme={theme}>{ui}</ThemeProvider>, options);
-@hero-design/rn:test:          |         ^
-@hero-design/rn:test:        9 |
-@hero-design/rn:test:       10 | export default renderWithTheme;
-@hero-design/rn:test:       11 |
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
-@hero-design/rn:test:       at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
-@hero-design/rn:test:       at validateFunctionComponentInDev (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10528:9)
-@hero-design/rn:test:       at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10495:7)
-@hero-design/rn:test:       at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
-@hero-design/rn:test:       at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
-@hero-design/rn:test:       at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
-@hero-design/rn:test:       at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
-@hero-design/rn:test:       at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
-@hero-design/rn:test:       at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/FAB/ActionGroup/__tests__/index.spec.tsx:67:46)
-@hero-design/rn:test: 
-@hero-design/rn:test: PASS src/components/Calendar/__tests__/helper.spec.ts
-@hero-design/rn:test: PASS src/components/Error/__tests__/index.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Visible prop is deprecated. Use conditional rendering instead
-@hero-design/rn:test: 
-@hero-design/rn:test:       24 |     // eslint-disable-next-line no-console
-@hero-design/rn:test:       25 |     if (cond) {
-@hero-design/rn:test:     > 26 |       console.error(message);
-@hero-design/rn:test:          |               ^
-@hero-design/rn:test:       27 |     }
-@hero-design/rn:test:       28 |   }, [message, cond]);
-@hero-design/rn:test:       29 | };
-@hero-design/rn:test: 
-@hero-design/rn:test:       at src/utils/hooks.ts:26:15
-@hero-design/rn:test:       at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
-@hero-design/rn:test:       at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
-@hero-design/rn:test:       at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
-@hero-design/rn:test:       at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
-@hero-design/rn:test:       at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
-@hero-design/rn:test:       at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
-@hero-design/rn:test:       at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
-@hero-design/rn:test:       at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:11:50)
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Visible prop is deprecated. Use conditional rendering instead
-@hero-design/rn:test: 
-@hero-design/rn:test:       24 |     // eslint-disable-next-line no-console
-@hero-design/rn:test:       25 |     if (cond) {
-@hero-design/rn:test:     > 26 |       console.error(message);
-@hero-design/rn:test:          |               ^
-@hero-design/rn:test:       27 |     }
-@hero-design/rn:test:       28 |   }, [message, cond]);
-@hero-design/rn:test:       29 | };
-@hero-design/rn:test: 
-@hero-design/rn:test:       at src/utils/hooks.ts:26:15
-@hero-design/rn:test:       at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
-@hero-design/rn:test:       at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
-@hero-design/rn:test:       at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
-@hero-design/rn:test:       at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
-@hero-design/rn:test:       at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
-@hero-design/rn:test:       at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
-@hero-design/rn:test:       at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
-@hero-design/rn:test:       at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:20:63)
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Visible prop is deprecated. Use conditional rendering instead
-@hero-design/rn:test: 
-@hero-design/rn:test:       24 |     // eslint-disable-next-line no-console
-@hero-design/rn:test:       25 |     if (cond) {
-@hero-design/rn:test:     > 26 |       console.error(message);
-@hero-design/rn:test:          |               ^
-@hero-design/rn:test:       27 |     }
-@hero-design/rn:test:       28 |   }, [message, cond]);
-@hero-design/rn:test:       29 | };
-@hero-design/rn:test: 
-@hero-design/rn:test:       at src/utils/hooks.ts:26:15
-@hero-design/rn:test:       at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
-@hero-design/rn:test:       at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
-@hero-design/rn:test:       at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
-@hero-design/rn:test:       at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
-@hero-design/rn:test:       at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
-@hero-design/rn:test:       at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
-@hero-design/rn:test:       at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
-@hero-design/rn:test:       at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:30:63)
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Visible prop is deprecated. Use conditional rendering instead
-@hero-design/rn:test: 
-@hero-design/rn:test:       24 |     // eslint-disable-next-line no-console
-@hero-design/rn:test:       25 |     if (cond) {
-@hero-design/rn:test:     > 26 |       console.error(message);
-@hero-design/rn:test:          |               ^
-@hero-design/rn:test:       27 |     }
-@hero-design/rn:test:       28 |   }, [message, cond]);
-@hero-design/rn:test:       29 | };
-@hero-design/rn:test: 
-@hero-design/rn:test:       at src/utils/hooks.ts:26:15
-@hero-design/rn:test:       at commitHookEffectListMount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12423:26)
-@hero-design/rn:test:       at commitPassiveMountOnFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13822:11)
-@hero-design/rn:test:       at commitPassiveMountEffects_complete (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13781:9)
-@hero-design/rn:test:       at commitPassiveMountEffects_begin (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13768:7)
-@hero-design/rn:test:       at commitPassiveMountEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13756:3)
-@hero-design/rn:test:       at flushPassiveEffectsImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15675:3)
-@hero-design/rn:test:       at flushPassiveEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15633:14)
-@hero-design/rn:test:       at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15459:9
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Error/__tests__/index.spec.tsx:47:42)
-@hero-design/rn:test: 
-@hero-design/rn:test: PASS src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx
-@hero-design/rn:test: PASS src/components/List/__tests__/BasicListItem.spec.tsx
-@hero-design/rn:test: PASS src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx
-@hero-design/rn:test: PASS src/components/Typography/Text/__tests__/StyledText.spec.tsx
-@hero-design/rn:test: PASS src/components/FAB/__tests__/index.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@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()?
-@hero-design/rn:test:       
-@hero-design/rn:test:       Check the render method of `emotion(Icon)`.
-@hero-design/rn:test:           at Icon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Icon/index.tsx:47:3)
-@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
-@hero-design/rn:test:           at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
-@hero-design/rn:test:           at AnimatedComponentWrapper
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at AnimatedComponent (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Animated/createAnimatedComponent.js:52:26)
-@hero-design/rn:test:           at AnimatedComponentWrapper
-@hero-design/rn:test:           at AnimatedFABIcon (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/AnimatedFABIcon.tsx:12:28)
-@hero-design/rn:test:           at IconOnlyContent (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:46:3)
-@hero-design/rn:test:           at View
-@hero-design/rn:test:           at Component (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/jest/mockComponent.js:28:18)
-@hero-design/rn:test:           at TouchableHighlight (/Volumes/Data/Projects/hero-design/packages/rn/node_modules/react-native/Libraries/Components/Touchable/TouchableHighlight.js:155:25)
-@hero-design/rn:test:           at TouchableHighlight
-@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
-@hero-design/rn:test:           at FAB (/Volumes/Data/Projects/hero-design/packages/rn/src/components/FAB/FAB.tsx:76:3)
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:        6 |
-@hero-design/rn:test:        7 | const renderWithTheme = (ui: JSX.Element, options?: RenderOptions) =>
-@hero-design/rn:test:     >  8 |   render(<ThemeProvider theme={theme}>{ui}</ThemeProvider>, options);
-@hero-design/rn:test:          |         ^
-@hero-design/rn:test:        9 |
-@hero-design/rn:test:       10 | export default renderWithTheme;
-@hero-design/rn:test:       11 |
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:72:30)
-@hero-design/rn:test:       at error (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:46:7)
-@hero-design/rn:test:       at validateFunctionComponentInDev (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10528:9)
-@hero-design/rn:test:       at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10495:7)
-@hero-design/rn:test:       at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
-@hero-design/rn:test:       at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
-@hero-design/rn:test:       at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
-@hero-design/rn:test:       at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
-@hero-design/rn:test:       at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
-@hero-design/rn:test:       at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/FAB/__tests__/index.spec.tsx:10:59)
-@hero-design/rn:test: 
-@hero-design/rn:test: PASS src/components/Avatar/AvatarStack/__tests__/index.spec.tsx
-@hero-design/rn:test:   ● Console
-@hero-design/rn:test: 
-@hero-design/rn:test:     console.error
-@hero-design/rn:test:       Warning: Each child in a list should have a unique "key" prop.
-@hero-design/rn:test:       
-@hero-design/rn:test:       Check the render method of `AvatarStack`. See https://reactjs.org/link/warning-keys for more information.
-@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
-@hero-design/rn:test:           at AvatarStack (/Volumes/Data/Projects/hero-design/packages/rn/src/components/Avatar/AvatarStack/index.tsx:27:3)
-@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)
-@hero-design/rn:test: 
-@hero-design/rn:test:       41 |
-@hero-design/rn:test:       42 |   return (
-@hero-design/rn:test:     > 43 |     <StyledWrapper
-@hero-design/rn:test:          |     ^
-@hero-design/rn:test:       44 |       themeSize={size}
-@hero-design/rn:test:       45 |       themeAvatarCount={avatars.length}
-@hero-design/rn:test:       46 |       style={style}
-@hero-design/rn:test: 
-@hero-design/rn:test:       at printWarning (node_modules/react/cjs/react-jsx-runtime.development.js:87:30)
-@hero-design/rn:test:       at error (node_modules/react/cjs/react-jsx-runtime.development.js:61:7)
-@hero-design/rn:test:       at validateExplicitKey (node_modules/react/cjs/react-jsx-runtime.development.js:1073:5)
-@hero-design/rn:test:       at validateChildKeys (node_modules/react/cjs/react-jsx-runtime.development.js:1100:11)
-@hero-design/rn:test:       at jsxWithValidation (node_modules/react/cjs/react-jsx-runtime.development.js:1271:11)
-@hero-design/rn:test:       at jsxWithValidationDynamic (node_modules/react/cjs/react-jsx-runtime.development.js:1296:12)
-@hero-design/rn:test:       at AvatarStack (src/components/Avatar/AvatarStack/index.tsx:43:5)
-@hero-design/rn:test:       at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6097:18)
-@hero-design/rn:test:       at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10432:13)
-@hero-design/rn:test:       at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11661:16)
-@hero-design/rn:test:       at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15265:12)
-@hero-design/rn:test:       at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15201:5)
-@hero-design/rn:test:       at renderRootSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:15173:7)
-@hero-design/rn:test:       at performSyncWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14880:20)
-@hero-design/rn:test:       at flushSyncCallbacks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2533:22)
-@hero-design/rn:test:       at flushActQueue (node_modules/react/cjs/react.development.js:2662:24)
-@hero-design/rn:test:       at act (node_modules/react/cjs/react.development.js:2516:11)
-@hero-design/rn:test:       at renderWithAct (node_modules/@testing-library/react-native/build/render.js:75:20)
-@hero-design/rn:test:       at render (node_modules/@testing-library/react-native/build/render.js:46:20)
-@hero-design/rn:test:       at renderWithTheme (src/testHelpers/renderWithTheme.tsx:8:9)
-@hero-design/rn:test:       at Object.<anonymous> (src/components/Avatar/AvatarStack/__tests__/index.spec.tsx:15:36)
-@hero-design/rn:test: 

package/.turbo/turbo-type-check.log

@@ -1 +0,0 @@
-@hero-design/rn:type-check: cache hit, replaying output ebcafd3c23d22c1d

package/src/components/Tabs/ScrollableTabsV2/ScrollableTabsV2.tsx

@@ -1,120 +0,0 @@
-import React from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import PagerView from 'react-native-pager-view';
-import { TabContainer, ContentWrapper } from '../StyledScrollableTabs';
-import type { TabsProps } from '..';
-import { SceneView } from './SceneView';
-import ScrollableTabHeader from '../ScrollableTabsHeader';
-
-export const TabContext = React.createContext<{
-  selectedTabKey: string;
-} | null>(null);
-
-export const ScreenContext = React.createContext<string | null>(null);
-
-export const useIsFocused = () => {
-  const context = React.useContext(TabContext);
-  const key = React.useContext(ScreenContext);
-  if (!context || !key) {
-    return;
-  }
-
-  const isFocused = context.selectedTabKey === key;
-
-  return isFocused;
-};
-
-const ScrollableTab = ({
-  onTabPress,
-  selectedTabKey,
-  tabs,
-  containerStyle,
-  barStyle,
-  lazy = false,
-  lazyPreloadDistance = 1,
-  swipeEnabled = true,
-  testID: componentTestID,
-}: TabsProps) => {
-  const pagerViewRef = React.useRef<PagerView>(null);
-  const insets = useSafeAreaInsets();
-  const selectedTabIndex = tabs.findIndex(
-    (item) => item.key === selectedTabKey
-  );
-
-  React.useEffect(() => {
-    let timeoutHandle: number | null = null;
-    if (selectedTabIndex !== -1) {
-      // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
-      // We apply throttle to prevent this issue https://github.com/Thinkei/hero-design/issues/1715
-      timeoutHandle = setTimeout(() => {
-        // use no animation to prevent unexpected behavior if users select tab too quickly
-        pagerViewRef.current?.setPageWithoutAnimation(selectedTabIndex);
-      }, 200);
-    }
-
-    return () => {
-      if (timeoutHandle) {
-        clearTimeout(timeoutHandle);
-      }
-    };
-  }, [selectedTabIndex, pagerViewRef]);
-
-  const indexRef = React.useRef(selectedTabIndex);
-  const tabContextProviderValue = React.useMemo(
-    () => ({
-      selectedTabKey,
-    }),
-    [selectedTabKey]
-  );
-
-  return (
-    <TabContext.Provider value={tabContextProviderValue}>
-      <TabContainer style={containerStyle} testID={componentTestID}>
-        <ScrollableTabHeader
-          tabs={tabs}
-          selectedIndex={selectedTabIndex}
-          onTabPress={onTabPress}
-          barStyle={barStyle}
-          insets={insets}
-          testID={componentTestID ? `${componentTestID}-tab-bar` : undefined}
-        />
-        <ContentWrapper
-          initialPage={selectedTabIndex}
-          ref={pagerViewRef}
-          onPageSelected={(e) => {
-            const index = e.nativeEvent.position;
-            const selectedItem = tabs[index];
-            if (selectedItem) {
-              setTimeout(() => {
-                onTabPress(selectedItem.key);
-              });
-            }
-            indexRef.current = index;
-          }}
-          scrollEnabled={swipeEnabled}
-        >
-          {tabs.map((tab, index) => {
-            const { key, component, testID } = tab;
-
-            return (
-              <ScreenContext.Provider value={key}>
-                <SceneView
-                  testID={testID}
-                  key={key}
-                  index={index}
-                  selectedIndex={indexRef.current}
-                  lazy={lazy}
-                  lazyPreloadDistance={lazyPreloadDistance}
-                >
-                  {component}
-                </SceneView>
-              </ScreenContext.Provider>
-            );
-          })}
-        </ContentWrapper>
-      </TabContainer>
-    </TabContext.Provider>
-  );
-};
-
-export default ScrollableTab;