@applicaster/zapp-react-native-app 12.0.0-alpha.9834532023 → 12.0.0-alpha.9903765553
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.
- package/App/Layout/index.tsx +13 -15
- package/App/__tests__/app.test.js +5 -0
- package/package.json +6 -6
package/App/Layout/index.tsx
CHANGED
|
@@ -5,10 +5,10 @@ import { View } from "react-native";
|
|
|
5
5
|
|
|
6
6
|
import { getNavigationProps } from "@applicaster/zapp-react-native-utils/navigationUtils";
|
|
7
7
|
import {
|
|
8
|
-
useGetBottomTabBarHeight,
|
|
9
|
-
useNavigation,
|
|
10
8
|
useDimensions,
|
|
9
|
+
useGetBottomTabBarHeight,
|
|
11
10
|
useNavbarState,
|
|
11
|
+
useNavigation,
|
|
12
12
|
} from "@applicaster/zapp-react-native-utils/reactHooks";
|
|
13
13
|
import { Transitioner } from "@applicaster/zapp-react-native-ui-components/Components/Transitioner";
|
|
14
14
|
import { transitionConfig } from "@applicaster/zapp-react-native-ui-components/Components/Transitioner/config";
|
|
@@ -20,9 +20,13 @@ import { getNavigationPluginModule } from "./layoutHelpers";
|
|
|
20
20
|
import { isMenuVisible } from "@applicaster/zapp-react-native-ui-components/Components/Screen/navigationHandler";
|
|
21
21
|
import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
|
|
22
22
|
|
|
23
|
-
import {
|
|
23
|
+
import {
|
|
24
|
+
useMenuToggleContext,
|
|
25
|
+
MenuToggleContextType,
|
|
26
|
+
} from "@applicaster/zapp-react-native-ui-components/Contexts/MenuToggleContext";
|
|
24
27
|
import { VideoModal } from "@applicaster/zapp-react-native-ui-components/Components/VideoModal";
|
|
25
28
|
import { withDimensionsProvider } from "@applicaster/zapp-react-native-utils/dimensionsProvider";
|
|
29
|
+
import { withModalAnimationProvider } from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation";
|
|
26
30
|
|
|
27
31
|
import { ZappHooksModal } from "@applicaster/zapp-react-dom-ui-components/Components/ZappHooksModal";
|
|
28
32
|
import { useListenEventBusEvent } from "@applicaster/zapp-react-native-utils/reactHooks/useListenEventBusEvent";
|
|
@@ -32,15 +36,6 @@ import {
|
|
|
32
36
|
PushTopicManagerEvents,
|
|
33
37
|
} from "@applicaster/zapp-react-native-bridge/PushNotifications/PushTopicManager";
|
|
34
38
|
|
|
35
|
-
type MenuToggleContextType = {
|
|
36
|
-
toggleMenu: any;
|
|
37
|
-
setToggleMenu: () => void;
|
|
38
|
-
openMenu: any;
|
|
39
|
-
setOpenMenu: () => void;
|
|
40
|
-
closeMenu: any;
|
|
41
|
-
setCloseMenu: () => void;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
39
|
const containerStyle = {
|
|
45
40
|
height: "100%",
|
|
46
41
|
};
|
|
@@ -58,7 +53,7 @@ const LayoutWithMenu = () => {
|
|
|
58
53
|
setOpenMenu,
|
|
59
54
|
closeMenu,
|
|
60
55
|
setCloseMenu,
|
|
61
|
-
} =
|
|
56
|
+
} = useMenuToggleContext();
|
|
62
57
|
|
|
63
58
|
const dimensions = useDimensions("screen", { fullDimensions: true });
|
|
64
59
|
const isRTL = useIsRTL();
|
|
@@ -152,7 +147,7 @@ const LayoutWithMenu = () => {
|
|
|
152
147
|
<Screen
|
|
153
148
|
key={navigator.currentRoute}
|
|
154
149
|
pathname={navigator.currentRoute} // required by TransitionerComponent
|
|
155
|
-
screenData={navigator.
|
|
150
|
+
screenData={navigator.data} // required by TransitionerComponent
|
|
156
151
|
/>
|
|
157
152
|
</Transitioner>
|
|
158
153
|
</View>
|
|
@@ -175,4 +170,7 @@ const LayoutWithMenu = () => {
|
|
|
175
170
|
);
|
|
176
171
|
};
|
|
177
172
|
|
|
178
|
-
export const Layout = R.compose(
|
|
173
|
+
export const Layout = R.compose(
|
|
174
|
+
withDimensionsProvider,
|
|
175
|
+
withModalAnimationProvider
|
|
176
|
+
)(LayoutWithMenu);
|
|
@@ -54,6 +54,11 @@ jest.mock(
|
|
|
54
54
|
() => () => null
|
|
55
55
|
);
|
|
56
56
|
|
|
57
|
+
jest.mock(
|
|
58
|
+
"@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation",
|
|
59
|
+
() => ({ withModalAnimationProvider: () => null })
|
|
60
|
+
);
|
|
61
|
+
|
|
57
62
|
jest.mock("react-native-safe-area-context", () => ({
|
|
58
63
|
SafeAreaProvider: jest.fn(
|
|
59
64
|
() =>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/zapp-react-native-app",
|
|
3
|
-
"version": "12.0.0-alpha.
|
|
3
|
+
"version": "12.0.0-alpha.9903765553",
|
|
4
4
|
"description": "Zapp App Component for Applicaster's Quick Brick React Native App",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
},
|
|
30
30
|
"homepage": "https://github.com/applicaster/quickbrick#readme",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@applicaster/quick-brick-core": "12.0.0-alpha.
|
|
33
|
-
"@applicaster/zapp-react-native-bridge": "12.0.0-alpha.
|
|
34
|
-
"@applicaster/zapp-react-native-redux": "12.0.0-alpha.
|
|
35
|
-
"@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.
|
|
36
|
-
"@applicaster/zapp-react-native-utils": "12.0.0-alpha.
|
|
32
|
+
"@applicaster/quick-brick-core": "12.0.0-alpha.9903765553",
|
|
33
|
+
"@applicaster/zapp-react-native-bridge": "12.0.0-alpha.9903765553",
|
|
34
|
+
"@applicaster/zapp-react-native-redux": "12.0.0-alpha.9903765553",
|
|
35
|
+
"@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.9903765553",
|
|
36
|
+
"@applicaster/zapp-react-native-utils": "12.0.0-alpha.9903765553",
|
|
37
37
|
"axios": "^0.28.0",
|
|
38
38
|
"camelize": "^1.0.0",
|
|
39
39
|
"query-string": "7.1.3",
|