@admin-layout/gluestack-ui-mobile 6.5.1-alpha.0

package/lib/components/Layout/components/SettingDrawer/LayoutButton.js

@@ -0,0 +1,66 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Box, Pressable, HStack, VStack, Text } from '@gluestack-ui/themed';
+const LayoutButton = ({ color, onSettingChange, settings, bottom, mode, bottomOnly, bottomDrawer }) => {
+    return (React.createElement(Pressable, { backgroundColor: '#f0f2f5', width: 50, height: 50, borderRadius: '$sm', mr: '$4', onPress: () => {
+            if (mode === 'style') {
+                let { navTheme } = settings, rest = __rest(settings, ["navTheme"]);
+                if (color === 'white') {
+                    navTheme = 'light';
+                    const newSettings = Object.assign(Object.assign({}, rest), { navTheme });
+                    onSettingChange(newSettings);
+                }
+                else {
+                    navTheme = 'dark';
+                    const newSettings = Object.assign(Object.assign({}, rest), { navTheme });
+                    onSettingChange(newSettings);
+                }
+            }
+            else {
+                let { layout } = settings, rest = __rest(settings, ["layout"]);
+                if (bottom) {
+                    layout = 'mixSide';
+                    const newSettings = Object.assign(Object.assign({}, rest), { layout });
+                    onSettingChange(newSettings);
+                }
+                else if (bottomOnly) {
+                    layout = 'bottom';
+                    const newSettings = Object.assign(Object.assign({}, rest), { layout });
+                    onSettingChange(newSettings);
+                }
+                else if (bottomDrawer) {
+                    layout = 'bottomDrawer';
+                    const newSettings = Object.assign(Object.assign({}, rest), { layout });
+                    onSettingChange(newSettings);
+                }
+                else {
+                    layout = 'side';
+                    const newSettings = Object.assign(Object.assign({}, rest), { layout });
+                    onSettingChange(newSettings);
+                }
+            }
+        } },
+        React.createElement(HStack, null,
+            React.createElement(Box, { backgroundColor: color, height: bottomOnly ? '$0' : 50, width: '28%', borderTopLeftRadius: '$sm', borderBottomLeftRadius: '$sm' }),
+            React.createElement(VStack, { justifyContent: 'space-between' },
+                React.createElement(Box, { height: 15, width: 36, backgroundColor: '$white', borderTopRightRadius: '$sm' }),
+                bottom ? (React.createElement(Box, { height: 15, width: 36, backgroundColor: '$black', borderBottomRightRadius: '$sm' })) : null,
+                bottomOnly ? (React.createElement(React.Fragment, null,
+                    React.createElement(Box, { height: 15, width: '$0', backgroundColor: '$white', borderTopRightRadius: '$sm' }),
+                    React.createElement(Box, { height: 15, width: 49, backgroundColor: '$black' }))) : null,
+                bottomDrawer ? (React.createElement(React.Fragment, null,
+                    React.createElement(Box, { height: 15, width: 36, backgroundColor: '$black', borderBottomRightRadius: '$sm' }),
+                    React.createElement(Text, null))) : null))));
+};
+export default LayoutButton;
+//# sourceMappingURL=LayoutButton.js.map

package/lib/components/Layout/components/SettingDrawer/LayoutButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutButton.js","sourceRoot":"","sources":["../../../../../src/components/Layout/components/SettingDrawer/LayoutButton.tsx"],"names":[],"mappings":"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"}

package/lib/components/Layout/components/SettingDrawer/SettingDrawer.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SettingDrawer: ({ onSettingChange }: any) => React.JSX.Element;

