@applicaster/zapp-react-native-ui-components 13.0.0-rc.13 → 13.0.0-rc.130

package/Components/Cell/CellStyles/ScreenSelector/index.js

@@ -1,68 +0,0 @@
-const viewTree = (state) => [
-  {
-    type: "View",
-    style: {
-      flex: 1,
-      // aspectRatio: 1.0487804878,
-      paddingTop: 14,
-      paddingBottom: 14,
-      paddingRight: 30,
-    },
-    elements: [
-      {
-        type: "View",
-
-        elements: [
-          {
-            type: "Text",
-
-            style: {
-              // paddingHorizontal: "15%",
-              paddingTop: "2%",
-              paddingBottom: "2%",
-              fontSize: 26,
-              lineHeight: 32,
-              color:
-                state === "focused" || state === "selected"
-                  ? "rgba(239,239,239,1.0)"
-                  : "rgba(239,239,239,0.61)",
-              fontWeight: "700",
-            },
-            data: [
-              {
-                func: "path",
-                args: ["title"],
-                propName: "label",
-              },
-            ],
-            additionalProps: {
-              numberOfLines: 2,
-            },
-          },
-          {
-            type: "View",
-            style: {
-              height: 10,
-              alignItems: "center",
-              justifyContent: "center",
-              borderColor: state === "focused" ? "#FC461B" : "transparent",
-              borderBottomWidth: 6,
-            },
-          },
-        ],
-      },
-    ],
-  },
-];
-
-export const screenSelector = {
-  content_types: {
-    default: {
-      states: {
-        default: viewTree("default"),
-        focused: viewTree("focused"),
-        selected: viewTree("selected"),
-      },
-    },
-  },
-};

package/Components/Cell/CellStyles/cellStylesResolver.ts

@@ -1,19 +0,0 @@
-import * as R from "ramda";
-
-import { cellStyles } from "./index";
-
-type Props = {
-  cellStyle: string | null | undefined;
-  componentType: string | null | undefined;
-};
-
-export function cellStylesResolver({ cellStyle, componentType }: Props) {
-  const componentCellStyles =
-    R.prop(componentType, cellStyles) || cellStyles.default;
-
-  const result =
-    R.prop(cellStyle || "fallbackCellStyle", componentCellStyles) ||
-    componentCellStyles.fallbackCellStyle;
-
-  return result;
-}

package/Components/Cell/CellStyles/colors.js

@@ -1,40 +0,0 @@
-import { transformColorCode as fixColorHexCode } from "@applicaster/zapp-react-native-utils/transform";
-import * as R from "ramda";
-
-export const ACTIVE_COLOR = "ACTIVE_COLOR";
-
-export const BACKGROUND_COLOR = "BACKGROUND_COLOR";
-
-export const MAIN_TEXT_COLOR = "MAIN_TEXT_COLOR";
-
-export const FOCUSED_TEXT_COLOR = "FOCUSED_TEXT_COLOR";
-
-const colorKeyPath = (keyName) => ["tv", keyName, "color"];
-
-const COLORS = {
-  [ACTIVE_COLOR]: {
-    path: colorKeyPath("active"),
-    default: "#FC461B",
-  },
-  [BACKGROUND_COLOR]: {
-    path: colorKeyPath("background"),
-    default: "#2F2F2F",
-  },
-  [MAIN_TEXT_COLOR]: {
-    path: colorKeyPath("main_text"),
-    default: "#EFEFEF",
-  },
-  [FOCUSED_TEXT_COLOR]: {
-    path: colorKeyPath("focused_text_color"),
-    default: "#FFFFFF",
-  },
-};
-
-export const getColor = (name, styles) => {
-  const colorKeyPath = R.path([name, "path"], COLORS);
-
-  return (
-    fixColorHexCode(R.path(colorKeyPath, styles)) ||
-    R.path([name, "default"], COLORS)
-  );
-};

package/Components/Cell/CellStyles/index.js

@@ -1,15 +0,0 @@
-import { fallbackCellStyle } from "./FallbackCellStyle";
-import { hero } from "./Hero";
-import { screenSelector } from "./ScreenSelector";
-
-export const cellStyles = {
-  default: {
-    default: fallbackCellStyle,
-  },
-  hero: {
-    default: hero,
-  },
-  screenSelector: {
-    default: screenSelector,
-  },
-};

package/Components/CellRendererResolver/__tests__/__snapshots__/cellRendererResolver.test.js.snap

