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

package/lib/containers/layout/DrawerBottomNavigationConfig.d.ts

@@ -0,0 +1,128 @@
+import React from 'react';
+export declare const appDrawerBottomNavigationConfig: {
+    "/": {
+        exact: boolean;
+        container: import("@react-navigation/core").TypedNavigator<import("@react-navigation/routers").ParamListBase, import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, import("@react-navigation/stack").StackNavigationOptions, import("@react-navigation/stack").StackNavigationEventMap, ({ id, initialRouteName, children, screenListeners, screenOptions, ...rest }: import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            id?: string;
+            children: React.ReactNode;
+            screenListeners?: Partial<{
+                transitionStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionStart">;
+                transitionEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionEnd">;
+                gestureStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureStart">;
+                gestureEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureEnd">;
+                gestureCancel: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureCancel">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "beforeRemove">;
+            }> | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => Partial<{
+                transitionStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionStart">;
+                transitionEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionEnd">;
+                gestureStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureStart">;
+                gestureEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureEnd">;
+                gestureCancel: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureCancel">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "beforeRemove">;
+            }>);
+            screenOptions?: import("@react-navigation/stack").StackNavigationOptions | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => import("@react-navigation/stack").StackNavigationOptions);
+        } & import("@react-navigation/routers").StackRouterOptions & import("@react-navigation/stack/lib/typescript/src/types").StackNavigationConfig) => JSX.Element>;
+        name: string;
+        props: {
+            initialRouteName: string;
+            screenOptions: {
+                headerShown: boolean;
+            };
+        };
+    };
+    "//main_drawer": {
+        exact: boolean;
+        container: import("@react-navigation/core").TypedNavigator<import("@react-navigation/routers").ParamListBase, import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, import("@react-navigation/drawer").DrawerNavigationOptions, import("@react-navigation/drawer").DrawerNavigationEventMap, ({ id, initialRouteName, defaultStatus: customDefaultStatus, backBehavior, children, screenListeners, screenOptions, ...restWithDeprecated }: import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            id?: string;
+            children: React.ReactNode;
+            screenListeners?: Partial<{
+                drawerItemPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "drawerItemPress">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "beforeRemove">;
+            }> | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => Partial<{
+                drawerItemPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "drawerItemPress">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "beforeRemove">;
+            }>);
+            screenOptions?: import("@react-navigation/drawer").DrawerNavigationOptions | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => import("@react-navigation/drawer").DrawerNavigationOptions);
+        } & {
+            backBehavior?: import("@react-navigation/routers/lib/typescript/src/TabRouter").BackBehavior;
+        } & {
+            defaultStatus?: import("@react-navigation/routers").DrawerStatus;
+        } & import("@react-navigation/drawer/lib/typescript/src/types").DrawerNavigationConfig) => JSX.Element>;
+        name: string;
+        props: {
+            initialRouteName: string;
+            drawerContent: (props: any) => React.JSX.Element;
+            screenOptions: (options: any) => {
+                headerShown: boolean;
+                drawerIcon: string;
+            };
+        };
+    };
+    "//main_drawer/mainbottomtab": {
+        container: import("@react-navigation/core").TypedNavigator<import("@react-navigation/routers").ParamListBase, import("@react-navigation/routers").TabNavigationState<import("@react-navigation/routers").ParamListBase>, import("@react-navigation/bottom-tabs").BottomTabNavigationOptions, import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, ({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, sceneContainerStyle, ...restWithDeprecated }: import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            id?: string;
+            children: React.ReactNode;
+            screenListeners?: Partial<{
+                tabPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "tabPress">;
+                tabLongPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "tabLongPress">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "beforeRemove">;
+            }> | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => Partial<{
+                tabPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "tabPress">;
+                tabLongPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "tabLongPress">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/bottom-tabs").BottomTabNavigationEventMap, "beforeRemove">;
+            }>);
+            screenOptions?: import("@react-navigation/bottom-tabs").BottomTabNavigationOptions | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => import("@react-navigation/bottom-tabs").BottomTabNavigationOptions);
+        } & {
+            backBehavior?: import("@react-navigation/routers/lib/typescript/src/TabRouter").BackBehavior;
+        } & import("@react-navigation/bottom-tabs/lib/typescript/src/types").BottomTabNavigationConfig) => JSX.Element>;
+        exact: boolean;
+        name: string;
+        props: {
+            initialRouteName: string;
+            tabBar: (props: any) => React.JSX.Element;
+            screenOptions: ({ route }: any) => {
+                headerShown: boolean;
+                title: string;
+                headerTitle: string;
+                tabBarActiveTintColor: string;
+                tabBarInactiveTintColor: string;
+            };
+        };
+    };
+};