package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Box, Text, HStack } from '@gluestack-ui/themed';
+import { useSelector } from 'react-redux';
+import LayoutButton from './LayoutButton';
+import ThemeColorButton from './ThemeColorButton';
+import { THEMECOLOR } from '../../../../utils/ThemeColor';
+export const SettingDrawer = ({ onSettingChange }) => {
+    const settings = useSelector((state) => state.settings);
+    return (React.createElement(Box, { position: 'absolute', flex: 1, flexGrow: 1, p: "$5", right: "$0", bg: '$white', top: "$4" },
+        React.createElement(Text, { color: '#000080', style: { fontWeight: '900' } }, "Page style setting"),
+        React.createElement(HStack, { space: "md", mt: "$3" },
+            React.createElement(LayoutButton, { mode: "style", settings: settings, onSettingChange: onSettingChange, color: 'white' }),
+            React.createElement(LayoutButton, { mode: "style", settings: settings, onSettingChange: onSettingChange, color: 'black' })),
+        React.createElement(Text, { color: '#000080', style: { fontWeight: '900' }, mt: "$2" }, "Theme Color"),
+        React.createElement(HStack, { space: "md", mt: "$3", flexWrap: 'wrap' }, THEMECOLOR.map((color, index) => (React.createElement(ThemeColorButton, { key: index, color: color, settings: settings, onSettingChange: onSettingChange })))),
+        React.createElement(Text, { color: '#000080', style: { fontWeight: '900' }, mt: "$2" }, "Navigation Mode"),
+        React.createElement(HStack, { space: "md", mt: "$3" },
+            React.createElement(LayoutButton, { mode: "layout", settings: settings, onSettingChange: onSettingChange, color: 'black' }),
+            React.createElement(LayoutButton, { mode: "layout", bottom: true, settings: settings, onSettingChange: onSettingChange, color: 'black' }),
+            React.createElement(LayoutButton, { mode: "layout", bottomOnly: true, settings: settings, onSettingChange: onSettingChange, color: 'black' })),
+        React.createElement(HStack, { space: "md", mt: "$3" })));
+};
+//# sourceMappingURL=SettingDrawer.js.map

package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingDrawer.js","sourceRoot":"","sources":["../../../../../src/components/Layout/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,eAAe,EAAO,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,WAAW,CAAM,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACpE,OAAO,CACH,oBAAC,GAAG,IAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI;QAC3F,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,UAAU,EAAC,KAAK,EAAC,yBAE1C;QACP,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;YACzB,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,GAAI;YACnG,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,GAAI,CAC9F;QACT,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,UAAU,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,IAAI,kBAEpD;QACP,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,IAC1C,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,GAAI,CACvG,CAAC,CACG;QACT,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,UAAU,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,IAAI,sBAEpD;QACP,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;YACzB,oBAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,GAAI;YACpG,oBAAC,YAAY,IACT,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,OAAO,GAChB;YAEF,oBAAC,YAAY,IACT,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,OAAO,GAChB,CACG;QACT,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,GAQpB,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ThemeColorButton: ({ color, onSettingChange, settings }: any) => React.JSX.Element;
+export default ThemeColorButton;

package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Pressable, Box } from '@gluestack-ui/themed';
+const ThemeColorButton = ({ color, onSettingChange, settings }) => {
+    return (React.createElement(Pressable, { backgroundColor: color, height: '$4', width: '$4', borderRadius: '$sm', onPress: () => {
+            let { primaryColor } = settings, rest = __rest(settings, ["primaryColor"]);
+            primaryColor = color;
+            const newSettings = Object.assign(Object.assign({}, rest), { primaryColor });
+            onSettingChange(newSettings);
+        } },
+        React.createElement(Box, null)));
+};
+export default ThemeColorButton;
+//# sourceMappingURL=ThemeColorButton.js.map

package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeColorButton.js","sourceRoot":"","sources":["../../../../../src/components/Layout/components/SettingDrawer/ThemeColorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAO,EAAE,EAAE;IACnE,OAAO,CACH,oBAAC,SAAS,IACN,eAAe,EAAE,KAAK,EACtB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE;YACV,IAAI,EAAE,YAAY,KAAc,QAAQ,EAAjB,IAAI,UAAK,QAAQ,EAApC,gBAAyB,CAAW,CAAC;YACzC,YAAY,GAAG,KAAK,CAAC;YACrB,MAAM,WAAW,mCACV,IAAI,KACP,YAAY,GACf,CAAC;YACF,eAAe,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;QAED,oBAAC,GAAG,OAAG,CACC,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/Layout/components/SettingDrawer/index.d.ts

@@ -0,0 +1 @@
+export * from './SettingDrawer';

package/lib/components/Layout/components/SettingDrawer/index.js

@@ -0,0 +1,2 @@
+export * from './SettingDrawer';
+//# sourceMappingURL=index.js.map

