@hero-design/rn 8.39.0 → 8.39.2

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 (131) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +4 -2
  3. package/lib/index.js +4 -2
  4. package/package.json +13 -12
  5. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +64 -64
  6. package/src/components/Accordion/__tests__/__snapshots__/StyledAccordion.spec.tsx.snap +4 -4
  7. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +104 -104
  8. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +107 -107
  9. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +17 -17
  10. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +10 -10
  11. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +76 -76
  12. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +8 -8
  13. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +24 -24
  14. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +42 -42
  15. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +10 -10
  16. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +46 -46
  17. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +30 -30
  18. package/src/components/Box/__tests__/__snapshots__/index.spec.tsx.snap +42 -42
  19. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +20 -20
  20. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +210 -210
  21. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
  22. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +214 -214
  23. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +4 -4
  24. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +105 -105
  25. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +35 -35
  26. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +14 -14
  27. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +20 -20
  28. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +2 -2
  29. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +24 -24
  30. package/src/components/Carousel/CardCarousel.tsx +1 -1
  31. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +88 -88
  32. package/src/components/Carousel/__tests__/__snapshots__/StyledCardCarousel.spec.tsx.snap +15 -15
  33. package/src/components/Carousel/__tests__/__snapshots__/StyledCarousel.spec.tsx.snap +2 -2
  34. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +342 -342
  35. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +12 -12
  36. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +56 -56
  37. package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap +3 -3
  38. package/src/components/Collapse/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
  39. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +2 -2
  40. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +39 -39
  41. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +90 -90
  42. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +30 -30
  43. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +30 -30
  44. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +71 -71
  45. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +24 -24
  46. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +11 -11
  47. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +21 -21
  48. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +23 -23
  49. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +69 -69
  50. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +157 -157
  51. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +16 -16
  52. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +14 -14
  53. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +46 -46
  54. package/src/components/HeroDesignProvider/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  55. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +11 -11
  56. package/src/components/Image/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  57. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +34 -34
  58. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +98 -98
  59. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +16 -16
  60. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +28 -28
  61. package/src/components/PageControl/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  62. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +30 -30
  63. package/src/components/PinInput/__tests__/__snapshots__/StyledPinInput.spec.tsx.snap +6 -6
  64. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +138 -138
  65. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +136 -136
  66. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +24 -24
  67. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +39 -39
  68. package/src/components/Rate/__tests__/__snapshots__/index.spec.tsx.snap +78 -78
  69. package/src/components/RefreshControl/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  70. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +27 -27
  71. package/src/components/RichTextEditor/__tests__/__snapshots__/MentionList.spec.tsx.snap +4 -4
  72. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +72 -72
  73. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +6 -6
  74. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +38 -38
  75. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +12 -12
  76. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +460 -460
  77. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +838 -838
  78. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +7 -7
  79. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +443 -443
  80. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +628 -628
  81. package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +98 -98
  82. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +21 -21
  83. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +132 -132
  84. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +25 -25
  85. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +69 -69
  86. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +9 -9
  87. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  88. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +26 -26
  89. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +19 -19
  90. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +9 -9
  91. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  92. package/src/components/Tabs/SceneView.tsx +5 -2
  93. package/src/components/Tabs/ScrollableTabs.tsx +1 -1
  94. package/src/components/Tabs/__tests__/__snapshots__/SceneView.spec.tsx.snap +23 -23
  95. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +336 -336
  96. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +80 -80
  97. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +13 -13
  98. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +225 -225
  99. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +58 -58
  100. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +106 -106
  101. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +561 -561
  102. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +60 -60
  103. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +101 -101
  104. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +108 -108
  105. package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap +8 -8
  106. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +66 -66
  107. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +52 -52
  108. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +32 -32
  109. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +38 -38
  110. package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +20 -20
  111. package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +26 -26
  112. package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +16 -16
  113. package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  114. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +40 -40
  115. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +40 -40
  116. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +46 -46
  117. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +302 -302
  118. package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +1 -1
  119. package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +1 -1
  120. package/src/theme/global/colors/__tests__/__snapshots__/globalDark.spec.ts.snap +1 -1
  121. package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +1 -1
  122. package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +1 -1
  123. package/src/theme/global/colors/__tests__/__snapshots__/swagDark.spec.ts.snap +1 -1
  124. package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +1 -1
  125. package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +1 -1
  126. package/types/components/RichTextEditor/EditorEvent.d.ts +1 -0
  127. package/src/components/Modal/__tests__/ModalContentWrapper.spec.tsx +0 -25
  128. package/src/components/Modal/__tests__/ModalPresenter.spec.tsx +0 -57
  129. package/src/components/Modal/__tests__/__snapshots__/ModalContentWrapper.spec.tsx.snap +0 -35
  130. package/src/components/Modal/__tests__/__snapshots__/ModalPresenter.spec.tsx.snap +0 -55
  131. package/src/components/Modal/__tests__/index.spec.tsx +0 -50
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`eBens returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`global returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`globalDark returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#68686d",
6
6
  "archivedSurface": "#344348",
7
7
  "darkGlobalSurface": "#ffffff",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`jobs returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`swag returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`swagDark returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#68686d",
