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

package/lib/hooks/useLayoutSetting/index.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';
+import { appDrawerFeature, appBottomTabFeature, appDrawerBottomTabFeature, appHostBottomTabFeature, } from '../../components/Layout/compute';
+import routeConfigKeyReplace from '../../utils/routeConfigKeyReplace';
+const layoutSettings = process.APP_ENV && process.APP_ENV.LAYOUT_SETTINGS ? JSON.parse(process.APP_ENV.LAYOUT_SETTINGS) : null;
+export function useLayoutSetting(props = null) {
+    var _a;
+    const dispatch = useDispatch();
+    const [settings, setAppSettings] = React.useState();
+    const defaultSettings = useSelector((state) => state.settings);
+    const [appLayout, setAppLayout] = React.useState(appDrawerFeature((_a = props === null || props === void 0 ? void 0 : props.drawerConfig) !== null && _a !== void 0 ? _a : null));
+    const [pathKey, setPathKey] = React.useState('//main_drawer/');
+    const [intialRouteName, setInitialRouteName] = React.useState('MainStack.Layout');
+    const [appLayoutFeatures, setAppLayoutFeatures] = React.useState(null);
+    React.useEffect(() => {
+        if (layoutSettings) {
+            const config = Object.assign(Object.assign({}, settings), layoutSettings);
+            setDefalutSettings(config);
+            setAppSettings(config);
+        }
+        else
+            setAppSettings(defaultSettings);
+    }, []);
+    React.useEffect(() => {
+        if (defaultSettings) {
+            setAppSettings(defaultSettings);
+        }
+    }, [defaultSettings]);
+    React.useEffect(() => {
+        if (settings) {
+            let AppLayout = (settings === null || settings === void 0 ? void 0 : settings.layout) == 'side'
+                ? appDrawerFeature(props)
+                : (settings === null || settings === void 0 ? void 0 : settings.layout) == 'bottom'
+                    ? appBottomTabFeature(props)
+                    : (settings === null || settings === void 0 ? void 0 : settings.layout) == 'host-bottom'
+                        ? appHostBottomTabFeature(props)
+                        : appDrawerBottomTabFeature(props);
+            setAppLayout(AppLayout);
+            let layoutTypeKey = (settings === null || settings === void 0 ? void 0 : settings.layout) == 'side'
+                ? '//main_drawer/'
+                : (settings === null || settings === void 0 ? void 0 : settings.layout) == 'bottom'
+                    ? '//bottom_tab/'
+                    : (settings === null || settings === void 0 ? void 0 : settings.layout) == 'host-bottom'
+                        ? '//host_tab/'
+                        : '//main_drawer/bottom_tab/';
+            setPathKey(layoutTypeKey);
+            let initialRouteName = (settings === null || settings === void 0 ? void 0 : settings.layout) == 'bottom'
+                ? 'MainStack.Layout'
+                : (settings === null || settings === void 0 ? void 0 : settings.layout) == 'host-bottom'
+                    ? 'MainStack.Layout'
+                    : 'MainStack.Layout';
+            setInitialRouteName(initialRouteName);
+            if (props === null || props === void 0 ? void 0 : props.appFeatures) {
+                const { appFeatures } = routeConfigKeyReplace(layoutTypeKey, props === null || props === void 0 ? void 0 : props.appFeatures, AppLayout, initialRouteName);
+                setAppLayoutFeatures(appFeatures);
+            }
+        }
+    }, [settings, props === null || props === void 0 ? void 0 : props.appFeatures]);
+    const setDefalutSettings = (config) => {
+        dispatch({
+            type: CHANGE_SETTINGS_ACTION,
+            payload: config,
+        });
+    };
+    return { appLayout, pathKey, intialRouteName, appLayoutFeatures };
+}
+//# sourceMappingURL=index.js.map