package/lib/components/Layout/components/SettingDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layout/components/SettingDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/components/Layout/components/SideBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MenuDataItem } from '../typings';
+export interface SideBarProps {
+    menuData: MenuDataItem[];
+    matchUrl: string;
+    navTheme: string;
+    drawerRef: any;
+}
+declare const SideBar: React.FC<SideBarProps>;
+export default SideBar;

package/lib/components/Layout/components/SideBar.js

@@ -0,0 +1,59 @@
+import React, { useState } from 'react';
+import { HStack, Text, Box, Divider, FlatList } from '@gluestack-ui/themed';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { Link } from 'react-router-native';
+import { useHistory } from 'react-router-native';
+import { COLOR } from '../../../utils/ThemeColor';
+const SideBar = ({ menuData, matchUrl, navTheme, drawerRef }) => {
+    const [icon, setIcon] = useState('chevron-down-outline');
+    const [isToggle, setToggle] = useState(false);
+    const history = useHistory();
+    const toggle = () => {
+        if (isToggle) {
+            setIcon('chevron-down-outline');
+            setToggle(false);
+        }
+        else {
+            setIcon('chevron-up-outline');
+            setToggle(true);
+        }
+    };
+    const isMenuExist = menuData.length > 0;
+    const openMenuItem = (menu) => {
+        history.push({ pathname: menu.path, state: menu.name });
+        drawerRef.current.closeDrawer();
+    };
+    return (React.createElement(Box, { flex: 1, style: { backgroundColor: navTheme === 'dark' ? COLOR.GREYISH_BLACK : COLOR.WHITE } }, !!isMenuExist && (React.createElement(FlatList, { data: menuData, renderItem: ({ item }) => {
+            const keys = item === null || item === void 0 ? void 0 : item.key.split('.');
+            const arrowIcon = icon || 'chevron-down-outline';
+            return (item === null || item === void 0 ? void 0 : item.routes) ? (React.createElement(Box, { p: "$3" },
+                React.createElement(TouchableOpacity, { onPress: () => toggle() },
+                    React.createElement(HStack, null,
+                        React.createElement(Ionicons, { color: isToggle ? '#fff' : '#a1a1a1', name: "document-outline" }),
+                        React.createElement(Text, { style: { color: isToggle ? '#fff' : '#a1a1a1' } }, item.name),
+                        React.createElement(Ionicons, { name: arrowIcon }))),
+                isToggle
+                    ? item.routes.map((subMenu) => (React.createElement(Box, { key: subMenu.key },
+                        React.createElement(Link, { to: subMenu.path, underlayColor: "#f0f4f7" },
+                            React.createElement(Text, { style: { color: '#a1a1a1' } }, subMenu.name)))))
+                    : null)) : (keys[0] != 'Main' && keys[0] == 'sidebar' && (React.createElement(Box, { key: item.key, p: "$3" },
+                React.createElement(TouchableOpacity, { style: { marginBottom: 10 }, onPress: () => openMenuItem(item) },
+                    React.createElement(HStack, null,
+                        React.createElement(Ionicons, { size: 20, color: navTheme === 'dark' ? COLOR.LIGHT_GREY : COLOR.BLACK, name: item.icon }),
+                        React.createElement(Text, { style: {
+                                color: navTheme === 'dark' ? COLOR.LIGHT_GREY : COLOR.BLACK,
+                                marginLeft: 10,
+                            } }, item.name))),
+                React.createElement(Divider, null))));
+        } }))));
+};
+const styles = StyleSheet.create({
+    header: {
+        marginLeft: 20,
+        marginTop: 10,
+        marginBottom: 10,
+    },
+});
+export default SideBar;
+//# sourceMappingURL=SideBar.js.map

package/lib/components/Layout/components/SideBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/SideBar.tsx"],"names":[],"mappings":"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"}

package/lib/components/Layout/components/defaultSettings.d.ts

@@ -0,0 +1,4 @@
+import { RenderSetting, ContentWidth, PureSettings, ProSettings } from '@admin-layout/client';
+export { ContentWidth, PureSettings, RenderSetting, ProSettings };
+declare const defaultSettings: ProSettings;
+export default defaultSettings;

package/lib/components/Layout/components/defaultSettings.js

