@applicaster/zapp-react-native-ui-components 13.0.0-alpha.1199723621 → 13.0.0-alpha.1240837114

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,
-  },
-};