@applicaster/zapp-react-native-ui-components 14.0.25-rc.1 → 14.0.25-rc.3

package/Components/Layout/TV/__tests__/__snapshots__/index.test.tsx.snap

@@ -9,6 +9,11 @@ exports[`Layout TV renders 1`] = `
     excludeFromFocusSearching={true}
     id="/river/A1234"
     preferredFocus={true}
+    style={
+      {
+        "flex": 1,
+      }
+    }
   >
     <View
       Components={

package/Components/Navigator/StackNavigator.tsx

@@ -6,11 +6,16 @@ import { getPathAttributes } from "@applicaster/zapp-react-native-utils/navigati
 import { FocusableGroup } from "@applicaster/zapp-react-native-ui-components/Components/FocusableGroup";
 import { ScreenDataContext } from "@applicaster/zapp-react-native-ui-components/Contexts/ScreenDataContext";
 import { PathnameContext } from "@applicaster/zapp-react-native-ui-components/Contexts/PathnameContext";
+import { StyleSheet } from "react-native";
 
 import { Screen } from "../Screen/TV/index.web";
 import { isLast } from "@applicaster/zapp-react-native-utils/arrayUtils";
 import { ScreenContextProvider } from "../../Contexts/ScreenContext";
 
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+});
+
 type Components = {
   NavBar: React.ComponentType<any>;
   Background: React.ComponentType<any>;
@@ -41,6 +46,7 @@ export const StackNavigator = ({ Components }: Props) => {
         preferredFocus={isLast(index, mainStack.length)}
         excludeFromFocusSearching
         key={routeId}
+        style={styles.container}
       >
         <ScreenDataContext.Provider value={state}>
           <PathnameContext.Provider value={route}>

package/Components/River/TV/withTVEventHandler.tsx

@@ -3,16 +3,25 @@
 import React from "react";
 import { TVEventHandlerComponent } from "@applicaster/zapp-react-native-tvos-ui-components/Components/TVEventHandlerComponent";
 import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks";
+import { useIsStandaloneFullscreen } from "@applicaster/zapp-react-native-utils/reactHooks/screen";
 
 export const withTvEventHandler = (Component) => {
   return function WithTVEventHandler(props) {
     const navigator = useNavigation();
 
+    const isStandaloneFullscreen = useIsStandaloneFullscreen();
+
     const remoteHandler = (event) => {
       const { eventType } = event;
 
       const canGoBack = navigator.canGoBack();
 
+      if (eventType === "menu" && isStandaloneFullscreen) {
+        navigator.goHome();
+
+        return;
+      }
+
       if (eventType === "menu" && canGoBack) {
         navigator.goBack();
       }

package/Components/ScreenRevealManager/withScreenRevealManager.tsx

@@ -25,6 +25,7 @@ export const SHOWN = 1; // opacity = 1
 
 type Props = {
   componentsToRender: ZappUIComponent[];
+  backgroundColor?: string;
 };
 
 export const withScreenRevealManager = (Component) => {
@@ -97,7 +98,9 @@ export const withScreenRevealManager = (Component) => {
               styles.container,
               {
                 opacity: opacityRef.current,
-                backgroundColor: theme.app_background_color,
+                // TODO: we should support background image as well, but for now we will use background color from theme
+                backgroundColor:
+                  props.backgroundColor ?? theme.app_background_color,
               },
             ]}
             testID="animated-component"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "14.0.25-rc.1",
+  "version": "14.0.25-rc.3",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,10 +28,10 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "14.0.25-rc.1",
-    "@applicaster/zapp-react-native-bridge": "14.0.25-rc.1",
-    "@applicaster/zapp-react-native-redux": "14.0.25-rc.1",
-    "@applicaster/zapp-react-native-utils": "14.0.25-rc.1",
+    "@applicaster/applicaster-types": "14.0.25-rc.3",
+    "@applicaster/zapp-react-native-bridge": "14.0.25-rc.3",
+    "@applicaster/zapp-react-native-redux": "14.0.25-rc.3",
+    "@applicaster/zapp-react-native-utils": "14.0.25-rc.3",
     "fast-json-stable-stringify": "^2.1.0",
     "promise": "^8.3.0",
     "url": "^0.11.0",