package/lib/hooks/useLayoutSetting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useLayoutSetting/index.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,14 @@
+import { Feature } from '@common-stack/client-react';
+import { useAfterInteractions } from './hooks/use-after-interactions';
+import useIsReady from './hooks/useIsReady';
+import routeConfigKeyReplace from './utils/routeConfigKeyReplace';
+import LayoutFeature, { ProLayout, AppFeatures, AppLayout } from './containers/layout/module';
+import { useLayoutSetting, LayoutSettingProps } from './hooks/useLayoutSetting';
+export * from '@gluestack-ui/themed';
+export * from '@gluestack-ui/config';
+export * from '@gluestack-style/react';
+export * from './containers/layout/Lifecycle';
+export * from './components';
+export { useLayoutSetting, LayoutSettingProps, routeConfigKeyReplace, LayoutFeature, ProLayout, AppFeatures, AppLayout, useAfterInteractions, useIsReady, };
+declare const _default: Feature;
+export default _default;

package/lib/index.js

@@ -0,0 +1,26 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { Feature } from '@common-stack/client-react';
+import { applicationErrors, errorReduxLink } from '@admin-layout/client';
+import { settingsReducer } from './redux/settings';
+import { useAfterInteractions } from './hooks/use-after-interactions';
+import useIsReady from './hooks/useIsReady';
+import routeConfigKeyReplace from './utils/routeConfigKeyReplace';
+//changed
+import LayoutFeature, { ProLayout, AppFeatures, AppLayout } from './containers/layout/module';
+import { useLayoutSetting } from './hooks/useLayoutSetting';
+//...........................No change....///
+export * from '@gluestack-ui/themed';
+export * from '@gluestack-ui/config';
+export * from '@gluestack-style/react';
+export * from './containers/layout/Lifecycle';
+//............................No change....///
+//changed
+export * from './components';
+export { useLayoutSetting, routeConfigKeyReplace, LayoutFeature, ProLayout, AppFeatures, AppLayout, useAfterInteractions, useIsReady, };
+export default new Feature({
+    reducer: { settings: settingsReducer, applicationErrors },
+    clientStateParams: {
+        preLinkFuncs: [errorReduxLink],
+    },
+});
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,SAAS;AACT,OAAO,aAAa,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,gBAAgB,EAAsB,MAAM,0BAA0B,CAAC;AAEhF,6CAA6C;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,8CAA8C;AAE9C,SAAS;AACT,cAAc,cAAc,CAAC;AAI7B,OAAO,EACH,gBAAgB,EAEhB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,UAAU,GACb,CAAC;AAEF,eAAe,IAAI,OAAO,CAAC;IACvB,OAAO,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,iBAAiB,EAAE;IACzD,iBAAiB,EAAE;QACf,YAAY,EAAE,CAAC,cAAc,CAAC;KACjC;CACJ,CAAC,CAAC"}

package/lib/interfaces/index.d.ts

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

package/lib/interfaces/index.js

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

package/lib/interfaces/index.js.map

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

package/lib/interfaces/settings.d.ts

@@ -0,0 +1,4 @@
+import { ProSettings } from '@admin-layout/client';
+export type DefaultSettings = Partial<ProSettings> & {
+    language?: string;
+};

package/lib/interfaces/settings.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=settings.js.map

package/lib/interfaces/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../src/interfaces/settings.ts"],"names":[],"mappings":""}

package/lib/redux/settings.d.ts