@@ -0,0 +1,16 @@
+const defaultSettings = {
+    navTheme: 'dark',
+    layout: 'side',
+    contentWidth: 'Fluid',
+    fixedHeader: false,
+    fixSiderbar: false,
+    menu: {
+        locale: false,
+    },
+    headerHeight: 48,
+    title: 'CDMBase LLC',
+    iconfontUrl: '',
+    primaryColor: '#1890ff',
+};
+export default defaultSettings;
+//# sourceMappingURL=defaultSettings.js.map

package/lib/components/Layout/components/defaultSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultSettings.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/defaultSettings.ts"],"names":[],"mappings":"AAIA,MAAM,eAAe,GAAgB;IACjC,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE;QACF,MAAM,EAAE,KAAK;KAChB;IACD,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,SAAS;CAC1B,CAAC;AACF,eAAe,eAAe,CAAC"}

package/lib/components/Layout/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Drawer';
+export * from './BottomTabBar';
+export * from './Header';
+export * from './Sample';

package/lib/components/Layout/components/index.js

@@ -0,0 +1,5 @@
+export * from './Drawer';
+export * from './BottomTabBar';
+export * from './Header';
+export * from './Sample';
+//# sourceMappingURL=index.js.map

package/lib/components/Layout/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/lib/components/Layout/components/util.d.ts

@@ -0,0 +1 @@
+export declare const generateMenuPath: (path: any, params: any) => string;

package/lib/components/Layout/components/util.js

@@ -0,0 +1,15 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { generatePath } from 'react-router';
+export const generateMenuPath = (path, params) => {
+    try {
+        const generatedPath = generatePath(path, params);
+        return generatedPath;
+    }
+    catch (err) {
+        console.log('--fillParams.path', path);
+        console.log('--fillParams.params', params);
+        console.log('generatePath is errored due to missing orgId');
+    }
+    return null;
+};
+//# sourceMappingURL=util.js.map

package/lib/components/Layout/components/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/components/Layout/components/util.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;IAC7C,IAAI;QACA,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACjD,OAAO,aAAa,CAAC;KACxB;IAAC,OAAO,GAAG,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;QAC3C,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC;KAC/D;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}

package/lib/components/Layout/compute.d.ts

@@ -0,0 +1,6 @@
+import { Feature } from '@common-stack/client-react';
+export declare const appDrawerFeature: (props: any) => Feature;
+export declare const appDrawerBottomTabFeature: (props: any) => Feature;
+export declare const appBottomTabFeature: (props: any) => Feature;
+export declare const appHostBottomTabFeature: (props: any) => Feature;
+export declare const appBottomTabDrawerFeature: Feature;

package/lib/components/Layout/compute.js

