@applicaster/zapp-react-native-ui-components 13.0.0-alpha.5771418585 → 13.0.0-alpha.5953040243

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 (74) hide show
  1. package/Components/AppContainer/__tests__/AppContainer.test.js +4 -6
  2. package/Components/AudioPlayer/__tests__/Runtime.test.js +5 -8
  3. package/Components/AudioPlayer/__tests__/__snapshots__/audioPlayer.test.js.snap +54 -111
  4. package/Components/AudioPlayer/__tests__/__snapshots__/audioPlayerLayout.test.js.snap +36 -20
  5. package/Components/AudioPlayer/__tests__/artWork.test.js +3 -5
  6. package/Components/AudioPlayer/__tests__/audioPlayer.test.js +3 -5
  7. package/Components/AudioPlayer/__tests__/audioPlayerLayout.test.js +7 -8
  8. package/Components/AudioPlayer/__tests__/channel.test.js +3 -5
  9. package/Components/AudioPlayer/__tests__/summary.test.js +3 -5
  10. package/Components/AudioPlayer/__tests__/title.test.js +3 -5
  11. package/Components/BaseFocusable/index.tsx +1 -2
  12. package/Components/Cell/Cell.tsx +1 -0
  13. package/Components/Cell/CellWithFocusable.tsx +1 -0
  14. package/Components/Cell/TvOSCellComponent.tsx +20 -22
  15. package/Components/Cell/index.js +3 -1
  16. package/Components/CellRendererResolver/__tests__/cellRendererResolver.test.js +46 -48
  17. package/Components/ComponentResolver/__tests__/__snapshots__/componentResolver.test.js.snap +1 -42
  18. package/Components/ComponentResolver/__tests__/componentResolver.test.js +16 -22
  19. package/Components/ContentScreen/__tests__/contentScreen.test.js +3 -3
  20. package/Components/Focusable/FocusableTvOS.tsx +5 -1
  21. package/Components/Focusable/index.android.tsx +10 -3
  22. package/Components/FocusableGroup/FocusableTvOS.tsx +34 -83
  23. package/Components/FocusableGroup/index.tsx +1 -3
  24. package/Components/FocusableList/index.tsx +26 -9
  25. package/Components/FocusableScrollView/index.tsx +43 -13
  26. package/Components/Layout/TV/NavBarContainer.tsx +19 -23
  27. package/Components/Layout/TV/__tests__/__snapshots__/NavBarContainer.test.tsx.snap +3 -2
  28. package/Components/Layout/TV/__tests__/__snapshots__/ScreenContainer.test.tsx.snap +3 -2
  29. package/Components/MasterCell/DefaultComponents/ActionButton.tsx +2 -3
  30. package/Components/MasterCell/SharedUI/ProgressBar/hooks/useFillInPercent.ts +2 -8
  31. package/Components/MasterCell/__tests__/__snapshots__/elementMapper.test.js.snap +4 -12
  32. package/Components/MasterCell/__tests__/__snapshots__/masterCell.test.js.snap +0 -229
  33. package/Components/MasterCell/__tests__/elementMapper.test.js +18 -5
  34. package/Components/MasterCell/__tests__/masterCell.test.js +26 -26
  35. package/Components/MasterCell/utils/behaviorProvider.ts +131 -0
  36. package/Components/MasterCell/utils/index.ts +3 -129
  37. package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +0 -5
  38. package/Components/PlayerImageBackground/index.tsx +23 -3
  39. package/Components/River/TV/index.tsx +6 -1
  40. package/Components/River/__tests__/__snapshots__/river.test.js.snap +20 -82
  41. package/Components/River/__tests__/river.test.js +75 -40
  42. package/Components/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap +11 -4
  43. package/Components/RouteManager/__tests__/routeManager.test.js +29 -14
  44. package/Components/RouteManager/__tests__/testId.test.js +8 -6
  45. package/Components/ScreenResolver/__tests__/screenResolver.test.js +91 -70
  46. package/Components/Transitioner/__tests__/Scene.test.js +25 -14
  47. package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +12 -68
  48. package/Components/Transitioner/__tests__/__snapshots__/transitioner.test.js.snap +2 -2
  49. package/Components/Transitioner/__tests__/transitioner.test.js +13 -4
  50. package/Components/VideoModal/PlayerDetails.tsx +4 -1
  51. package/Components/Viewport/ViewportAware/__tests__/__snapshots__/viewportAware.test.js.snap +24 -36
  52. package/Components/Viewport/ViewportAware/__tests__/viewportAware.test.js +12 -18
  53. package/Components/Viewport/__tests__/utils.test.js +5 -4
  54. package/Components/ZappUIComponent/Placeholder.tsx +3 -1
  55. package/Components/ZappUIComponent/__tests__/{ZappUIComponent.test.js → ZappUIComponent.test.tsx} +26 -10
  56. package/Components/ZappUIComponent/index.tsx +3 -16
  57. package/Components/default-cell-renderer/__tests__/defaultCellRenderer.test.tsx +20 -17
  58. package/Components/default-cell-renderer/viewTrees/tv/DefaultCell/__tests__/DefaultCell.test.tsx +15 -11
  59. package/Contexts/ComponentsMapOffsetContext/index.tsx +49 -0
  60. package/Decorators/Navigator/__tests__/navigator.test.js +16 -16
  61. package/Decorators/Navigator/index.tsx +1 -1
  62. package/Decorators/RiverResolver/__tests__/riverResolver.test.tsx +18 -24
  63. package/Decorators/RiverResolver/index.tsx +1 -1
  64. package/Decorators/ZappPipesDataConnector/__tests__/zappPipesDataConnector.test.js +29 -22
  65. package/Decorators/ZappPipesDataConnector/index.tsx +2 -29
  66. package/package.json +7 -7
  67. package/Components/Cell/CellWithFocusable.ios.tsx +0 -126
  68. package/Components/CellRendererResolver/__tests__/__snapshots__/cellRendererResolver.test.js.snap +0 -53
  69. package/Components/RouteManager/__tests__/__snapshots__/testId.test.js.snap +0 -17
  70. package/Components/ScreenResolver/__tests__/__snapshots__/screenResolver.test.js.snap +0 -17
  71. package/Components/ZappUIComponent/__tests__/__snapshots__/ZappUIComponent.test.js.snap +0 -91
  72. package/Components/default-cell-renderer/__tests__/__snapshots__/defaultCellRenderer.test.tsx.snap +0 -338
  73. package/Decorators/Navigator/__tests__/__snapshots__/navigator.test.js.snap +0 -18
  74. package/Decorators/RiverResolver/__tests__/__snapshots__/riverResolver.test.tsx.snap +0 -28