package/lib/containers/layout/DrawerBottomNavigationConfig.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { createStackNavigator } from '@react-navigation/stack';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { Drawer, BottomTabBar } from '../../components';
+export const appDrawerBottomNavigationConfig = {
+    ['/']: {
+        exact: false,
+        container: createStackNavigator(),
+        name: 'MainStack',
+        props: {
+            initialRouteName: 'MainStack.MainDrawer',
+            screenOptions: {
+                headerShown: false,
+            },
+        },
+    },
+    ['//main_drawer']: {
+        exact: false,
+        container: createDrawerNavigator(),
+        name: 'MainDrawer',
+        props: {
+            initialRouteName: 'MainStack.MainDrawer.MainBottomTab',
+            drawerContent: (props) => (React.createElement(Drawer, Object.assign({}, props, { title: 'ClockBook', titleColor: 'black', logout: true, redirect: 'MainStack.Login' }))),
+            screenOptions: (options) => {
+                return {
+                    headerShown: false,
+                    drawerIcon: 'grid',
+                };
+            }
+        },
+    },
+    ['//main_drawer/mainbottomtab']: {
+        container: createBottomTabNavigator(),
+        exact: false,
+        name: 'MainBottomTab',
+        props: {
+            initialRouteName: 'MainStack.MainDrawer.MainBottomTab.Home',
+            tabBar: (props) => React.createElement(BottomTabBar, Object.assign({}, props)),
+            screenOptions: ({ route }) => {
+                return {
+                    headerShown: false,
+                    title: 'Home',
+                    headerTitle: 'Home',
+                    tabBarActiveTintColor: '#ff5a60',
+                    tabBarInactiveTintColor: 'black',
+                };
+            },
+        },
+    },
+    // ['//o']: {
+    //     exact: false,
+    //     name: 'Home',
+    //     props: {
+    //         initialParams: { orgName: null,title:'Home',priority:1 },
+    //         component: ProLayout,
+    //         priority:1,
+    //         options: { 
+    //             headerShown: true,
+    //             header: (props: any) => <Header showToggle={true} right={true} {...props} />,
+    //             title: 'Home',
+    //             headerTitle:  'Home',
+    //             priority: 1,
+    //             tabBarActiveTintColor: '#ff5a60',
+    //             tabBarInactiveTintColor: 'black',
+    //             tabBarIcon: ({ color }: { color: any }) => <MaterialIcons name="home" size={24} color={color} />,
+    //             tabBarLabel: 'Home',
+    //          },
+    //     },
+    // },
+};
+//# sourceMappingURL=DrawerBottomNavigationConfig.js.map