6
6
  "archivedSurface": "#344348",
7
7
  "darkGlobalSurface": "#ffffff",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`wallet returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`work returns correct theme object 1`] = `
4
- Object {
4
+ {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
@@ -1,3 +1,4 @@
1
+ /// <reference types="node" />
1
2
  import { EventEmitter } from 'events';
2
3
  declare const emitter: EventEmitter;
3
4
  export { emitter };
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import renderWithTheme from '../../../testHelpers/renderWithTheme';
3
- import ModalContentWrapper from '../ModalContentWrapper';
4
- import Typography from '../../Typography';
5
-
6
- describe('ModalContentWrapper', () => {
7
- it('should render correctly', () => {
8
- const wrapper = renderWithTheme(
9
- <ModalContentWrapper
10
- testID="modal-content-wrapper"
11
- style={{ backgroundColor: 'blue' }}
12
- visible
13
- >
14
- <Typography.Text>Modal content</Typography.Text>
15
- </ModalContentWrapper>
16
- );
17
-
18
- expect(wrapper.toJSON()).toMatchSnapshot();
19
- expect(wrapper.getByText('Modal content')).toBeTruthy();
20
- expect(wrapper.getByTestId('modal-content-wrapper')).toBeTruthy();
21
- expect(wrapper.getByTestId('modal-content-wrapper')).toHaveStyle({
22
- backgroundColor: 'blue',
23
- });
24
- });
25
- });
@@ -1,57 +0,0 @@
1
- import React from 'react';
2
- import renderWithTheme from '../../../testHelpers/renderWithTheme';
3
- import ModalPresenter, {
4
- ModalPresenterHandles,
5
- } from '../ModalPresenter/ModalPresenter';
6
- import Typography from '../../Typography';
7
-
8
- jest.mock('react-native', () => {
9
- const RN = jest.requireActual('react-native');
10
-
11
- const mockedAnimatedFunctions = {
12
- start: (callback: () => void) => {
13
- if (callback) {
14
- callback();
15
- }
16
- },
17
- _isUsingNativeDriver: () => jest.fn(),
18
- };
19
-
20
- RN.Animated.spring = () => mockedAnimatedFunctions;
21
-
22
- return RN;
23
- });
24
-
25
- describe('ModalPresenter', () => {
26
- it('should render correctly', () => {
27
- const wrapper = renderWithTheme(
28
- <ModalPresenter
29
- testID="modal-presenter"
30
- style={{ backgroundColor: 'blue' }}
31
- >
32
- <Typography.Text>Modal content</Typography.Text>
33
- </ModalPresenter>
34
- );
35
-
36
- expect(wrapper.toJSON()).toMatchSnapshot();
37
- expect(wrapper.getByText('Modal content')).toBeTruthy();
38
- expect(wrapper.getByTestId('modal-presenter')).toBeTruthy();
39
- expect(wrapper.getByTestId('modal-presenter')).toHaveStyle({
40
- backgroundColor: 'blue',
41
- });
42
- });
43
-
44
- it('allow using ref', () => {
45
- const ref = React.createRef<ModalPresenterHandles>();
46
- const completion = jest.fn();
47
-
48
- renderWithTheme(
49
- <ModalPresenter ref={ref}>
50
- <Typography.Text>Modal content</Typography.Text>
51
- </ModalPresenter>
52
- );
53
-
54
- ref.current?.animatedOut(completion);
55
- expect(completion).toHaveBeenCalled();
56
- });
57
- });
@@ -1,35 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`ModalContentWrapper should render correctly 1`] = `
4
- <View
5
- collapsable={false}
6
- style={
7
- Object {
8
- "backgroundColor": "blue",
9
- }
10
- }
11
- testID="modal-content-wrapper"
12
- >
13
- <Text
14
- allowFontScaling={false}
15
- style={
16
- Array [
17
- Object {
18
- "color": "#001f23",
19
- "fontFamily": "BeVietnamPro-Regular",
20
- "fontSize": 14,
21
- "letterSpacing": 0.42,
22
- "lineHeight": 22,
23
- },
24
- undefined,
25
- ]
26
- }
27
- themeFontSize="medium"
28
- themeFontWeight="regular"
29
- themeIntent="body"
30
- themeTypeface="neutral"
31
- >
32
- Modal content
33
- </Text>
34
- </View>
35
- `;
@@ -1,55 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`ModalPresenter should render correctly 1`] = `
4
- <View
5
- style={
6
- Array [
7
- Object {},
8
- Object {
9
- "bottom": 0,
10
- "left": 0,
11
- "position": "absolute",
12
- "right": 0,
13
- "top": 0,
14
- },
15
- ]
16
- }
17
- >
18
- <View
19
- collapsable={false}
20
- style={
21
- Object {
22
- "alignItems": "center",
23
- "backgroundColor": "blue",
24
- "height": "100%",
25
- "justifyContent": "center",
26
- "opacity": 0,
27
- "width": "100%",
28
- }
29
- }
30
- testID="modal-presenter"
31
- >
32
- <Text
33
- allowFontScaling={false}
34
- style={
35
- Array [
36
- Object {
37
- "color": "#001f23",
38
- "fontFamily": "BeVietnamPro-Regular",
39
- "fontSize": 14,
40
- "letterSpacing": 0.42,
41
- "lineHeight": 22,
42
- },
43
- undefined,
44
- ]
45
- }
46
- themeFontSize="medium"
47
- themeFontWeight="regular"
48
- themeIntent="body"
49
- themeTypeface="neutral"
50
- >
51
- Modal content
52
- </Text>
53
- </View>
54
- </View>
55
- `;
@@ -1,50 +0,0 @@
1
- import React from 'react';
2
- import { BackHandler } from 'react-native';
3
- import Modal from '..';
4
- import Typography from '../../Typography';
5
- import renderWithTheme from '../../../testHelpers/renderWithTheme';
6
-
7
- jest.mock('react-native', () => {
8
- const RN = jest.requireActual('react-native');
9
-
10
- const mockedAnimatedFunctions = {
11
- start: (callback: () => void) => {
12
- if (callback) {
13
- callback();
14
- }
15
- },
16
- _isUsingNativeDriver: () => jest.fn(),
17
- };
18
-
19
- RN.Animated.timing = () => mockedAnimatedFunctions;
20
-
21
- return RN;
22
- });
23
-
24
- describe('Modal', () => {
25
- it('onShow should be called correctly', () => {
26
- const onShow = jest.fn();
27
-
28
- renderWithTheme(
29
- <Modal onShow={onShow} visible>
30
- <Typography.Text>Modal content</Typography.Text>
31
- </Modal>
32
- );
33
-
34
- expect(onShow).toHaveBeenCalled();
35
- });
36
-
37
- it('onRequestClose should be called correctly', () => {
38
- const onRequestClose = jest.fn();
39
-
40
- renderWithTheme(
41
- <Modal onRequestClose={onRequestClose} visible>
42
- <Typography.Text>Modal content</Typography.Text>
43
- </Modal>
44
- );
45
- // @ts-expect-error: BackHandler mock
46
- BackHandler.mockPressBack();
47
-
48
- expect(onRequestClose).toHaveBeenCalled();
49
- });
50
- });