@applicaster/zapp-react-native-ui-components 15.0.0-alpha.7591121530 → 15.0.0-alpha.7607942912

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 (54) hide show
  1. package/Components/BaseFocusable/index.ios.ts +12 -2
  2. package/Components/Cell/Cell.tsx +8 -3
  3. package/Components/Cell/FocusableWrapper.tsx +3 -0
  4. package/Components/Cell/TvOSCellComponent.tsx +26 -5
  5. package/Components/Focusable/FocusableTvOS.tsx +12 -2
  6. package/Components/Focusable/__tests__/__snapshots__/FocusableTvOS.test.tsx.snap +1 -0
  7. package/Components/FocusableGroup/FocusableTvOS.tsx +11 -0
  8. package/Components/HandlePlayable/HandlePlayable.tsx +10 -7
  9. package/Components/Layout/TV/LayoutBackground.tsx +5 -2
  10. package/Components/Layout/TV/ScreenContainer.tsx +2 -6
  11. package/Components/Layout/TV/index.tsx +3 -4
  12. package/Components/Layout/TV/index.web.tsx +3 -4
  13. package/Components/LinkHandler/LinkHandler.tsx +2 -2
  14. package/Components/MasterCell/DefaultComponents/BorderContainerView/__tests__/index.test.tsx +16 -1
  15. package/Components/MasterCell/DefaultComponents/BorderContainerView/index.tsx +30 -2
  16. package/Components/MasterCell/DefaultComponents/Image/Image.android.tsx +5 -1
  17. package/Components/MasterCell/DefaultComponents/Image/Image.ios.tsx +11 -3
  18. package/Components/MasterCell/DefaultComponents/Image/Image.web.tsx +9 -1
  19. package/Components/MasterCell/DefaultComponents/Image/hooks/useImage.ts +15 -14
  20. package/Components/MasterCell/DefaultComponents/LiveImage/index.tsx +10 -6
  21. package/Components/MasterCell/DefaultComponents/Text/index.tsx +8 -8
  22. package/Components/MasterCell/index.tsx +2 -0
  23. package/Components/MasterCell/utils/__tests__/resolveColor.test.js +82 -3
  24. package/Components/MasterCell/utils/index.ts +61 -31
  25. package/Components/MeasurmentsPortal/MeasurementsPortal.tsx +102 -87
  26. package/Components/MeasurmentsPortal/__tests__/MeasurementsPortal.test.tsx +355 -0
  27. package/Components/OfflineHandler/NotificationView/NotificationView.tsx +2 -2
  28. package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +17 -18
  29. package/Components/OfflineHandler/__tests__/index.test.tsx +27 -18
  30. package/Components/PlayerContainer/PlayerContainer.tsx +4 -3
  31. package/Components/Screen/TV/index.web.tsx +4 -2
  32. package/Components/Screen/__tests__/Screen.test.tsx +65 -42
  33. package/Components/Screen/__tests__/__snapshots__/Screen.test.tsx.snap +68 -44
  34. package/Components/Screen/hooks.ts +2 -3
  35. package/Components/Screen/index.tsx +2 -3
  36. package/Components/Screen/navigationHandler.ts +49 -24
  37. package/Components/Screen/orientationHandler.ts +3 -3
  38. package/Components/ScreenResolver/index.tsx +13 -7
  39. package/Components/ScreenRevealManager/ScreenRevealManager.ts +40 -8
  40. package/Components/ScreenRevealManager/__tests__/ScreenRevealManager.test.ts +86 -69
  41. package/Components/Tabs/TV/Tabs.tsx +20 -3
  42. package/Components/Transitioner/Scene.tsx +15 -2
  43. package/Components/Transitioner/index.js +3 -3
  44. package/Components/VideoModal/ModalAnimation/ModalAnimationContext.tsx +124 -27
  45. package/Components/VideoModal/VideoModal.tsx +1 -5
  46. package/Components/VideoModal/utils.ts +19 -9
  47. package/Decorators/Analytics/index.tsx +6 -5
  48. package/Decorators/ZappPipesDataConnector/index.tsx +2 -2
  49. package/Decorators/ZappPipesDataConnector/resolvers/StaticFeedResolver.tsx +1 -1
  50. package/Helpers/DataSourceHelper/__tests__/itemLimitForData.test.ts +80 -0
  51. package/Helpers/DataSourceHelper/index.ts +19 -0
  52. package/index.d.ts +7 -0
  53. package/package.json +6 -5
  54. package/Helpers/DataSourceHelper/index.js +0 -19