@@ -0,0 +1,80 @@
+import { DefaultSettings } from "../interfaces";
+declare const settingsReducer: (state: {
+    logo: string;
+    navTheme: string;
+    primaryColor: string;
+    layout: string;
+    contentWidth: string;
+    fixedHeader: boolean;
+    fixSiderbar: boolean;
+    colorWeak: boolean;
+    title: string;
+    iconfontUrl: string;
+    language: string;
+    topLeftToggle: boolean;
+    topRightSettingToggle: boolean;
+}, { type, payload }: {
+    type: string;
+    payload: DefaultSettings;
+}) => {
+    logo: string;
+    navTheme: string;
+    primaryColor: string;
+    layout: string;
+    contentWidth: string;
+    fixedHeader: boolean;
+    fixSiderbar: boolean;
+    colorWeak: boolean;
+    title: string;
+    iconfontUrl: string;
+    language: string;
+    topLeftToggle: boolean;
+    topRightSettingToggle: boolean;
+} | {
+    navTheme: string;
+    headerTheme?: import("@admin-layout/client").MenuTheme;
+    headerHeight?: number;
+    layout: string;
+    contentWidth: string;
+    fixedHeader: boolean;
+    fixSiderbar: boolean;
+    menu?: {
+        locale?: boolean;
+        defaultOpenAll?: boolean;
+        loading?: boolean;
+    };
+    title: string | false;
+    iconfontUrl: string;
+    colorPrimary?: string;
+    primaryColor: string;
+    colorWeak: boolean;
+    splitMenus?: boolean;
+    siderMenuType?: string;
+    showHeader?: any;
+    headerRender?: any;
+    showFooter?: any;
+    footerRender?: any;
+    searchBarRender?: any;
+    showMenu?: any;
+    menuRender?: any;
+    menuHeaderRender?: any;
+    language: string;
+    logo: string;
+    topLeftToggle: boolean;
+    topRightSettingToggle: boolean;
+} | {
+    language: DefaultSettings;
+    logo: string;
+    navTheme: string;
+    primaryColor: string;
+    layout: string;
+    contentWidth: string;
+    fixedHeader: boolean;
+    fixSiderbar: boolean;
+    colorWeak: boolean;
+    title: string;
+    iconfontUrl: string;
+    topLeftToggle: boolean;
+    topRightSettingToggle: boolean;
+};
+export { settingsReducer };

package/lib/redux/settings.js

@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable no-case-declarations */
+import { CHANGE_LANGUAGE, CHANGE_SETTINGS_ACTION } from "@admin-layout/client";
+import { config } from "../config";
+const settingsReducer = (state = config.LAYOUT_SETTINGS, { type, payload = {} }) => {
+    switch (type) {
+        case CHANGE_SETTINGS_ACTION:
+            return Object.assign(Object.assign({}, state), payload);
+        case CHANGE_LANGUAGE:
+            return Object.assign(Object.assign({}, state), { language: payload });
+        default:
+            return state;
+    }
+};
+export { settingsReducer };
+//# sourceMappingURL=settings.js.map

package/lib/redux/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../src/redux/settings.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,yCAAyC;AACzC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,MAAM,eAAe,GAAG,CACtB,KAAK,GAAG,MAAM,CAAC,eAAe,EAC9B,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAA8C,EAClE,EAAE;IACA,QAAQ,IAAI,EAAE;QACV,KAAK,sBAAsB;YACvB,uCACO,KAAK,GACL,OAAO,EACZ;QACN,KAAK,eAAe;YAChB,uCACO,KAAK,KACR,QAAQ,EAAE,OAAO,IACnB;QAEN;YACI,OAAO,KAAK,CAAC;KACpB;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/utils/ThemeColor.d.ts

@@ -0,0 +1,8 @@
+export declare const COLOR: {
+    WHITE: string;
+    BLACK: string;
+    GREY: string;
+    LIGHT_GREY: string;
+    GREYISH_BLACK: string;
+};
+export declare const THEMECOLOR: string[];

package/lib/utils/ThemeColor.js

@@ -0,0 +1,9 @@
+export const COLOR = {
+    WHITE: 'white',
+    BLACK: 'black',
+    GREY: 'grey',
+    LIGHT_GREY: '#b1b1b1',
+    GREYISH_BLACK: '#1f1f1f',
+};
+export const THEMECOLOR = ['#1890ff', '#f5222d', '#fa541c', '#faad14', '#13c2c2', '#52c41a', '#2f54eb', '#722ed1'];
+//# sourceMappingURL=ThemeColor.js.map

