@applicaster/zapp-react-native-ui-components 13.0.0-rc.99 → 14.0.0-alpha.1235043154

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 (73) hide show
  1. package/Components/AnimatedInOut/index.tsx +5 -3
  2. package/Components/AudioPlayer/index.tsx +15 -0
  3. package/Components/AudioPlayer/mobile/Layout.tsx +66 -0
  4. package/Components/AudioPlayer/{__tests__/__snapshots__/audioPlayer.test.js.snap → mobile/__tests__/__snapshots__/audioPlayerMobileLayout.test.js.snap} +2 -2
  5. package/Components/AudioPlayer/mobile/__tests__/audioPlayerMobileLayout.test.js +18 -0
  6. package/Components/AudioPlayer/mobile/index.tsx +18 -0
  7. package/Components/AudioPlayer/tv/Artwork.tsx +40 -0
  8. package/Components/AudioPlayer/{AudioPlayerLayout.tsx → tv/Layout.tsx} +37 -79
  9. package/Components/AudioPlayer/{Runtime.tsx → tv/Runtime.tsx} +2 -1
  10. package/Components/AudioPlayer/{Summary.tsx → tv/Summary.tsx} +12 -9
  11. package/Components/AudioPlayer/{Title.tsx → tv/Title.tsx} +12 -9
  12. package/Components/AudioPlayer/{__tests__ → tv/__tests__}/__snapshots__/artWork.test.js.snap +9 -4
  13. package/Components/AudioPlayer/tv/__tests__/__snapshots__/audioPlayer.test.js.snap +170 -0
  14. package/Components/AudioPlayer/{__tests__ → tv/__tests__}/__snapshots__/summary.test.js.snap +1 -1
  15. package/Components/AudioPlayer/{__tests__ → tv/__tests__}/__snapshots__/title.test.js.snap +1 -1
  16. package/Components/AudioPlayer/{__tests__ → tv/__tests__}/audioPlayer.test.js +7 -3
  17. package/Components/AudioPlayer/{helpers.tsx → tv/helpers.tsx} +3 -6
  18. package/Components/AudioPlayer/{AudioPlayer.tsx → tv/index.tsx} +14 -70
  19. package/Components/AudioPlayer/types.ts +40 -0
  20. package/Components/Focusable/FocusableTvOS.tsx +3 -3
  21. package/Components/GeneralContentScreen/GeneralContentScreen.tsx +3 -2
  22. package/Components/GeneralContentScreen/utils/useCurationAPI.ts +4 -2
  23. package/Components/GeneralContentScreen/utils/useEventAlerts.ts +30 -0
  24. package/Components/HandlePlayable/HandlePlayable.tsx +14 -8
  25. package/Components/MasterCell/DefaultComponents/Text/index.tsx +1 -0
  26. package/Components/MasterCell/elementMapper.tsx +1 -2
  27. package/Components/ModalComponent/BottomSheetModalContent.tsx +32 -46
  28. package/Components/ModalComponent/Button/index.tsx +25 -29
  29. package/Components/ModalComponent/Header/index.tsx +9 -8
  30. package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +13 -18
  31. package/Components/OfflineHandler/__tests__/__snapshots__/index.test.tsx.snap +9 -0
  32. package/Components/PlayerContainer/PlayerContainer.tsx +26 -43
  33. package/Components/PlayerImageBackground/index.tsx +1 -1
  34. package/Components/River/ComponentsMap/ComponentsMap.tsx +7 -4
  35. package/Components/River/RiverItem.tsx +8 -4
  36. package/Components/River/TV/River.tsx +0 -3
  37. package/Components/River/TV/withTVEventHandler.tsx +1 -1
  38. package/Components/River/__tests__/__snapshots__/componentsMap.test.js.snap +3 -1
  39. package/Components/RouteManager/TestId.tsx +1 -5
  40. package/Components/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap +0 -1
  41. package/Components/RouteManager/__tests__/testId.test.js +0 -4
  42. package/Components/Screen/TV/__tests__/index.web.test.tsx +26 -0
  43. package/Components/Screen/__tests__/Screen.test.tsx +22 -14
  44. package/Components/Screen/__tests__/__snapshots__/Screen.test.tsx.snap +2 -2
  45. package/Components/TopMarginApplicator/TopMarginApplicator.tsx +16 -15
  46. package/Components/Touchable/__tests__/__snapshots__/touchable.test.tsx.snap +34 -0
  47. package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +15 -9
  48. package/Components/VideoLive/animationUtils.ts +3 -3
  49. package/Components/VideoModal/ModalAnimation/AnimationComponent.tsx +1 -2
  50. package/Components/VideoModal/ModalAnimation/ModalAnimationContext.tsx +1 -0
  51. package/Components/VideoModal/ModalAnimation/utils.ts +3 -9
  52. package/Components/VideoModal/PlayerWrapper.tsx +9 -19
  53. package/Components/VideoModal/__tests__/__snapshots__/PlayerWrapper.test.tsx.snap +60 -0
  54. package/Components/VideoModal/hooks/__tests__/useDelayedPlayerDetails.test.ts +17 -55
  55. package/Components/VideoModal/hooks/useDelayedPlayerDetails.ts +15 -26
  56. package/Components/Viewport/ViewportAware/__tests__/viewportAware.test.js +12 -16
  57. package/Components/Viewport/ViewportTracker/__tests__/viewportTracker.test.js +84 -24
  58. package/Decorators/ConfigurationWrapper/withConfigurationProvider.tsx +2 -2
  59. package/index.d.ts +0 -1
  60. package/package.json +5 -7
  61. package/Components/AudioPlayer/Artwork.tsx +0 -35
  62. package/Components/AudioPlayer/__tests__/__snapshots__/audioPlayerLayout.test.js.snap +0 -66
  63. package/Components/AudioPlayer/__tests__/audioPlayerLayout.test.js +0 -26
  64. package/Components/AudioPlayer/index.ts +0 -1
  65. package/Decorators/Navigator/__tests__/react-router-native-mock.js +0 -11
  66. package/Components/AudioPlayer/{Channel.tsx → tv/Channel.tsx} +0 -0
  67. package/Components/AudioPlayer/{__tests__ → tv/__tests__}/Runtime.test.js +0 -0
  68. package/Components/AudioPlayer/{__tests__ → tv/__tests__}/__snapshots__/Runtime.test.js.snap +2 -2
  69. /package/Components/AudioPlayer/{__tests__ → tv/__tests__}/__snapshots__/channel.test.js.snap +0 -0
  70. /package/Components/AudioPlayer/{__tests__ → tv/__tests__}/artWork.test.js +0 -0
  71. /package/Components/AudioPlayer/{__tests__ → tv/__tests__}/channel.test.js +0 -0
  72. /package/Components/AudioPlayer/{__tests__ → tv/__tests__}/summary.test.js +0 -0
  73. /package/Components/AudioPlayer/{__tests__ → tv/__tests__}/title.test.js +0 -0