@@ -1,91 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`ZappUIComponent when zapp pipes data is loading renders correctly otherwise 1`] = `
4
- <ContextProvider
5
- value={
6
- {
7
- "parent": null,
8
- }
9
- }
10
- >
11
- <LoadingComponent
12
- onLoadFinished={[MockFunction]}
13
- parent={null}
14
- zappPipesData={
15
- {
16
- "loading": true,
17
- }
18
- }
19
- />
20
- </ContextProvider>
21
- `;
22
-
23
- exports[`ZappUIComponent when zapp pipes data is loading renders null if no loading component is provided 1`] = `
24
- <ContextProvider
25
- value={
26
- {
27
- "parent": null,
28
- }
29
- }
30
- >
31
- <Placeholder
32
- onLoadFinished={[MockFunction]}
33
- parent={null}
34
- zappPipesData={
35
- {
36
- "loading": true,
37
- }
38
- }
39
- />
40
- </ContextProvider>
41
- `;
42
-
43
- exports[`ZappUIComponent when zapp pipes data returns properly renders correctly 1`] = `
44
- <ContextProvider
45
- value={
46
- {
47
- "parent": null,
48
- }
49
- }
50
- >
51
- <Component
52
- onLoadFinished={[MockFunction]}
53
- parent={null}
54
- zappPipesData={
55
- {
56
- "data": {
57
- "type": {
58
- "value": "feed",
59
- },
60
- },
61
- "loading": false,
62
- }
63
- }
64
- />
65
- </ContextProvider>
66
- `;
67
-
68
- exports[`ZappUIComponent whenn zapp pipes data returns with error renders correctly otherwise 1`] = `
69
- <ContextProvider
70
- value={
71
- {
72
- "parent": null,
73
- }
74
- }
75
- >
76
- <ErrorComponent
77
- onLoadFinished={[MockFunction]}
78
- parent={null}
79
- zappPipesData={
80
- {
81
- "error": {
82
- "message": "oups",
83
- },
84
- "loading": false,
85
- }
86
- }
87
- />
88
- </ContextProvider>
89
- `;
90
-
91
- exports[`ZappUIComponent whenn zapp pipes data returns with error renders null if no error component is provided 1`] = `""`;
@@ -1,338 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`DefaultCellRenderer returns a react component and it renders correctly 1`] = `
4
- <View
5
- style={
6
- {
7
- "alignItems": "flex-start",
8
- "flex": 1,
9
- }
10
- }
11
- >
12
- <View
13
- cellUUID="mocked-uuid"
14
- key="0"
15
- skipButtons={false}
16
- store={null}
17
- style={
18
- {
19
- "backgroundColor": "transparent",
20
- "margin": 12,
21
- "opacity": 1,
22
- "width": 169,
23
- }
24
- }
25
- wrapperRef={
26
- {
27
- "current": null,
28
- }
29
- }
30
- >
31
- <ImageContainer
32
- cellUUID="mocked-uuid"
33
- key="0"
34
- skipButtons={false}
35
- style={
36
- {
37
- "borderRadius": 3,
38
- "height": 80,
39
- "width": 169,
40
- }
41
- }
42
- />
43
- <View
44
- cellUUID="mocked-uuid"
45
- key="1"
46
- skipButtons={false}
47
- store={null}
48
- wrapperRef={
49
- {
50
- "current": null,
51
- }
52
- }
53
- >
54
- <_Text
55
- ellipsizeMode="tail"
56
- key="0"
57
- label=""
58
- numberOfLines={2}
59
- skipButtons={false}
60
- style={
61
- {
62
- "color": "#000",
63
- "fontFamily": "HelveticaNeue-Light",
64
- "fontSize": 16,
65
- "padding": 3,
66
- }
67
- }
68
- />
69
- </View>
70
- </View>
71
- </View>
72
- `;
73
-
74
- exports[`DefaultCellRenderer returns a react component for LG TVs 1`] = `
75
- <View
76
- style={
77
- {
78
- "flex": 1,
79
- "width": 429,
80
- }
81
- }
82
- >
83
- <View
84
- cellUUID="mocked-uuid"
85
- key="0"
86
- skipButtons={false}
87
- store={null}
88
- style={
89
- {
90
- "aspectRatio": 0.880733945,
91
- "flex": 1,
92
- "padding": 10,
93
- }
94
- }
95
- wrapperRef={
96
- {
97
- "current": null,
98
- }
99
- }
100
- >
101
- <View
102
- cellUUID="mocked-uuid"
103
- key="0"
104
- skipButtons={false}
105
- store={null}
106
- style={
107
- {
108
- "backgroundColor": "rgba(47,47,47,1.0)",
109
- "borderRadius": 4,
110
- "flex": 1,
111
- "overflow": "hidden",
112
- }
113
- }
114
- wrapperRef={
115
- {
116
- "current": null,
117
- }
118
- }
119
- >
120
- <View
121
- cellUUID="mocked-uuid"
122
- key="0"
123
- skipButtons={false}
124
- store={null}
125
- wrapperRef={
126
- {
127
- "current": null,
128
- }
129
- }
130
- >
131
- <ImageContainer
132
- cellUUID="mocked-uuid"
133
- key="0"
134
- skipButtons={false}
135
- style={
136
- {
137
- "aspectRatio": 1.7782608696,
138
- "backgroundColor": "rgba(47,47,47,1.0)",
139
- }
140
- }
141
- />
142
- <View
143
- cellUUID="mocked-uuid"
144
- key="1"
145
- skipButtons={false}
146
- store={null}
147
- wrapperRef={
148
- {
149
- "current": null,
150
- }
151
- }
152
- >
153
- <_Text
154
- key="0"
155
- label=""
156
- numberOfLines={2}
157
- skipButtons={false}
158
- style={
159
- {
160
- "color": "rgba(239,239,239,1.0)",
161
- "fontSize": 26,
162
- "fontWeight": "700",
163
- "lineHeight": 32,
164
- "paddingHorizontal": "6%",
165
- "paddingTop": "6%",
166
- }
167
- }
168
- />
169
- </View>
170
- <View
171
- cellUUID="mocked-uuid"
172
- key="2"
173
- skipButtons={false}
174
- store={null}
175
- style={
176
- {
177
- "paddingHorizontal": "6%",
178
- "paddingTop": "3%",
179
- }
180
- }
181
- wrapperRef={
182
- {
183
- "current": null,
184
- }
185
- }
186
- >
187
- <_Text
188
- key="0"
189
- label=""
190
- numberOfLines={1}
191
- skipButtons={false}
192
- style={
193
- {
194
- "color": "rgba(239,239,239,1.0)",
195
- "fontSize": 24,
196
- "fontWeight": "400",
197
- }
198
- }
199
- />
200
- </View>
201
- </View>
202
- </View>
203
- </View>
204
- </View>
205
- `;
206
-
207
- exports[`DefaultCellRenderer returns a react component for Samsung TVs 1`] = `
208
- <View
209
- style={
210
- {
211
- "flex": 1,
212
- "width": 429,
213
- }
214
- }
215
- >
216
- <View
217
- cellUUID="mocked-uuid"
218
- key="0"
219
- skipButtons={false}
220
- store={null}
221
- style={
222
- {
223
- "aspectRatio": 0.880733945,
224
- "flex": 1,
225
- "padding": 10,
226
- }
227
- }
228
- wrapperRef={
229
- {
230
- "current": null,
231
- }
232
- }
233
- >
234
- <View
235
- cellUUID="mocked-uuid"
236
- key="0"
237
- skipButtons={false}
238
- store={null}
239
- style={
240
- {
241
- "backgroundColor": "rgba(47,47,47,1.0)",
242
- "borderRadius": 4,
243
- "flex": 1,
244
- "overflow": "hidden",
245
- }
246
- }
247
- wrapperRef={
248
- {
249
- "current": null,
250
- }
251
- }
252
- >
253
- <View
254
- cellUUID="mocked-uuid"
255
- key="0"
256
- skipButtons={false}
257
- store={null}
258
- wrapperRef={
259
- {
260
- "current": null,
261
- }
262
- }
263
- >
264
- <ImageContainer
265
- cellUUID="mocked-uuid"
266
- key="0"
267
- skipButtons={false}
268
- style={
269
- {
270
- "aspectRatio": 1.7782608696,
271
- "backgroundColor": "rgba(47,47,47,1.0)",
272
- }
273
- }
274
- />
275
- <View
276
- cellUUID="mocked-uuid"
277
- key="1"
278
- skipButtons={false}
279
- store={null}
280
- wrapperRef={
281
- {
282
- "current": null,
283
- }
284
- }
285
- >
286
- <_Text
287
- key="0"
288
- label=""
289
- numberOfLines={2}
290
- skipButtons={false}
291
- style={
292
- {
293
- "color": "rgba(239,239,239,1.0)",
294
- "fontSize": 26,
295
- "fontWeight": "700",
296
- "lineHeight": 32,
297
- "paddingHorizontal": "6%",
298
- "paddingTop": "6%",
299
- }
300
- }
301
- />
302
- </View>
303
- <View
304
- cellUUID="mocked-uuid"
305
- key="2"
306
- skipButtons={false}
307
- store={null}
308
- style={
309
- {
310
- "paddingHorizontal": "6%",
311
- "paddingTop": "3%",
312
- }
313
- }
314
- wrapperRef={
315
- {
316
- "current": null,
317
- }
318
- }
319
- >
320
- <_Text
321
- key="0"
322
- label=""
323
- numberOfLines={1}
324
- skipButtons={false}
325
- style={
326
- {
327
- "color": "rgba(239,239,239,1.0)",
328
- "fontSize": 24,
329
- "fontWeight": "400",
330
- }
331
- }
332
- />
333
- </View>
334
- </View>
335
- </View>
336
- </View>
337
- </View>
338
- `;
@@ -1,18 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`withNavigator Decorator renders correctly 1`] = `
4
- <Component
5
- navigator={
6
- {
7
- "activeRiver": {},
8
- "canGoBack": [MockFunction],
9
- "goBack": [MockFunction],
10
- "isNavBarVisible": true,
11
- "push": [MockFunction],
12
- "replace": [MockFunction],
13
- "routeData": [MockFunction],
14
- }
15
- }
16
- someProp="foo"
17
- />
18
- `;
@@ -1,28 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`withRiver HoC renders correctly 1`] = `
4
- <mockConstructor
5
- otherProp="otherProp"
6
- river={
7
- {
8
- "id": "A123",
9
- }
10
- }
11
- rivers={
12
- {
13
- "A123": {
14
- "id": "A123",
15
- },
16
- "B345": {
17
- "id": "B345",
18
- },
19
- }
20
- }
21
- screenData={
22
- {
23
- "id": "A123",
24
- }
25
- }
26
- screenId="A123"
27
- />
28
- `;