package/lib/utils/ThemeColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeColor.js","sourceRoot":"","sources":["../../src/utils/ThemeColor.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC"}

package/lib/utils/routeConfigKeyReplace.d.ts

@@ -0,0 +1,7 @@
+import { Feature } from '@common-stack/client-react';
+declare const routeConfigKeyReplace: (keyReplacedWith: any, features: any, appLayout?: any, intialRouteName?: any) => {
+    appFeatures: Feature;
+    appLayoutConfig: any;
+    appLayoutFeatures: any;
+};
+export default routeConfigKeyReplace;

package/lib/utils/routeConfigKeyReplace.js

@@ -0,0 +1,77 @@
+import { Feature } from '@common-stack/client-react';
+const routeConfigKeyReplace = (keyReplacedWith, features, appLayout = null, intialRouteName = 'MainStack.Layout') => {
+    var _a, _b, _c, _d, _e;
+    let appLayoutFeatures = Object.assign({}, features);
+    appLayoutFeatures.routeConfig = (_a = appLayoutFeatures === null || appLayoutFeatures === void 0 ? void 0 : appLayoutFeatures.routeConfig) === null || _a === void 0 ? void 0 : _a.map((obj) => {
+        let rObj = Object.assign({}, obj);
+        if (rObj.hasOwnProperty('/'))
+            rObj['/'].props.initialRouteName = intialRouteName;
+        let objectEntries = Object.entries(rObj).map(([key, val]) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            let objVal = Object.assign({}, val);
+            let initialParams = (_b = (_a = objVal === null || objVal === void 0 ? void 0 : objVal.props) === null || _a === void 0 ? void 0 : _a.initialParams) !== null && _b !== void 0 ? _b : {};
+            if ((_c = objVal === null || objVal === void 0 ? void 0 : objVal.props) === null || _c === void 0 ? void 0 : _c.options) {
+                initialParams.menu_position = (_d = objVal === null || objVal === void 0 ? void 0 : objVal.menu_position) !== null && _d !== void 0 ? _d : 'bottom';
+                initialParams.priority = (_g = (_f = (_e = objVal === null || objVal === void 0 ? void 0 : objVal.props) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.priority) !== null && _g !== void 0 ? _g : 0;
+                initialParams.options = objVal.props.options ? JSON.stringify((_h = objVal === null || objVal === void 0 ? void 0 : objVal.props) === null || _h === void 0 ? void 0 : _h.options) : null;
+                objVal.props.initialParams = initialParams;
+            }
+            let objKey;
+            if (keyReplacedWith == '//host_tab/') {
+                objKey = key.startsWith('//:orgName/h/')
+                    ? key.replace('//:orgName/h/', '//:orgName' + (keyReplacedWith === null || keyReplacedWith === void 0 ? void 0 : keyReplacedWith.replace('//', '/')))
+                    : key.startsWith('//h/')
+                        ? key.replace('//h/', keyReplacedWith)
+                        : key.startsWith('//:orgName/l/') ? null
+                            : key.startsWith('//l/') ? null
+                                : key;
+            }
+            else {
+                objKey = key.startsWith('//:orgName/l/') ? key.replace('//:orgName/l/', '//:orgName' + (keyReplacedWith === null || keyReplacedWith === void 0 ? void 0 : keyReplacedWith.replace('//', '/')))
+                    : key.startsWith('//l/') ? key.replace('//l/', keyReplacedWith)
+                        : key.startsWith('//:orgName/h/') ? null
+                            : key.startsWith('//h/') ? null
+                                : key;
+            }
+            return [objKey, objVal];
+        });
+        return Object.fromEntries(objectEntries);
+    });
+    let appLayoutConfig = null;
+    if (appLayout) {
+        let layoutFeatures = [...features === null || features === void 0 ? void 0 : features.routeConfig];
+        //const intialRoutename = layoutFeatures?.map((obj:any)=>obj.hasOwnProperty('/') && obj['/'].props.initialRouteName)?.filter((obj:any)=>obj)[0]??'MainStack.MainDrawer';
+        const isOrgName = (_d = (_c = (_b = layoutFeatures === null || layoutFeatures === void 0 ? void 0 : layoutFeatures.map((obj) => {
+            return Object.entries(obj).map(([key, val]) => {
+                if (keyReplacedWith == '//host_tab/') {
+                    if (key.startsWith('//:orgName/h/'))
+                        return true;
+                    else
+                        return null;
+                }
+                else {
+                    if (key.startsWith('//:orgName/l/'))
+                        return true;
+                    else
+                        null;
+                }
+            });
+        })) === null || _b === void 0 ? void 0 : _b.flat(1)) === null || _c === void 0 ? void 0 : _c.filter((obj) => obj)) !== null && _d !== void 0 ? _d : [];
+        appLayoutConfig = Object.assign({}, appLayout);
+        appLayoutConfig.routeConfig = (_e = appLayoutConfig === null || appLayoutConfig === void 0 ? void 0 : appLayoutConfig.routeConfig) === null || _e === void 0 ? void 0 : _e.map((obj) => {
+            let rObj = Object.assign({}, obj);
+            //if (rObj.hasOwnProperty('/')) rObj['/'].props.initialRouteName = intialRoutename;
+            let objectEntries = Object.entries(rObj).map(([key, val]) => {
+                let objVal = Object.assign({}, val);
+                let objKey;
+                objKey = (isOrgName === null || isOrgName === void 0 ? void 0 : isOrgName.length) > 0 ? key.startsWith('//') ? key.replace('//', '//:orgName/') : key : key;
+                return [objKey, objVal];
+            });
+            return Object.fromEntries(objectEntries);
+        });
+    }
+    const appFeatures = new Feature(appLayoutConfig, appLayoutFeatures);
+    return { appFeatures, appLayoutConfig, appLayoutFeatures };
+};
+export default routeConfigKeyReplace;
+//# sourceMappingURL=routeConfigKeyReplace.js.map

