@applicaster/zapp-react-native-ui-components 12.0.0-alpha.4739493702 → 12.0.0-alpha.4796013211

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

@@ -5,6 +5,7 @@ import { useActions } from "@applicaster/zapp-react-native-utils/reactHooks/acti
 import * as R from "ramda";
 import { getXray } from "@applicaster/zapp-react-native-utils/logger";
 import { toBooleanWithDefaultFalse } from "@applicaster/zapp-react-native-utils/booleanUtils";
+import { useAccessibilityManager } from "@applicaster/zapp-react-native-utils/appUtils/accessibilityManager/hooks";
 
 const { Logger } = getXray();
 
@@ -44,6 +45,11 @@ export function FocusableView({ style, children, item, ...otherProps }: Props) {
 
   const actionContext = useActions(pluginIdentifier);
 
+  const accessibilityManager = useAccessibilityManager({});
+
+  const accessibilityLabel =
+    actionContext?.initialEntryState(item)?.accessibilityLabel;
+
   const onPress = (event) => {
     event?.preventDefault?.();
 
@@ -88,6 +94,12 @@ export function FocusableView({ style, children, item, ...otherProps }: Props) {
         mouse: focusable.mouse,
       });
     });
+
+    if (accessibilityLabel) {
+      accessibilityManager.readText({
+        text: accessibilityLabel,
+      });
+    }
   };
 
   const handleBlur = (_focusable, _direction) => {

package/const.ts

@@ -1,3 +1,5 @@
+import { ViewStyle } from "react-native";
+
 export const tvPluginsWithCellRenderer = [
   "group-qb",
   "gallery-qb",
@@ -5,3 +7,7 @@ export const tvPluginsWithCellRenderer = [
   "hero-qb",
   "list-qb",
 ];
+
+// Can't be used in StyleSheet.create, need to be inline/defined as a constant
+// https://github.com/necolas/react-native-web/issues/1427
+export const flatListOverflowStyle: ViewStyle = { overflow: "visible" };

package/index.js

@@ -1,3 +1,6 @@
 import * as QuickBrickComponents from "./Components";
+import { flatListOverflowStyle } from "./const";
+
+export { flatListOverflowStyle };
 
 export default QuickBrickComponents;

package/package.json

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