@applicaster/zapp-react-native-ui-components 13.0.0-alpha.2322412833 → 13.0.0-alpha.2330880002

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/Components/Cell/Cell.tsx +9 -5
  2. package/Components/Cell/CellWithFocusable.tsx +1 -1
  3. package/Components/Cell/TvOSCellComponent.tsx +4 -3
  4. package/Components/NativeFocusables/{index.ts → index.js} +2 -4
  5. package/Decorators/Analytics/{index.tsx → index.js} +11 -11
  6. package/package.json +5 -5
package/Components/Cell/Cell.tsx CHANGED
@@ -14,7 +14,10 @@ import { BaseFocusable } from "../BaseFocusable";
14
14
  import { AccessibilityManager } from "@applicaster/zapp-react-native-utils/appUtils/accessibilityManager";
15
15
 
16
16
  type Props = {
17
- item: ZappEntry;
17
+ item: {
18
+ id: string;
19
+ title: string;
20
+ };
18
21
  index: number;
19
22
  shouldScrollHorizontally: (arg1: [any]) => boolean | null | undefined;
20
23
  shouldScrollVertically: (...args: any) => boolean | null | undefined;
@@ -30,9 +33,10 @@ type Props = {
30
33
  id: string;
31
34
  };
32
35
  selected?: boolean;
33
- CellRenderer: React.FunctionComponent<any> & {
34
- hasFocusableInside: (item: ZappEntry) => boolean;
35
- };
36
+ CellRenderer: React.ComponentType<{
37
+ item: any;
38
+ state: string;
39
+ }> & { hasFocusableInside: (item: Record<string, string>) => boolean };
36
40
  preferredFocus: boolean;
37
41
  navigator: {
38
42
  push: (arg1: Record<any, any>) => void;
@@ -272,7 +276,7 @@ export class CellComponent extends React.Component<Props, State> {
272
276
 
273
277
  if (isFocused) {
274
278
  const accessibilityManager = AccessibilityManager.getInstance();
275
- accessibilityManager.readText({ text: String(item.title) });
279
+ accessibilityManager.readText({ text: item.title });
276
280
  }
277
281
 
278
282
  return (
package/Components/Cell/CellWithFocusable.tsx CHANGED
@@ -46,7 +46,7 @@ const useCellFocusedState = (
46
46
 
47
47
  type Props = {
48
48
  item: ZappEntry;
49
- CellRenderer: React.FunctionComponent<any>;
49
+ CellRenderer: React.ComponentType<{ item: Object; state: string }>;
50
50
  id: string;
51
51
  groupId: string;
52
52
  onFocus: Function;
package/Components/Cell/TvOSCellComponent.tsx CHANGED
@@ -36,9 +36,10 @@ type Props = {
36
36
  component_type: string;
37
37
  };
38
38
  selected: boolean;
39
- CellRenderer: React.FunctionComponent<any> & {
40
- hasFocusableInside: (item: any) => boolean;
41
- };
39
+ CellRenderer: React.ComponentType<{
40
+ item: any;
41
+ state: string;
42
+ }> & { hasFocusableInside: (item: any) => boolean };
42
43
  preferredFocus: boolean;
43
44
  navigator: {
44
45
  push: (arg1: Record<any, any>) => void;
package/Components/NativeFocusables/{index.ts → index.js} RENAMED
@@ -1,12 +1,10 @@
1
1
  import { requireNativeComponent, View } from "react-native";
2
2
  import { isAppleTV } from "@applicaster/zapp-react-native-ui-components/Helpers/Platform";
3
3
 
4
- // @TODO define the types
5
4
  export const FocusableGroupNative = isAppleTV()
6
- ? requireNativeComponent<any>("FocusableGroupViewModule")
5
+ ? requireNativeComponent("FocusableGroupViewModule", null)
7
6
  : View;
8
7
 
9
- // @TODO define the types
10
8
  export const FocusableItemNative = isAppleTV()
11
- ? requireNativeComponent<any>("FocusableViewModule")
9
+ ? requireNativeComponent("FocusableViewModule", null)
12
10
  : View;
package/Decorators/Analytics/{index.tsx → index.js} RENAMED
@@ -5,18 +5,18 @@ import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
5
5
 
6
6
  type ComponentProps = {
7
7
  component: {
8
- id: string;
9
- rules: { item_limit: number; component_cells_selectable: boolean };
10
- component_type: string;
8
+ id: string,
9
+ rules: { item_limit: number, component_cells_selectable: boolean },
10
+ component_type: string,
11
11
  styles: {
12
- cell_style: string;
13
- header: { visible: boolean };
14
- component_cells_selectable: boolean;
15
- };
16
- };
17
- zappPipesData: { url: string; data: { title: string } };
18
- selected: boolean;
19
- assets: { menu_button: string };
12
+ cell_style: string,
13
+ header: { visible: boolean },
14
+ component_cells_selectable: boolean,
15
+ },
16
+ },
17
+ zappPipesData: { url: string, data: { title: string } },
18
+ selected: boolean,
19
+ assets: { menu_button: string },
20
20
  };
21
21
 
22
22
  function withAnalytics(Component) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/zapp-react-native-ui-components",
3
- "version": "13.0.0-alpha.2322412833",
3
+ "version": "13.0.0-alpha.2330880002",
4
4
  "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
@@ -34,10 +34,10 @@
34
34
  "redux-mock-store": "^1.5.3"
35
35
  },
36
36
  "dependencies": {
37
- "@applicaster/applicaster-types": "13.0.0-alpha.2322412833",
38
- "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.2322412833",
39
- "@applicaster/zapp-react-native-redux": "13.0.0-alpha.2322412833",
40
- "@applicaster/zapp-react-native-utils": "13.0.0-alpha.2322412833",
37
+ "@applicaster/applicaster-types": "13.0.0-alpha.2330880002",
38
+ "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.2330880002",
39
+ "@applicaster/zapp-react-native-redux": "13.0.0-alpha.2330880002",
40
+ "@applicaster/zapp-react-native-utils": "13.0.0-alpha.2330880002",
41
41
  "promise": "^8.3.0",
42
42
  "react-router-native": "^5.1.2",
43
43
  "url": "^0.11.0",