@applicaster/zapp-react-native-ui-components 12.0.0-rc.105 → 12.0.0-rc.106

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 (4) hide show
  1. package/Components/VideoModal/ModalAnimation/AnimatedScrollModal.tsx +6 -1
  2. package/Components/VideoModal/ModalAnimation/AnimatedVideoPlayerComponent.tsx +5 -1
  3. package/Components/VideoModal/__tests__/__snapshots__/PlayerWrapper.test.tsx.snap +48 -2
  4. package/package.json +5 -5
package/Components/VideoModal/ModalAnimation/AnimatedScrollModal.tsx CHANGED
@@ -349,7 +349,12 @@ export const AnimatedScrollModalComponent = ({ children }: Props) => {
349
349
  };
350
350
 
351
351
  export const AnimatedScrollModal = ({ children }: Props) => {
352
- const Component = !isTV() ? AnimatedScrollModalComponent : React.Fragment;
352
+ const {
353
+ videoModalState: { visible },
354
+ } = useNavigation();
355
+
356
+ const Component =
357
+ !isTV() && visible ? AnimatedScrollModalComponent : React.Fragment;
353
358
 
354
359
  return <Component>{children}</Component>;
355
360
  };
package/Components/VideoModal/ModalAnimation/AnimatedVideoPlayerComponent.tsx CHANGED
@@ -155,7 +155,11 @@ export const AnimatedVideoPlayer = ({ children }: Props) => {
155
155
  };
156
156
 
157
157
  export const AnimatedVideoPlayerComponent = ({ children }: Props) => {
158
- const Component = !isTV() ? AnimatedVideoPlayer : React.Fragment;
158
+ const {
159
+ videoModalState: { visible },
160
+ } = useNavigation();
161
+
162
+ const Component = !isTV() && visible ? AnimatedVideoPlayer : React.Fragment;
159
163
 
160
164
  return <Component>{children}</Component>;
161
165
  };
package/Components/VideoModal/__tests__/__snapshots__/PlayerWrapper.test.tsx.snap CHANGED
@@ -72,12 +72,34 @@ exports[`PlayerWrapper renders inline 1`] = `
72
72
  testID="test-player-container"
73
73
  />
74
74
  <View
75
+ animationType="componentFade"
75
76
  style={
76
77
  Object {
77
78
  "flex": 1,
78
79
  }
79
80
  }
80
- />
81
+ >
82
+ <View
83
+ configuration={
84
+ Object {
85
+ "tablet_landscape_player_container_background_color": "red",
86
+ "tablet_landscape_sidebar_width": "35%",
87
+ }
88
+ }
89
+ entry={
90
+ Object {
91
+ "id": "test",
92
+ }
93
+ }
94
+ isTabletLandscape={false}
95
+ style={
96
+ Object {
97
+ "flex": 1,
98
+ "paddingTop": 20,
99
+ }
100
+ }
101
+ />
102
+ </View>
81
103
  </View>
82
104
  </RNCSafeAreaView>
83
105
  </RNCSafeAreaProvider>
@@ -158,6 +180,7 @@ exports[`PlayerWrapper renders inline and docked 1`] = `
158
180
  style={
159
181
  Object {
160
182
  "flex": 1,
183
+ "paddingTop": 20,
161
184
  }
162
185
  }
163
186
  />
@@ -254,12 +277,34 @@ exports[`PlayerWrapper renders inline on tablet in landscape orientation 1`] = `
254
277
  />
255
278
  </View>
256
279
  <View
280
+ animationType="componentFade"
257
281
  style={
258
282
  Object {
259
283
  "flex": 1,
260
284
  }
261
285
  }
262
- />
286
+ >
287
+ <View
288
+ configuration={
289
+ Object {
290
+ "tablet_landscape_player_container_background_color": "red",
291
+ "tablet_landscape_sidebar_width": "35%",
292
+ }
293
+ }
294
+ entry={
295
+ Object {
296
+ "id": "test",
297
+ }
298
+ }
299
+ isTabletLandscape={true}
300
+ style={
301
+ Object {
302
+ "flex": 1,
303
+ "paddingTop": 20,
304
+ }
305
+ }
306
+ />
307
+ </View>
263
308
  </View>
264
309
  </RNCSafeAreaView>
265
310
  </RNCSafeAreaProvider>
@@ -340,6 +385,7 @@ exports[`PlayerWrapper renders properly 1`] = `
340
385
  style={
341
386
  Object {
342
387
  "flex": 1,
388
+ "paddingTop": 20,
343
389
  }
344
390
  }
345
391
  />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/zapp-react-native-ui-components",
3
- "version": "12.0.0-rc.105",
3
+ "version": "12.0.0-rc.106",
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": "12.0.0-rc.105",
38
- "@applicaster/zapp-react-native-bridge": "12.0.0-rc.105",
39
- "@applicaster/zapp-react-native-redux": "12.0.0-rc.105",
40
- "@applicaster/zapp-react-native-utils": "12.0.0-rc.105",
37
+ "@applicaster/applicaster-types": "12.0.0-rc.106",
38
+ "@applicaster/zapp-react-native-bridge": "12.0.0-rc.106",
39
+ "@applicaster/zapp-react-native-redux": "12.0.0-rc.106",
40
+ "@applicaster/zapp-react-native-utils": "12.0.0-rc.106",
41
41
  "promise": "^8.3.0",
42
42
  "react-router-native": "^5.1.2",
43
43
  "url": "^0.11.0",