package/lib/containers/layout/DrawerBottomNavigationConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBottomNavigationConfig.js","sourceRoot":"","sources":["../../../src/containers/layout/DrawerBottomNavigationConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAS,YAAY,EAAU,MAAM,kBAAkB,CAAC;AAIvE,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC3C,CAAC,GAAG,CAAC,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,oBAAoB,EAAE;QACjC,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE;YACH,gBAAgB,EAAE,sBAAsB;YACxC,aAAa,EAAE;gBACX,WAAW,EAAE,KAAK;aACrB;SACJ;KACJ;IACD,CAAC,eAAe,CAAC,EAAE;QACf,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,qBAAqB,EAAE;QAClC,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE;YACH,gBAAgB,EAAE,oCAAoC;YACtD,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC3B,oBAAC,MAAM,oBACH,KAAK,IACT,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,OAAO,EACnB,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,iBAAiB,IACzB,CACD;YACD,aAAa,EAAC,CAAC,OAAW,EAAE,EAAE;gBAE1B,OAAM;oBACF,WAAW,EAAC,KAAK;oBACjB,UAAU,EAAE,MAAM;iBACrB,CAAA;YACL,CAAC;SACJ;KACJ;IACD,CAAC,6BAA6B,CAAC,EAAE;QAC7B,SAAS,EAAE,wBAAwB,EAAE;QACrC,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE;YACH,gBAAgB,EAAE,yCAAyC;YAC3D,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,KAAK,EAAI;YACnD,aAAa,EAAE,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;gBAC9B,OAAO;oBACH,WAAW,EAAE,KAAK;oBAClB,KAAK,EAAC,MAAM;oBACZ,WAAW,EAAC,MAAM;oBAClB,qBAAqB,EAAE,SAAS;oBAChC,uBAAuB,EAAE,OAAO;iBACnC,CAAC;YACN,CAAC;SACJ;KACJ;IACD,aAAa;IACb,oBAAoB;IACpB,oBAAoB;IACpB,eAAe;IACf,oEAAoE;IACpE,gCAAgC;IAChC,sBAAsB;IACtB,sBAAsB;IACtB,iCAAiC;IACjC,4FAA4F;IAC5F,6BAA6B;IAC7B,oCAAoC;IACpC,2BAA2B;IAC3B,gDAAgD;IAChD,gDAAgD;IAChD,gHAAgH;IAChH,mCAAmC;IACnC,cAAc;IACd,SAAS;IACT,KAAK;CACR,CAAC"}

package/lib/containers/layout/DrawerConfig.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+export declare const appDrawerConfig: {
+    "/": {
+        exact: boolean;
+        container: import("@react-navigation/core").TypedNavigator<import("@react-navigation/routers").ParamListBase, import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, import("@react-navigation/stack").StackNavigationOptions, import("@react-navigation/stack").StackNavigationEventMap, ({ id, initialRouteName, children, screenListeners, screenOptions, ...rest }: import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            id?: string;
+            children: React.ReactNode;
+            screenListeners?: Partial<{
+                transitionStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionStart">;
+                transitionEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionEnd">;
+                gestureStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureStart">;
+                gestureEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureEnd">;
+                gestureCancel: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureCancel">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "beforeRemove">;
+            }> | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => Partial<{
+                transitionStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionStart">;
+                transitionEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "transitionEnd">;
+                gestureStart: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureStart">;
+                gestureEnd: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureEnd">;
+                gestureCancel: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "gestureCancel">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/stack").StackNavigationEventMap, "beforeRemove">;
+            }>);
+            screenOptions?: import("@react-navigation/stack").StackNavigationOptions | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => import("@react-navigation/stack").StackNavigationOptions);
+        } & import("@react-navigation/routers").StackRouterOptions & import("@react-navigation/stack/lib/typescript/src/types").StackNavigationConfig) => JSX.Element>;
+        name: string;
+        props: {
+            initialRouteName: string;
+            screenOptions: {
+                headerShown: boolean;
+            };
+        };
+    };
+    "//main_drawer": {
+        exact: boolean;
+        container: import("@react-navigation/core").TypedNavigator<import("@react-navigation/routers").ParamListBase, import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, import("@react-navigation/drawer").DrawerNavigationOptions, import("@react-navigation/drawer").DrawerNavigationEventMap, ({ id, initialRouteName, defaultStatus: customDefaultStatus, backBehavior, children, screenListeners, screenOptions, ...restWithDeprecated }: import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            id?: string;
+            children: React.ReactNode;
+            screenListeners?: Partial<{
+                drawerItemPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "drawerItemPress">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "beforeRemove">;
+            }> | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => Partial<{
+                drawerItemPress: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "drawerItemPress">;
+                focus: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "focus">;
+                blur: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "blur">;
+                state: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "state">;
+                beforeRemove: import("@react-navigation/core").EventListenerCallback<import("@react-navigation/drawer").DrawerNavigationEventMap, "beforeRemove">;
+            }>);
+            screenOptions?: import("@react-navigation/drawer").DrawerNavigationOptions | ((props: {
+                route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
+                navigation: any;
+            }) => import("@react-navigation/drawer").DrawerNavigationOptions);
+        } & {
+            backBehavior?: import("@react-navigation/routers/lib/typescript/src/TabRouter").BackBehavior;
+        } & {
+            defaultStatus?: import("@react-navigation/routers").DrawerStatus;
+        } & import("@react-navigation/drawer/lib/typescript/src/types").DrawerNavigationConfig) => JSX.Element>;
+        name: string;
+        props: {
+            initialRouteName: string;
+            drawerContent: (props: any) => React.JSX.Element;
+            screenOptions: (options: any) => {
+                headerShown: boolean;
+                drawerIcon: string;
+            };
+        };
+    };
+};