@@ -0,0 +1,80 @@
1
+ import { itemLimitForData } from "..";
2
+
3
+ describe("itemLimitForData (no mocks)", () => {
4
+ test("returns full array when item_limit is undefined (default Infinity)", () => {
5
+ // @ts-ignore
6
+ const result = itemLimitForData([1, 2, 3], {
7
+ rules: { item_limit: undefined },
8
+ });
9
+
10
+ expect(result).toEqual([1, 2, 3]);
11
+ });
12
+
13
+ test("enforces positive numeric item_limit", () => {
14
+ // @ts-ignore
15
+ const result = itemLimitForData([1, 2, 3, 4], {
16
+ rules: { item_limit: 2 },
17
+ });
18
+
19
+ expect(result).toEqual([1, 2]);
20
+ });
21
+
22
+ test("returns empty array when entry is empty", () => {
23
+ const result = itemLimitForData([], {
24
+ rules: { item_limit: 3 },
25
+ });
26
+
27
+ expect(result).toEqual([]);
28
+ });
29
+
30
+ test("defaults entry to empty array when it is undefined", () => {
31
+ const result = itemLimitForData(undefined, {
32
+ rules: { item_limit: 5 },
33
+ });
34
+
35
+ expect(result).toEqual([]);
36
+ });
37
+
38
+ test("handles missing component", () => {
39
+ // @ts-ignore
40
+ const result = itemLimitForData([10, 20, 30], undefined);
41
+ // missing component → item_limit = undefined → fallback to Infinity
42
+ expect(result).toEqual([10, 20, 30]);
43
+ });
44
+
45
+ test("handles missing rules object", () => {
46
+ // @ts-ignore
47
+ const result = itemLimitForData([10, 20, 30], {});
48
+
49
+ expect(result).toEqual([10, 20, 30]);
50
+ });
51
+
52
+ test("non-positive item_limit should fall back to Infinity", () => {
53
+ // @ts-ignore
54
+ const result = itemLimitForData([1, 2, 3], {
55
+ rules: { item_limit: -10 },
56
+ });
57
+
58
+ // -10 → invalid → fallback to Infinity → no limit
59
+ expect(result).toEqual([1, 2, 3]);
60
+ });
61
+
62
+ test("zero item_limit should fall back to Infinity", () => {
63
+ // @ts-ignore
64
+ const result = itemLimitForData([1, 2, 3], {
65
+ rules: { item_limit: 0 },
66
+ });
67
+
68
+ // 0 → invalid → fallback to Infinity
69
+ expect(result).toEqual([1, 2, 3]);
70
+ });
71
+
72
+ test("NaN item_limit should fall back to Infinity", () => {
73
+ // @ts-ignore
74
+ const result = itemLimitForData([1, 2, 3], {
75
+ rules: { item_limit: NaN },
76
+ });
77
+
78
+ expect(result).toEqual([1, 2, 3]);
79
+ });
80
+ });
@@ -0,0 +1,19 @@
1
+ import { toPositiveNumberWithDefault } from "@applicaster/zapp-react-native-utils/numberUtils";
2
+
3
+ export function itemLimitForData(
4
+ entry: ZappEntry[],
5
+ component: {
6
+ rules?: { item_limit?: number | string };
7
+ }
8
+ ) {
9
+ if (!component?.rules?.item_limit) {
10
+ return entry;
11
+ }
12
+
13
+ const itemLimit = toPositiveNumberWithDefault(
14
+ Infinity,
15
+ component?.rules?.item_limit
16
+ );
17
+
18
+ return (entry || []).slice(0, itemLimit);
19
+ }
package/index.d.ts CHANGED
@@ -228,6 +228,12 @@ declare type TabsSelectionContextType = {
228
228
  selectedEntryIndex: number;
229
229
  };
230
230
 
231
+ declare type TabsAccessibility = {
232
+ announcement?: string;
233
+ selectedHint?: string;
234
+ hint?: string;
235
+ };
236
+
231
237
  declare type TabsProps = {
232
238
  entry: ZappEntry[];
233
239
  groupId: string;
@@ -235,6 +241,7 @@ declare type TabsProps = {
235
241
  focused?: boolean;
236
242
  parentFocus?: ParentFocus;
237
243
  style?: ReactViewStyle;
244
+ accessibility?: TabsAccessibility;
238
245
  };
239
246
 
240
247
  declare type TabContentProps = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/zapp-react-native-ui-components",
3
- "version": "15.0.0-alpha.7591121530",
3
+ "version": "15.0.0-alpha.7607942912",
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",
@@ -28,10 +28,11 @@
28
28
  },
29
29
  "homepage": "https://github.com/applicaster/quickbrick#readme",
30
30
  "dependencies": {
31
- "@applicaster/applicaster-types": "15.0.0-alpha.7591121530",
32
- "@applicaster/zapp-react-native-bridge": "15.0.0-alpha.7591121530",
33
- "@applicaster/zapp-react-native-redux": "15.0.0-alpha.7591121530",
34
- "@applicaster/zapp-react-native-utils": "15.0.0-alpha.7591121530",
31
+ "@applicaster/applicaster-types": "15.0.0-alpha.7607942912",
32
+ "@applicaster/zapp-react-native-bridge": "15.0.0-alpha.7607942912",
33
+ "@applicaster/zapp-react-native-redux": "15.0.0-alpha.7607942912",
34
+ "@applicaster/zapp-react-native-utils": "15.0.0-alpha.7607942912",
35
+ "fast-json-stable-stringify": "^2.1.0",
35
36
  "promise": "^8.3.0",
36
37
  "url": "^0.11.0",
37
38
  "uuid": "^3.3.2"
@@ -1,19 +0,0 @@
1
- import * as R from "ramda";
2
-
3
- export function itemLimitForData(entry = [], component) {
4
- const itemLimitValue = Number(R.path(["rules", "item_limit"], component));
5
-
6
- const itemLimit =
7
- itemLimitValue && itemLimitValue > 0
8
- ? itemLimitValue
9
- : Number.MAX_SAFE_INTEGER;
10
-
11
- const isInRange = (min, max) => R.both(R.gte(R.__, min), R.lt(R.__, max));
12
-
13
- const entryShouldBeSliced = (entry) =>
14
- isInRange(0, R.length(entry))(itemLimit);
15
-
16
- const sliceEntriesUpToItemLimit = R.slice(0, itemLimit);
17
-
18
- return R.when(entryShouldBeSliced, sliceEntriesUpToItemLimit)(entry);
19
- }