@applicaster/zapp-react-native-ui-components 12.0.0-rc.8 → 12.0.0-rc.81

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 (135) hide show
  1. package/Components/AudioPlayer/AudioPlayer.tsx +9 -1
  2. package/Components/AudioPlayer/__tests__/__snapshots__/audioPlayer.test.js.snap +5 -0
  3. package/Components/AudioPlayer/helpers.tsx +1 -0
  4. package/Components/BaseFocusable/index.tsx +1 -1
  5. package/Components/Cell/Cell.tsx +7 -7
  6. package/Components/Cell/CellWithFocusable.tsx +38 -19
  7. package/Components/Cell/TvOSCellComponent.tsx +2 -2
  8. package/Components/ErrorScreen/index.tsx +1 -1
  9. package/Components/FocusableCell/index.tsx +7 -7
  10. package/Components/FocusableGroup/index.tsx +1 -0
  11. package/Components/FocusableList/FocusableChild.ts +24 -14
  12. package/Components/FocusableList/FocusableItem.tsx +1 -1
  13. package/Components/FocusableList/FocusableListItemWrapper.tsx +76 -0
  14. package/Components/FocusableList/hooks/useCellState.android.ts +3 -1
  15. package/Components/FocusableList/index.tsx +26 -25
  16. package/Components/GeneralContentScreen/GeneralContentScreen.tsx +11 -8
  17. package/Components/GeneralContentScreen/utils/__tests__/useCurationAPI.test.js +13 -6
  18. package/Components/GeneralContentScreen/utils/useCurationAPI.ts +1 -1
  19. package/Components/HandlePlayable/HandlePlayable.tsx +4 -1
  20. package/Components/HookRenderer/index.tsx +1 -6
  21. package/Components/Image/Image.android.tsx +3 -26
  22. package/Components/Image/Image.tsx +18 -2
  23. package/Components/Image/utils/index.ts +39 -0
  24. package/Components/Layout/TV/ScreenLayoutContextProvider.tsx +2 -2
  25. package/Components/Layout/TV/__tests__/__snapshots__/index.test.tsx.snap +10 -50
  26. package/Components/Layout/TV/__tests__/index.test.tsx +19 -108
  27. package/Components/Layout/TV/index.tsx +28 -43
  28. package/Components/Layout/TV/index.web.tsx +33 -0
  29. package/Components/Layout/index.tsx +15 -11
  30. package/Components/MasterCell/DefaultComponents/ActionButton.tsx +2 -0
  31. package/Components/MasterCell/DefaultComponents/BorderContainerView/index.tsx +88 -113
  32. package/Components/MasterCell/DefaultComponents/CellBadge/index.tsx +21 -8
  33. package/Components/MasterCell/DefaultComponents/DynamicBadge.tsx +4 -2
  34. package/Components/MasterCell/DefaultComponents/Image/Image.android.tsx +9 -26
  35. package/Components/MasterCell/DefaultComponents/Image/Image.ios.tsx +5 -3
  36. package/Components/MasterCell/DefaultComponents/Image/hooks/useImageSize.ts +65 -0
  37. package/Components/MasterCell/DefaultComponents/ImageContainer/index.tsx +5 -1
  38. package/Components/MasterCell/DefaultComponents/LiveImage/index.tsx +17 -2
  39. package/Components/MasterCell/DefaultComponents/SecondaryImage/Image.tsx +3 -2
  40. package/Components/MasterCell/DefaultComponents/Text/index.tsx +14 -2
  41. package/Components/MasterCell/DefaultComponents/Toggle.tsx +5 -1
  42. package/Components/MasterCell/DefaultComponents/__tests__/image.test.js +1 -1
  43. package/Components/MasterCell/DefaultComponents/__tests__/text.test.tsx +24 -9
  44. package/Components/MasterCell/DefaultComponents/tv/ButtonContainerView/index.android.tsx +4 -1
  45. package/Components/MasterCell/DefaultComponents/tv/ButtonContainerView/index.tsx +4 -1
  46. package/Components/MasterCell/SharedUI/CollapsibleTextContainer/index.ts +6 -10
  47. package/Components/MasterCell/hooks/useAsyncRendering/index.ts +1 -1
  48. package/Components/MasterCell/utils/index.ts +33 -35
  49. package/Components/MeasurmentsPortal/BasicMeasurementsPortal.tsx +11 -7
  50. package/Components/MeasurmentsPortal/MeasurementsPortal.tsx +10 -1
  51. package/Components/ModalComponent/BottomSheetModalContent.tsx +121 -0
  52. package/Components/ModalComponent/Button/Item.tsx +82 -0
  53. package/Components/ModalComponent/Button/ItemIcon.tsx +60 -0
  54. package/Components/ModalComponent/Button/ItemLabel.tsx +101 -0
  55. package/Components/ModalComponent/Button/assets.ts +4 -0
  56. package/Components/ModalComponent/Button/index.tsx +111 -0
  57. package/Components/ModalComponent/Header/CloseButton.tsx +59 -0
  58. package/Components/ModalComponent/Header/Title.tsx +70 -0
  59. package/Components/ModalComponent/Header/assets.ts +4 -0
  60. package/Components/ModalComponent/Header/index.tsx +71 -0
  61. package/Components/ModalComponent/Header/utils.ts +79 -0
  62. package/Components/ModalComponent/index.tsx +38 -0
  63. package/Components/ModalComponent/utils.ts +126 -0
  64. package/Components/Navigator/StackNavigator.tsx +48 -0
  65. package/Components/Navigator/index.ts +1 -0
  66. package/Components/PlayerContainer/PlayerContainer.tsx +69 -31
  67. package/Components/PlayerContainer/ProgramInfo/index.tsx +3 -1
  68. package/Components/PlayerImageBackground/index.tsx +34 -8
  69. package/Components/River/ComponentsMap/ComponentsMap.tsx +97 -2
  70. package/Components/River/RefreshControl.tsx +55 -1
  71. package/Components/River/River.tsx +8 -5
  72. package/Components/River/TV/River.tsx +2 -25
  73. package/Components/River/__tests__/__snapshots__/componentsMap.test.js.snap +1 -1
  74. package/Components/River/__tests__/componentsMap.test.js +7 -0
  75. package/Components/River/useScreenConfiguration.ts +5 -6
  76. package/Components/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap +1 -0
  77. package/Components/RouteManager/__tests__/routeManager.test.js +9 -2
  78. package/Components/RouteManager/index.tsx +4 -2
  79. package/Components/Screen/TV/hooks/index.ts +3 -0
  80. package/Components/Screen/TV/hooks/useInitialFocus.ts +70 -0
  81. package/Components/Screen/TV/hooks/useRestoreFocus.ts +22 -0
  82. package/Components/Screen/TV/index.web.tsx +179 -0
  83. package/Components/Screen/__tests__/Screen.test.tsx +51 -36
  84. package/Components/Screen/__tests__/__snapshots__/Screen.test.tsx.snap +24 -6
  85. package/Components/Screen/__tests__/navigationHandler.test.ts +1 -178
  86. package/Components/Screen/index.tsx +131 -44
  87. package/Components/Screen/navigationHandler.ts +0 -82
  88. package/Components/Screen/orientationHandler.ts +1 -1
  89. package/Components/ScreenResolver/index.tsx +4 -2
  90. package/Components/Tabs/TV/styles.ts +1 -1
  91. package/Components/TrackedView/index.tsx +6 -3
  92. package/Components/Transitioner/Scene.tsx +24 -19
  93. package/Components/Transitioner/Transitioner.tsx +21 -28
  94. package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +6 -2
  95. package/Components/Transitioner/__tests__/__snapshots__/transitioner.test.js.snap +1 -0
  96. package/Components/VideoLive/LiveImageManager.ts +60 -14
  97. package/Components/VideoLive/PlayerLiveImageComponent.tsx +81 -72
  98. package/Components/VideoLive/__tests__/PlayerLiveImageComponent.test.tsx +45 -3
  99. package/Components/VideoLive/__tests__/__snapshots__/PlayerLiveImageComponent.test.tsx.snap +18 -28
  100. package/Components/VideoModal/ModalAnimation/AnimatedPlayerModalWrapper.tsx +78 -0
  101. package/Components/VideoModal/ModalAnimation/AnimatedScrollModal.tsx +352 -0
  102. package/Components/VideoModal/ModalAnimation/AnimatedVideoPlayerComponent.tsx +158 -0
  103. package/Components/VideoModal/ModalAnimation/AnimationComponent.tsx +461 -0
  104. package/Components/VideoModal/ModalAnimation/ModalAnimationContext.tsx +154 -0
  105. package/Components/VideoModal/ModalAnimation/index.ts +15 -0
  106. package/Components/VideoModal/ModalAnimation/utils.ts +299 -0
  107. package/Components/VideoModal/PlayerDetails.tsx +6 -3
  108. package/Components/VideoModal/PlayerWrapper.tsx +82 -50
  109. package/Components/VideoModal/VideoModal.tsx +23 -40
  110. package/Components/VideoModal/__tests__/PlayerDetails.test.tsx +0 -2
  111. package/Components/VideoModal/__tests__/PlayerWrapper.test.tsx +12 -1
  112. package/Components/VideoModal/__tests__/__snapshots__/PlayerWrapper.test.tsx.snap +246 -166
  113. package/Components/VideoModal/hooks/useModalSize.ts +13 -4
  114. package/Components/VideoModal/utils.ts +8 -5
  115. package/Components/Viewport/ViewportAware/__tests__/viewportAware.test.js +26 -21
  116. package/Components/Viewport/ViewportTracker/ViewportTracker.tsx +31 -40
  117. package/Components/Viewport/ViewportTracker/__tests__/viewportTracker.test.js +4 -5
  118. package/Components/Viewport/ViewportTracker/index.tsx +1 -0
  119. package/Components/Viewport/utils.js +1 -1
  120. package/Components/ZappUIComponent/index.tsx +22 -12
  121. package/Components/index.js +2 -0
  122. package/Contexts/MenuToggleContext/{index.js → index.ts} +16 -0
  123. package/Contexts/ScreenContext/__tests__/__snapshots__/index.test.tsx.snap +3 -0
  124. package/Contexts/ScreenContext/__tests__/index.test.tsx +27 -0
  125. package/Contexts/ScreenContext/index.tsx +95 -29
  126. package/Contexts/ScreenDataContext/index.tsx +20 -0
  127. package/Contexts/ZappPipesContext/ZappPipesEntryContext.ts +1 -1
  128. package/Decorators/ComponentsMapWrapper/withComponentsMapProvider.tsx +7 -2
  129. package/Decorators/RiverResolver/index.tsx +0 -4
  130. package/Decorators/index.tsx +0 -4
  131. package/events/index.ts +1 -0
  132. package/package.json +5 -6
  133. package/Components/Layout/TV/TransitionOverlay.tsx +0 -64
  134. package/Components/VideoModal/hooks/usePosition.ts +0 -50
  135. /package/Contexts/{index.js → index.ts} +0 -0