package/lib/containers/layout/DrawerConfig.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { createStackNavigator } from '@react-navigation/stack';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import { Drawer } from '../../components';
+export const appDrawerConfig = {
+    ['/']: {
+        exact: false,
+        container: createStackNavigator(),
+        name: 'MainStack',
+        props: {
+            initialRouteName: 'MainStack.MainDrawer',
+            screenOptions: {
+                headerShown: false,
+            },
+        },
+    },
+    ['//main_drawer']: {
+        exact: false,
+        container: createDrawerNavigator(),
+        name: 'MainDrawer',
+        props: {
+            initialRouteName: 'MainStack.MainDrawer.Home',
+            drawerContent: (props) => (React.createElement(Drawer, Object.assign({}, props, { title: 'ClockBook', titleColor: 'black', logout: true, redirect: 'MainStack.Login' }))),
+            screenOptions: (options) => {
+                return {
+                    headerShown: false,
+                    drawerIcon: 'grid',
+                };
+            }
+        },
+    },
+    // ['//main_drawer/home']: {
+    //     exact: false,
+    //     name: 'Home',
+    //     auth: true,
+    //     props: {
+    //         initialParams: { orgName: null },
+    //         component: ProLayout,
+    //         options: {
+    //             headerShown: true,
+    //             title: 'Home',
+    //             header: (props: any) => <Header showToggle={true} right={true} {...props} />,
+    //             drawerIcon: 'grid',
+    //         },
+    //     },
+    // },
+};
+//# sourceMappingURL=DrawerConfig.js.map

package/lib/containers/layout/DrawerConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerConfig.js","sourceRoot":"","sources":["../../../src/containers/layout/DrawerConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAkB,MAAM,kBAAkB,CAAC;AAG1D,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,CAAC,GAAG,CAAC,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,oBAAoB,EAAE;QACjC,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE;YACH,gBAAgB,EAAE,sBAAsB;YACxC,aAAa,EAAE;gBACX,WAAW,EAAE,KAAK;aACrB;SACJ;KACJ;IACD,CAAC,eAAe,CAAC,EAAE;QACf,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,qBAAqB,EAAE;QAClC,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE;YACH,gBAAgB,EAAE,2BAA2B;YAC7C,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC3B,oBAAC,MAAM,oBACC,KAAK,IACT,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,OAAO,EACnB,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,iBAAiB,IAC7B,CACL;YACD,aAAa,EAAC,CAAC,OAAW,EAAE,EAAE;gBAE1B,OAAM;oBACF,WAAW,EAAC,KAAK;oBACjB,UAAU,EAAE,MAAM;iBACrB,CAAA;YACL,CAAC;SACJ;KACJ;IACD,4BAA4B;IAC5B,oBAAoB;IACpB,oBAAoB;IACpB,kBAAkB;IAClB,eAAe;IACf,4CAA4C;IAC5C,gCAAgC;IAChC,qBAAqB;IACrB,iCAAiC;IACjC,6BAA6B;IAC7B,4FAA4F;IAC5F,kCAAkC;IAClC,aAAa;IACb,SAAS;IACT,KAAK;CACR,CAAC"}

