@applicaster/zapp-react-native-ui-components 13.0.0-alpha.8532113155 → 13.0.0-alpha.8541129242

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 (91) hide show
  1. package/Components/AnimatedInOut/index.tsx +5 -3
  2. package/Components/AppContainer/__tests__/AppContainer.test.js +4 -6
  3. package/Components/AudioPlayer/__tests__/Runtime.test.js +5 -8
  4. package/Components/AudioPlayer/__tests__/__snapshots__/audioPlayer.test.js.snap +54 -111
  5. package/Components/AudioPlayer/__tests__/__snapshots__/audioPlayerLayout.test.js.snap +36 -20
  6. package/Components/AudioPlayer/__tests__/artWork.test.js +3 -5
  7. package/Components/AudioPlayer/__tests__/audioPlayer.test.js +3 -5
  8. package/Components/AudioPlayer/__tests__/audioPlayerLayout.test.js +7 -8
  9. package/Components/AudioPlayer/__tests__/channel.test.js +3 -5
  10. package/Components/AudioPlayer/__tests__/summary.test.js +3 -5
  11. package/Components/AudioPlayer/__tests__/title.test.js +3 -5
  12. package/Components/BaseFocusable/index.tsx +1 -2
  13. package/Components/Cell/Cell.tsx +1 -0
  14. package/Components/Cell/CellWithFocusable.tsx +1 -0
  15. package/Components/Cell/TvOSCellComponent.tsx +20 -22
  16. package/Components/Cell/index.js +3 -1
  17. package/Components/CellRendererResolver/__tests__/cellRendererResolver.test.js +46 -48
  18. package/Components/ComponentResolver/__tests__/__snapshots__/componentResolver.test.js.snap +1 -42
  19. package/Components/ComponentResolver/__tests__/componentResolver.test.js +16 -22
  20. package/Components/ContentScreen/__tests__/contentScreen.test.js +3 -3
  21. package/Components/ErrorScreen/index.tsx +6 -6
  22. package/Components/Focusable/Focusable.tsx +1 -0
  23. package/Components/Focusable/FocusableTvOS.tsx +5 -1
  24. package/Components/Focusable/index.android.tsx +10 -3
  25. package/Components/FocusableGroup/FocusableTvOS.tsx +34 -83
  26. package/Components/FocusableGroup/index.tsx +1 -3
  27. package/Components/FocusableList/index.tsx +26 -9
  28. package/Components/FocusableScrollView/index.tsx +43 -13
  29. package/Components/Layout/TV/NavBarContainer.tsx +19 -23
  30. package/Components/Layout/TV/__tests__/__snapshots__/NavBarContainer.test.tsx.snap +3 -2
  31. package/Components/Layout/TV/__tests__/__snapshots__/ScreenContainer.test.tsx.snap +3 -2
  32. package/Components/MasterCell/DefaultComponents/ActionButton.tsx +2 -3
  33. package/Components/MasterCell/DefaultComponents/LiveImage/index.tsx +2 -2
  34. package/Components/MasterCell/SharedUI/ProgressBar/hooks/useFillInPercent.ts +2 -8
  35. package/Components/MasterCell/__tests__/__snapshots__/elementMapper.test.js.snap +4 -12
  36. package/Components/MasterCell/__tests__/__snapshots__/masterCell.test.js.snap +0 -229
  37. package/Components/MasterCell/__tests__/elementMapper.test.js +18 -5
  38. package/Components/MasterCell/__tests__/masterCell.test.js +26 -26
  39. package/Components/ModalComponent/Button/index.tsx +6 -6
  40. package/Components/OfflineHandler/NotificationView/NotificationView.lg.tsx +2 -2
  41. package/Components/OfflineHandler/NotificationView/NotificationView.samsung.tsx +2 -2
  42. package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +0 -5
  43. package/Components/PlayerContainer/PlayerContainer.tsx +8 -8
  44. package/Components/PlayerContainer/ProgramInfo/index.tsx +2 -2
  45. package/Components/PlayerImageBackground/index.tsx +23 -3
  46. package/Components/River/ComponentsMap/ComponentsMap.tsx +0 -1
  47. package/Components/River/TV/index.tsx +6 -1
  48. package/Components/River/__tests__/__snapshots__/river.test.js.snap +20 -82
  49. package/Components/River/__tests__/river.test.js +75 -40
  50. package/Components/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap +11 -4
  51. package/Components/RouteManager/__tests__/routeManager.test.js +29 -14
  52. package/Components/RouteManager/__tests__/testId.test.js +8 -6
  53. package/Components/Screen/index.tsx +4 -4
  54. package/Components/ScreenResolver/__tests__/screenResolver.test.js +91 -70
  55. package/Components/Tabs/Tab.tsx +5 -3
  56. package/Components/TextInputTv/index.tsx +2 -1
  57. package/Components/Transitioner/Scene.tsx +1 -1
  58. package/Components/Transitioner/Transitioner.tsx +3 -3
  59. package/Components/Transitioner/__tests__/Scene.test.js +25 -14
  60. package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +12 -68
  61. package/Components/Transitioner/__tests__/__snapshots__/transitioner.test.js.snap +2 -2
  62. package/Components/Transitioner/__tests__/transitioner.test.js +13 -4
  63. package/Components/VideoLive/PlayerLiveImageComponent.tsx +3 -3
  64. package/Components/VideoLive/animationUtils.ts +7 -4
  65. package/Components/VideoModal/ModalAnimation/AnimatedScrollModal.tsx +11 -11
  66. package/Components/VideoModal/ModalAnimation/AnimationComponent.tsx +7 -7
  67. package/Components/VideoModal/PlayerDetails.tsx +9 -6
  68. package/Components/VideoModal/PlayerWrapper.tsx +2 -2
  69. package/Components/Viewport/ViewportAware/__tests__/__snapshots__/viewportAware.test.js.snap +24 -36
  70. package/Components/Viewport/ViewportAware/__tests__/viewportAware.test.js +12 -18
  71. package/Components/Viewport/__tests__/utils.test.js +5 -4
  72. package/Components/ZappUIComponent/Placeholder.tsx +3 -1
  73. package/Components/ZappUIComponent/__tests__/{ZappUIComponent.test.js → ZappUIComponent.test.tsx} +26 -10
  74. package/Components/ZappUIComponent/index.tsx +3 -16
  75. package/Components/default-cell-renderer/__tests__/defaultCellRenderer.test.tsx +20 -17
  76. package/Components/default-cell-renderer/viewTrees/tv/DefaultCell/__tests__/DefaultCell.test.tsx +15 -11
  77. package/Contexts/ComponentsMapOffsetContext/index.tsx +49 -0
  78. package/Decorators/Navigator/__tests__/navigator.test.js +16 -16
  79. package/Decorators/Navigator/index.tsx +1 -1
  80. package/Decorators/RiverResolver/__tests__/riverResolver.test.tsx +18 -24
  81. package/Decorators/RiverResolver/index.tsx +1 -1
  82. package/Decorators/ZappPipesDataConnector/__tests__/zappPipesDataConnector.test.js +29 -22
  83. package/package.json +7 -7
  84. package/Components/Cell/CellWithFocusable.ios.tsx +0 -126
  85. package/Components/CellRendererResolver/__tests__/__snapshots__/cellRendererResolver.test.js.snap +0 -53
  86. package/Components/RouteManager/__tests__/__snapshots__/testId.test.js.snap +0 -17
  87. package/Components/ScreenResolver/__tests__/__snapshots__/screenResolver.test.js.snap +0 -17
  88. package/Components/ZappUIComponent/__tests__/__snapshots__/ZappUIComponent.test.js.snap +0 -91
  89. package/Components/default-cell-renderer/__tests__/__snapshots__/defaultCellRenderer.test.tsx.snap +0 -338
  90. package/Decorators/Navigator/__tests__/__snapshots__/navigator.test.js.snap +0 -18
  91. 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
- `;