@applicaster/zapp-react-native-ui-components 13.0.0-alpha.9946926334 → 13.0.0-rc.100

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 (172) hide show
  1. package/Components/AppContainer/__tests__/AppContainer.test.js +4 -6
  2. package/Components/AudioPlayer/AudioPlayer.tsx +7 -0
  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/AudioPlayer/helpers.tsx +1 -0
  13. package/Components/BaseFocusable/index.ios.ts +1 -1
  14. package/Components/BaseFocusable/index.tsx +2 -3
  15. package/Components/Cell/Cell.tsx +11 -16
  16. package/Components/Cell/CellWithFocusable.tsx +50 -59
  17. package/Components/Cell/CellWrapper.tsx +18 -0
  18. package/Components/Cell/TvOSCellComponent.tsx +20 -26
  19. package/Components/Cell/__tests__/CellWIthFocusable.test.js +13 -6
  20. package/Components/Cell/index.js +3 -1
  21. package/Components/Cell/styles.ts +17 -0
  22. package/Components/CellRendererResolver/__tests__/cellRendererResolver.test.js +46 -48
  23. package/Components/CellRendererResolver/index.ts +2 -1
  24. package/Components/ComponentResolver/__tests__/__snapshots__/componentResolver.test.js.snap +1 -42
  25. package/Components/ComponentResolver/__tests__/componentResolver.test.js +16 -22
  26. package/Components/ContentScreen/__tests__/contentScreen.test.js +3 -3
  27. package/Components/ErrorScreen/index.tsx +14 -6
  28. package/Components/Focusable/Focusable.tsx +1 -0
  29. package/Components/Focusable/FocusableTvOS.tsx +6 -2
  30. package/Components/Focusable/Touchable.tsx +19 -20
  31. package/Components/Focusable/index.android.tsx +10 -3
  32. package/Components/FocusableCell/index.tsx +1 -1
  33. package/Components/FocusableGroup/FocusableTvOS.tsx +34 -86
  34. package/Components/FocusableGroup/index.tsx +0 -3
  35. package/Components/FocusableList/index.tsx +26 -10
  36. package/Components/FocusableScrollView/index.tsx +43 -13
  37. package/Components/HandlePlayable/HandlePlayable.tsx +21 -27
  38. package/Components/Layout/TV/LayoutBackground.tsx +28 -0
  39. package/Components/Layout/TV/NavBarContainer.tsx +19 -23
  40. package/Components/Layout/TV/ScreenContainer.tsx +8 -2
  41. package/Components/Layout/TV/ScreenLayoutContextProvider.tsx +5 -0
  42. package/Components/Layout/TV/__tests__/ScreenContainer.test.tsx +2 -1
  43. package/Components/Layout/TV/__tests__/__snapshots__/NavBarContainer.test.tsx.snap +3 -2
  44. package/Components/Layout/TV/__tests__/__snapshots__/ScreenContainer.test.tsx.snap +3 -2
  45. package/Components/Layout/TV/__tests__/__snapshots__/index.test.tsx.snap +15 -10
  46. package/Components/Layout/TV/__tests__/index.test.tsx +8 -2
  47. package/Components/Layout/TV/index.tsx +6 -20
  48. package/Components/Layout/TV/index.web.tsx +4 -1
  49. package/Components/MasterCell/DefaultComponents/ActionButton.tsx +2 -3
  50. package/Components/MasterCell/DefaultComponents/BorderContainerView/__tests__/index.test.tsx +66 -0
  51. package/Components/MasterCell/DefaultComponents/BorderContainerView/index.tsx +4 -1
  52. package/Components/MasterCell/DefaultComponents/Image/Image.ios.tsx +10 -15
  53. package/Components/MasterCell/DefaultComponents/Image/hooks/useImage.ts +11 -7
  54. package/Components/MasterCell/DefaultComponents/ImageBorderContainer/__tests__/index.test.ts +93 -0
  55. package/Components/MasterCell/DefaultComponents/LiveImage/index.tsx +2 -2
  56. package/Components/MasterCell/DefaultComponents/SecondaryImage/utils.ts +1 -1
  57. package/Components/MasterCell/DefaultComponents/__tests__/image.test.js +1 -1
  58. package/Components/MasterCell/DefaultComponents/tv/TvActionButtons/const.ts +3 -0
  59. package/Components/MasterCell/DefaultComponents/tv/TvActionButtons/index.ts +6 -6
  60. package/Components/MasterCell/SharedUI/ProgressBar/hooks/useFillInPercent.ts +2 -8
  61. package/Components/MasterCell/__tests__/__snapshots__/elementMapper.test.js.snap +4 -12
  62. package/Components/MasterCell/__tests__/__snapshots__/masterCell.test.js.snap +0 -229
  63. package/Components/MasterCell/__tests__/elementMapper.test.js +18 -5
  64. package/Components/MasterCell/__tests__/masterCell.test.js +26 -26
  65. package/Components/MasterCell/hooks/useAsyncRendering/MasterCellAsyncRenderManager.ts +2 -2
  66. package/Components/MasterCell/hooks/useAsyncRendering/index.ts +2 -2
  67. package/Components/MasterCell/utils/behaviorProvider.ts +136 -0
  68. package/Components/MasterCell/utils/index.ts +9 -135
  69. package/Components/ModalComponent/BottomSheetModalContent.tsx +45 -19
  70. package/Components/ModalComponent/Button/Item.tsx +6 -5
  71. package/Components/ModalComponent/Button/assets.ts +1 -1
  72. package/Components/ModalComponent/Button/index.tsx +30 -43
  73. package/Components/ModalComponent/Header/index.tsx +3 -3
  74. package/Components/ModalComponent/utils.ts +55 -7
  75. package/Components/OfflineHandler/NotificationView/NotificationView.lg.tsx +2 -2
  76. package/Components/OfflineHandler/NotificationView/NotificationView.samsung.tsx +2 -2
  77. package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +0 -5
  78. package/Components/OfflineHandler/utils/index.ts +1 -1
  79. package/Components/PlayerContainer/PlayerContainer.tsx +43 -21
  80. package/Components/PlayerContainer/PlayerContainerContext.tsx +9 -0
  81. package/Components/PlayerContainer/ProgramInfo/index.tsx +2 -2
  82. package/Components/PlayerImageBackground/index.tsx +1 -1
  83. package/Components/River/ComponentsMap/ComponentsMap.tsx +42 -65
  84. package/Components/River/ComponentsMap/hooks/useLoadingState.ts +78 -51
  85. package/Components/River/RiverFooter.tsx +39 -9
  86. package/Components/River/RiverItem.tsx +39 -3
  87. package/Components/River/TV/index.tsx +6 -1
  88. package/Components/River/__tests__/__snapshots__/componentsMap.test.js.snap +100 -31
  89. package/Components/River/__tests__/__snapshots__/river.test.js.snap +20 -82
  90. package/Components/River/__tests__/componentsMap.test.js +17 -5
  91. package/Components/River/__tests__/river.test.js +75 -40
  92. package/Components/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap +11 -4
  93. package/Components/RouteManager/__tests__/routeManager.test.js +29 -14
  94. package/Components/RouteManager/__tests__/testId.test.js +8 -6
  95. package/Components/Screen/TV/index.web.tsx +5 -6
  96. package/Components/Screen/hooks.ts +53 -0
  97. package/Components/Screen/index.tsx +16 -42
  98. package/Components/ScreenResolver/__tests__/screenResolver.test.js +91 -70
  99. package/Components/Tabs/Tab.tsx +11 -9
  100. package/Components/TextInputTv/index.tsx +4 -3
  101. package/Components/TopMarginApplicator/TopMarginApplicator.tsx +2 -3
  102. package/Components/TrackedView/index.tsx +1 -0
  103. package/Components/Transitioner/AnimationManager.js +15 -15
  104. package/Components/Transitioner/Scene.tsx +53 -24
  105. package/Components/Transitioner/Transitioner.tsx +3 -3
  106. package/Components/Transitioner/__tests__/Scene.test.js +25 -14
  107. package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +9 -49
  108. package/Components/Transitioner/__tests__/__snapshots__/transitioner.test.js.snap +2 -2
  109. package/Components/Transitioner/__tests__/transitioner.test.js +13 -4
  110. package/Components/Transitioner/index.js +8 -4
  111. package/Components/VideoLive/LiveImageManager.ts +27 -1
  112. package/Components/VideoLive/PlayerLiveImageComponent.tsx +36 -24
  113. package/Components/VideoLive/__tests__/PlayerLiveImageComponent.test.tsx +51 -1
  114. package/Components/VideoLive/__tests__/__snapshots__/PlayerLiveImageComponent.test.tsx.snap +1 -5
  115. package/Components/VideoModal/ModalAnimation/AnimatedPlayerModalWrapper.tsx +1 -1
  116. package/Components/VideoModal/ModalAnimation/AnimatedScrollModal.tsx +51 -31
  117. package/Components/VideoModal/ModalAnimation/AnimatedVideoPlayerComponent.tsx +8 -4
  118. package/Components/VideoModal/ModalAnimation/AnimationComponent.tsx +48 -22
  119. package/Components/VideoModal/ModalAnimation/ModalAnimationContext.tsx +12 -6
  120. package/Components/VideoModal/ModalAnimation/__tests__/getMoveUpValue.test.ts +108 -0
  121. package/Components/VideoModal/ModalAnimation/const.ts +5 -0
  122. package/Components/VideoModal/ModalAnimation/index.ts +2 -0
  123. package/Components/VideoModal/ModalAnimation/utils.ts +38 -2
  124. package/Components/VideoModal/OpaqueLayer.tsx +33 -0
  125. package/Components/VideoModal/PlayerDetails.tsx +18 -10
  126. package/Components/VideoModal/PlayerWrapper.tsx +43 -39
  127. package/Components/VideoModal/VideoModal.tsx +17 -11
  128. package/Components/VideoModal/__tests__/PlayerWrapper.test.tsx +1 -1
  129. package/Components/VideoModal/__tests__/__snapshots__/PlayerDetails.test.tsx.snap +2 -40
  130. package/Components/VideoModal/__tests__/__snapshots__/PlayerWrapper.test.tsx.snap +0 -90
  131. package/Components/VideoModal/hooks/__tests__/useDelayedPlayerDetails.test.ts +89 -0
  132. package/Components/VideoModal/hooks/index.ts +7 -0
  133. package/Components/VideoModal/hooks/useDelayedPlayerDetails.ts +49 -0
  134. package/Components/VideoModal/hooks/utils/__tests__/showDetails.test.ts +91 -0
  135. package/Components/VideoModal/hooks/utils/index.ts +33 -0
  136. package/Components/VideoModal/utils.ts +4 -5
  137. package/Components/Viewport/ViewportAware/__tests__/__snapshots__/viewportAware.test.js.snap +24 -36
  138. package/Components/Viewport/ViewportAware/__tests__/viewportAware.test.js +12 -18
  139. package/Components/Viewport/__tests__/utils.test.js +5 -4
  140. package/Components/ZappUIComponent/Placeholder.tsx +3 -1
  141. package/Components/ZappUIComponent/__tests__/{ZappUIComponent.test.js → ZappUIComponent.test.tsx} +26 -10
  142. package/Components/ZappUIComponent/index.tsx +4 -17
  143. package/Components/default-cell-renderer/__tests__/defaultCellRenderer.test.tsx +20 -17
  144. package/Components/default-cell-renderer/viewTrees/tv/DefaultCell/__tests__/DefaultCell.test.tsx +15 -11
  145. package/Contexts/ComponentsMapOffsetContext/index.tsx +49 -0
  146. package/Contexts/FocusableGroupContext/withFocusableContext.tsx +4 -10
  147. package/Contexts/HeaderOffsetContext/index.tsx +4 -6
  148. package/Contexts/ScreenContext/index.tsx +6 -12
  149. package/Contexts/ScreenLayoutContext/index.tsx +5 -3
  150. package/Decorators/Navigator/__tests__/navigator.test.js +16 -16
  151. package/Decorators/Navigator/index.tsx +1 -1
  152. package/Decorators/RiverResolver/__tests__/riverResolver.test.tsx +18 -24
  153. package/Decorators/RiverResolver/index.tsx +6 -8
  154. package/Decorators/ZappPipesDataConnector/__tests__/Hero.js +1 -1
  155. package/Decorators/ZappPipesDataConnector/__tests__/zappPipesDataConnector.test.js +29 -22
  156. package/Decorators/ZappPipesDataConnector/index.tsx +6 -2
  157. package/package.json +7 -11
  158. package/tsconfig.json +2 -3
  159. package/.babelrc +0 -8
  160. package/Components/Cell/CellStyles/FallbackCellStyle/index.js +0 -157
  161. package/Components/Cell/CellStyles/Hero/index.js +0 -111
  162. package/Components/Cell/CellStyles/ScreenSelector/index.js +0 -68
  163. package/Components/Cell/CellStyles/cellStylesResolver.ts +0 -19
  164. package/Components/Cell/CellStyles/colors.js +0 -40
  165. package/Components/Cell/CellStyles/index.js +0 -15
  166. package/Components/CellRendererResolver/__tests__/__snapshots__/cellRendererResolver.test.js.snap +0 -53
  167. package/Components/RouteManager/__tests__/__snapshots__/testId.test.js.snap +0 -17
  168. package/Components/ScreenResolver/__tests__/__snapshots__/screenResolver.test.js.snap +0 -17
  169. package/Components/ZappUIComponent/__tests__/__snapshots__/ZappUIComponent.test.js.snap +0 -91
  170. package/Components/default-cell-renderer/__tests__/__snapshots__/defaultCellRenderer.test.tsx.snap +0 -338
  171. package/Decorators/Navigator/__tests__/__snapshots__/navigator.test.js.snap +0 -18
  172. package/Decorators/RiverResolver/__tests__/__snapshots__/riverResolver.test.tsx.snap +0 -28
@@ -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
- `;