package/lib/containers/layout/Lifecycle.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { LifecyclePhase } from '@workbench-stack/core';
+export type WithFalse<T> = T | false;
+export interface LifecycleProps {
+    setPhaseReady?: boolean;
+    setPhase?: LifecyclePhase;
+    renderWhenPhase?: LifecyclePhase;
+    loadingRenderer: ({ loading }: {
+        loading: boolean;
+    }) => ReactElement;
+    children?: ReactElement;
+}
+export declare const Lifecycle: ({ children, ...rest }: LifecycleProps) => React.JSX.Element;

package/lib/containers/layout/Lifecycle.js

@@ -0,0 +1,18 @@
+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 { LifecycleCommonComponent } from '@adminide-stack/platform-client';
+export const Lifecycle = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return React.createElement(LifecycleCommonComponent, Object.assign({}, rest), children);
+};
+//# sourceMappingURL=Lifecycle.js.map

package/lib/containers/layout/Lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lifecycle.js","sourceRoot":"","sources":["../../../src/containers/layout/Lifecycle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAc3E,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,IAAI,cAAnB,YAAqB,CAAF;IAC3C,OAAO,oBAAC,wBAAwB,oBAAK,IAAI,GACtC,QAAQ,CACgB,CAAA;AAC7B,CAAC,CAAC"}

package/lib/containers/layout/ProLayout.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare let AppFeatures: any;
+declare let AppLayout: any;
+declare const ProLayout: React.FC<any>;
+export { ProLayout, AppFeatures, AppLayout };

package/lib/containers/layout/ProLayout.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { Box, Spinner } from '@gluestack-ui/themed';
+import { NavigationContainerComponent, ApplicationErrorHandler, ErrorBoundary } from '../../components';
+import { PluginArea } from '@common-stack/client-react';
+import routeConfigKeyReplace from '../../utils/routeConfigKeyReplace';
+import { useLayoutSetting } from '../../hooks/useLayoutSetting';
+let AppFeatures;
+let AppLayout;
+const ProLayout = (props) => {
+    var _a, _b, _c;
+    const [appRoutes, setAppRoutes] = React.useState([]);
+    const { pathKey, appLayout } = useLayoutSetting(props);
+    AppLayout = appLayout;
+    const { appFeatures } = routeConfigKeyReplace(pathKey, props === null || props === void 0 ? void 0 : props.features, appLayout);
+    AppFeatures = appFeatures;
+    React.useEffect(() => {
+        if (appLayout) {
+            let routes = AppFeatures ? (AppFeatures === null || AppFeatures === void 0 ? void 0 : AppFeatures.getRoutes2('/', 'MainStack')) || [] : null;
+            setAppRoutes(routes);
+        }
+    }, [appLayout]);
+    //const appRoutes = AppFeatures ? AppFeatures?.getRoutes2('/', 'MainStack') || [] : null;
+    const loadingComponent = () => React.createElement(Box, { flex: 1 }, React.createElement(Spinner, null));
+    let plugins = (_a = AppFeatures === null || AppFeatures === void 0 ? void 0 : AppFeatures.getComponentFillPlugins()) !== null && _a !== void 0 ? _a : props.features;
+    let configuredRoutes = (_b = AppFeatures === null || AppFeatures === void 0 ? void 0 : AppFeatures.getConfiguredRoutes2('/')) !== null && _b !== void 0 ? _b : (_c = props === null || props === void 0 ? void 0 : props.features) === null || _c === void 0 ? void 0 : _c.getConfiguredRoutes2('/');
+    if (!appRoutes)
+        return loadingComponent();
+    return (React.createElement(ErrorBoundary, null,
+        React.createElement(NavigationContainerComponent, { configurableRoutes: configuredRoutes, independent: true },
+            appRoutes,
+            React.createElement(PluginArea, null),
+            React.createElement(ApplicationErrorHandler, { plugins: plugins }))));
+};
+export { ProLayout, AppFeatures, AppLayout };
+//# sourceMappingURL=ProLayout.js.map

