@applicaster/zapp-react-native-ui-components 12.0.9 → 12.0.10-rc.0

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 (5) hide show
  1. package/Components/Layout/TV/ScreenContainer.tsx +8 -1
  2. package/Components/Layout/TV/ScreenLayoutContextProvider.tsx +5 -0
  3. package/Components/Layout/TV/__tests__/ScreenContainer.test.tsx +2 -1
  4. package/Contexts/ScreenLayoutContext/index.tsx +5 -3
  5. package/package.json +5 -5
package/Components/Layout/TV/ScreenContainer.tsx CHANGED
@@ -55,8 +55,11 @@ export const ScreenContainer = React.memo(function ScreenContainer({
55
55
  ComponentsExtraProps,
56
56
  NavBar,
57
57
  }: Props) {
58
- const { screenMarginBottom } = React.useContext(ScreenLayoutContext);
58
+ const { screenMarginBottom, resetScreenLayout } =
59
+ React.useContext(ScreenLayoutContext);
60
+
59
61
  const { currentRoute, screenData } = useNavigation();
62
+
60
63
  const screen = useCurrentScreenData();
61
64
 
62
65
  const { marginBottom, backgroundColor, paddingTop, paddingBottom } =
@@ -65,6 +68,10 @@ export const ScreenContainer = React.memo(function ScreenContainer({
65
68
  const theme = useTheme();
66
69
  const getThemeValue = React.useCallback(R.propOr(0, R.__, theme), [theme]);
67
70
 
71
+ React.useEffect(() => {
72
+ resetScreenLayout();
73
+ }, [currentRoute]);
74
+
68
75
  const fullscreen = React.useCallback(
69
76
  displayFullScreen({ currentRoute, screenData }),
70
77
  [currentRoute, screenData]
package/Components/Layout/TV/ScreenLayoutContextProvider.tsx CHANGED
@@ -60,10 +60,15 @@ export function ScreenLayoutContextProvider(props: {
60
60
  initialState
61
61
  );
62
62
 
63
+ const resetScreenLayout = React.useCallback(() => {
64
+ setScreenLayout(initialState);
65
+ }, [initialState]);
66
+
63
67
  const screenLayoutValue = React.useMemo(
64
68
  () => ({
65
69
  ...screenLayout,
66
70
  setScreenLayout,
71
+ resetScreenLayout,
67
72
  }),
68
73
  [screenLayout]
69
74
  );
package/Components/Layout/TV/__tests__/ScreenContainer.test.tsx CHANGED
@@ -55,11 +55,12 @@ describe("ScreenContainer", () => {
55
55
  };
56
56
 
57
57
  const setScreenLayout = () => {};
58
+ const resetScreenLayout = () => {};
58
59
 
59
60
  const wrapper = ({ children }) => (
60
61
  <WrappedWithProviders>
61
62
  <ScreenLayoutContext.Provider
62
- value={{ ...screenLayout, setScreenLayout }}
63
+ value={{ ...screenLayout, setScreenLayout, resetScreenLayout }}
63
64
  >
64
65
  <ScreenContainer NavBar={View}>{children}</ScreenContainer>
65
66
  </ScreenLayoutContext.Provider>
package/Contexts/ScreenLayoutContext/index.tsx CHANGED
@@ -8,10 +8,11 @@ type LayoutContext = {
8
8
  componentAnchorPointY: number | null;
9
9
  componentAvailableWidth: number | null;
10
10
  setScreenLayout?: (properties: {}) => void;
11
+ resetScreenLayout?: () => void;
11
12
  extraAnchorPointYOffset: number;
12
13
  };
13
14
 
14
- const screenLayoutContext: LayoutContext = {
15
+ const initialScreenLayoutContext: LayoutContext = {
15
16
  screenMarginTop: null,
16
17
  screenMarginBottom: null,
17
18
  screenHeight: null,
@@ -21,8 +22,9 @@ const screenLayoutContext: LayoutContext = {
21
22
  extraAnchorPointYOffset: 0,
22
23
  };
23
24
 
24
- export const ScreenLayoutContext =
25
- React.createContext<LayoutContext>(screenLayoutContext);
25
+ export const ScreenLayoutContext = React.createContext<LayoutContext>(
26
+ initialScreenLayoutContext
27
+ );
26
28
 
27
29
  export function ScreenLayoutContextConsumer(Component) {
28
30
  return function WithConsumer(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/zapp-react-native-ui-components",
3
- "version": "12.0.9",
3
+ "version": "12.0.10-rc.0",
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.9",
38
- "@applicaster/zapp-react-native-bridge": "12.0.9",
39
- "@applicaster/zapp-react-native-redux": "12.0.9",
40
- "@applicaster/zapp-react-native-utils": "12.0.9",
37
+ "@applicaster/applicaster-types": "12.0.10-rc.0",
38
+ "@applicaster/zapp-react-native-bridge": "12.0.10-rc.0",
39
+ "@applicaster/zapp-react-native-redux": "12.0.10-rc.0",
40
+ "@applicaster/zapp-react-native-utils": "12.0.10-rc.0",
41
41
  "promise": "^8.3.0",
42
42
  "react-router-native": "^5.1.2",
43
43
  "url": "^0.11.0",