@applicaster/zapp-react-native-ui-components 12.0.22-rc.1 → 12.0.22
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.
|
@@ -74,20 +74,6 @@ const getScreenAspectRatio = () => {
|
|
|
74
74
|
return longEdge / shortEdge;
|
|
75
75
|
};
|
|
76
76
|
|
|
77
|
-
const safeAreaStyles = (
|
|
78
|
-
configuration: Configuration,
|
|
79
|
-
isTablet: boolean
|
|
80
|
-
): ViewStyle => {
|
|
81
|
-
const tablet_landscape_player_container_background_color =
|
|
82
|
-
configuration?.tablet_landscape_player_container_background_color;
|
|
83
|
-
|
|
84
|
-
return {
|
|
85
|
-
backgroundColor: isTablet
|
|
86
|
-
? tablet_landscape_player_container_background_color
|
|
87
|
-
: "transparent",
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
|
|
91
77
|
const getEdges = (isTablet: boolean, isInlineModal: boolean) => {
|
|
92
78
|
if (isTablet) {
|
|
93
79
|
return ["top"];
|
|
@@ -133,6 +119,7 @@ const PlayerWrapperComponent = (props: Props) => {
|
|
|
133
119
|
children,
|
|
134
120
|
isTabletPortrait,
|
|
135
121
|
configuration,
|
|
122
|
+
fullscreen,
|
|
136
123
|
pip,
|
|
137
124
|
} = props;
|
|
138
125
|
|
|
@@ -188,14 +175,17 @@ const PlayerWrapperComponent = (props: Props) => {
|
|
|
188
175
|
[containerDimensions, playerDimensionsHack]
|
|
189
176
|
);
|
|
190
177
|
|
|
178
|
+
const wrapperViewStyle: ViewStyle = {
|
|
179
|
+
backgroundColor:
|
|
180
|
+
isTablet && !fullscreen
|
|
181
|
+
? configuration?.tablet_landscape_player_container_background_color
|
|
182
|
+
: "transparent",
|
|
183
|
+
};
|
|
184
|
+
|
|
191
185
|
return (
|
|
192
186
|
<WrapperView
|
|
193
187
|
edges={getEdges(isTablet, isInlineModal) as readonly Edge[]}
|
|
194
|
-
style={[
|
|
195
|
-
safeAreaStyles(configuration, isTablet),
|
|
196
|
-
style,
|
|
197
|
-
playerDimensionsHack,
|
|
198
|
-
]}
|
|
188
|
+
style={[wrapperViewStyle, style, playerDimensionsHack]}
|
|
199
189
|
>
|
|
200
190
|
<AnimationComponent
|
|
201
191
|
animationType={ComponentAnimationType.moveUpComponent}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/zapp-react-native-ui-components",
|
|
3
|
-
"version": "12.0.22
|
|
3
|
+
"version": "12.0.22",
|
|
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.22
|
|
38
|
-
"@applicaster/zapp-react-native-bridge": "12.0.22
|
|
39
|
-
"@applicaster/zapp-react-native-redux": "12.0.22
|
|
40
|
-
"@applicaster/zapp-react-native-utils": "12.0.22
|
|
37
|
+
"@applicaster/applicaster-types": "12.0.22",
|
|
38
|
+
"@applicaster/zapp-react-native-bridge": "12.0.22",
|
|
39
|
+
"@applicaster/zapp-react-native-redux": "12.0.22",
|
|
40
|
+
"@applicaster/zapp-react-native-utils": "12.0.22",
|
|
41
41
|
"promise": "^8.3.0",
|
|
42
42
|
"react-router-native": "^5.1.2",
|
|
43
43
|
"url": "^0.11.0",
|