@applicaster/zapp-react-native-ui-components 13.0.0-alpha.6525006318 → 13.0.0-alpha.6944415045

package/Components/default-cell-renderer/__tests__/__snapshots__/defaultCellRenderer.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`DefaultCellRenderer returns a react component and it renders correctly 1`] = `
 <View
   style={
-    Object {
+    {
       "alignItems": "flex-start",
       "flex": 1,
     }
@@ -15,7 +15,7 @@ exports[`DefaultCellRenderer returns a react component and it renders correctly
     skipButtons={false}
     store={null}
     style={
-      Object {
+      {
         "backgroundColor": "transparent",
         "margin": 12,
         "opacity": 1,
@@ -23,7 +23,7 @@ exports[`DefaultCellRenderer returns a react component and it renders correctly
       }
     }
     wrapperRef={
-      Object {
+      {
         "current": null,
       }
     }
@@ -33,7 +33,7 @@ exports[`DefaultCellRenderer returns a react component and it renders correctly
       key="0"
       skipButtons={false}
       style={
-        Object {
+        {
           "borderRadius": 3,
           "height": 80,
           "width": 169,
@@ -46,7 +46,7 @@ exports[`DefaultCellRenderer returns a react component and it renders correctly
       skipButtons={false}
       store={null}
       wrapperRef={
-        Object {
+        {
           "current": null,
         }
       }
@@ -58,7 +58,7 @@ exports[`DefaultCellRenderer returns a react component and it renders correctly
         numberOfLines={2}
         skipButtons={false}
         style={
-          Object {
+          {
             "color": "#000",
             "fontFamily": "HelveticaNeue-Light",
             "fontSize": 16,
@@ -74,7 +74,7 @@ exports[`DefaultCellRenderer returns a react component and it renders correctly
 exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
       "width": 429,
     }
@@ -86,14 +86,14 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
     skipButtons={false}
     store={null}
     style={
-      Object {
+      {
         "aspectRatio": 0.880733945,
         "flex": 1,
         "padding": 10,
       }
     }
     wrapperRef={
-      Object {
+      {
         "current": null,
       }
     }
@@ -104,7 +104,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
       skipButtons={false}
       store={null}
       style={
-        Object {
+        {
           "backgroundColor": "rgba(47,47,47,1.0)",
           "borderRadius": 4,
           "flex": 1,
@@ -112,7 +112,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
         }
       }
       wrapperRef={
-        Object {
+        {
           "current": null,
         }
       }
@@ -123,7 +123,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
         skipButtons={false}
         store={null}
         wrapperRef={
-          Object {
+          {
             "current": null,
           }
         }
@@ -133,7 +133,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
           key="0"
           skipButtons={false}
           style={
-            Object {
+            {
               "aspectRatio": 1.7782608696,
               "backgroundColor": "rgba(47,47,47,1.0)",
             }
@@ -145,7 +145,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
           skipButtons={false}
           store={null}
           wrapperRef={
-            Object {
+            {
               "current": null,
             }
           }
@@ -156,7 +156,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
             numberOfLines={2}
             skipButtons={false}
             style={
-              Object {
+              {
                 "color": "rgba(239,239,239,1.0)",
                 "fontSize": 26,
                 "fontWeight": "700",
@@ -173,13 +173,13 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
           skipButtons={false}
           store={null}
           style={
-            Object {
+            {
               "paddingHorizontal": "6%",
               "paddingTop": "3%",
             }
           }
           wrapperRef={
-            Object {
+            {
               "current": null,
             }
           }
@@ -190,7 +190,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
             numberOfLines={1}
             skipButtons={false}
             style={
-              Object {
+              {
                 "color": "rgba(239,239,239,1.0)",
                 "fontSize": 24,
                 "fontWeight": "400",
@@ -207,7 +207,7 @@ exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
 exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
       "width": 429,
     }
@@ -219,14 +219,14 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
     skipButtons={false}
     store={null}
     style={
-      Object {
+      {
         "aspectRatio": 0.880733945,
         "flex": 1,
         "padding": 10,
       }
     }
     wrapperRef={
-      Object {
+      {
         "current": null,
       }
     }
@@ -237,7 +237,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
       skipButtons={false}
       store={null}
       style={
-        Object {
+        {
           "backgroundColor": "rgba(47,47,47,1.0)",
           "borderRadius": 4,
           "flex": 1,
@@ -245,7 +245,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
         }
       }
       wrapperRef={
-        Object {
+        {
           "current": null,
         }
       }
@@ -256,7 +256,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
         skipButtons={false}
         store={null}
         wrapperRef={
-          Object {
+          {
             "current": null,
           }
         }
@@ -266,7 +266,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
           key="0"
           skipButtons={false}
           style={
-            Object {
+            {
               "aspectRatio": 1.7782608696,
               "backgroundColor": "rgba(47,47,47,1.0)",
             }
@@ -278,7 +278,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
           skipButtons={false}
           store={null}
           wrapperRef={
-            Object {
+            {
               "current": null,
             }
           }
@@ -289,7 +289,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
             numberOfLines={2}
             skipButtons={false}
             style={
-              Object {
+              {
                 "color": "rgba(239,239,239,1.0)",
                 "fontSize": 26,
                 "fontWeight": "700",
@@ -306,13 +306,13 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
           skipButtons={false}
           store={null}
           style={
-            Object {
+            {
               "paddingHorizontal": "6%",
               "paddingTop": "3%",
             }
           }
           wrapperRef={
-            Object {
+            {
               "current": null,
             }
           }
@@ -323,7 +323,7 @@ exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
             numberOfLines={1}
             skipButtons={false}
             style={
-              Object {
+              {
                 "color": "rgba(239,239,239,1.0)",
                 "fontSize": 24,
                 "fontWeight": "400",

package/Contexts/ComponentsMapOffsetContext/index.tsx

@@ -0,0 +1,46 @@
+import { useTheme } from "@applicaster/zapp-react-native-utils/theme";
+import React, { PropsWithChildren } from "react";
+
+export const ComponentsMapOffsetContext = React.createContext({
+  setComponentsMapOffset: (_offset: number) => void 0,
+  componentsMapOffset: 0,
+});
+
+export const ComponentsMapOffsetContextProvider = ({
+  children,
+}: PropsWithChildren<{}>) => {
+  const theme = useTheme<BaseThemePropertiesTV>();
+
+  const [componentsMapOffset, setComponentsMapOffset] = React.useState(
+    theme?.screen_margin_top
+  );
+
+  const contextValue = {
+    componentsMapOffset,
+    setComponentsMapOffset,
+  };
+
+  return (
+    <ComponentsMapOffsetContext.Provider value={contextValue}>
+      {children}
+    </ComponentsMapOffsetContext.Provider>
+  );
+};
+
+export const withComponentsMapOffsetContext = (Component: any) =>
+  function ComponentsMapOffsetContextProviderWrapper(props: {}) {
+    return (
+      <ComponentsMapOffsetContextProvider>
+        <Component {...props} />
+      </ComponentsMapOffsetContextProvider>
+    );
+  };
+
+export const withComponentsMapOffsetContextConsumer = (Component: any) =>
+  function ComponentsMapOffsetContextConsumerWrapper(props: {}) {
+    const { componentsMapOffset } = React.useContext(
+      ComponentsMapOffsetContext
+    );
+
+    return <Component {...props} componentsMapOffset={componentsMapOffset} />;
+  };

package/Contexts/ConfigutaionContext/__tests__/__snapshots__/ConfigurationProvider.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`withConfigurationProvider provides configuration to children 1`] = `
 <View
   configuration={
-    Object {
+    {
       "target": "foobar",
     }
   }

package/Contexts/FocusableGroupContext/withFocusableContext.tsx

@@ -1,17 +1,24 @@
-import React from "react";
+import * as React from "react";
 import { FocusableGroupContext } from "./FocusableGroupContext";
 
 export const withFocusableContext = (Component) => {
   // eslint-disable-next-line react/display-name
-  return ({ groupId, ...props }: Record<string, any>) => (
-    <FocusableGroupContext.Consumer>
-      {(groupIdContext: string) => {
-        // eslint-disable-next-line react/display-name
-        const propsGroupId = groupId || null;
-        const providedGroupId = propsGroupId || groupIdContext;
+  const WithFocusableContext = (
+    { groupId, ...props }: Record<string, any>,
+    ref
+  ) => {
+    return (
+      <FocusableGroupContext.Consumer>
+        {(groupIdContext: string) => {
+          // eslint-disable-next-line react/display-name
+          const propsGroupId = groupId || null;
+          const providedGroupId = propsGroupId || groupIdContext;
 
-        return <Component {...props} groupId={providedGroupId} />;
-      }}
-    </FocusableGroupContext.Consumer>
-  );
+          return <Component {...props} groupId={providedGroupId} ref={ref} />;
+        }}
+      </FocusableGroupContext.Consumer>
+    );
+  };
+
+  return React.forwardRef(WithFocusableContext);
 };

package/Decorators/Analytics/{index.js → index.tsx}

@@ -5,18 +5,18 @@ import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
 
 type ComponentProps = {
   component: {
-    id: string,
-    rules: { item_limit: number, component_cells_selectable: boolean },
-    component_type: string,
+    id: string;
+    rules: { item_limit: number; component_cells_selectable: boolean };
+    component_type: string;
     styles: {
-      cell_style: string,
-      header: { visible: boolean },
-      component_cells_selectable: boolean,
-    },
-  },
-  zappPipesData: { url: string, data: { title: string } },
-  selected: boolean,
-  assets: { menu_button: string },
+      cell_style: string;
+      header: { visible: boolean };
+      component_cells_selectable: boolean;
+    };
+  };
+  zappPipesData: { url: string; data: { title: string } };
+  selected: boolean;
+  assets: { menu_button: string };
 };
 
 function withAnalytics(Component) {

package/Decorators/Navigator/__tests__/__snapshots__/navigator.test.js.snap

@@ -3,8 +3,8 @@
 exports[`withNavigator Decorator renders correctly 1`] = `
 <Component
   navigator={
-    Object {
-      "activeRiver": Object {},
+    {
+      "activeRiver": {},
       "canGoBack": [MockFunction],
       "goBack": [MockFunction],
       "isNavBarVisible": true,

package/Decorators/RiverFeedLoader/__tests__/__snapshots__/riverFeedLoader.test.tsx.snap

@@ -4,206 +4,206 @@ exports[`WithRiverFeedLoader renders correctly 1`] = `
 <View
   dispatch={[MockFunction]}
   river={
-    Object {
+    {
       "id": "A1234",
-      "ui_components": Array [
-        Object {
-          "data": Object {
+      "ui_components": [
+        {
+          "data": {
             "source": "http://datasource0",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource1",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource2",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource3",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource4",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource5",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource6",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource7",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource8",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource9",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource10",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource11",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource12",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": true,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource13",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource14",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource15",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource16",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource17",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource18",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource19",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource20",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": true,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource21",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource22",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource23",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },
-        Object {
-          "data": Object {
+        {
+          "data": {
             "source": "http://datasource24",
           },
-          "rules": Object {
+          "rules": {
             "clear_cache_on_reload": false,
           },
         },