@applicaster/zapp-react-native-ui-components 15.1.0-rc.9 → 16.0.0-alpha.1833861900

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "15.1.0-rc.9",
+  "version": "16.0.0-alpha.1833861900",
   "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": "15.1.0-rc.9",
-    "@applicaster/zapp-react-native-bridge": "15.1.0-rc.9",
-    "@applicaster/zapp-react-native-redux": "15.1.0-rc.9",
-    "@applicaster/zapp-react-native-utils": "15.1.0-rc.9",
+    "@applicaster/applicaster-types": "16.0.0-alpha.1833861900",
+    "@applicaster/zapp-react-native-bridge": "16.0.0-alpha.1833861900",
+    "@applicaster/zapp-react-native-redux": "16.0.0-alpha.1833861900",
+    "@applicaster/zapp-react-native-utils": "16.0.0-alpha.1833861900",
     "fast-json-stable-stringify": "^2.1.0",
     "promise": "^8.3.0",
     "url": "^0.11.0",

package/Components/Layout/TV/LayoutBackground.tsx

@@ -1,28 +0,0 @@
-import React from "react";
-import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
-import { getBackgroundImageUrl } from "../utils";
-import { useTheme } from "@applicaster/zapp-react-native-utils/theme";
-
-export const LayoutBackground = ({
-  Background,
-  children,
-}: {
-  Background: React.ComponentType<any>;
-  children: React.ReactNode;
-}) => {
-  const theme = useTheme();
-
-  const { remoteConfigurations } = usePickFromState(["remoteConfigurations"]);
-
-  const backgroundColor = theme.app_background_color;
-  const backgroundImageUrl = getBackgroundImageUrl(remoteConfigurations);
-
-  return (
-    <Background
-      backgroundColor={backgroundColor}
-      backgroundImageUrl={backgroundImageUrl}
-    >
-      {children}
-    </Background>
-  );
-};

package/Components/MasterCell/DefaultComponents/tv/ButtonContainerView/index.android.tsx

