@applicaster/zapp-react-native-utils 12.0.0-rc.81 → 12.0.0-rc.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "12.0.0-rc.81",
+  "version": "12.0.0-rc.82",
   "description": "Applicaster Zapp React Native utilities package",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "12.0.0-rc.81",
+    "@applicaster/applicaster-types": "12.0.0-rc.82",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "create-react-context": "^0.2.3",

package/appUtils/focusManager/FocusableEvents.ts

@@ -1,8 +0,0 @@
-export const FOCUSABLE_EVENTS = {
-  IS_REGISTERED: "isRegistered",
-  WILL_RECEIVE_FOCUS: "willReceiveFocus",
-  HAS_RECEIVED_FOCUS: "hasReceivedFocus",
-  WILL_LOSE_FOCUS: "willLoseFocus",
-  HAS_LOST_FOCUS: "hasLostFocus",
-  WILL_UNREGISTER: "willUnregister",
-};

package/appUtils/focusManager/treeDataStructure/Utils/__tests__/Utils_android.test.js

@@ -1,1094 +0,0 @@
-import {
-  findFocusableNode,
-  getLastFocusedItems,
-  getPreferableItems,
-  getPriorityItems,
-  getSelectedItems,
-  hasPriorityInDirection,
-} from "../../Utils/index.android";
-import { FocusDirection } from "../../../../directionHelper";
-import { Tree } from "../../Tree";
-
-const directionMocks = {
-  right: { axis: "x", isHorizontal: true, isVertical: false, value: "right" },
-  left: { axis: "x", isHorizontal: true, isVertical: false, value: "left" },
-  up: { axis: "x", isHorizontal: false, isVertical: true, value: "up" },
-  down: { axis: "x", isHorizontal: false, isVertical: true, value: "down" },
-};
-
-const screenMock1 = {
-  root: {
-    id: "root",
-    children: [
-      {
-        id: "menu",
-        parent: {
-          id: "root",
-        },
-        children: [
-          {
-            id: "1dfa32eb-c1b6-4056-b566-ae001978d9eb",
-            parent: {
-              id: "menu",
-            },
-            component: {
-              props: {
-                id: "1dfa32eb-c1b6-4056-b566-ae001978d9eb",
-                groupId: "menu",
-                preferredFocus: false,
-              },
-              selected: false,
-              getRect: jest.fn(() => ({
-                top: 60,
-                left: 678,
-                right: 931,
-                bottom: 90,
-                width: 253,
-                height: 30,
-                x: 0,
-                y: 0,
-              })),
-            },
-          },
-          {
-            id: "a892edf2-ceb6-425f-8fdb-3e58b38b233e",
-            parent: {
-              id: "menu",
-            },
-            component: {
-              props: {
-                id: "a892edf2-ceb6-425f-8fdb-3e58b38b233e",
-                groupId: "menu",
-                preferredFocus: true,
-              },
-              selected: true,
-              getRect: jest.fn(() => ({
-                top: 60,
-                left: 931,
-                right: 1130,
-                bottom: 90,
-                width: 199,
-                height: 30,
-                x: 0,
-                y: 0,
-              })),
-            },
-          },
-        ],
-        component: {
-          props: {
-            id: "menu",
-            preferredFocus: true,
-          },
-          getRect: jest.fn(() => ({
-            top: 0,
-            left: 0,
-            right: 1920,
-            bottom: 100,
-            width: 1920,
-            height: 100,
-            x: 0,
-            y: 0,
-          })),
-        },
-      },
-      {
-        id: "ScreenPicker",
-        parent: {
-          id: "root",
-        },
-        children: [
-          {
-            id: "ScreenPicker.ScreenSelector",
-            parent: {
-              id: "ScreenPicker",
-            },
-            children: [
-              {
-                id: 14948,
-                parent: {
-                  id: "ScreenPicker.ScreenSelector",
-                },
-                component: {
-                  props: {
-                    id: 14948,
-                    groupId: "ScreenPicker.ScreenSelector",
-                    preferredFocus: true,
-                  },
-                  selected: false,
-                  getRect: jest.fn(() => ({
-                    top: 131,
-                    left: 112,
-                    right: 412,
-                    bottom: 188,
-                    width: 300,
-                    height: 57,
-                    x: 0,
-                    y: 0,
-                  })),
-                },
-              },
-              {
-                id: 14949,
-                parent: {
-                  id: "ScreenPicker.ScreenSelector",
-                },
-                component: {
-                  props: {
-                    id: 14949,
-                    groupId: "ScreenPicker.ScreenSelector",
-                    preferredFocus: false,
-                  },
-                  selected: false,
-                  getRect: jest.fn(() => ({
-                    top: 188,
-                    left: 112,
-                    right: 412,
-                    bottom: 245,
-                    width: 300,
-                    height: 57,
-                    x: 0,
-                    y: 0,
-                  })),
-                },
-              },
-
-              {
-                id: 14950,
-                parent: {
-                  id: "ScreenPicker.ScreenSelector",
-                },
-                component: {
-                  props: {
-                    id: 14950,
-                    groupId: "ScreenPicker.ScreenSelector",
-                    preferredFocus: false,
-                  },
-                  selected: true,
-                  getRect: jest.fn(() => ({
-                    top: 245,
-                    left: 112,
-                    right: 412,
-                    bottom: 302,
-                    width: 300,
-                    height: 57,
-                    x: 0,
-                    y: 0,
-                  })),
-                },
-              },
-
-              {
-                id: 16270,
-                parent: {
-                  id: "ScreenPicker.ScreenSelector",
-                },
-                component: {
-                  props: {
-                    id: 16270,
-                    groupId: "ScreenPicker.ScreenSelector",
-                    preferredFocus: false,
-                  },
-                  selected: false,
-                  getRect: jest.fn(() => ({
-                    top: 302,
-                    left: 112,
-                    right: 412,
-                    bottom: 359,
-                    width: 300,
-                    height: 57,
-                    x: 0,
-                    y: 0,
-                  })),
-                },
-              },
-            ],
-            component: {
-              props: {
-                id: "ScreenPicker.ScreenSelector",
-                groupId: "ScreenPicker",
-                preferredFocus: true,
-              },
-              getRect: jest.fn(() => ({
-                top: 101,
-                left: 112,
-                right: 412,
-                bottom: 2186,
-                width: 300,
-                height: 2085,
-                x: 0,
-                y: 0,
-              })),
-            },
-          },
-
-          {
-            id: "ScreenPicker.ScreenContainer",
-            parent: {
-              id: "ScreenPicker",
-            },
-            children: [
-              {
-                id: "Grid",
-                parent: {
-                  id: "ScreenPicker.ScreenContainer",
-                },
-                children: [
-                  {
-                    id: "Grid+5bc7813a8c1abc222700000e",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5bc7813a8c1abc222700000e",
-                        groupId: "Grid",
-                        preferredFocus: true,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 758,
-                        left: 526,
-                        right: 955,
-                        bottom: 1245,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5af0a05a841c4b344c00002a",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5af0a05a841c4b344c00002a",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 758,
-                        left: 955,
-                        right: 1384,
-                        bottom: 1245,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5ae9f107dbc8585711000011",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5ae9f107dbc8585711000011",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 758,
-                        left: 1384,
-                        right: 1813,
-                        bottom: 1245,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5ad6451a841c4b3168000017",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5ad6451a841c4b3168000017",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 1245,
-                        left: 526,
-                        right: 955,
-                        bottom: 1732,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5ad50977dbc8580f24000002",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5ad50977dbc8580f24000002",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 1245,
-                        left: 955,
-                        right: 1384,
-                        bottom: 1732,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5abbb261841c4b026d00001b",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5abbb261841c4b026d00001b",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 1245,
-                        left: 1384,
-                        right: 1813,
-                        bottom: 1732,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5a553591148bb0623f00000b",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5a553591148bb0623f00000b",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 1732,
-                        left: 526,
-                        right: 955,
-                        bottom: 2219,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+5a284cb8148bb006e3000002",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+5a284cb8148bb006e3000002",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 1732,
-                        left: 955,
-                        right: 1384,
-                        bottom: 2219,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Grid+59dd327b2d1ca033d3000027",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+59dd327b2d1ca033d3000027",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 1732,
-                        left: 1384,
-                        right: 1813,
-                        bottom: 2219,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-                  {
-                    id: "Grid+594d8085fd2e611a7600002a",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+594d8085fd2e611a7600002a",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 2219,
-                        left: 526,
-                        right: 955,
-                        bottom: 2706,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-                  {
-                    id: "Grid+594ad354fd2e61585c000019",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+594ad354fd2e61585c000019",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 2219,
-                        left: 955,
-                        right: 1384,
-                        bottom: 2706,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-                  {
-                    id: "Grid+59405d44b57ac32c80000014",
-                    parent: {
-                      id: "Grid",
-                    },
-                    component: {
-                      props: {
-                        id: "Grid+59405d44b57ac32c80000014",
-                        groupId: "Grid",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 2219,
-                        left: 1384,
-                        right: 1813,
-                        bottom: 2706,
-                        width: 429,
-                        height: 487,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-                ],
-                component: {
-                  props: {
-                    id: "Grid",
-                    groupId: "ScreenPicker.ScreenContainer",
-                    preferredFocus: true,
-                  },
-                  getRect: jest.fn(() => ({
-                    top: 661,
-                    left: 412,
-                    right: 1912,
-                    bottom: 2706,
-                    width: 1500,
-                    height: 2045,
-                    x: 0,
-                    y: 0,
-                  })),
-                },
-              },
-              {
-                id: "Hero",
-                parent: {
-                  id: "ScreenPicker.ScreenContainer",
-                },
-                children: [
-                  {
-                    id: "Hero+5ad6451a841c4b3168000017",
-                    parent: {
-                      id: "Hero",
-                    },
-                    component: {
-                      props: {
-                        id: "Hero+5ad6451a841c4b3168000017",
-                        groupId: "Hero",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 180,
-                        left: -596,
-                        right: 558,
-                        bottom: 661,
-                        width: 1154,
-                        height: 481,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Hero+5bc7813a8c1abc222700000e",
-                    parent: {
-                      id: "Hero",
-                    },
-                    component: {
-                      props: {
-                        id: "Hero+5bc7813a8c1abc222700000e",
-                        groupId: "Hero",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 180,
-                        left: 558,
-                        right: 1712,
-                        bottom: 661,
-                        width: 1154,
-                        height: 481,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-                  {
-                    id: "Hero+5af0a05a841c4b344c00002a",
-                    parent: {
-                      id: "Hero",
-                    },
-                    component: {
-                      props: {
-                        id: "Hero+5af0a05a841c4b344c00002a",
-                        groupId: "Hero",
-                        preferredFocus: true,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 180,
-                        left: 1712,
-                        right: 2866,
-                        bottom: 661,
-                        width: 1154,
-                        height: 481,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-
-                  {
-                    id: "Hero+5ae9f107dbc8585711000011",
-                    parent: {
-                      id: "Hero",
-                    },
-                    component: {
-                      props: {
-                        id: "Hero+5ae9f107dbc8585711000011",
-                        groupId: "Hero",
-                        preferredFocus: false,
-                      },
-                      getRect: jest.fn(() => ({
-                        top: 180,
-                        left: 2866,
-                        right: 4020,
-                        bottom: 661,
-                        width: 1154,
-                        height: 481,
-                        x: 0,
-                        y: 0,
-                      })),
-                    },
-                  },
-                ],
-                component: {
-                  props: {
-                    id: "Hero",
-                    groupId: "ScreenPicker.ScreenContainer",
-                    preferredFocus: true,
-                  },
-                  getRect: jest.fn(() => ({
-                    top: 131,
-                    left: 412,
-                    right: 1912,
-                    bottom: 661,
-                    width: 1500,
-                    height: 530,
-                    x: 0,
-                    y: 0,
-                  })),
-                },
-              },
-            ],
-            component: {
-              props: {
-                id: "ScreenPicker.ScreenContainer",
-                groupId: "ScreenPicker",
-                preferredFocus: false,
-              },
-              getRect: jest.fn(() => ({
-                top: 101,
-                left: 412,
-                right: 1912,
-                bottom: 2186,
-                width: 1500,
-                height: 2085,
-                x: 0,
-                y: 0,
-              })),
-            },
-          },
-        ],
-        component: {
-          props: {
-            id: "ScreenPicker",
-            preferredFocus: true,
-          },
-          getRect: jest.fn(() => ({
-            top: 100,
-            left: 0,
-            right: 1920,
-            bottom: 2186,
-            width: 1920,
-            height: 2086,
-            x: 0,
-            y: 0,
-          })),
-        },
-      },
-    ],
-  },
-};
-
-const priorityMock = [
-  {
-    id: "child1",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child1", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child2",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child2", preferredFocus: true, selected: false },
-    },
-  },
-  {
-    id: "child3",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child3", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child4",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child4", preferredFocus: false, selected: true },
-    },
-  },
-  {
-    id: "child5",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child5", preferredFocus: false, selected: false },
-    },
-  },
-];
-
-const priorityMock2 = [
-  {
-    id: "child1",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child1", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child2",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child2", preferredFocus: true, selected: false },
-    },
-  },
-  {
-    id: "child3",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child3", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child4",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child4", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child5",
-    parent: { id: "parent1", lastFocusedItem: "child5" },
-    component: {
-      props: { id: "child5", preferredFocus: false, selected: false },
-    },
-  },
-];
-
-const priorityMock3 = [
-  {
-    id: "child1",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child1", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child2",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child2", preferredFocus: true, selected: false },
-    },
-  },
-  {
-    id: "child3",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child3", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child4",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child4", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child5",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child5", preferredFocus: false, selected: false },
-    },
-  },
-];
-
-const priorityMock4 = [
-  {
-    id: "child1",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child1", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child2",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child2", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child3",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child3", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child4",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child4", preferredFocus: false, selected: false },
-    },
-  },
-  {
-    id: "child5",
-    parent: { id: "parent1", lastFocusedItem: null },
-    component: {
-      props: { id: "child5", preferredFocus: false, selected: false },
-    },
-  },
-];
-
-function prepareMock(node) {
-  if (node.children) {
-    node.children.forEach((child) => {
-      child.parent = node;
-      prepareMock(child);
-    });
-  }
-}
-
-function treeLoaded() {}
-
-describe("findFocusableNode", () => {
-  const mockScreen = screenMock1;
-  prepareMock(mockScreen.root);
-  const tree = new Tree(treeLoaded);
-  tree.root = mockScreen.root;
-  const selectedHero = tree.findInTree("Hero+5bc7813a8c1abc222700000e");
-  const expectedOnRight = tree.findInTree("Hero+5af0a05a841c4b344c00002a");
-
-  it("return expectedOnRight component when moving right direction", async () => {
-    const foundNode = await findFocusableNode(
-      directionMocks.right,
-      selectedHero
-    );
-
-    expect(foundNode).toEqual(expectedOnRight);
-  });
-
-  // TODO this should change with new functionality of screen picker selector on left.
-  const expectedOnLeft = tree.findInTree("Hero+5ad6451a841c4b3168000017");
-
-  it("return expectedOnLeft component when moving left direction", async () => {
-    const foundNode = await findFocusableNode(
-      directionMocks.left,
-      selectedHero
-    );
-
-    expect(foundNode).toEqual(expectedOnLeft);
-  });
-
-  it("return preferred menu id a892edf2-ceb6-425f-8fdb-3e58b38b233e component when moving up direction", async () => {
-    const foundNode = await findFocusableNode(directionMocks.up, selectedHero);
-    expect(foundNode.id).toEqual("a892edf2-ceb6-425f-8fdb-3e58b38b233e");
-  });
-
-  it("return preferred grid id Grid+5bc7813a8c1abc222700000e component when moving down direction", async () => {
-    const foundNode = await findFocusableNode(
-      directionMocks.down,
-      selectedHero
-    );
-
-    expect(foundNode.id).toEqual("Grid+5bc7813a8c1abc222700000e");
-  });
-});
-
-describe("getSelectedItems", () => {
-  it("return size 1 of array and child4 for first item.id if parent currently selected item is child4", () => {
-    const selectedItems = getSelectedItems(priorityMock);
-    expect(selectedItems.length).toEqual(1);
-    expect(selectedItems[0].id).toEqual("child4");
-  });
-});
-
-describe("getLastFocusedItems", () => {
-  it("return size 1 of array and child5 for first item.id if parent last focused item is child5", () => {
-    const lastFocusedItems = getLastFocusedItems(priorityMock);
-    expect(lastFocusedItems.length).toEqual(1);
-    expect(lastFocusedItems[0].id).toEqual("child5");
-  });
-});
-
-describe("getPreferableItems", () => {
-  it("return size 1 of array and child2 for first item.id for preferable item", () => {
-    const preferableItems = getPreferableItems(priorityMock);
-    expect(preferableItems.length).toEqual(1);
-    expect(preferableItems[0].id).toEqual("child2");
-  });
-});
-
-describe("getPriorityItems", () => {
-  it("return size 1 of array and child4 for first item.id for currently selected item.", () => {
-    const priorityItems = getPriorityItems(priorityMock);
-    expect(priorityItems.length).toEqual(1);
-    expect(priorityItems[0].id).toEqual("child4");
-  });
-
-  it(`return size 1 of array and child5 for first item.id 
-  if there is no currently selected item is child4`, () => {
-    const priorityItems = getPriorityItems(priorityMock2);
-    expect(priorityItems.length).toEqual(1);
-    expect(priorityItems[0].id).toEqual("child5");
-  });
-
-  it(`return size 1 of array and child2 for first item.id 
-  if there is no last focused or currently selected item.`, () => {
-    const priorityItems = getPriorityItems(priorityMock3);
-    expect(priorityItems.length).toEqual(1);
-    expect(priorityItems[0].id).toEqual("child2");
-  });
-
-  it(`return size 1 of array and child1 for first item.id 
-  if there is no last focused, preferable or currently selected item.`, () => {
-    const priorityItems = getPriorityItems(priorityMock4);
-    expect(priorityItems.length).toEqual(1);
-    expect(priorityItems[0].id).toEqual("child1");
-  });
-});
-
-const componentMock1 = {
-  id: "componentMock",
-  parent: { id: "parent1", lastFocusedItem: null },
-  component: {
-    props: {
-      id: "componentMock",
-      prioritiseFocusOn: FocusDirection.UP | FocusDirection.LEFT,
-      preferredFocus: false,
-      selected: false,
-    },
-  },
-};
-
-const componentMock2 = {
-  id: "componentMock",
-  parent: { id: "parent1", lastFocusedItem: null },
-  component: {
-    props: {
-      id: "componentMock",
-      prioritiseFocusOn:
-        FocusDirection.UP |
-        FocusDirection.LEFT |
-        FocusDirection.DOWN |
-        FocusDirection.RIGHT,
-      preferredFocus: false,
-      selected: false,
-    },
-  },
-};
-
-const componentMock3 = {
-  id: "componentMock",
-  parent: { id: "parent1", lastFocusedItem: null },
-  component: {
-    props: {
-      id: "componentMock",
-      preferredFocus: false,
-      selected: false,
-    },
-  },
-};
-
-describe("hasPriorityInDirection", () => {
-  it(`return true for up and left directions and return false for right and bottom,
-  when input prioritiseFocusOn is .TOP or .LEFT`, () => {
-    const hasPriorityInUpDirection = hasPriorityInDirection(
-      directionMocks.up,
-      componentMock1.component
-    );
-
-    expect(hasPriorityInUpDirection).toEqual(true);
-
-    const hasPriorityInDownDirection = hasPriorityInDirection(
-      directionMocks.down,
-      componentMock1.component
-    );
-
-    expect(hasPriorityInDownDirection).toEqual(false);
-
-    const hasPriorityInLeftDirection = hasPriorityInDirection(
-      directionMocks.left,
-      componentMock1.component
-    );
-
-    expect(hasPriorityInLeftDirection).toEqual(true);
-
-    const hasPriorityInRightDirection = hasPriorityInDirection(
-      directionMocks.right,
-      componentMock1.component
-    );
-
-    expect(hasPriorityInRightDirection).toEqual(false);
-  });
-
-  it(`return true for in any direction, when input 
-  prioritiseFocusOn is .TOP or .LEFT or .BOTTOM or .RIGHT`, () => {
-    const hasPriorityInUpDirection = hasPriorityInDirection(
-      directionMocks.up,
-      componentMock2.component
-    );
-
-    expect(hasPriorityInUpDirection).toEqual(true);
-
-    const hasPriorityInDownDirection = hasPriorityInDirection(
-      directionMocks.down,
-      componentMock2.component
-    );
-
-    expect(hasPriorityInDownDirection).toEqual(true);
-
-    const hasPriorityInLeftDirection = hasPriorityInDirection(
-      directionMocks.left,
-      componentMock2.component
-    );
-
-    expect(hasPriorityInLeftDirection).toEqual(true);
-
-    const hasPriorityInRightDirection = hasPriorityInDirection(
-      directionMocks.right,
-      componentMock2.component
-    );
-
-    expect(hasPriorityInRightDirection).toEqual(true);
-  });
-
-  it("return false for in any direction, when input prioritiseFocusOn is not defined", () => {
-    const hasPriorityInUpDirection = hasPriorityInDirection(
-      directionMocks.up,
-      componentMock3.component
-    );
-
-    expect(hasPriorityInUpDirection).toEqual(false);
-
-    const hasPriorityInDownDirection = hasPriorityInDirection(
-      directionMocks.down,
-      componentMock3.component
-    );
-
-    expect(hasPriorityInDownDirection).toEqual(false);
-
-    const hasPriorityInLeftDirection = hasPriorityInDirection(
-      directionMocks.left,
-      componentMock3.component
-    );
-
-    expect(hasPriorityInLeftDirection).toEqual(false);
-
-    const hasPriorityInRightDirection = hasPriorityInDirection(
-      directionMocks.right,
-      componentMock3.component
-    );
-
-    expect(hasPriorityInRightDirection).toEqual(false);
-  });
-});

package/appUtils/focusManager/treeDataStructure/Utils/index.android.js

@@ -1,261 +0,0 @@
-import * as R from "ramda";
-import { rejectItemByPath } from "../../../../objectUtils";
-import {
-  measureDistance,
-  measureEuclidianDistanceToCenter,
-} from "@applicaster/zapp-react-native-utils/rectUtils";
-
-import { mapAsync } from "../../../../functionUtils";
-
-export const FocusDirection = {
-  LEFT: 1,
-  TOP: 2,
-  RIGHT: 4,
-  BOTTOM: 8,
-};
-
-/**
- * Function search down the tree for priority item in given children array.
- * Priorities are:
- * Priority 1: Currently selected item - like a menu item
- * Priority 2: Previously focused item in the parent group
- * Priority 3: Preferrable items - items which have been marked as preferable
- * Priority 4: First item on the list - if by any accident above priories are not satisfied
- * @private
- * @param {Array} children
- * @returns focusable priority item.
- */
-export function findPriorityItem(children) {
-  let preferedGroups = getPriorityItems(children);
-
-  if (preferedGroups.length > 0 && !preferedGroups[0].children) {
-    return preferedGroups;
-  }
-
-  preferedGroups = preferedGroups.filter(
-    (it) =>
-      it.children &&
-      it.children.length > 0 &&
-      it.children.filter((obj) => obj && obj.component.props.preferredFocus)
-        .length > 0
-  );
-
-  while (
-    preferedGroups.length > 0 &&
-    preferedGroups[0].children &&
-    preferedGroups[0].children.length > 0
-  ) {
-    preferedGroups = getPriorityItems(preferedGroups[0].children);
-  }
-
-  return preferedGroups;
-}
-
-/**
- * Function search for currently selected item - like a menu item.
- * @private
- * @param {Array} children
- * @returns array of selected items
- */
-export function getSelectedItems(children) {
-  const selectedItems = children.filter(
-    (obj) => obj && obj.component.props.selected
-  );
-
-  return selectedItems;
-}
-
-/**
- * Function search for previously focused item in the parent group.
- * @private
- * @param {Array} children
- * @returns array of last focus items
- */
-export function getLastFocusedItems(children) {
-  const lastFocusedItems = children.filter(
-    (obj) => obj && obj.id === obj.parent.lastFocusedItem
-  );
-
-  return lastFocusedItems;
-}
-
-/**
- * Function search for items which have been marked as preferable.
- * @private
- * @param {Array} children
- * @returns array of prefereable focus items
- */
-export function getPreferableItems(children) {
-  const preferredItems = children.filter(
-    (obj) => obj && obj.component.props.preferredFocus
-  );
-
-  return preferredItems;
-}
-
-/**
- * Function search for priority items in children array. Priorities are:
- * Priority 1: Currently selected item - like a menu item
- * Priority 2: Previously focused item in the parent group
- * Priority 3: Preferrable items - items which have been marked as preferable
- * Priority 4: First item on the list - if by any accident above priories are not satisfied
- * @private
- * @param {Array} children
- * @returns array of pririty focus items
- */
-export function getPriorityItems(children) {
-  const selectedItems = getSelectedItems(children);
-  const lastFocusedItems = getLastFocusedItems(children);
-  const preferredItems = getPreferableItems(children);
-
-  if (selectedItems.length > 0) {
-    return selectedItems;
-  } else if (lastFocusedItems.length > 0) {
-    return lastFocusedItems;
-  } else if (preferredItems.length > 0) {
-    return preferredItems;
-  } else if (children.length > 0) {
-    return [children[0]];
-  }
-
-  return [];
-}
-
-/**
- * Get target in shortest distance in specified direction
- * @private
- * @param {Object} direction of the navigation, which led to this focus change
- * @param {Object} excludedNode node which should be excluded from target group
- * @param {Array} targetNodes array of input target nodes
- * @param {Object} comparisonRect rectangle to compare sides in direction.
- * @returns {Object} target in direction.
- */
-export async function getTargetInDirection(
-  direction,
-  excludedNode,
-  targetNodes,
-  comparisonRect
-) {
-  const targets = rejectItemByPath(["id"], excludedNode.id, targetNodes);
-
-  const targetsWithDistances = await mapAsync(async (target) => {
-    const targetRect = await target.component.getRect();
-
-    return {
-      distance: measureDistance(direction, comparisonRect, targetRect),
-      euclidianDistance: measureEuclidianDistanceToCenter(
-        comparisonRect,
-        targetRect
-      ),
-      target,
-      targetRect,
-    };
-  }, targets);
-
-  const distances = targetsWithDistances.filter((obj) => obj.distance >= 0);
-
-  if (!distances || distances.length === 0) {
-    return null;
-  }
-
-  const match = R.compose(
-    R.head,
-    R.sortBy((it) => it.euclidianDistance),
-    R.head,
-    R.values,
-    R.groupBy((it) => it.distance)
-  )(distances);
-
-  return match ? match.target : null;
-}
-
-/**
- * Find focusable node in direction from currentFocusedNode.
- * If it does not find a node in current group it seach parent node
- * incuding deep search inside simbilngs of parent. Search goes up the tree
- * until find next focusable item or tree ends.
- * @public
- * @param {Object} direction of the navigation, which led to this focus change
- * @param {Object} currentFocusNode currently focused node as start point of search
- * @returns {Object} focusable node in direction.
- */
-export async function findFocusableNode(direction, currentFocusNode) {
-  const currentFocusable = currentFocusNode.component || null;
-
-  if (currentFocusable) {
-    const currentFocusableRect = await currentFocusable.getRect();
-
-    let focusableNode = await getTargetInDirection(
-      direction,
-      currentFocusNode,
-      currentFocusNode.parent.children,
-      currentFocusableRect
-    );
-
-    const parentHasPriority =
-      currentFocusNode.parent.component &&
-      hasPriorityInDirection(direction, currentFocusNode.parent.component);
-
-    const canFindParentSibling = await findFocusableNode(
-      direction,
-      currentFocusNode.parent
-    );
-
-    if (parentHasPriority && canFindParentSibling) {
-      return canFindParentSibling;
-    } else if (focusableNode && focusableNode.component) {
-      // inside group
-      return focusableNode;
-    } else {
-      // outside group
-      let parentFocusableNode = currentFocusNode;
-
-      // going up the structure untill sibling node
-      while (
-        !focusableNode &&
-        parentFocusableNode &&
-        parentFocusableNode.parent &&
-        parentFocusableNode.parent.parent
-      ) {
-        parentFocusableNode = parentFocusableNode.parent;
-
-        focusableNode = await getTargetInDirection(
-          direction,
-          parentFocusableNode, // excluded sibling parent of current focuable
-          parentFocusableNode.parent.children, // siblings of parent
-          currentFocusableRect
-        );
-      }
-
-      if (focusableNode) {
-        const preferred = findPriorityItem(focusableNode.children);
-
-        return preferred[0];
-      }
-    }
-  }
-}
-
-/**
- * Checks of component has priority in the direction. It is used to navigate
- * outside of the group if group has priotity in specified direction.
- * @public
- * @param {Object} direction of the navigation, which led to this focus change
- * @param {Object} component - object to check props.prioritiseFocusOn
- * @returns {Boolean} TRUE if object has priority in direction.
- * @returns {Boolean} FALSE if object has NO priority in direction.
- */
-export function hasPriorityInDirection(direction, component) {
-  const { prioritiseFocusOn = 0 } = component.props;
-
-  const directionMapper = {
-    left: 1,
-    up: 2,
-    right: 4,
-    down: 8,
-  };
-
-  const mappedDirection = directionMapper[direction.value];
-
-  return (prioritiseFocusOn & mappedDirection) > 0;
-}