@applicaster/zapp-react-native-ui-components 12.0.21 → 12.0.22-alpha.1252354714

package/Components/Cell/CellWithFocusable.tsx

@@ -86,6 +86,7 @@ export function CellWithFocusable(props: Props) {
       shouldUsePreferredFocus
       onFocus={onGroupFocus}
       onBlur={onGroupBlur}
+      skipFocusManagerRegistration={skipFocusManagerRegistration}
     >
       <CellRenderer
         testID={"cell-with-focusable-cell-renderer"}

package/Components/PlayerContainer/PlayerContainer.tsx

@@ -584,7 +584,7 @@ const PlayerContainerComponent = (props: Props) => {
       );
     }
 
-    if (screen_background_color) {
+    if (screen_background_color && mode !== VideoModalMode.FULLSCREEN) {
       updatedStyles.playerScreen.backgroundColor = screen_background_color;
     }
 
@@ -602,6 +602,7 @@ const PlayerContainerComponent = (props: Props) => {
     tv_component_container_height,
     screen_background_color,
     isInlineTV,
+    mode,
   ]);
 
   const applePlayerProps = {

package/Components/VideoModal/PlayerWrapper.tsx

@@ -74,20 +74,6 @@ const getScreenAspectRatio = () => {
   return longEdge / shortEdge;
 };
 
-const safeAreaStyles = (
-  configuration: Configuration,
-  isTablet: boolean
-): ViewStyle => {
-  const tablet_landscape_player_container_background_color =
-    configuration?.tablet_landscape_player_container_background_color;
-
-  return {
-    backgroundColor: isTablet
-      ? tablet_landscape_player_container_background_color
-      : "transparent",
-  };
-};
-
 const getEdges = (isTablet: boolean, isInlineModal: boolean) => {
   if (isTablet) {
     return ["top"];
@@ -133,6 +119,7 @@ const PlayerWrapperComponent = (props: Props) => {
     children,
     isTabletPortrait,
     configuration,
+    fullscreen,
     pip,
   } = props;
 
@@ -188,14 +175,17 @@ const PlayerWrapperComponent = (props: Props) => {
     [containerDimensions, playerDimensionsHack]
   );
 
+  const wrapperViewStyle: ViewStyle = {
+    backgroundColor:
+      isTablet && !fullscreen
+        ? configuration?.tablet_landscape_player_container_background_color
+        : "transparent",
+  };
+
   return (
     <WrapperView
       edges={getEdges(isTablet, isInlineModal) as readonly Edge[]}
-      style={[
-        safeAreaStyles(configuration, isTablet),
-        style,
-        playerDimensionsHack,
-      ]}
+      style={[wrapperViewStyle, style, playerDimensionsHack]}
     >
       <AnimationComponent
         animationType={ComponentAnimationType.moveUpComponent}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "12.0.21",
+  "version": "12.0.22-alpha.1252354714",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -34,10 +34,10 @@
     "redux-mock-store": "^1.5.3"
   },
   "dependencies": {
-    "@applicaster/applicaster-types": "12.0.21",
-    "@applicaster/zapp-react-native-bridge": "12.0.21",
-    "@applicaster/zapp-react-native-redux": "12.0.21",
-    "@applicaster/zapp-react-native-utils": "12.0.21",
+    "@applicaster/applicaster-types": "12.0.22-alpha.1252354714",
+    "@applicaster/zapp-react-native-bridge": "12.0.22-alpha.1252354714",
+    "@applicaster/zapp-react-native-redux": "12.0.22-alpha.1252354714",
+    "@applicaster/zapp-react-native-utils": "12.0.22-alpha.1252354714",
     "promise": "^8.3.0",
     "react-router-native": "^5.1.2",
     "url": "^0.11.0",