@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CellRendererResolver renders correctly 1`] = `
-<View
-  someProp={
-    Object {
-      "cellOptions": Object {},
-      "cellStyles": Object {
-        "ABCDE-123456": Object {
-          "configuration": Object {},
-          "plugin_identifier": "custom_renderer_plugin",
-        },
-        "FGHIJ-123456": Object {
-          "configuration": Object {},
-          "plugin_identifier": "unknown_plugin",
-        },
-      },
-      "component": Object {
-        "styles": Object {
-          "cell_plugin_configuration_id": "ABCDE-123456",
-        },
-      },
-      "styles": Object {},
-    }
-  }
-/>
-`;
-
-exports[`CellRendererResolver with a default renderer plugin renders correctly 1`] = `
-<View
-  someProp={
-    Object {
-      "cellOptions": Object {},
-      "cellStyles": Object {
-        "ABCDE-123456": Object {
-          "configuration": Object {},
-          "plugin_identifier": "custom_renderer_plugin",
-        },
-        "FGHIJ-123456": Object {
-          "configuration": Object {},
-          "plugin_identifier": "unknown_plugin",
-        },
-      },
-      "component": Object {
-        "styles": Object {
-          "cell_plugin_configuration_id": "ABCDE-123456",
-        },
-      },
-      "styles": Object {},
-    }
-  }
-/>
-`;

package/Components/RouteManager/__tests__/__snapshots__/testId.test.js.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TestId renders correctly and assigns the testID to a wrapping view 1`] = `
-<View
-  accessibilityLabel="A1234"
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
-  testID="A1234"
->
-  <TestComponent
-    name="dev test"
-  />
-</View>
-`;

package/Components/ScreenResolver/__tests__/__snapshots__/screenResolver.test.js.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<ScreenResolver /> renders correctly 1`] = `
-<mockConstructor
-  screenData={Object {}}
-  screenId="1234"
-  screenType="screen_type_1"
-/>
-`;
-
-exports[`<ScreenResolver /> wraps the player with the playerController component when the screenType is playable 1`] = `
-<HandlePlayable
-  isModal={false}
-  item={Object {}}
-  mode="FULLSCREEN"
-/>
-`;

package/Components/ZappUIComponent/__tests__/__snapshots__/ZappUIComponent.test.js.snap

@@ -1,91 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ZappUIComponent when zapp pipes data is loading renders correctly otherwise 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "parent": null,
-    }
-  }
->
-  <LoadingComponent
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      Object {
-        "loading": true,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent when zapp pipes data is loading renders null if no loading component is provided 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "parent": null,
-    }
-  }
->
-  <Placeholder
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      Object {
-        "loading": true,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent when zapp pipes data returns properly renders correctly 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "parent": null,
-    }
-  }
->
-  <Component
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      Object {
-        "data": Object {
-          "type": Object {
-            "value": "feed",
-          },
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent whenn zapp pipes data returns with error renders correctly otherwise 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "parent": null,
-    }
-  }
->
-  <ErrorComponent
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      Object {
-        "error": Object {
-          "message": "oups",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent whenn zapp pipes data returns with error renders null if no error component is provided 1`] = `""`;

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