package/lib/utils/routeConfigKeyReplace.js.map

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

package/lib/utils/routeConfigKeyReplace.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/routeConfigKeyReplace.test.js

@@ -0,0 +1,102 @@
+import { Feature } from '@common-stack/client-react';
+import { createStackNavigator } from '@react-navigation/stack';
+import routeConfigKeyReplace from './routeConfigKeyReplace';
+import { appBottomTabFeature, } from '../components/Layout/compute.test';
+const MyComponent = () => { };
+describe('route config key replace', () => {
+    const routerConfig = {
+        ['/']: {
+            exact: false,
+            container: createStackNavigator(),
+            name: 'MainStack',
+            props: {
+                initialRouteName: 'MainStack.MainBottomTab',
+                screenOptions: {
+                    headerShown: false,
+                },
+            },
+        },
+        // ['//:orgName']: {
+        //     exact: false,
+        //    // container: createStackNavigator(),
+        //     name: 'OrgNameStack',
+        //     props: {
+        //         initialRouteName: 'MainStack.OrgNameStack.MainDrawer',
+        //         component: MyComponent,
+        //         screenOptions: {
+        //             headerShown: false,
+        //         },
+        //     },
+        // },
+        ['//sample']: {
+            name: 'Sample',
+            props: {
+                priority: 1,
+                initialParams: { orgName: 'test' },
+                component: MyComponent,
+                options: {
+                    headerShown: true,
+                },
+            },
+        },
+        ['//:orgName/l/home']: {
+            name: 'Home',
+            props: {
+                priority: 1,
+                initialParams: { orgName: 'test' },
+                component: MyComponent,
+                options: {
+                    headerShown: true,
+                    tabBarLabel: 'Home',
+                    headerTitle: 'Home',
+                    // tabBarIcon: ({ color }) => <Ionicons name="home" size={24} color={color} />,
+                },
+            },
+        },
+        ['//:orgName/l/home/:about']: {
+            exact: false,
+            name: 'About',
+            props: {
+                priority: 2,
+                initialParams: {},
+                component: MyComponent,
+                options: {
+                    headerShown: true,
+                    tabBarLabel: 'About',
+                    headerTitle: 'About',
+                },
+            },
+        },
+        ['//:orgName/l/account']: {
+            name: 'Account',
+            props: {
+                priority: 3,
+                initialParams: {},
+                component: MyComponent,
+                options: {
+                    headerShown: true,
+                    tabBarLabel: 'Account',
+                    headerTitle: 'Account',
+                    // tabBarIcon: ({ color }) => <Ionicons name="home" size={24} color={color} />,
+                },
+            },
+        },
+    };
+    it('getSortedNavigations with routeConfigKeyReplace ', () => {
+        //******************Layout Settings for test*************************/
+        // For layout 'side', keyReplaceWith='/main_drawer/',appLayout=appDrawerFeature()
+        // For layout 'mixSide', keyReplaceWith='/main_drawer/bottom_tab/',appLayout=appDrawerBottomTabFeature()
+        // For layout 'bottom', keyReplaceWith='/bottom_tab/',appLayout=appBottomTabFeature
+        // For layout 'host-bottom', keyReplaceWith='/host_tab/',appLayout=appHostBottomTabFeature
+        //*******************************************************************/
+        const routeConfigFeature = new Feature({ routeConfig: routerConfig });
+        let keyReplacedWith = '/bottom_tab/';
+        const appLayout = appBottomTabFeature;
+        const { appFeatures } = routeConfigKeyReplace(keyReplacedWith, routeConfigFeature, appLayout);
+        // const appFeatures = new Feature(appLayoutConfig, appLayoutFeatures);
+        const Render = appFeatures.getRoutes2('/', 'MainStack');
+        const configuredRoute = appFeatures.getConfiguredRoutes2('/');
+        expect(Render).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=routeConfigKeyReplace.test.js.map

package/lib/utils/routeConfigKeyReplace.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routeConfigKeyReplace.test.js","sourceRoot":"","sources":["../../src/utils/routeConfigKeyReplace.test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,40 @@
+{
+    "name": "@admin-layout/gluestack-ui-mobile",
+    "version": "6.5.1-alpha.0",
+    "description": "Glustack-ui for mobile component layout",
+    "main": "lib/index.js",
+    "scripts": {
+        "jest": "./node_modules/.bin/jest",
+        "test:debug": "npm test -- --runInBand",
+        "test:watch": "npm test -- --watch",
+        "prepublish": "npm run build",
+        "watch": "npm run build:lib:watch",
+        "build": "npm run build:clean && npm run build:lib",
+        "build:clean": "rimraf lib",
+        "build:lib": "tsc",
+        "build:lib:watch": "npm run build:lib -- --watch",
+        "test": "yarn tests && yarn lint",
+        "tests": "jest --updateSnapshot",
+        "tests:watch": "jest --watch"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "author": "CDMBase LLC",
+    "license": "ISC",
+    "dependencies": {
+        "@admin-layout/client": "6.5.1-alpha.0",
+        "@common-stack/remix-router-redux": "^4.0.1-alpha.1",
+        "@gluestack-style/react": "^1.0.53",
+        "@gluestack-ui/config": "^1.1.18",
+        "@gluestack-ui/themed": "^1.1.22",
+        "hoist-non-react-statics": "^3.3.2",
+        "react-native-svg": "^15.1.0",
+        "react-native-toast-message": "^2.1.5"
+    },
+    "typings": "lib/index.d.ts",
+    "typescript": {
+        "definition": "lib/index.d.ts"
+    },
+    "gitHead": "c71dd945a16165bda37320de7533b1b3d9d6a0b4"
+}