package/lib/containers/layout/ProLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProLayout.js","sourceRoot":"","sources":["../../../src/containers/layout/ProLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACxG,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,qBAAqB,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,IAAI,WAAgB,CAAC;AACrB,IAAI,SAAc,CAAC;AAEnB,MAAM,SAAS,GAAkB,CAAC,KAAK,EAAE,EAAE;;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAM,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvD,SAAS,GAAG,SAAS,CAAC;IACtB,MAAM,EAAC,WAAW,EAAC,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,SAAS,CAAC,CAAC;IAChF,WAAW,GAAG,WAAW,CAAC;IAE1B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,EAAE;YACX,IAAI,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,CAAC,GAAG,EAAE,WAAW,CAAC,KAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAClF,YAAY,CAAC,MAAM,CAAC,CAAC;SACxB;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,yFAAyF;IAEzF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,IAAG,oBAAC,OAAO,OAAG,CAAO,CAAC;IAEjE,IAAI,OAAO,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,uBAAuB,EAAE,mCAAI,KAAK,CAAC,QAAQ,CAAC;IACvE,IAAI,gBAAgB,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,oBAAoB,CAAC,GAAG,CAAC,mCAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAC5G,IAAI,CAAC,SAAS;QAAE,OAAO,gBAAgB,EAAE,CAAC;IAC1C,OAAO,CACH,oBAAC,aAAa;QACV,oBAAC,4BAA4B,IAAC,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI;YAChF,SAAS;YACV,oBAAC,UAAU,OAAG;YACd,oBAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,GAAI,CAClB,CACnB,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/lib/containers/layout/module.d.ts

@@ -0,0 +1,5 @@
+import { Feature } from '@common-stack/client-react';
+import { ProLayout, AppFeatures, AppLayout } from './ProLayout';
+export { ProLayout, AppFeatures, AppLayout };
+declare const _default: Feature;
+export default _default;

package/lib/containers/layout/module.js

@@ -0,0 +1,22 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { Feature } from '@common-stack/client-react';
+import { createStackNavigator } from '@react-navigation/stack';
+import { ProLayout, AppFeatures, AppLayout } from './ProLayout';
+export { ProLayout, AppFeatures, AppLayout };
+const layoutConfig = {
+    ['/']: {
+        exact: false,
+        container: createStackNavigator(),
+        name: 'MainStack',
+        props: {
+            initialRouteName: 'MainStack.MainBottomTab',
+            screenOptions: {
+                headerShown: false,
+            },
+        },
+    },
+};
+export default new Feature({
+    routeConfig: layoutConfig,
+});
+//# sourceMappingURL=module.js.map

package/lib/containers/layout/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../../src/containers/layout/module.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AAE7C,MAAM,YAAY,GAAG;IACjB,CAAC,GAAG,CAAC,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,oBAAoB,EAAE;QACjC,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE;YACH,gBAAgB,EAAE,yBAAyB;YAC3C,aAAa,EAAE;gBACX,WAAW,EAAE,KAAK;aACrB;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,OAAO,CAAC;IACvB,WAAW,EAAE,YAAY;CAC5B,CAAC,CAAC"}

package/lib/hooks/use-after-interactions.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TransitioningView } from 'react-native-reanimated';
+export declare const useAfterInteractions: () => {
+    interactionsComplete: boolean;
+    transitionRef: React.MutableRefObject<TransitioningView>;
+};

package/lib/hooks/use-after-interactions.js