@@ -1,35 +0,0 @@
1
- import React from "react";
2
- import { View, Image } from "react-native";
3
-
4
- type Props = {
5
- srcImage: string;
6
- config?: {
7
- titleColor: string;
8
- summaryColor: string;
9
- backgroundColor: string;
10
- backgroundImage: string;
11
- isRTL: boolean;
12
- };
13
- };
14
-
15
- const containerStyles = {
16
- marginHorizontal: 24,
17
- };
18
-
19
- const imageStyles = {
20
- width: 400,
21
- height: 400,
22
- };
23
-
24
- export function Artwork({ srcImage }: Props) {
25
- return (
26
- <View style={containerStyles}>
27
- <Image
28
- fadeDuration={0}
29
- source={{ uri: srcImage }}
30
- style={imageStyles}
31
- resizeMode="cover"
32
- />
33
- </View>
34
- );
35
- }
@@ -1,66 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`<AudioPlayerLayout /> renders correctly 1`] = `
4
- <View
5
- pointerEvents="none"
6
- style={
7
- {
8
- "backgroundColor": "transparent",
9
- "overflow": "hidden",
10
- }
11
- }
12
- >
13
- <View
14
- collapsable={false}
15
- style={
16
- {
17
- "backgroundColor": "transparent",
18
- "opacity": 0,
19
- "overflow": "hidden",
20
- }
21
- }
22
- >
23
- <View
24
- accessibilityIgnoresInvertColors={true}
25
- style={
26
- {
27
- "flex": 1,
28
- }
29
- }
30
- >
31
- <Image
32
- resizeMode="cover"
33
- source={
34
- {
35
- "uri": "https://example.com",
36
- }
37
- }
38
- style={
39
- [
40
- {
41
- "bottom": 0,
42
- "left": 0,
43
- "position": "absolute",
44
- "right": 0,
45
- "top": 0,
46
- },
47
- {
48
- "height": undefined,
49
- "width": undefined,
50
- },
51
- undefined,
52
- ]
53
- }
54
- />
55
- <View
56
- style={
57
- {
58
- "backgroundColor": "transparent",
59
- "overflow": "hidden",
60
- }
61
- }
62
- />
63
- </View>
64
- </View>
65
- </View>
66
- `;
@@ -1,26 +0,0 @@
1
- import React from "react";
2
- import { render } from "@testing-library/react-native";
3
-
4
- import { AudioPlayerLayout } from "../AudioPlayerLayout";
5
-
6
- const audioPlayerLayoutProps = {
7
- artwork: "string",
8
- config: {
9
- titleColor: "white",
10
- summaryColor: "white",
11
- backgroundColor: "black",
12
- backgroundImage: "https://example.com",
13
- isRTL: true,
14
- },
15
- children: [],
16
- };
17
-
18
- describe("<AudioPlayerLayout />", () => {
19
- it("renders correctly", () => {
20
- const { toJSON } = render(
21
- <AudioPlayerLayout {...audioPlayerLayoutProps} />
22
- );
23
-
24
- expect(toJSON()).toMatchSnapshot();
25
- });
26
- });
@@ -1 +0,0 @@
1
- export { AudioPlayer } from "./AudioPlayer";
@@ -1,11 +0,0 @@
1
- import React from "react";
2
-
3
- const reactRouter = jest.genMockFromModule("react-router-native");
4
-
5
- function withRouter(Component) {
6
- return (props) => <Component {...props} />; // eslint-disable-line react/display-name
7
- }
8
-
9
- reactRouter.withRouter = withRouter;
10
-
11
- module.exports = reactRouter;
@@ -20,7 +20,7 @@ exports[`<Runtime /> LTR renders correctly 1`] = `
20
20
  "fontSize": 20,
21
21
  "justifyContent": "flex-start",
22
22
  "opacity": 0.8,
23
- "textAlign": "right",
23
+ "textAlign": "left",
24
24
  }
25
25
  }
26
26
  >
@@ -49,7 +49,7 @@ exports[`<Runtime /> RTL renders correctly 1`] = `
49
49
  "fontSize": 20,
50
50
  "justifyContent": "flex-end",
51
51
  "opacity": 0.8,
52
- "textAlign": "left",
52
+ "textAlign": "right",
53
53
  }
54
54
  }
55
55
  >