@@ -1,135 +0,0 @@
-import React from "react";
-import { View, ButtonProps } from "react-native";
-import { Focusable } from "@applicaster/zapp-react-native-ui-components/Components/Focusable";
-import { useActions } from "@applicaster/zapp-react-native-utils/reactHooks/actions";
-import * as R from "ramda";
-import { useInitialFocus } from "@applicaster/zapp-react-native-utils/focusManager";
-import { getXray } from "@applicaster/zapp-react-native-utils/logger";
-import { useFocusable } from "@applicaster/zapp-react-native-ui-components/Components/Focusable/index.android";
-import {
-  useIsRTL,
-  applyRTLStylesIfNeeded,
-} from "@applicaster/zapp-react-native-utils/localizationUtils";
-
-const { Logger } = getXray();
-
-import {
-  cloneElementsWithIds,
-  insertBetween,
-  recursiveCloneElementsWithState,
-  useFilterChildren,
-} from "../../../utils";
-
-import type {
-  HorizontalSeparatorProps,
-  ContainerProps,
-  ContainerChildren,
-} from "./types";
-
-const logger = new Logger("plugin", "plugins/navigation-action");
-
-const generateId = (cellUUID, suffixId) => `${cellUUID}--${suffixId}`;
-
-const HorizontalSeparator = ({ width }: HorizontalSeparatorProps) => (
-  <View style={{ width }} />
-);
-
-export function ButtonContainerView({
-  style,
-  children,
-  ...otherProps
-}: ContainerProps) {
-  const isRTL = useIsRTL();
-
-  const horizontalGutter = R.pathOr(0, ["horizontalGutter"], otherProps);
-
-  const filteredChildren = useFilterChildren<ContainerChildren>(children);
-
-  const buttonIds = filteredChildren.map((child) => {
-    const { cellUUID, suffixId } = child.props;
-
-    return generateId(cellUUID, suffixId);
-  });
-
-  useInitialFocus(otherProps.state === "focused", R.head(buttonIds));
-
-  if (R.isEmpty(filteredChildren)) {
-    return null;
-  }
-
-  return (
-    <View style={applyRTLStylesIfNeeded(style, isRTL)}>
-      {insertBetween(
-        (index) => (
-          <HorizontalSeparator
-            key={`separator_${index}`}
-            width={horizontalGutter}
-          />
-        ),
-        cloneElementsWithIds(buttonIds, filteredChildren)
-      )}
-    </View>
-  );
-}
-
-export function FocusableViewComponent(
-  { style, children, item, ...otherProps }: ButtonProps,
-  ref
-) {
-  const {
-    cellUUID,
-    groupId,
-    suffixId,
-    normalStyles,
-    focusedStyles,
-    nextFocusLeft,
-    nextFocusRight,
-    pluginIdentifier,
-    disableFocus,
-  } = otherProps;
-
-  const parentFocus = useFocusable();
-
-  const actionContext = useActions(pluginIdentifier);
-
-  const onPress = () => {
-    if (!actionContext) {
-      logger.warning(
-        `Cannot resolve action context for ${pluginIdentifier} - please make sure the plugin is installed and up to date`
-      );
-
-      return;
-    }
-
-    actionContext?.invokeAction?.(item);
-  };
-
-  return (
-    <Focusable
-      id={generateId(cellUUID, suffixId)}
-      disableFocus={disableFocus}
-      groupId={groupId}
-      onPress={onPress}
-      nextFocusUp={parentFocus?.nextFocusUp}
-      nextFocusDown={parentFocus?.nextFocusDown}
-      nextFocusLeft={nextFocusLeft || parentFocus?.nextFocusLeft}
-      nextFocusRight={nextFocusRight || parentFocus?.nextFocusRight}
-      ref={ref}
-    >
-      {(isFocused) => {
-        const additionalStyles = isFocused ? focusedStyles : normalStyles;
-
-        return (
-          <View
-            style={{
-              ...style,
-              ...additionalStyles,
-            }}
-          >
-            {recursiveCloneElementsWithState(isFocused, children)}
-          </View>
-        );
-      }}
-    </Focusable>
-  );
-}

package/Components/MasterCell/DefaultComponents/tv/ButtonContainerView/types.ts

@@ -1,25 +0,0 @@
-import { ImageStyle } from "react-native";
-
-export type ContainerProps = Record<string, any> & {
-  buttonsToggleEnabled: boolean;
-  skipButtons: boolean;
-  style: ImageStyle;
-  children: ContainerChildren[];
-};
-
-export type ButtonProps = Record<string, any> & {
-  style: ImageStyle;
-};
-
-export type HorizontalSeparatorProps = {
-  width: number;
-};
-
-export type ContainerChildren = {
-  props: {
-    item: any;
-    pluginIdentifier: string;
-    cellUUID: string;
-    suffixId: string;
-  };
-};

package/Components/River/TV/withTVEventHandler.tsx

@@ -1,36 +0,0 @@
-/* eslint max-len: off */
-
-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();
-      }
-    };
-
-    return (
-      <TVEventHandlerComponent tvEventHandler={remoteHandler}>
-        <Component {...props} />
-      </TVEventHandlerComponent>
-    );
-  };
-};

package/Helpers/DataSourceHelper/index.js

@@ -1,19 +0,0 @@
-import * as R from "ramda";
-
-export function itemLimitForData(entry = [], component) {
-  const itemLimitValue = Number(R.path(["rules", "item_limit"], component));
-
-  const itemLimit =
-    itemLimitValue && itemLimitValue > 0
-      ? itemLimitValue
-      : Number.MAX_SAFE_INTEGER;
-
-  const isInRange = (min, max) => R.both(R.gte(R.__, min), R.lt(R.__, max));
-
-  const entryShouldBeSliced = (entry) =>
-    isInRange(0, R.length(entry))(itemLimit);
-
-  const sliceEntriesUpToItemLimit = R.slice(0, itemLimit);
-
-  return R.when(entryShouldBeSliced, sliceEntriesUpToItemLimit)(entry);
-}