@@ -0,0 +1,29 @@
+import React, { useState, useRef } from 'react';
+import { InteractionManager } from 'react-native';
+import { useFocusEffect } from '@react-navigation/native';
+export const useAfterInteractions = () => {
+    const [interactionsComplete, setInteractionsComplete] = useState(false);
+    const subscriptionRef = useRef(null);
+    const transitionRef = useRef(null);
+    useFocusEffect(React.useCallback(() => {
+        // Do something when the screen is focused
+        subscriptionRef.current = InteractionManager.runAfterInteractions(() => {
+            var _a;
+            (_a = transitionRef.current) === null || _a === void 0 ? void 0 : _a.animateNextTransition();
+            setInteractionsComplete(true);
+            subscriptionRef.current = null;
+        });
+        return () => {
+            var _a;
+            // Do something when the screen is unfocused
+            // Useful for cleanup functions
+            setInteractionsComplete(false);
+            (_a = subscriptionRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        };
+    }, []));
+    return {
+        interactionsComplete,
+        transitionRef,
+    };
+};
+//# sourceMappingURL=use-after-interactions.js.map

package/lib/hooks/use-after-interactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-after-interactions.js","sourceRoot":"","sources":["../../src/hooks/use-after-interactions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,cAAc,CACV,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnB,0CAA0C;QAC1C,eAAe,CAAC,OAAO,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,GAAG,EAAE;;YACnE,MAAA,aAAa,CAAC,OAAO,0CAAE,qBAAqB,EAAE,CAAC;YAC/C,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAC9B,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;;YACR,4CAA4C;YAC5C,+BAA+B;YAC/B,uBAAuB,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAA,eAAe,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QACtC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CACT,CAAC;IAEF,OAAO;QACH,oBAAoB;QACpB,aAAa;KAChB,CAAC;AACN,CAAC,CAAC"}

package/lib/hooks/useIsReady.d.ts

@@ -0,0 +1,2 @@
+declare const useIsReady: (stack?: boolean) => boolean;
+export default useIsReady;

package/lib/hooks/useIsReady.js

@@ -0,0 +1,24 @@
+import { useFocusEffect } from '@react-navigation/native';
+import React from 'react';
+const useIsReady = (stack = true) => {
+    const [isReady, setIsReady] = React.useState(false);
+    useFocusEffect(React.useCallback(() => {
+        // Do something when the screen is focused
+        let timer;
+        if (!isReady) {
+            timer = setTimeout(() => {
+                setIsReady(true);
+            }, 200);
+        }
+        return () => {
+            // Do something when the screen is unfocused
+            // Useful for cleanup functions
+            clearTimeout(timer);
+            // unsubscribeFocus();
+            // unsubscribeTransitionEnd && unsubscribeTransitionEnd();
+        };
+    }, []));
+    return isReady;
+};
+export default useIsReady;
+//# sourceMappingURL=useIsReady.js.map

package/lib/hooks/useIsReady.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsReady.js","sourceRoot":"","sources":["../../src/hooks/useIsReady.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,GAAG,CAAC,QAAiB,IAAI,EAAE,EAAE;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,cAAc,CACV,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnB,0CAA0C;QAE1C,IAAI,KAAU,CAAC;QACf,IAAI,CAAC,OAAO,EAAE;YACV,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACpB,UAAU,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EAAE,GAAG,CAAC,CAAC;SACX;QAED,OAAO,GAAG,EAAE;YACR,4CAA4C;YAC5C,+BAA+B;YAC/B,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,sBAAsB;YACtB,0DAA0D;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CACT,CAAC;IAEF,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/hooks/useLayoutSetting/index.d.ts

@@ -0,0 +1,11 @@
+export interface LayoutSettingProps {
+    drawerConfig?: any;
+    appFeatures?: any;
+    tabBarConfig?: any;
+}
+export declare function useLayoutSetting(props?: LayoutSettingProps): {
+    appLayout: import("@common-stack/client-react").Feature;
+    pathKey: string;
+    intialRouteName: string;
+    appLayoutFeatures: any;
+};