@admin-layout/gluestack-ui-mobile 6.5.1-alpha.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.
- package/CHANGELOG.md +117 -0
- package/LICENSE +21 -0
- package/README.md +4 -0
- package/assets/logo.png +0 -0
- package/babel.config.js +26 -0
- package/jest-react-navigation-setup.js +14 -0
- package/jest.config.js +39 -0
- package/jest.env.js +2 -0
- package/lib/__tests__/prolayout-layout-feature.test.d.ts +1 -0
- package/lib/__tests__/prolayout-layout-feature.test.js +202 -0
- package/lib/__tests__/prolayout-layout-feature.test.js.map +1 -0
- package/lib/components/ApplicationErrorFillWrapper.d.ts +2 -0
- package/lib/components/ApplicationErrorFillWrapper.js +7 -0
- package/lib/components/ApplicationErrorFillWrapper.js.map +1 -0
- package/lib/components/ApplicationErrorHandler.d.ts +2 -0
- package/lib/components/ApplicationErrorHandler.js +24 -0
- package/lib/components/ApplicationErrorHandler.js.map +1 -0
- package/lib/components/ErrorBounday.d.ts +18 -0
- package/lib/components/ErrorBounday.js +22 -0
- package/lib/components/ErrorBounday.js.map +1 -0
- package/lib/components/Fallback.d.ts +6 -0
- package/lib/components/Fallback.js +53 -0
- package/lib/components/Fallback.js.map +1 -0
- package/lib/components/Layout/components/BasicLayout.d.ts +5 -0
- package/lib/components/Layout/components/BasicLayout.js +28 -0
- package/lib/components/Layout/components/BasicLayout.js.map +1 -0
- package/lib/components/Layout/components/BottomTabBar.d.ts +2 -0
- package/lib/components/Layout/components/BottomTabBar.js +90 -0
- package/lib/components/Layout/components/BottomTabBar.js.map +1 -0
- package/lib/components/Layout/components/Drawer.d.ts +2 -0
- package/lib/components/Layout/components/Drawer.js +253 -0
- package/lib/components/Layout/components/Drawer.js.map +1 -0
- package/lib/components/Layout/components/Header.d.ts +2 -0
- package/lib/components/Layout/components/Header.js +130 -0
- package/lib/components/Layout/components/Header.js.map +1 -0
- package/lib/components/Layout/components/Sample.d.ts +2 -0
- package/lib/components/Layout/components/Sample.js +7 -0
- package/lib/components/Layout/components/Sample.js.map +1 -0
- package/lib/components/Layout/components/SettingDrawer/LayoutButton.d.ts +3 -0
- package/lib/components/Layout/components/SettingDrawer/LayoutButton.js +66 -0
- package/lib/components/Layout/components/SettingDrawer/LayoutButton.js.map +1 -0
- package/lib/components/Layout/components/SettingDrawer/SettingDrawer.d.ts +2 -0
- package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js +23 -0
- package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js.map +1 -0
- package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.d.ts +3 -0
- package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js +24 -0
- package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js.map +1 -0
- package/lib/components/Layout/components/SettingDrawer/index.d.ts +1 -0
- package/lib/components/Layout/components/SettingDrawer/index.js +2 -0
- package/lib/components/Layout/components/SettingDrawer/index.js.map +1 -0
- package/lib/components/Layout/components/SideBar.d.ts +10 -0
- package/lib/components/Layout/components/SideBar.js +59 -0
- package/lib/components/Layout/components/SideBar.js.map +1 -0
- package/lib/components/Layout/components/defaultSettings.d.ts +4 -0
- package/lib/components/Layout/components/defaultSettings.js +16 -0
- package/lib/components/Layout/components/defaultSettings.js.map +1 -0
- package/lib/components/Layout/components/index.d.ts +4 -0
- package/lib/components/Layout/components/index.js +5 -0
- package/lib/components/Layout/components/index.js.map +1 -0
- package/lib/components/Layout/components/util.d.ts +1 -0
- package/lib/components/Layout/components/util.js +15 -0
- package/lib/components/Layout/components/util.js.map +1 -0
- package/lib/components/Layout/compute.d.ts +6 -0
- package/lib/components/Layout/compute.js +316 -0
- package/lib/components/Layout/compute.js.map +1 -0
- package/lib/components/Layout/compute.test.d.ts +6 -0
- package/lib/components/Layout/compute.test.js +120 -0
- package/lib/components/Layout/compute.test.js.map +1 -0
- package/lib/components/Layout/index.d.ts +4 -0
- package/lib/components/Layout/index.js +4 -0
- package/lib/components/Layout/index.js.map +1 -0
- package/lib/components/Layout/typings.d.ts +1 -0
- package/lib/components/Layout/typings.js +2 -0
- package/lib/components/Layout/typings.js.map +1 -0
- package/lib/components/NavigationComponent.d.ts +15 -0
- package/lib/components/NavigationComponent.js +120 -0
- package/lib/components/NavigationComponent.js.map +1 -0
- package/lib/components/PluginArea.d.ts +2 -0
- package/lib/components/PluginArea.js +8 -0
- package/lib/components/PluginArea.js.map +1 -0
- package/lib/components/ToastAlert.d.ts +12 -0
- package/lib/components/ToastAlert.js +17 -0
- package/lib/components/ToastAlert.js.map +1 -0
- package/lib/components/index.d.ts +9 -0
- package/lib/components/index.js +10 -0
- package/lib/components/index.js.map +1 -0
- package/lib/components/with-interactions-managed.d.ts +2 -0
- package/lib/components/with-interactions-managed.js +18 -0
- package/lib/components/with-interactions-managed.js.map +1 -0
- package/lib/config/config.d.ts +17 -0
- package/lib/config/config.js +18 -0
- package/lib/config/config.js.map +1 -0
- package/lib/config/index.d.ts +1 -0
- package/lib/config/index.js +2 -0
- package/lib/config/index.js.map +1 -0
- package/lib/constants/routes.d.ts +3 -0
- package/lib/constants/routes.js +5 -0
- package/lib/constants/routes.js.map +1 -0
- package/lib/containers/layout/BasicLayout.d.ts +7 -0
- package/lib/containers/layout/BasicLayout.js +36 -0
- package/lib/containers/layout/BasicLayout.js.map +1 -0
- package/lib/containers/layout/DrawerBottomNavigationConfig.d.ts +128 -0
- package/lib/containers/layout/DrawerBottomNavigationConfig.js +72 -0
- package/lib/containers/layout/DrawerBottomNavigationConfig.js.map +1 -0
- package/lib/containers/layout/DrawerConfig.d.ts +85 -0
- package/lib/containers/layout/DrawerConfig.js +48 -0
- package/lib/containers/layout/DrawerConfig.js.map +1 -0
- package/lib/containers/layout/Lifecycle.d.ts +13 -0
- package/lib/containers/layout/Lifecycle.js +18 -0
- package/lib/containers/layout/Lifecycle.js.map +1 -0
- package/lib/containers/layout/ProLayout.d.ts +5 -0
- package/lib/containers/layout/ProLayout.js +35 -0
- package/lib/containers/layout/ProLayout.js.map +1 -0
- package/lib/containers/layout/module.d.ts +5 -0
- package/lib/containers/layout/module.js +22 -0
- package/lib/containers/layout/module.js.map +1 -0
- package/lib/hooks/use-after-interactions.d.ts +6 -0
- package/lib/hooks/use-after-interactions.js +29 -0
- package/lib/hooks/use-after-interactions.js.map +1 -0
- package/lib/hooks/useIsReady.d.ts +2 -0
- package/lib/hooks/useIsReady.js +24 -0
- package/lib/hooks/useIsReady.js.map +1 -0
- package/lib/hooks/useLayoutSetting/index.d.ts +11 -0
- package/lib/hooks/useLayoutSetting/index.js +68 -0
- package/lib/hooks/useLayoutSetting/index.js.map +1 -0
- package/lib/index.d.ts +14 -0
- package/lib/index.js +26 -0
- package/lib/index.js.map +1 -0
- package/lib/interfaces/index.d.ts +1 -0
- package/lib/interfaces/index.js +2 -0
- package/lib/interfaces/index.js.map +1 -0
- package/lib/interfaces/settings.d.ts +4 -0
- package/lib/interfaces/settings.js +2 -0
- package/lib/interfaces/settings.js.map +1 -0
- package/lib/redux/settings.d.ts +80 -0
- package/lib/redux/settings.js +16 -0
- package/lib/redux/settings.js.map +1 -0
- package/lib/utils/ThemeColor.d.ts +8 -0
- package/lib/utils/ThemeColor.js +9 -0
- package/lib/utils/ThemeColor.js.map +1 -0
- package/lib/utils/routeConfigKeyReplace.d.ts +7 -0
- package/lib/utils/routeConfigKeyReplace.js +77 -0
- package/lib/utils/routeConfigKeyReplace.js.map +1 -0
- package/lib/utils/routeConfigKeyReplace.test.d.ts +1 -0
- package/lib/utils/routeConfigKeyReplace.test.js +102 -0
- package/lib/utils/routeConfigKeyReplace.test.js.map +1 -0
- package/package.json +40 -0
- package/src/__tests__/prolayout-layout-feature.test.tsx +207 -0
- package/src/components/ApplicationErrorFillWrapper.tsx +7 -0
- package/src/components/ApplicationErrorHandler.tsx +30 -0
- package/src/components/ErrorBounday.tsx +31 -0
- package/src/components/Fallback.tsx +65 -0
- package/src/components/Layout/README.md +11 -0
- package/src/components/Layout/components/BasicLayout.tsx +70 -0
- package/src/components/Layout/components/BottomTabBar.tsx +135 -0
- package/src/components/Layout/components/Drawer.tsx +412 -0
- package/src/components/Layout/components/Header.tsx +195 -0
- package/src/components/Layout/components/Sample.tsx +10 -0
- package/src/components/Layout/components/SettingDrawer/LayoutButton.tsx +102 -0
- package/src/components/Layout/components/SettingDrawer/SettingDrawer.tsx +60 -0
- package/src/components/Layout/components/SettingDrawer/ThemeColorButton.tsx +26 -0
- package/src/components/Layout/components/SettingDrawer/index.ts +1 -0
- package/src/components/Layout/components/SideBar.tsx +109 -0
- package/src/components/Layout/components/defaultSettings.ts +19 -0
- package/src/components/Layout/components/index.ts +4 -0
- package/src/components/Layout/components/util.ts +14 -0
- package/src/components/Layout/compute.test.tsx +129 -0
- package/src/components/Layout/compute.tsx +384 -0
- package/src/components/Layout/eslint.json +1 -0
- package/src/components/Layout/index.ts +5 -0
- package/src/components/Layout/typings.ts +1 -0
- package/src/components/NavigationComponent.tsx +154 -0
- package/src/components/PluginArea.tsx +11 -0
- package/src/components/ToastAlert.tsx +44 -0
- package/src/components/index.ts +9 -0
- package/src/components/with-interactions-managed.tsx +33 -0
- package/src/config/config.ts +17 -0
- package/src/config/index.ts +1 -0
- package/src/constants/routes.ts +3 -0
- package/src/containers/layout/BasicLayout.tsx +61 -0
- package/src/containers/layout/DrawerBottomNavigationConfig.tsx +85 -0
- package/src/containers/layout/DrawerConfig.tsx +59 -0
- package/src/containers/layout/Lifecycle.tsx +23 -0
- package/src/containers/layout/ProLayout.tsx +42 -0
- package/src/containers/layout/module.ts +24 -0
- package/src/hooks/use-after-interactions.ts +35 -0
- package/src/hooks/useIsReady.ts +31 -0
- package/src/hooks/useLayoutSetting/index.ts +99 -0
- package/src/index.ts +41 -0
- package/src/interfaces/index.ts +1 -0
- package/src/interfaces/settings.ts +5 -0
- package/src/redux/settings.ts +28 -0
- package/src/utils/ThemeColor.ts +9 -0
- package/src/utils/__snapshots__/routeConfigKeyReplace.test.ts.snap +117 -0
- package/src/utils/routeConfigKeyReplace.test.ts +114 -0
- package/src/utils/routeConfigKeyReplace.ts +74 -0
- package/tsconfig.json +37 -0
- package/types.d.ts +11 -0
- package/webpack.config.js +104 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/BasicLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAG,GAAG,EAAa,OAAO,EAAiB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,WAAW,GAAyC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAChH,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;IAC3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACH,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;QACR,oBAAC,MAAM,IACH,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,YAAY,CAAC,IAAI,EACxB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EACvB,UAAU,EAAE,YAAY,CAAC,UAAU,GACrC;QACF,oBAAC,OAAO,OAAG;QACV,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1C,oBAAC,MAAM,IACH,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,SAAS,GACtB,CACL,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ;YACrC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,oBAAC,KAAK,IAAC,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC3E,CAAC;YACJ,CAAC,CAAC,IAAI;QACT,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,aAAa,IACV,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE;gBAC1B,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAC1B,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,GACH,CACL,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,IAAI,CAC5E,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACtE,CACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,qBACjB,eAAe,CACrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Box, Pressable, Center, Text, SafeAreaView } from '@gluestack-ui/themed';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
4
|
+
import { navigationRef } from '@common-stack/client-react';
|
|
5
|
+
export const BottomTabBar = ({ state, descriptors, navigation }) => {
|
|
6
|
+
const settings = useSelector((state) => state.settings);
|
|
7
|
+
//const currentRoute: any = useRoute();
|
|
8
|
+
const currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
|
|
9
|
+
const platformState = useSelector((state) => state.platform);
|
|
10
|
+
let appRoutes = Object.keys(descriptors)
|
|
11
|
+
.map((k) => {
|
|
12
|
+
let route = Object.assign({}, descriptors[k]);
|
|
13
|
+
route.index = state.routes.findIndex((x) => x.key === k);
|
|
14
|
+
return route;
|
|
15
|
+
})
|
|
16
|
+
.filter((r) => { var _a, _b; return ((settings === null || settings === void 0 ? void 0 : settings.layout) == 'bottom' ? r : ((_b = (_a = r === null || r === void 0 ? void 0 : r.route) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.menu_position) == 'bottom'); })
|
|
17
|
+
.sort((a, b) => (a.options.priority ? a.options.priority : a.options.title) -
|
|
18
|
+
(b.options.priority ? b.options.priority : b.options.title));
|
|
19
|
+
const onPress = React.useCallback((route, navigation, isFocused) => {
|
|
20
|
+
var _a;
|
|
21
|
+
if (route === null || route === void 0 ? void 0 : route.route) {
|
|
22
|
+
const event = navigation.emit({
|
|
23
|
+
type: 'tabPress',
|
|
24
|
+
target: route.route.key,
|
|
25
|
+
canPreventDefault: true,
|
|
26
|
+
});
|
|
27
|
+
if (!isFocused && !event.defaultPrevented) {
|
|
28
|
+
// The `merge: true` option makes sure that the params inside the tab screen are preserved
|
|
29
|
+
navigation.navigate({
|
|
30
|
+
name: route.route.name,
|
|
31
|
+
merge: true,
|
|
32
|
+
orgName: ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.orgName) || (platformState === null || platformState === void 0 ? void 0 : platformState.orgName),
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}, []);
|
|
37
|
+
const onLongPress = React.useCallback((route, navigation, isFocused) => {
|
|
38
|
+
if (route === null || route === void 0 ? void 0 : route.route) {
|
|
39
|
+
navigation.emit({
|
|
40
|
+
type: 'tabLongPress',
|
|
41
|
+
target: route.route.key,
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
}, []);
|
|
45
|
+
return (React.createElement(SafeAreaView, null,
|
|
46
|
+
React.createElement(Box, { flexDirection: "row", width: "100%", alignSelf: "center", bg: 'white', borderTopWidth: "$1", borderTopColor: '#d3d3d3' }, appRoutes.map((route, index) => {
|
|
47
|
+
const options = route.options;
|
|
48
|
+
const label = options.tabBarLabel !== undefined
|
|
49
|
+
? options.tabBarLabel
|
|
50
|
+
: options.title !== undefined
|
|
51
|
+
? options.title
|
|
52
|
+
: route.route.name;
|
|
53
|
+
const isFocused = state.index === route.index;
|
|
54
|
+
// const onPress = () => {
|
|
55
|
+
// const event = navigation.emit({
|
|
56
|
+
// type: 'tabPress',
|
|
57
|
+
// target: route.route.key,
|
|
58
|
+
// canPreventDefault: true,
|
|
59
|
+
// });
|
|
60
|
+
// if (!isFocused && !event.defaultPrevented) {
|
|
61
|
+
// // The `merge: true` option makes sure that the params inside the tab screen are preserved
|
|
62
|
+
// navigation.navigate({
|
|
63
|
+
// name: route.route.name,
|
|
64
|
+
// merge: true,
|
|
65
|
+
// orgName: currentRoute?.params?.orgName || platformState?.orgName,
|
|
66
|
+
// });
|
|
67
|
+
// }
|
|
68
|
+
// };
|
|
69
|
+
// const onLongPress = () => {
|
|
70
|
+
// navigation.emit({
|
|
71
|
+
// type: 'tabLongPress',
|
|
72
|
+
// target: route.route.key,
|
|
73
|
+
// });
|
|
74
|
+
// };
|
|
75
|
+
return (React.createElement(Pressable, { key: index, opacity: isFocused ? "$100" : "$50",
|
|
76
|
+
// pb="$8"
|
|
77
|
+
pt: "$3", flex: 1, onPress: () => onPress(route, navigation, isFocused), onLongPress: () => onLongPress(route, navigation, isFocused), testID: options.tabBarTestID, accessibilityState: isFocused ? { selected: true } : {}, accessibilityLabel: options.tabBarAccessibilityLabel },
|
|
78
|
+
React.createElement(Center, null,
|
|
79
|
+
(options === null || options === void 0 ? void 0 : options.tabBarIcon)
|
|
80
|
+
? options.tabBarIcon({
|
|
81
|
+
color: isFocused
|
|
82
|
+
? options.tabBarActiveTintColor
|
|
83
|
+
: options.tabBarInactiveTintColor,
|
|
84
|
+
size: 24,
|
|
85
|
+
})
|
|
86
|
+
: null,
|
|
87
|
+
React.createElement(Text, { color: isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor, style: { fontSize: 12 } }, label))));
|
|
88
|
+
}))));
|
|
89
|
+
};
|
|
90
|
+
//# sourceMappingURL=BottomTabBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomTabBar.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/BottomTabBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import { Ionicons } from '@expo/vector-icons';
|
|
12
|
+
import { DrawerContentScrollView, DrawerItem } from '@react-navigation/drawer';
|
|
13
|
+
import { Box, Text, Heading, Divider, StatusBar, Avatar, AvatarFallbackText, AvatarImage, HStack, VStack, useToast, Toast, ToastTitle, } from '@gluestack-ui/themed';
|
|
14
|
+
import { useNavigation, useRoute } from '@react-navigation/native';
|
|
15
|
+
import { navigationRef } from '@common-stack/client-react';
|
|
16
|
+
import { useSelector, useDispatch } from 'react-redux';
|
|
17
|
+
import { logoutAndRedirect, resetReduxState } from '@adminide-stack/user-auth0-client';
|
|
18
|
+
export const Drawer = (props) => {
|
|
19
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
20
|
+
const settings = useSelector((state) => state.settings);
|
|
21
|
+
const platform = useSelector((state) => state.platform);
|
|
22
|
+
const user = useSelector((state) => state.user);
|
|
23
|
+
const dispatch = useDispatch();
|
|
24
|
+
const navigation = useNavigation();
|
|
25
|
+
const route = useRoute();
|
|
26
|
+
const toast = useToast();
|
|
27
|
+
const currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
|
|
28
|
+
let getRootState = null;
|
|
29
|
+
let allRoutes = null;
|
|
30
|
+
let tabRoutes = null;
|
|
31
|
+
if (settings && settings.layout == 'mixSide') {
|
|
32
|
+
getRootState = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getRootState() : null;
|
|
33
|
+
if (getRootState) {
|
|
34
|
+
allRoutes = (_c = (_b = (_a = getRootState === null || getRootState === void 0 ? void 0 : getRootState.routes[0]) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.routes) !== null && _c !== void 0 ? _c : null;
|
|
35
|
+
tabRoutes =
|
|
36
|
+
(_e = (_d = allRoutes === null || allRoutes === void 0 ? void 0 : allRoutes.map((tr) => { var _a, _b; return (_b = (_a = tr === null || tr === void 0 ? void 0 : tr.state) === null || _a === void 0 ? void 0 : _a.routes) === null || _b === void 0 ? void 0 : _b.filter((r) => { var _a; return ((_a = r === null || r === void 0 ? void 0 : r.params) === null || _a === void 0 ? void 0 : _a.menu_position) == 'side'; }); })) === null || _d === void 0 ? void 0 : _d.flat(1)) !== null && _e !== void 0 ? _e : [];
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
const drawerRoutes = (_f = props === null || props === void 0 ? void 0 : props.state) === null || _f === void 0 ? void 0 : _f.routes;
|
|
40
|
+
const routes = settings && settings.layout == 'mixSide' ? tabRoutes : drawerRoutes;
|
|
41
|
+
const sideRoutes = (_h = (_g = routes === null || routes === void 0 ? void 0 : routes.filter((r) => { var _a; return ((_a = r === null || r === void 0 ? void 0 : r.params) === null || _a === void 0 ? void 0 : _a.menu_position) == 'side'; })) === null || _g === void 0 ? void 0 : _g.sort((a, b) => {
|
|
42
|
+
var _a, _b, _c, _d;
|
|
43
|
+
return (((_a = a === null || a === void 0 ? void 0 : a.params) === null || _a === void 0 ? void 0 : _a.priority) ? (_b = a === null || a === void 0 ? void 0 : a.params) === null || _b === void 0 ? void 0 : _b.priority : a === null || a === void 0 ? void 0 : a.name) -
|
|
44
|
+
(((_c = b === null || b === void 0 ? void 0 : b.params) === null || _c === void 0 ? void 0 : _c.priority) ? (_d = b === null || b === void 0 ? void 0 : b.params) === null || _d === void 0 ? void 0 : _d.priority : b === null || b === void 0 ? void 0 : b.name);
|
|
45
|
+
})) !== null && _h !== void 0 ? _h : [];
|
|
46
|
+
const bottomRoutes = (_k = (_j = routes === null || routes === void 0 ? void 0 : routes.filter((r) => { var _a; return ((_a = r === null || r === void 0 ? void 0 : r.params) === null || _a === void 0 ? void 0 : _a.menu_position) == 'bottom'; })) === null || _j === void 0 ? void 0 : _j.sort((a, b) => {
|
|
47
|
+
var _a, _b, _c, _d;
|
|
48
|
+
return (((_a = a === null || a === void 0 ? void 0 : a.params) === null || _a === void 0 ? void 0 : _a.priority) ? (_b = a === null || a === void 0 ? void 0 : a.params) === null || _b === void 0 ? void 0 : _b.priority : a === null || a === void 0 ? void 0 : a.name) -
|
|
49
|
+
(((_c = b === null || b === void 0 ? void 0 : b.params) === null || _c === void 0 ? void 0 : _c.priority) ? (_d = b === null || b === void 0 ? void 0 : b.params) === null || _d === void 0 ? void 0 : _d.priority : b === null || b === void 0 ? void 0 : b.name);
|
|
50
|
+
})) !== null && _k !== void 0 ? _k : [];
|
|
51
|
+
const logoUrl = (_m = (_l = settings === null || settings === void 0 ? void 0 : settings.logo) === null || _l === void 0 ? void 0 : _l.split('.')) !== null && _m !== void 0 ? _m : null;
|
|
52
|
+
const logoType = logoUrl ? logoUrl[logoUrl.length - 1] : null;
|
|
53
|
+
return (React.createElement(Box, { flex: 1 },
|
|
54
|
+
React.createElement(StatusBar, { barStyle: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark' ? 'light-content' : 'dark-content' }),
|
|
55
|
+
React.createElement(DrawerContentScrollView, Object.assign({}, props, { style: {
|
|
56
|
+
backgroundColor: (props === null || props === void 0 ? void 0 : props.backgroundColor)
|
|
57
|
+
? props === null || props === void 0 ? void 0 : props.backgroundColor
|
|
58
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
59
|
+
? '#000'
|
|
60
|
+
: '#fff',
|
|
61
|
+
} }),
|
|
62
|
+
(settings === null || settings === void 0 ? void 0 : settings.logo) && logoType && logoType != 'svg' ? (React.createElement(HStack, { px: "$3", alignItems: 'center' },
|
|
63
|
+
React.createElement(Avatar, { size: 'sm', bg: 'transparent' },
|
|
64
|
+
React.createElement(AvatarFallbackText, null, "Logo"),
|
|
65
|
+
React.createElement(AvatarImage, { source: {
|
|
66
|
+
uri: settings === null || settings === void 0 ? void 0 : settings.logo,
|
|
67
|
+
}, alt: 'logo' })),
|
|
68
|
+
props.title ? (React.createElement(Heading, { p: "$5", size: 'lg', color: (props === null || props === void 0 ? void 0 : props.titleColor)
|
|
69
|
+
? props === null || props === void 0 ? void 0 : props.titleColor
|
|
70
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
71
|
+
? '$white'
|
|
72
|
+
: '$black' }, (_p = (_o = props === null || props === void 0 ? void 0 : props.headingTitle) !== null && _o !== void 0 ? _o : settings === null || settings === void 0 ? void 0 : settings.title) !== null && _p !== void 0 ? _p : props.title)) : null)) : (React.createElement(React.Fragment, null, props.title ? (React.createElement(Heading, { p: "$5", size: 'lg', color: (props === null || props === void 0 ? void 0 : props.titleColor)
|
|
73
|
+
? props === null || props === void 0 ? void 0 : props.titleColor
|
|
74
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
75
|
+
? '$white'
|
|
76
|
+
: '$black' }, (_r = (_q = props === null || props === void 0 ? void 0 : props.headingTitle) !== null && _q !== void 0 ? _q : settings === null || settings === void 0 ? void 0 : settings.title) !== null && _r !== void 0 ? _r : props.title)) : null)), (_s = [...sideRoutes]) === null || _s === void 0 ? void 0 :
|
|
77
|
+
_s.map((data) => {
|
|
78
|
+
var _a;
|
|
79
|
+
return (React.createElement(DrawerItem, { key: data.key, icon: ({ focused }) => {
|
|
80
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
81
|
+
if (settings && settings.layout == 'mixSide') {
|
|
82
|
+
const option = data.params.options ? JSON.parse(data.params.options) : null;
|
|
83
|
+
if (option) {
|
|
84
|
+
const drawerIcon = (_a = option === null || option === void 0 ? void 0 : option.drawerIcon) !== null && _a !== void 0 ? _a : 'home';
|
|
85
|
+
if (typeof drawerIcon === 'function')
|
|
86
|
+
return drawerIcon({
|
|
87
|
+
color: focused
|
|
88
|
+
? (_b = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _b !== void 0 ? _b : '#ff5a00'
|
|
89
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
90
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
91
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
92
|
+
? 'white'
|
|
93
|
+
: 'black',
|
|
94
|
+
size: 'md',
|
|
95
|
+
});
|
|
96
|
+
return (React.createElement(Ionicons, { name: drawerIcon, color: focused
|
|
97
|
+
? (_c = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _c !== void 0 ? _c : '#ff5a00'
|
|
98
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
99
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
100
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
101
|
+
? 'white'
|
|
102
|
+
: 'black', size: 20 }));
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
React.createElement(Ionicons, { name: `grid`, color: focused
|
|
106
|
+
? (_d = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _d !== void 0 ? _d : '#ff5a00'
|
|
107
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
108
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
109
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
110
|
+
? 'white'
|
|
111
|
+
: 'black', size: 20 });
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
if (typeof props.descriptors[data.key].options.drawerIcon === 'function')
|
|
116
|
+
return props.descriptors[data.key].options.drawerIcon({
|
|
117
|
+
color: focused
|
|
118
|
+
? (_e = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _e !== void 0 ? _e : '#ff5a00'
|
|
119
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
120
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
121
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
122
|
+
? 'white'
|
|
123
|
+
: 'black',
|
|
124
|
+
size: 'md',
|
|
125
|
+
});
|
|
126
|
+
const drawerIcon = (_j = (_h = (_g = (_f = props === null || props === void 0 ? void 0 : props.descriptors) === null || _f === void 0 ? void 0 : _f[data === null || data === void 0 ? void 0 : data.key]) === null || _g === void 0 ? void 0 : _g.options) === null || _h === void 0 ? void 0 : _h.drawerIcon) !== null && _j !== void 0 ? _j : 'home';
|
|
127
|
+
return (React.createElement(Ionicons, { name: drawerIcon, color: focused
|
|
128
|
+
? (_k = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _k !== void 0 ? _k : '#ff5a00'
|
|
129
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
130
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
131
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
132
|
+
? 'white'
|
|
133
|
+
: 'black', size: 20 }));
|
|
134
|
+
}
|
|
135
|
+
}, label: ({ color }) => (React.createElement(Text, { style: { color, fontSize: 15 }, fontWeight: '$semibold' }, data.name.split('.').pop() === 'Home' ? 'Home' : data.name.split('.').pop())), focused:
|
|
136
|
+
// props.state.routes.findIndex((e: any) => e.name === data.name) === props.state.index
|
|
137
|
+
(settings === null || settings === void 0 ? void 0 : settings.layout) == 'side'
|
|
138
|
+
? props.state.routes.findIndex((e) => e.name === data.name) ===
|
|
139
|
+
props.state.index
|
|
140
|
+
: data.name === (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.name), onPress: () => navigation.navigate(data.name, { orgName: platform.orgName }), activeTintColor: (_a = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _a !== void 0 ? _a : '#ff5a00', inactiveTintColor: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
141
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
142
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
143
|
+
? 'white'
|
|
144
|
+
: 'black' }));
|
|
145
|
+
})),
|
|
146
|
+
React.createElement(Box, { mb: (settings === null || settings === void 0 ? void 0 : settings.layout) == 'bottomDrawer' ? "$0" : "$4", bg: (props === null || props === void 0 ? void 0 : props.backgroundColor) ? props === null || props === void 0 ? void 0 : props.backgroundColor : (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark' ? '#000' : '#fff' },
|
|
147
|
+
React.createElement(Divider, null),
|
|
148
|
+
React.createElement(React.Fragment, null, (_t = [...bottomRoutes]) === null || _t === void 0 ? void 0 : _t.map((data) => {
|
|
149
|
+
var _a;
|
|
150
|
+
return (React.createElement(DrawerItem, { key: data.key, icon: ({ focused }) => {
|
|
151
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
152
|
+
if (settings && settings.layout == 'mixSide') {
|
|
153
|
+
const option = data.params.options ? JSON.parse(data.params.options) : null;
|
|
154
|
+
if (option) {
|
|
155
|
+
const drawerIcon = (_a = option === null || option === void 0 ? void 0 : option.drawerIcon) !== null && _a !== void 0 ? _a : 'home';
|
|
156
|
+
if (typeof drawerIcon === 'function')
|
|
157
|
+
return drawerIcon({
|
|
158
|
+
color: focused
|
|
159
|
+
? (_b = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _b !== void 0 ? _b : '#ff5a00'
|
|
160
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
161
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
162
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
163
|
+
? 'white'
|
|
164
|
+
: 'black',
|
|
165
|
+
size: 'md',
|
|
166
|
+
});
|
|
167
|
+
return (React.createElement(Ionicons, { name: drawerIcon, color: focused
|
|
168
|
+
? (_c = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _c !== void 0 ? _c : '#ff5a00'
|
|
169
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
170
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
171
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
172
|
+
? 'white'
|
|
173
|
+
: 'black', size: 20 }));
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
React.createElement(Ionicons, { name: `grid`, color: focused
|
|
177
|
+
? (_d = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _d !== void 0 ? _d : '#ff5a00'
|
|
178
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
179
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
180
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
181
|
+
? 'white'
|
|
182
|
+
: 'black', size: 20 });
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
else {
|
|
186
|
+
if (typeof props.descriptors[data.key].options.drawerIcon === 'function')
|
|
187
|
+
return props.descriptors[data.key].options.drawerIcon({
|
|
188
|
+
color: focused
|
|
189
|
+
? (_e = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _e !== void 0 ? _e : '#ff5a00'
|
|
190
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
191
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
192
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
193
|
+
? 'white'
|
|
194
|
+
: 'black',
|
|
195
|
+
size: 'md',
|
|
196
|
+
});
|
|
197
|
+
const drawerIcon = (_j = (_h = (_g = (_f = props === null || props === void 0 ? void 0 : props.descriptors) === null || _f === void 0 ? void 0 : _f[data === null || data === void 0 ? void 0 : data.key]) === null || _g === void 0 ? void 0 : _g.options) === null || _h === void 0 ? void 0 : _h.drawerIcon) !== null && _j !== void 0 ? _j : 'home';
|
|
198
|
+
return (React.createElement(Ionicons, { name: drawerIcon, color: focused
|
|
199
|
+
? (_k = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _k !== void 0 ? _k : '#ff5a00'
|
|
200
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
201
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
202
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
203
|
+
? 'white'
|
|
204
|
+
: 'black', size: 20 }));
|
|
205
|
+
}
|
|
206
|
+
}, label: ({ color }) => (React.createElement(Text, { style: { color, fontSize: 15 }, fontWeight: '$semibold' }, data.name.split('.').pop() === 'Home' ? 'Home' : data.name.split('.').pop())), focused:
|
|
207
|
+
// props.state.routes.findIndex((e: any) => e.name === data.name) === props.state.index
|
|
208
|
+
(settings === null || settings === void 0 ? void 0 : settings.layout) == 'side'
|
|
209
|
+
? props.state.routes.findIndex((e) => e.name === data.name) ===
|
|
210
|
+
props.state.index
|
|
211
|
+
: data.name === (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.name), activeTintColor: (_a = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _a !== void 0 ? _a : '#ff5a00', inactiveTintColor: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
212
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
213
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
214
|
+
? 'white'
|
|
215
|
+
: 'black', onPress: () => navigation.navigate(data.name, { orgName: platform.orgName }) }));
|
|
216
|
+
})),
|
|
217
|
+
props.logout && user && user.accessToken && (React.createElement(DrawerItem, { label: ({ color }) => (React.createElement(Text, { style: { color, fontSize: 18 }, fontWeight: '$semibold' }, "Logout")), icon: ({ focused }) => {
|
|
218
|
+
var _a;
|
|
219
|
+
return (React.createElement(Ionicons, { name: 'log-out', size: 20, color: focused
|
|
220
|
+
? (_a = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _a !== void 0 ? _a : '#ff5a00'
|
|
221
|
+
: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
222
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
223
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
224
|
+
? 'white'
|
|
225
|
+
: 'black' }));
|
|
226
|
+
}, activeTintColor: (_u = props === null || props === void 0 ? void 0 : props.activeTintColor) !== null && _u !== void 0 ? _u : '#ff5a00', inactiveTintColor: (props === null || props === void 0 ? void 0 : props.inactiveTintColor)
|
|
227
|
+
? props === null || props === void 0 ? void 0 : props.inactiveTintColor
|
|
228
|
+
: (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark'
|
|
229
|
+
? 'white'
|
|
230
|
+
: 'black',
|
|
231
|
+
//onPress={() => navigation.navigate('MainStack.Logout', { redirect: props.redirect })}
|
|
232
|
+
onPress: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
233
|
+
var _v;
|
|
234
|
+
try {
|
|
235
|
+
dispatch(logoutAndRedirect());
|
|
236
|
+
dispatch(resetReduxState());
|
|
237
|
+
toast.show({
|
|
238
|
+
placement: 'top',
|
|
239
|
+
render: ({ id }) => {
|
|
240
|
+
const toastId = 'toast-' + id;
|
|
241
|
+
return (React.createElement(Toast, { nativeID: toastId, action: "attention", variant: "solid" },
|
|
242
|
+
React.createElement(VStack, { space: "xs" },
|
|
243
|
+
React.createElement(ToastTitle, null, "Logging out"))));
|
|
244
|
+
},
|
|
245
|
+
});
|
|
246
|
+
(_v = props === null || props === void 0 ? void 0 : props.navigation) === null || _v === void 0 ? void 0 : _v.closeDrawer();
|
|
247
|
+
}
|
|
248
|
+
catch (error) {
|
|
249
|
+
console.error('Error signing out', error);
|
|
250
|
+
}
|
|
251
|
+
}) })))));
|
|
252
|
+
};
|
|
253
|
+
//# sourceMappingURL=Drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import React, { useState, useCallback } from 'react';
|
|
2
|
+
import { HStack, Text, Box, StatusBar, Button, SafeAreaView } from '@gluestack-ui/themed';
|
|
3
|
+
import { getHeaderTitle } from '@react-navigation/elements';
|
|
4
|
+
import { Ionicons } from '@expo/vector-icons';
|
|
5
|
+
import { SettingDrawer } from './SettingDrawer';
|
|
6
|
+
import { useDispatch } from 'react-redux';
|
|
7
|
+
import { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';
|
|
8
|
+
import { useSelector } from 'react-redux';
|
|
9
|
+
export const Header = React.memo(({ navigation, route, options, back, showToggle = null, theme = 'light', right = null, rightComponent, }) => {
|
|
10
|
+
const title = getHeaderTitle(options, route.name);
|
|
11
|
+
const matches = title.match(/\b(\w)/g);
|
|
12
|
+
const acronym = matches.join('').substring(0, 2); // JSON
|
|
13
|
+
const [settingToggle, setSettingToggle] = useState(false);
|
|
14
|
+
const settings = useSelector((state) => state.settings);
|
|
15
|
+
const dispatch = useDispatch();
|
|
16
|
+
const onSettingChange = useCallback((config) => dispatch({
|
|
17
|
+
type: CHANGE_SETTINGS_ACTION,
|
|
18
|
+
payload: config,
|
|
19
|
+
}), [dispatch]);
|
|
20
|
+
return (React.createElement(SafeAreaView, null,
|
|
21
|
+
React.createElement(StatusBar, { barStyle: theme === 'light' ? 'dark-content' : 'light-content' }),
|
|
22
|
+
React.createElement(Box, { bg: theme === 'light' ? '$white' : '$black' },
|
|
23
|
+
React.createElement(HStack, { bg: theme === 'light' ? '$white' : '$black', px: "$1", py: "$3",
|
|
24
|
+
// justifyContent={
|
|
25
|
+
// settings?.layout === 'bottom' || settings?.layout === 'host-bottom' ? 'center' : 'space-between'
|
|
26
|
+
// }
|
|
27
|
+
justifyContent: ((settings === null || settings === void 0 ? void 0 : settings.layout) === 'bottom' || (settings === null || settings === void 0 ? void 0 : settings.layout) === 'host-bottom') && !right
|
|
28
|
+
? 'center'
|
|
29
|
+
: 'space-between', alignItems: "center", borderBottomWidth: '$1', borderBottomColor: '#d3d3d3', w: "100%" },
|
|
30
|
+
back ? (React.createElement(Button, { size: "xs", bg: 'transparent', onPress: () => navigation.goBack() },
|
|
31
|
+
React.createElement(Ionicons, { name: 'arrow-back', color: theme === 'light' ? 'black' : 'white', size: 20 }))) : showToggle && (settings === null || settings === void 0 ? void 0 : settings.layout) !== 'bottom' ? (React.createElement(Button, { size: "xs", bg: 'transparent', onPress: () => navigation.toggleDrawer() },
|
|
32
|
+
React.createElement(Ionicons, { name: 'menu', color: theme === 'light' ? 'black' : 'white', size: 20 }))) : (React.createElement(React.Fragment, null)),
|
|
33
|
+
React.createElement(Text, { px: '$2', color: theme === 'light' ? '$black' : '$white', style: { fontSize: 20 }, fontWeight: "$bold" }, title),
|
|
34
|
+
!!settingToggle ? (React.createElement(SettingDrawer, { onSettingChange: (settings) => {
|
|
35
|
+
onSettingChange(settings);
|
|
36
|
+
setSettingToggle(false);
|
|
37
|
+
} })) : null,
|
|
38
|
+
right ? (React.createElement(HStack, { alignItems: 'center' },
|
|
39
|
+
React.createElement(Button, { size: "xs", bg: 'transparent', onPress: () => setSettingToggle(!settingToggle) },
|
|
40
|
+
React.createElement(Ionicons, { name: 'cog', color: theme === 'light' ? 'black' : 'white', size: 20 })),
|
|
41
|
+
rightComponent ? React.createElement(Box, null, rightComponent) : null)) : (React.createElement(Button, { bg: 'transparent', mr: '$2' }))))));
|
|
42
|
+
});
|
|
43
|
+
// export const Header = ({
|
|
44
|
+
// navigation,
|
|
45
|
+
// route,
|
|
46
|
+
// options,
|
|
47
|
+
// back,
|
|
48
|
+
// showToggle = null,
|
|
49
|
+
// theme = 'light',
|
|
50
|
+
// right = null,
|
|
51
|
+
// rightComponent,
|
|
52
|
+
// }: any) => {
|
|
53
|
+
// const title = getHeaderTitle(options, route.name);
|
|
54
|
+
// const matches: any = title.match(/\b(\w)/g);
|
|
55
|
+
// const acronym: any = matches.join('').substring(0, 2); // JSON
|
|
56
|
+
// const [settingToggle, setSettingToggle] = useState(false);
|
|
57
|
+
// const settings = useSelector<any>((state) => state.settings) as any;
|
|
58
|
+
// const dispatch = useDispatch();
|
|
59
|
+
// const onSettingChange = useCallback(
|
|
60
|
+
// (config: any) =>
|
|
61
|
+
// dispatch({
|
|
62
|
+
// type: CHANGE_SETTINGS_ACTION,
|
|
63
|
+
// payload: config,
|
|
64
|
+
// }),
|
|
65
|
+
// [dispatch],
|
|
66
|
+
// );
|
|
67
|
+
// return (
|
|
68
|
+
// <SafeAreaView>
|
|
69
|
+
// <StatusBar barStyle={theme === 'light' ? 'dark-content':'light-content'} />
|
|
70
|
+
// <Box bg={theme === 'light' ? '$white' : '$black'}>
|
|
71
|
+
// <HStack
|
|
72
|
+
// bg={theme === 'light' ? '$white' : '$black'}
|
|
73
|
+
// px="$1"
|
|
74
|
+
// py="$3"
|
|
75
|
+
// // justifyContent={
|
|
76
|
+
// // settings?.layout === 'bottom' || settings?.layout === 'host-bottom' ? 'center' : 'space-between'
|
|
77
|
+
// // }
|
|
78
|
+
// justifyContent={
|
|
79
|
+
// (settings?.layout === 'bottom' || settings?.layout === 'host-bottom') && !right
|
|
80
|
+
// ? 'center'
|
|
81
|
+
// : 'space-between'
|
|
82
|
+
// }
|
|
83
|
+
// alignItems="center"
|
|
84
|
+
// borderBottomWidth={'$1'}
|
|
85
|
+
// borderBottomColor={'#d3d3d3'}
|
|
86
|
+
// w="100%"
|
|
87
|
+
// >
|
|
88
|
+
// {back ? (
|
|
89
|
+
// <Button size="xs" bg={'transparent'} onPress={() => navigation.goBack()}>
|
|
90
|
+
// <Ionicons name={'arrow-back'} color={theme === 'light' ? 'black' : 'white'} size={20} />
|
|
91
|
+
// </Button>
|
|
92
|
+
// ) : showToggle && settings?.layout !== 'bottom' ? (
|
|
93
|
+
// <Button size="xs" bg={'transparent'} onPress={() => navigation.toggleDrawer()}>
|
|
94
|
+
// <Ionicons name={'menu'} color={theme === 'light' ? 'black' : 'white'} size={20} />
|
|
95
|
+
// </Button>
|
|
96
|
+
// ) : (
|
|
97
|
+
// <></>
|
|
98
|
+
// )}
|
|
99
|
+
// <Text
|
|
100
|
+
// px={'$2'}
|
|
101
|
+
// color={theme === 'light' ? '$black' : '$white'}
|
|
102
|
+
// style={{ fontSize: 20 }}
|
|
103
|
+
// fontWeight="$bold"
|
|
104
|
+
// >
|
|
105
|
+
// {title}
|
|
106
|
+
// </Text>
|
|
107
|
+
// {!!settingToggle ? (
|
|
108
|
+
// <SettingDrawer
|
|
109
|
+
// onSettingChange={(settings: any) => {
|
|
110
|
+
// onSettingChange(settings);
|
|
111
|
+
// setSettingToggle(false);
|
|
112
|
+
// }}
|
|
113
|
+
// />
|
|
114
|
+
// ) : null}
|
|
115
|
+
// {right ? (
|
|
116
|
+
// <HStack alignItems={'center'}>
|
|
117
|
+
// <Button size="xs" bg={'transparent'} onPress={() => setSettingToggle(!settingToggle)}>
|
|
118
|
+
// <Ionicons name={'cog'} color={theme === 'light' ? 'black' : 'white'} size={20} />
|
|
119
|
+
// </Button>
|
|
120
|
+
// {rightComponent ? <Box>{rightComponent}</Box> : null}
|
|
121
|
+
// </HStack>
|
|
122
|
+
// ) : (
|
|
123
|
+
// <Button bg={'transparent'} mr={'$2'}></Button>
|
|
124
|
+
// )}
|
|
125
|
+
// </HStack>
|
|
126
|
+
// </Box>
|
|
127
|
+
// </SafeAreaView>
|
|
128
|
+
// );
|
|
129
|
+
// };
|
|
130
|
+
//# sourceMappingURL=Header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sample.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/Sample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAG,GAAG,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,OAAO,CACH,oBAAC,GAAG;QACA,oBAAC,IAAI,iBAAc,CACjB,CACT,CAAC;AACN,CAAC,CAAC"}
|