@applicaster/zapp-react-native-ui-components 13.0.9-alpha.1121932485 → 13.0.9-alpha.1792119437

package/Components/Cell/Cell.tsx

@@ -8,7 +8,7 @@ import { getItemType } from "@applicaster/zapp-react-native-utils/navigationUtil
 import { SCREEN_TYPES } from "@applicaster/zapp-react-native-utils/navigationUtils/itemTypes";
 import { sendSelectCellEvent } from "@applicaster/zapp-react-native-utils/analyticsUtils";
 import { noop } from "@applicaster/zapp-react-native-utils/functionUtils";
-import { CellStateContextProvider } from "@applicaster/zapp-react-native-ui-components/Contexts/CellStateContext";
+import { CellFocusedStateContextProvider } from "@applicaster/zapp-react-native-ui-components/Contexts/CellFocusedStateContext";
 
 import { CellWithFocusable } from "./CellWithFocusable";
 import { BaseFocusable } from "../BaseFocusable";
@@ -256,7 +256,7 @@ export class CellComponent extends React.Component<Props, State> {
 
     if (this.state.hasFocusableInside) {
       return (
-        <CellStateContextProvider cellFocused={this.state.cellFocused}>
+        <CellFocusedStateContextProvider cellFocused={this.state.cellFocused}>
           <CellWithFocusable
             CellRenderer={CellRenderer}
             item={item}
@@ -270,12 +270,12 @@ export class CellComponent extends React.Component<Props, State> {
             skipFocusManagerRegistration={skipFocusManagerRegistration}
             behavior={behavior}
           />
-        </CellStateContextProvider>
+        </CellFocusedStateContextProvider>
       );
     }
 
     return (
-      <CellStateContextProvider cellFocused={this.state.cellFocused}>
+      <CellFocusedStateContextProvider cellFocused={this.state.cellFocused}>
         <View
           testID={`${component?.id}-${id}`}
           accessible={false}
@@ -316,7 +316,7 @@ export class CellComponent extends React.Component<Props, State> {
             }}
           </Focusable>
         </View>
-      </CellStateContextProvider>
+      </CellFocusedStateContextProvider>
     );
   }
 }

package/Components/MasterCell/DefaultComponents/Text/index.tsx

@@ -11,7 +11,7 @@ import { withScaledLineHeight } from "./utils";
 import { toNumber } from "@applicaster/zapp-react-native-utils/numberUtils";
 import { MeasurementPortalContext } from "../../../MeasurmentsPortal";
 import { isNilOrEmpty } from "@applicaster/zapp-react-native-utils/reactUtils/helpers";
-import { CellStateContext } from "@applicaster/zapp-react-native-ui-components/Contexts/CellStateContext";
+import { CellFocusedStateContext } from "@applicaster/zapp-react-native-ui-components/Contexts/CellFocusedStateContext";
 import { useAccessibilityManager } from "@applicaster/zapp-react-native-utils/appUtils/accessibilityManager/hooks";
 
 type Props = {
@@ -37,7 +37,7 @@ const _Text = ({
 }: Props) => {
   const _label = useTextLabel({ label, entry });
   const isMeasurement = React.useContext(MeasurementPortalContext);
-  const cellFocused = React.useContext(CellStateContext);
+  const cellFocused = React.useContext(CellFocusedStateContext);
 
   const accessibilityManager = useAccessibilityManager({});
 

package/Contexts/CellFocusedStateContext/index.tsx

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+
+export const CellFocusedStateContext = React.createContext<boolean>(false);
+
+export const CellFocusedStateContextProvider = ({
+  cellFocused,
+  children,
+}: {
+  cellFocused: boolean;
+  children: ReactNode;
+}) => {
+  return (
+    <CellFocusedStateContext.Provider value={cellFocused}>
+      {children}
+    </CellFocusedStateContext.Provider>
+  );
+};
+
+export function withCellFocusedStateContext(
+  Component: React.ComponentType<any>
+) {
+  return function WithCellFocusedStateContextWrapper(props) {
+    const cellFocusedState = React.useContext(CellFocusedStateContext);
+
+    return <Component {...props} cellFocusedState={cellFocusedState} />;
+  };
+}

package/package.json

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

package/Contexts/CellStateContext/index.tsx

@@ -1,25 +0,0 @@
-import React, { ReactNode } from "react";
-
-export const CellStateContext = React.createContext<boolean>(false);
-
-export const CellStateContextProvider = ({
-  cellFocused,
-  children,
-}: {
-  cellFocused: boolean;
-  children: ReactNode;
-}) => {
-  return (
-    <CellStateContext.Provider value={cellFocused}>
-      {children}
-    </CellStateContext.Provider>
-  );
-};
-
-export function withCellStateContext(Component: React.ComponentType<any>) {
-  return function WithCellStateContextWrapper(props) {
-    const cellStateContext = React.useContext(CellStateContext);
-
-    return <Component {...props} cellStateContext={cellStateContext} />;
-  };
-}