@@ -1,338 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DefaultCellRenderer returns a react component and it renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "alignItems": "flex-start",
-      "flex": 1,
-    }
-  }
->
-  <View
-    cellUUID="mocked-uuid"
-    key="0"
-    skipButtons={false}
-    store={null}
-    style={
-      Object {
-        "backgroundColor": "transparent",
-        "margin": 12,
-        "opacity": 1,
-        "width": 169,
-      }
-    }
-    wrapperRef={
-      Object {
-        "current": null,
-      }
-    }
-  >
-    <ImageContainer
-      cellUUID="mocked-uuid"
-      key="0"
-      skipButtons={false}
-      style={
-        Object {
-          "borderRadius": 3,
-          "height": 80,
-          "width": 169,
-        }
-      }
-    />
-    <View
-      cellUUID="mocked-uuid"
-      key="1"
-      skipButtons={false}
-      store={null}
-      wrapperRef={
-        Object {
-          "current": null,
-        }
-      }
-    >
-      <_Text
-        ellipsizeMode="tail"
-        key="0"
-        label=""
-        numberOfLines={2}
-        skipButtons={false}
-        style={
-          Object {
-            "color": "#000",
-            "fontFamily": "HelveticaNeue-Light",
-            "fontSize": 16,
-            "padding": 3,
-          }
-        }
-      />
-    </View>
-  </View>
-</View>
-`;
-
-exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-      "width": 429,
-    }
-  }
->
-  <View
-    cellUUID="mocked-uuid"
-    key="0"
-    skipButtons={false}
-    store={null}
-    style={
-      Object {
-        "aspectRatio": 0.880733945,
-        "flex": 1,
-        "padding": 10,
-      }
-    }
-    wrapperRef={
-      Object {
-        "current": null,
-      }
-    }
-  >
-    <View
-      cellUUID="mocked-uuid"
-      key="0"
-      skipButtons={false}
-      store={null}
-      style={
-        Object {
-          "backgroundColor": "rgba(47,47,47,1.0)",
-          "borderRadius": 4,
-          "flex": 1,
-          "overflow": "hidden",
-        }
-      }
-      wrapperRef={
-        Object {
-          "current": null,
-        }
-      }
-    >
-      <View
-        cellUUID="mocked-uuid"
-        key="0"
-        skipButtons={false}
-        store={null}
-        wrapperRef={
-          Object {
-            "current": null,
-          }
-        }
-      >
-        <ImageContainer
-          cellUUID="mocked-uuid"
-          key="0"
-          skipButtons={false}
-          style={
-            Object {
-              "aspectRatio": 1.7782608696,
-              "backgroundColor": "rgba(47,47,47,1.0)",
-            }
-          }
-        />
-        <View
-          cellUUID="mocked-uuid"
-          key="1"
-          skipButtons={false}
-          store={null}
-          wrapperRef={
-            Object {
-              "current": null,
-            }
-          }
-        >
-          <_Text
-            key="0"
-            label=""
-            numberOfLines={2}
-            skipButtons={false}
-            style={
-              Object {
-                "color": "rgba(239,239,239,1.0)",
-                "fontSize": 26,
-                "fontWeight": "700",
-                "lineHeight": 32,
-                "paddingHorizontal": "6%",
-                "paddingTop": "6%",
-              }
-            }
-          />
-        </View>
-        <View
-          cellUUID="mocked-uuid"
-          key="2"
-          skipButtons={false}
-          store={null}
-          style={
-            Object {
-              "paddingHorizontal": "6%",
-              "paddingTop": "3%",
-            }
-          }
-          wrapperRef={
-            Object {
-              "current": null,
-            }
-          }
-        >
-          <_Text
-            key="0"
-            label=""
-            numberOfLines={1}
-            skipButtons={false}
-            style={
-              Object {
-                "color": "rgba(239,239,239,1.0)",
-                "fontSize": 24,
-                "fontWeight": "400",
-              }
-            }
-          />
-        </View>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-      "width": 429,
-    }
-  }
->
-  <View
-    cellUUID="mocked-uuid"
-    key="0"
-    skipButtons={false}
-    store={null}
-    style={
-      Object {
-        "aspectRatio": 0.880733945,
-        "flex": 1,
-        "padding": 10,
-      }
-    }
-    wrapperRef={
-      Object {
-        "current": null,
-      }
-    }
-  >
-    <View
-      cellUUID="mocked-uuid"
-      key="0"
-      skipButtons={false}
-      store={null}
-      style={
-        Object {
-          "backgroundColor": "rgba(47,47,47,1.0)",
-          "borderRadius": 4,
-          "flex": 1,
-          "overflow": "hidden",
-        }
-      }
-      wrapperRef={
-        Object {
-          "current": null,
-        }
-      }
-    >
-      <View
-        cellUUID="mocked-uuid"
-        key="0"
-        skipButtons={false}
-        store={null}
-        wrapperRef={
-          Object {
-            "current": null,
-          }
-        }
-      >
-        <ImageContainer
-          cellUUID="mocked-uuid"
-          key="0"
-          skipButtons={false}
-          style={
-            Object {
-              "aspectRatio": 1.7782608696,
-              "backgroundColor": "rgba(47,47,47,1.0)",
-            }
-          }
-        />
-        <View
-          cellUUID="mocked-uuid"
-          key="1"
-          skipButtons={false}
-          store={null}
-          wrapperRef={
-            Object {
-              "current": null,
-            }
-          }
-        >
-          <_Text
-            key="0"
-            label=""
-            numberOfLines={2}
-            skipButtons={false}
-            style={
-              Object {
-                "color": "rgba(239,239,239,1.0)",
-                "fontSize": 26,
-                "fontWeight": "700",
-                "lineHeight": 32,
-                "paddingHorizontal": "6%",
-                "paddingTop": "6%",
-              }
-            }
-          />
-        </View>
-        <View
-          cellUUID="mocked-uuid"
-          key="2"
-          skipButtons={false}
-          store={null}
-          style={
-            Object {
-              "paddingHorizontal": "6%",
-              "paddingTop": "3%",
-            }
-          }
-          wrapperRef={
-            Object {
-              "current": null,
-            }
-          }
-        >
-          <_Text
-            key="0"
-            label=""
-            numberOfLines={1}
-            skipButtons={false}
-            style={
-              Object {
-                "color": "rgba(239,239,239,1.0)",
-                "fontSize": 24,
-                "fontWeight": "400",
-              }
-            }
-          />
-        </View>
-      </View>
-    </View>
-  </View>
-</View>
-`;

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

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`withNavigator Decorator renders correctly 1`] = `
-<Component
-  navigator={
-    Object {
-      "activeRiver": Object {},
-      "canGoBack": [MockFunction],
-      "goBack": [MockFunction],
-      "isNavBarVisible": true,
-      "push": [MockFunction],
-      "replace": [MockFunction],
-      "routeData": [MockFunction],
-    }
-  }
-  someProp="foo"
-/>
-`;