@applicaster/zapp-react-dom-app 13.0.6 → 13.0.7-alpha.1457252144

package/App/InteractionManager/index.tsx

@@ -14,6 +14,7 @@ import {
 } from "@applicaster/zapp-react-native-utils/functionUtils";
 
 import {
+  AccessibilityManager,
   ARROW_KEYS,
   focusManager,
   keyCode,
@@ -83,6 +84,9 @@ type KeyCode = { code: string; keyCode: number | string };
 export const alertConfirmationMesage =
   "Are you sure you want to exit application?";
 
+const VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE =
+  "Video player controls - use left/right to navigate";
+
 class InteractionManagerClass extends React.Component<Props, State> {
   onKeyDownListener: (keyCode: KeyCode) => void;
   onMouseDownListener: (event: MouseEvent) => void;
@@ -98,6 +102,8 @@ class InteractionManagerClass extends React.Component<Props, State> {
   private confirmDialog: ConfirmationDialogState =
     confirmationDialogStore.getState();
 
+  accessibilityManager: AccessibilityManager;
+
   state: State = {
     isKeyboardVisible: false,
     keyboardInput: "",
@@ -149,6 +155,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
     this.confirmDialog.setConfirmAction(this.performExit);
     this.confirmDialog.setCancelAction(this.onConfirmDialogClose);
     this.longPressDetector = new KeyboardLongPressManager();
+    this.accessibilityManager = AccessibilityManager.getInstance();
   }
 
   componentDidMount() {
@@ -548,6 +555,13 @@ class InteractionManagerClass extends React.Component<Props, State> {
     ) {
       if (displayState === DISPLAY_STATES.PLAYER) {
         setDisplayState(DISPLAY_STATES.HUD);
+
+        this.accessibilityManager.addHeading(
+          VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE
+        );
+
+        focusManager.recoverFocus();
+        this.resetHudTimeout();
       } else {
         focusManager.pressIn();
         focusManager.press();
@@ -592,6 +606,12 @@ class InteractionManagerClass extends React.Component<Props, State> {
         this.resetHudTimeout();
       }
 
+      if (displayState === DISPLAY_STATES.PLAYER) {
+        this.accessibilityManager.addHeading(
+          VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE
+        );
+      }
+
       return true;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-dom-app",
-  "version": "13.0.6",
+  "version": "13.0.7-alpha.1457252144",
   "description": "Zapp App Component for Applicaster's Quick Brick React Native App",
   "main": "index.js",
   "scripts": {
@@ -22,11 +22,11 @@
   },
   "homepage": "https://github.com/applicaster/zapp-react-dom-app#readme",
   "dependencies": {
-    "@applicaster/zapp-react-dom-ui-components": "13.0.6",
-    "@applicaster/zapp-react-native-bridge": "13.0.6",
-    "@applicaster/zapp-react-native-redux": "13.0.6",
-    "@applicaster/zapp-react-native-ui-components": "13.0.6",
-    "@applicaster/zapp-react-native-utils": "13.0.6",
+    "@applicaster/zapp-react-dom-ui-components": "13.0.7-alpha.1457252144",
+    "@applicaster/zapp-react-native-bridge": "13.0.7-alpha.1457252144",
+    "@applicaster/zapp-react-native-redux": "13.0.7-alpha.1457252144",
+    "@applicaster/zapp-react-native-ui-components": "13.0.7-alpha.1457252144",
+    "@applicaster/zapp-react-native-utils": "13.0.7-alpha.1457252144",
     "abortcontroller-polyfill": "^1.7.5",
     "react-router-dom": "^5.1.2",
     "typeface-montserrat": "^0.0.54",