@@ -0,0 +1,316 @@
+import React from 'react';
+import { Feature } from '@common-stack/client-react';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { Drawer, BottomTabBar, Header } from './components';
+import { AntDesign } from '@expo/vector-icons';
+import { navigationRef } from '@common-stack/client-react';
+const layoutSettingConfig = process.APP_ENV && process.APP_ENV.LAYOUT_SETTINGS ? JSON.parse(process.APP_ENV.LAYOUT_SETTINGS) : null;
+const headerSettings = layoutSettingConfig
+    ? {
+        showToggle: layoutSettingConfig.hasOwnProperty('topLeftToggle')
+            ? layoutSettingConfig.topLeftToggle
+                ? true
+                : false
+            : true,
+        rightSettingToggle: layoutSettingConfig.hasOwnProperty('topRightSettingToggle')
+            ? layoutSettingConfig.topRightSettingToggle
+                ? true
+                : false
+            : true,
+    }
+    : { showToggle: true, rightSettingToggle: true };
+const drawerConfig = (props) => {
+    var _a;
+    let drawerProps = (_a = props === null || props === void 0 ? void 0 : props.drawerConfig) !== null && _a !== void 0 ? _a : null;
+    return {
+        ['//main_drawer']: {
+            exact: false,
+            container: createDrawerNavigator(),
+            name: 'Layout',
+            props: {
+                initialRouteName: 'MainStack.Layout.Home',
+                drawerContent: (props) => {
+                    var _a, _b, _c;
+                    let currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
+                    let currentOptions = ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.options)
+                        ? JSON.parse((_b = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _b === void 0 ? void 0 : _b.options)
+                        : null;
+                    let drawerOptions = Object.assign(Object.assign({}, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.drawerOption), drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.drawerOption);
+                    return React.createElement((_c = drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.drawerContent) !== null && _c !== void 0 ? _c : Drawer, Object.assign({}, props, Object.assign({ title: 'ClockBook', titleColor: 'black', logout: true, redirect: 'MainStack.Login' }, drawerOptions)));
+                },
+                screenOptions: (options) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    let currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
+                    let currentOptions = ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.options)
+                        ? JSON.parse((_b = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _b === void 0 ? void 0 : _b.options)
+                        : null;
+                    return {
+                        headerShown: true,
+                        header: (props) => (React.createElement(Header, Object.assign({ showToggle: headerSettings && headerSettings.showToggle ? headerSettings.showToggle : false, right: headerSettings && headerSettings.rightSettingToggle
+                                ? headerSettings.rightSettingToggle
+                                : false }, props))),
+                        drawerIcon: 'grid',
+                        drawerStyle: (_d = (_c = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.drawerStyle) !== null && _c !== void 0 ? _c : drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.drawerStyle) !== null && _d !== void 0 ? _d : {},
+                        gestureEnabled: (_e = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.gestureEnabled) !== null && _e !== void 0 ? _e : true,
+                        swipeEnabled: (_f = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.swipeEnabled) !== null && _f !== void 0 ? _f : true,
+                    };
+                },
+            },
+        },
+    };
+};
+const bottomTabConfig = (props) => {
+    var _a;
+    let tabBarProps = (_a = props === null || props === void 0 ? void 0 : props.tabBarConfig) !== null && _a !== void 0 ? _a : null;
+    return {
+        ['//bottom_tab']: {
+            exact: false,
+            container: createBottomTabNavigator(),
+            name: 'Layout',
+            props: {
+                initialRouteName: 'MainStack.Layout.Home',
+                //tabBar: (props: any) => <BottomTabBar {...props} />,
+                tabBar: (props) => {
+                    var _a;
+                    return React.createElement((_a = tabBarProps === null || tabBarProps === void 0 ? void 0 : tabBarProps.bottomTabBar) !== null && _a !== void 0 ? _a : BottomTabBar, Object.assign({}, props));
+                },
+                screenOptions: ({ route }) => {
+                    return {
+                        headerShown: false,
+                        title: 'Home',
+                        headerTitle: 'Home',
+                        tabBarActiveTintColor: '#4c87f9',
+                        tabBarInactiveTintColor: 'black',
+                        tabBarIcon: ({ color }) => React.createElement(AntDesign, { name: 'search1', color: color, size: 24 }),
+                    };
+                },
+            },
+        },
+    };
+};
+const hostBottomTabConfig = (props) => {
+    var _a;
+    let tabBarProps = (_a = props === null || props === void 0 ? void 0 : props.tabBarConfig) !== null && _a !== void 0 ? _a : null;
+    return {
+        ['//host_tab']: {
+            container: createBottomTabNavigator(),
+            exact: false,
+            name: 'Layout',
+            props: {
+                initialRouteName: 'MainStack.Layout.Home',
+                //tabBar: (props: any) => <BottomTabBar {...props} />,
+                tabBar: (props) => {
+                    var _a;
+                    return React.createElement((_a = tabBarProps === null || tabBarProps === void 0 ? void 0 : tabBarProps.bottomTabBar) !== null && _a !== void 0 ? _a : BottomTabBar, Object.assign({}, props));
+                },
+                screenOptions: (props) => {
+                    return {
+                        headerShown: false,
+                        title: 'Home',
+                        headerTitle: 'Home',
+                        tabBarActiveTintColor: '#4c87f9',
+                        tabBarInactiveTintColor: 'black',
+                        tabBarIcon: ({ color }) => React.createElement(AntDesign, { name: 'search1', color: color, size: 24 }),
+                    };
+                },
+            },
+        },
+    };
+};
+const drawerBottomTabConfig = (props) => {
+    var _a, _b;
+    let drawerProps = (_a = props === null || props === void 0 ? void 0 : props.drawerConfig) !== null && _a !== void 0 ? _a : null;
+    let tabBarProps = (_b = props === null || props === void 0 ? void 0 : props.tabBarConfig) !== null && _b !== void 0 ? _b : null;
+    return {
+        ['//main_drawer']: {
+            exact: false,
+            container: createDrawerNavigator(),
+            name: 'Layout',
+            props: {
+                initialRouteName: 'MainStack.Layout.MainBottomTab',
+                drawerContent: (props) => {
+                    var _a, _b, _c;
+                    let currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
+                    let currentOptions = ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.options)
+                        ? JSON.parse((_b = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _b === void 0 ? void 0 : _b.options)
+                        : null;
+                    let drawerOptions = Object.assign(Object.assign({}, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.drawerOption), drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.drawerOption);
+                    return React.createElement((_c = drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.drawerContent) !== null && _c !== void 0 ? _c : Drawer, Object.assign({}, props, Object.assign({ title: 'ClockBook', titleColor: 'black', logout: true, redirect: 'MainStack.Login' }, drawerOptions)));
+                },
+                screenOptions: (options) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    let currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
+                    let currentOptions = ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.options)
+                        ? JSON.parse((_b = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _b === void 0 ? void 0 : _b.options)
+                        : null;
+                    return {
+                        headerShown: false,
+                        drawerIcon: 'grid',
+                        drawerStyle: (_d = (_c = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.drawerStyle) !== null && _c !== void 0 ? _c : drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.drawerStyle) !== null && _d !== void 0 ? _d : {},
+                        gestureEnabled: (_e = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.gestureEnabled) !== null && _e !== void 0 ? _e : true,
+                        swipeEnabled: (_f = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.swipeEnabled) !== null && _f !== void 0 ? _f : true,
+                    };
+                },
+            },
+        },
+        ['//main_drawer/bottom_tab']: {
+            container: createBottomTabNavigator(),
+            exact: false,
+            name: 'MainBottomTab',
+            props: {
+                initialRouteName: 'MainStack.MainDrawer.MainBottomTab.Home',
+                //tabBar: (props: any) => <BottomTabBar {...props} />,
+                tabBar: (props) => {
+                    var _a;
+                    return React.createElement((_a = tabBarProps === null || tabBarProps === void 0 ? void 0 : tabBarProps.bottomTabBar) !== null && _a !== void 0 ? _a : BottomTabBar, Object.assign({}, props));
+                },
+                screenOptions: ({ route }) => {
+                    return {
+                        headerShown: true,
+                        header: (props) => (React.createElement(Header, Object.assign({ showToggle: headerSettings && headerSettings.showToggle ? headerSettings.showToggle : false, right: headerSettings && headerSettings.rightSettingToggle
+                                ? headerSettings.rightSettingToggle
+                                : false }, props))),
+                        title: 'Home',
+                        headerTitle: 'Home',
+                        tabBarActiveTintColor: '#ff5a60',
+                        tabBarInactiveTintColor: 'black',
+                    };
+                },
+            },
+        },
+    };
+};
+const bottomTabDrawerConfig = (props) => {
+    var _a, _b;
+    let drawerProps = (_a = props === null || props === void 0 ? void 0 : props.drawerConfig) !== null && _a !== void 0 ? _a : null;
+    let tabBarProps = (_b = props === null || props === void 0 ? void 0 : props.tabBarConfig) !== null && _b !== void 0 ? _b : null;
+    return {
+        ['//bottom_tab']: {
+            container: createBottomTabNavigator(),
+            exact: false,
+            name: 'Layout',
+            props: {
+                initialRouteName: 'MainStack.Layout.Home',
+                // tabBar: (props: any) => <BottomTabBar {...props} />,
+                tabBar: (props) => {
+                    var _a;
+                    return React.createElement((_a = tabBarProps === null || tabBarProps === void 0 ? void 0 : tabBarProps.bottomTabBar) !== null && _a !== void 0 ? _a : BottomTabBar, Object.assign({}, props));
+                },
+                screenOptions: ({ route }) => {
+                    return {
+                        headerShown: true,
+                        header: (props) => (React.createElement(Header, Object.assign({ showToggle: headerSettings && headerSettings.showToggle ? headerSettings.showToggle : false, right: headerSettings && headerSettings.rightSettingToggle
+                                ? headerSettings.rightSettingToggle
+                                : false }, props))),
+                        title: 'Home',
+                        headerTitle: 'Home',
+                        tabBarActiveTintColor: '#ff5a60',
+                        tabBarInactiveTintColor: 'black',
+                    };
+                },
+                // screenOptions: ({ route }: any) => {
+                //     return {
+                //         headerShown: false,
+                //         //header: (props: any) => <Header showToggle={true} right={true} {...props} />,
+                //         title: 'Home',
+                //         headerTitle: 'Home',
+                //         tabBarActiveTintColor: '#ff5a60',
+                //         tabBarInactiveTintColor: 'black',
+                //     };
+                // },
+            },
+        },
+        // ['//bottom_tab/main_drawer']: {
+        //     exact: false,
+        //     container: createDrawerNavigator(),
+        //     name: 'MainDrawer',
+        //     props: {
+        //         initialRouteName: 'MainStack.MainBottomTab.MainDrawer.Home',
+        //         drawerContent: (props: any) => (
+        //             <Drawer
+        //             {...props}
+        //             title={'ClockBook'}
+        //             titleColor={'black'}
+        //             logout={true}
+        //             redirect={'MainStack.Login'}
+        //             />
+        //             ),
+        //             screenOptions:(options:any) =>{
+        //                 return{
+        //                     headerShown: true,
+        //                     header: (props: any) => <Header showToggle={true} right={true} {...props} />,
+        //                     drawerIcon: 'grid',
+        //                 }
+        //             }
+        //         },
+        //     },
+    };
+};
+// const bottomTabDrawerConfig = { 
+//     ['//bottom_tab']: {
+//         container: createBottomTabNavigator(),
+//         exact: false,
+//         name: 'Layout',
+//         props: {
+//             initialRouteName: 'MainStack.Layout.Home',
+//             tabBar: (props: any) => <BottomTabBar {...props} />,
+//             screenOptions: ({ route }: any) => {
+//                 return {
+//                     headerShown: false,
+//                     //header: (props: any) => <Header showToggle={true} right={true} {...props} />,
+//                     title: 'Home',
+//                     headerTitle: 'Home',
+//                     tabBarActiveTintColor: '#ff5a60',
+//                     tabBarInactiveTintColor: 'black',
+//                 };
+//             },
+//         },
+//     },
+//     // ['//bottom_tab/main_drawer']: {
+//     //     exact: false,
+//     //     container: createDrawerNavigator(),
+//     //     name: 'MainDrawer',
+//     //     props: {
+//     //         initialRouteName: 'MainStack.MainBottomTab.MainDrawer.Home',
+//     //         drawerContent: (props: any) => (
+//     //             <Drawer
+//     //             {...props}
+//     //             title={'ClockBook'}
+//     //             titleColor={'black'}
+//     //             logout={true}
+//     //             redirect={'MainStack.Login'}
+//     //             />
+//     //             ),
+//     //             screenOptions:(options:any) =>{
+//     //                 return{
+//     //                     headerShown: true,
+//     //                     header: (props: any) => <Header showToggle={true} right={true} {...props} />,
+//     //                     drawerIcon: 'grid',
+//     //                 }
+//     //             }
+//     //         },
+//     //     },
+// };
+// export const appDrawerFeature = new Feature({
+//     routeConfig: drawerConfig as any,
+// });
+// export const appDrawerBottomTabFeature = new Feature({
+//     routeConfig: drawerBottomTabConfig as any,
+// });
+export const appDrawerFeature = (props) => new Feature({
+    routeConfig: drawerConfig(props),
+});
+export const appDrawerBottomTabFeature = (props) => new Feature({
+    routeConfig: drawerBottomTabConfig(props),
+});
+export const appBottomTabFeature = (props) => new Feature({
+    routeConfig: bottomTabConfig(props),
+});
+export const appHostBottomTabFeature = (props) => new Feature({
+    routeConfig: hostBottomTabConfig(props),
+});
+export const appBottomTabDrawerFeature = new Feature({
+    routeConfig: bottomTabDrawerConfig,
+});
+//# sourceMappingURL=compute.js.map