@@ -1,50 +0,0 @@
1
- import {
2
- useNavigation,
3
- useNavigationType,
4
- MenuTypes,
5
- useGetBottomTabBarHeight,
6
- } from "@applicaster/zapp-react-native-utils/reactHooks";
7
- import { useSafeAreaInsets } from "react-native-safe-area-context";
8
- import { isMenuVisible } from "@applicaster/zapp-react-native-ui-components/Components/Screen/navigationHandler";
9
-
10
- import { useConfiguration } from "../utils";
11
-
12
- type Option<T> = T | undefined;
13
-
14
- type Return = {
15
- top: Option<number>;
16
- height: Option<number>;
17
- bottom: Option<number>;
18
- };
19
-
20
- export const usePosition = (): Return => {
21
- const { minimised_height: minimisedHeight } = useConfiguration();
22
- const insets = useSafeAreaInsets();
23
- const bottomTabBarHeight = useGetBottomTabBarHeight();
24
-
25
- const {
26
- videoModalState: { mode },
27
- currentRoute,
28
- screenData,
29
- } = useNavigation();
30
-
31
- const docked = mode === "MINIMIZED";
32
-
33
- const navType = useNavigationType();
34
- const isBottomBarNavigation = navType === MenuTypes.bottomTabBar;
35
-
36
- const minimisedMarginBottom =
37
- isMenuVisible(currentRoute, screenData) && isBottomBarNavigation
38
- ? bottomTabBarHeight
39
- : insets.bottom;
40
-
41
- if (docked) {
42
- return {
43
- top: undefined,
44
- height: minimisedHeight,
45
- bottom: minimisedMarginBottom,
46
- };
47
- }
48
-
49
- return { top: 0, height: undefined, bottom: 0 };
50
- };
File without changes