@applicaster/zapp-react-native-ui-components 12.0.0-alpha.4536343143 → 12.0.0-alpha.4584840011

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 (54) hide show
  1. package/Components/BaseFocusable/index.tsx +2 -2
  2. package/Components/Cell/Cell.tsx +26 -5
  3. package/Components/Cell/CellWithFocusable.tsx +6 -4
  4. package/Components/Cell/TvOSCellComponent.tsx +3 -7
  5. package/Components/Focusable/Focusable.tsx +6 -1
  6. package/Components/FocusableGroup/index.tsx +10 -2
  7. package/Components/Layout/TV/ScreenContainer.tsx +79 -5
  8. package/Components/Layout/TV/__tests__/ScreenContainer.test.tsx +38 -28
  9. package/Components/Layout/TV/__tests__/__snapshots__/ScreenContainer.test.tsx.snap +25 -13
  10. package/Components/Layout/TV/__tests__/index.test.tsx +2 -1
  11. package/Components/Layout/TV/index.tsx +11 -65
  12. package/Components/MasterCell/DefaultComponents/ActionButton.tsx +2 -1
  13. package/Components/MasterCell/DefaultComponents/BorderContainerView/index.tsx +7 -2
  14. package/Components/MasterCell/DefaultComponents/FocusableView/index.tsx +4 -1
  15. package/Components/MasterCell/DefaultComponents/LiveImage/index.tsx +20 -0
  16. package/Components/MasterCell/DefaultComponents/tv/ButtonContainerView/index.tsx +6 -1
  17. package/Components/MasterCell/dataAdapter.ts +21 -7
  18. package/Components/MasterCell/index.tsx +5 -3
  19. package/Components/MasterCell/utils/__tests__/insertBetween.test.js +9 -0
  20. package/Components/MasterCell/utils/index.ts +17 -30
  21. package/Components/Navigator/StackNavigator.tsx +14 -5
  22. package/Components/PlayerContainer/PlayerContainer.tsx +2 -0
  23. package/Components/Screen/TV/index.web.tsx +9 -23
  24. package/Components/Screen/__tests__/Screen.test.tsx +3 -0
  25. package/Components/Screen/index.tsx +55 -58
  26. package/Components/Screen/navigationHandler.ts +5 -0
  27. package/Components/ScreenResolver/index.tsx +6 -11
  28. package/Components/Transitioner/Scene.tsx +12 -11
  29. package/Components/Transitioner/Transitioner.tsx +32 -44
  30. package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +8 -4
  31. package/Components/VideoLive/LiveImageManager.ts +10 -0
  32. package/Components/VideoLive/PlayerLiveImageComponent.tsx +52 -24
  33. package/Components/VideoLive/__tests__/__snapshots__/PlayerLiveImageComponent.test.tsx.snap +26 -24
  34. package/Components/VideoModal/ModalAnimation/AnimatedPlayerModalWrapper.tsx +2 -14
  35. package/Components/VideoModal/ModalAnimation/AnimatedScrollModal.tsx +56 -43
  36. package/Components/VideoModal/ModalAnimation/AnimatedVideoPlayerComponent.tsx +42 -32
  37. package/Components/VideoModal/ModalAnimation/AnimationComponent.tsx +104 -86
  38. package/Components/VideoModal/ModalAnimation/ModalAnimationContext.tsx +32 -4
  39. package/Components/VideoModal/ModalAnimation/utils.ts +7 -4
  40. package/Components/VideoModal/PlayerWrapper.tsx +2 -2
  41. package/Components/VideoModal/__tests__/__snapshots__/PlayerWrapper.test.tsx.snap +32 -12
  42. package/Components/VideoModal/hooks/useModalSize.ts +10 -12
  43. package/Components/VideoModal/utils.ts +5 -2
  44. package/Components/default-cell-renderer/__tests__/__snapshots__/defaultCellRenderer.test.tsx.snap +4 -4
  45. package/Contexts/FocusableGroupContext/FocusableGroupContext.ts +3 -0
  46. package/Contexts/FocusableGroupContext/FocusableGroupContextProvider.tsx +16 -0
  47. package/Contexts/FocusableGroupContext/__tests__/FocusableGroupContextProvider.test.tsx +22 -0
  48. package/Contexts/FocusableGroupContext/__tests__/withFocusableContext.test.tsx +26 -0
  49. package/Contexts/FocusableGroupContext/index.ts +7 -0
  50. package/Contexts/FocusableGroupContext/withFocusableContext.tsx +17 -0
  51. package/Contexts/ScreenContext/index.tsx +0 -6
  52. package/package.json +5 -5
  53. /package/Components/FocusableGroup/{index.android.js → index.android.ts} +0 -0
  54. /package/Components/FocusableGroup/{index.ios.js → index.ios.ts} +0 -0
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import { FocusableGroupContext } from "./FocusableGroupContext";
3
+
4
+ export const withFocusableContext = (Component) => {
5
+ // eslint-disable-next-line react/display-name
6
+ return ({ groupId, ...props }: Record<string, any>) => (
7
+ <FocusableGroupContext.Consumer>
8
+ {(groupIdContext: string) => {
9
+ // eslint-disable-next-line react/display-name
10
+ const propsGroupId = groupId || null;
11
+ const providedGroupId = propsGroupId || groupIdContext;
12
+
13
+ return <Component {...props} groupId={providedGroupId} />;
14
+ }}
15
+ </FocusableGroupContext.Consumer>
16
+ );
17
+ };
@@ -2,7 +2,6 @@ import React, {
2
2
  createContext,
3
3
  ReactNode,
4
4
  useCallback,
5
- useEffect,
6
5
  useMemo,
7
6
  useRef,
8
7
  } from "react";
@@ -114,11 +113,6 @@ export function ScreenContextProvider({
114
113
  return navBarState;
115
114
  }, []);
116
115
 
117
- useEffect(() => {
118
- // purge the getScreenNavBarState store when the pathname changes
119
- screenNavBarStateRef.current = null;
120
- }, [pathname]);
121
-
122
116
  const screenNavBarState = getScreenNavBarState()(
123
117
  useShallow((state) => ({
124
118
  visible: state.visible,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/zapp-react-native-ui-components",
3
- "version": "12.0.0-alpha.4536343143",
3
+ "version": "12.0.0-alpha.4584840011",
4
4
  "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
@@ -34,10 +34,10 @@
34
34
  "redux-mock-store": "^1.5.3"
35
35
  },
36
36
  "dependencies": {
37
- "@applicaster/applicaster-types": "12.0.0-alpha.4536343143",
38
- "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.4536343143",
39
- "@applicaster/zapp-react-native-redux": "12.0.0-alpha.4536343143",
40
- "@applicaster/zapp-react-native-utils": "12.0.0-alpha.4536343143",
37
+ "@applicaster/applicaster-types": "12.0.0-alpha.4584840011",
38
+ "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.4584840011",
39
+ "@applicaster/zapp-react-native-redux": "12.0.0-alpha.4584840011",
40
+ "@applicaster/zapp-react-native-utils": "12.0.0-alpha.4584840011",
41
41
  "promise": "^8.3.0",
42
42
  "react-router-native": "^5.1.2",
43
43
  "url": "^0.11.0",