@applicaster/zapp-react-native-ui-components 15.0.0-rc.32 → 15.0.0-rc.34
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.
|
@@ -17,6 +17,7 @@ import { CellWithFocusable } from "./CellWithFocusable";
|
|
|
17
17
|
import { FocusableWrapper } from "./FocusableWrapper";
|
|
18
18
|
|
|
19
19
|
import { focusableButtonsRegistration$ } from "@applicaster/zapp-react-native-utils/appUtils/focusManagerAux/utils/utils.ios";
|
|
20
|
+
import { toNumberWithDefaultZero } from "@applicaster/zapp-react-native-utils/numberUtils";
|
|
20
21
|
|
|
21
22
|
type Props = {
|
|
22
23
|
item: ZappEntry;
|
|
@@ -37,6 +38,9 @@ type Props = {
|
|
|
37
38
|
component: {
|
|
38
39
|
id: number | string;
|
|
39
40
|
component_type: string;
|
|
41
|
+
styles?: {
|
|
42
|
+
component_margin_top?: number;
|
|
43
|
+
};
|
|
40
44
|
};
|
|
41
45
|
selected: boolean;
|
|
42
46
|
CellRenderer: React.FunctionComponent<any> & {
|
|
@@ -204,11 +208,16 @@ class TvOSCell extends React.Component<Props, State> {
|
|
|
204
208
|
const extraAnchorPointYOffset =
|
|
205
209
|
screenLayout?.extraAnchorPointYOffset || 0;
|
|
206
210
|
|
|
211
|
+
const componentMarginTop = toNumberWithDefaultZero(
|
|
212
|
+
component?.styles?.component_margin_top
|
|
213
|
+
);
|
|
214
|
+
|
|
207
215
|
const totalOffset =
|
|
208
216
|
headerOffset +
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
217
|
+
(componentAnchorPointY || 0) +
|
|
218
|
+
extraAnchorPointYOffset -
|
|
219
|
+
(componentsMapOffset || 0) +
|
|
220
|
+
componentMarginTop;
|
|
212
221
|
|
|
213
222
|
mainOffsetUpdater?.(
|
|
214
223
|
{ tag: this.target },
|
|
@@ -4,6 +4,7 @@ import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
|
|
|
4
4
|
import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks/navigation/useNavigation";
|
|
5
5
|
import { useIsTablet } from "@applicaster/zapp-react-native-utils/reactHooks/device/useIsTablet";
|
|
6
6
|
import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils";
|
|
7
|
+
import { create } from "zustand";
|
|
7
8
|
|
|
8
9
|
export const useConfiguration = () => {
|
|
9
10
|
const {
|
|
@@ -52,6 +53,12 @@ export const useConfiguration = () => {
|
|
|
52
53
|
};
|
|
53
54
|
};
|
|
54
55
|
|
|
56
|
+
export const useAnimationStateStore = create<{
|
|
57
|
+
isAnimationInProgress: boolean;
|
|
58
|
+
}>(() => ({
|
|
59
|
+
isAnimationInProgress: false,
|
|
60
|
+
}));
|
|
61
|
+
|
|
55
62
|
const fullSize = {
|
|
56
63
|
width: "100%",
|
|
57
64
|
height: "100%",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/zapp-react-native-ui-components",
|
|
3
|
-
"version": "15.0.0-rc.
|
|
3
|
+
"version": "15.0.0-rc.34",
|
|
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",
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
},
|
|
29
29
|
"homepage": "https://github.com/applicaster/quickbrick#readme",
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@applicaster/applicaster-types": "15.0.0-rc.
|
|
32
|
-
"@applicaster/zapp-react-native-bridge": "15.0.0-rc.
|
|
33
|
-
"@applicaster/zapp-react-native-redux": "15.0.0-rc.
|
|
34
|
-
"@applicaster/zapp-react-native-utils": "15.0.0-rc.
|
|
31
|
+
"@applicaster/applicaster-types": "15.0.0-rc.34",
|
|
32
|
+
"@applicaster/zapp-react-native-bridge": "15.0.0-rc.34",
|
|
33
|
+
"@applicaster/zapp-react-native-redux": "15.0.0-rc.34",
|
|
34
|
+
"@applicaster/zapp-react-native-utils": "15.0.0-rc.34",
|
|
35
35
|
"promise": "^8.3.0",
|
|
36
36
|
"url": "^0.11.0",
|
|
37
37
|
"uuid": "^3.3.2"
|