@applicaster/zapp-react-native-ui-components 12.0.22-alpha.2253301448 → 12.0.22-rc.0
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,6 +74,20 @@ 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
|
+
|
|
77
91
|
const getEdges = (isTablet: boolean, isInlineModal: boolean) => {
|
|
78
92
|
if (isTablet) {
|
|
79
93
|
return ["top"];
|
|
@@ -119,7 +133,6 @@ const PlayerWrapperComponent = (props: Props) => {
|
|
|
119
133
|
children,
|
|
120
134
|
isTabletPortrait,
|
|
121
135
|
configuration,
|
|
122
|
-
fullscreen,
|
|
123
136
|
pip,
|
|
124
137
|
} = props;
|
|
125
138
|
|
|
@@ -175,17 +188,14 @@ const PlayerWrapperComponent = (props: Props) => {
|
|
|
175
188
|
[containerDimensions, playerDimensionsHack]
|
|
176
189
|
);
|
|
177
190
|
|
|
178
|
-
const wrapperViewStyle: ViewStyle = {
|
|
179
|
-
backgroundColor:
|
|
180
|
-
isTablet && !fullscreen
|
|
181
|
-
? configuration?.tablet_landscape_player_container_background_color
|
|
182
|
-
: "transparent",
|
|
183
|
-
};
|
|
184
|
-
|
|
185
191
|
return (
|
|
186
192
|
<WrapperView
|
|
187
193
|
edges={getEdges(isTablet, isInlineModal) as readonly Edge[]}
|
|
188
|
-
style={[
|
|
194
|
+
style={[
|
|
195
|
+
safeAreaStyles(configuration, isTablet),
|
|
196
|
+
style,
|
|
197
|
+
playerDimensionsHack,
|
|
198
|
+
]}
|
|
189
199
|
>
|
|
190
200
|
<AnimationComponent
|
|
191
201
|
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-rc.0",
|
|
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-rc.0",
|
|
38
|
+
"@applicaster/zapp-react-native-bridge": "12.0.22-rc.0",
|
|
39
|
+
"@applicaster/zapp-react-native-redux": "12.0.22-rc.0",
|
|
40
|
+
"@applicaster/zapp-react-native-utils": "12.0.22-rc.0",
|
|
41
41
|
"promise": "^8.3.0",
|
|
42
42
|
"react-router-native": "^5.1.2",
|
|
43
43
|
"url": "^0.11.0",
|