@axelor/aos-mobile-core 0.0.1

package/lib/navigator/Navigator.js

@@ -0,0 +1,118 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { createContext, useCallback, useEffect, useMemo, useState, } from 'react';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import { createStackNavigator } from '@react-navigation/stack';
+import { useThemeColor, getHeaderStyles } from '@axelor/aos-mobile-ui';
+import DrawerContent from './drawer/DrawerContent';
+import { filterAuthorizedModules, getDefaultModule, moduleHasMenus, updateAccessibleMenus, } from './module.helper';
+import { getMenuTitle } from './menu.helper';
+import useTranslator from '../i18n/hooks/use-translator';
+import DrawerToggleButton from './drawer/DrawerToggleButton';
+import BackIcon from './drawer/BackIcon';
+import { useDispatch, useSelector } from 'react-redux';
+import { fetchMenuConfig } from '../features/menuConfigSlice';
+import { fetchMobileConfig } from '../features/mobileConfigSlice';
+import AttachedFilesScreen from '../screens/AttachedFilesScreen';
+import MailMessageScreen from '../screens/MailMessageScreen';
+import { Dimensions } from 'react-native';
+const Drawer = createDrawerNavigator();
+const Stack = createStackNavigator();
+export const ModuleNavigatorContext = createContext({
+    activeModule: null,
+    modulesMenus: {},
+    modulesScreens: {},
+});
+const Navigator = ({ modules, mainMenu, showModulesSubtitle = false }) => {
+    const { user } = useSelector(state => state.user);
+    const { restrictedMenus } = useSelector(state => state.menuConfig);
+    const { mobileConfigs } = useSelector(state => state.mobileConfig);
+    const [activeModule, setActiveModule] = useState(getDefaultModule(modules, mainMenu));
+    const I18n = useTranslator();
+    const Colors = useThemeColor();
+    const dispatch = useDispatch();
+    useEffect(() => {
+        dispatch(fetchMobileConfig());
+        dispatch(fetchMenuConfig());
+    }, [dispatch]);
+    const styles = useMemo(() => getHeaderStyles(Colors), [Colors]);
+    const changeActiveModule = useCallback(moduleName => {
+        setActiveModule(modules.find(_module => _module.name === moduleName));
+    }, [modules]);
+    const enabledModule = useMemo(() => filterAuthorizedModules(modules, mobileConfigs, user), [mobileConfigs, modules, user]);
+    const modulesMenus = useMemo(() => {
+        return enabledModule
+            .map(_module => updateAccessibleMenus(_module, restrictedMenus, user))
+            .filter(moduleHasMenus)
+            .reduce((menus, _module) => ({ ...menus, ..._module.menus }), {});
+    }, [enabledModule, restrictedMenus, user]);
+    const modulesScreens = useMemo(() => modules.reduce((screens, module) => ({ ...screens, ...module.screens }), {
+        AttachedFilesScreen: {
+            title: 'Base_AttachedFiles',
+            component: AttachedFilesScreen,
+            options: {
+                shadedHeader: false,
+            },
+        },
+        MailMessageScreen: {
+            title: 'Base_MailMessages',
+            component: MailMessageScreen,
+            options: {
+                shadedHeader: false,
+            },
+        },
+    }), [modules]);
+    const ModulesScreensStackNavigator = useCallback(({ initialRouteName, ...rest }) => (<Stack.Navigator {...rest} initialRouteName={initialRouteName}>
+        {Object.entries(modulesScreens).map(([key, { component, title, options = { shadedHeader: true } }]) => {
+            const screenOptions = {
+                headerTintColor: Colors.primaryColor.background,
+                headerStyle: options?.shadedHeader
+                    ? styles.headerColor
+                    : styles.listScreenHeaderStyle,
+                headerTitle: I18n.t(title),
+                headerTitleStyle: styles.headerTitle,
+            };
+            if (initialRouteName === key) {
+                screenOptions.headerLeft = () => (<DrawerToggleButton tintColor={Colors.primaryColor.background}/>);
+            }
+            else {
+                screenOptions.headerLeft = () => (<BackIcon tintColor={Colors.primaryColor.background}/>);
+            }
+            return (<Stack.Screen key={key} name={key} component={component} options={screenOptions}/>);
+        })}
+      </Stack.Navigator>), [Colors, I18n, modulesScreens, styles]);
+    const windowWidth = Dimensions.get('window').width;
+    const isLargeScreen = windowWidth >= 768;
+    return (<ModuleNavigatorContext.Provider value={{ activeModule, modulesMenus, modulesScreens }}>
+      <Drawer.Navigator initialRouteName={mainMenu} screenOptions={{
+            headerShown: false,
+            drawerStyle: {
+                backgroundColor: Colors.backgroundColor,
+                width: isLargeScreen ? windowWidth * 0.5 : windowWidth * 0.8,
+            },
+        }} drawerContent={props => (<DrawerContent {...props} modules={enabledModule} onModuleClick={changeActiveModule} showModulesSubtitle={showModulesSubtitle}/>)}>
+        {Object.entries(modulesMenus).map(([key, menu]) => (<Drawer.Screen key={key} name={key} options={{
+                title: getMenuTitle(menu, { I18n }),
+            }}>
+            {props => (<ModulesScreensStackNavigator {...props} initialRouteName={menu.screen}/>)}
+          </Drawer.Screen>))}
+      </Drawer.Navigator>
+    </ModuleNavigatorContext.Provider>);
+};
+export default Navigator;
+//# sourceMappingURL=Navigator.js.map

package/lib/navigator/Navigator.js.map

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

package/lib/navigator/drawer/AuthMenuIconButton.d.ts

@@ -0,0 +1,6 @@
+export default AuthMenuIconButton;
+declare function AuthMenuIconButton({ isActive, showModulesSubtitle, onPress }: {
+    isActive: any;
+    showModulesSubtitle: any;
+    onPress: any;
+}): JSX.Element;

package/lib/navigator/drawer/AuthMenuIconButton.js

@@ -0,0 +1,29 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { useThemeColor } from '@axelor/aos-mobile-ui';
+import { authModule } from '../../auth';
+import MenuIconButton from './MenuIconButton';
+import useTranslator from '../../i18n/hooks/use-translator';
+const AuthMenuIconButton = ({ isActive, showModulesSubtitle, onPress }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    return (<MenuIconButton key={authModule.title} icon={authModule.icon} subtitle={showModulesSubtitle && I18n.t(authModule.subtitle)} disabled={authModule.disabled} color={isActive ? Colors.primaryColor.background_light : null} onPress={onPress} rounded={true}/>);
+};
+export default AuthMenuIconButton;
+//# sourceMappingURL=AuthMenuIconButton.js.map

package/lib/navigator/drawer/AuthMenuIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthMenuIconButton.js","sourceRoot":"","sources":["../../../src/navigator/drawer/AuthMenuIconButton.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAE5D,MAAM,kBAAkB,GAAG,CAAC,EAAC,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAC,EAAE,EAAE;IACtE,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,cAAc,CACb,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CACtB,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACtB,QAAQ,CAAC,CAAC,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAC7D,QAAQ,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC9B,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAC9D,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,IAAI,CAAC,EACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/navigator/drawer/BackIcon.d.ts

@@ -0,0 +1,4 @@
+export default BackIcon;
+declare function BackIcon({ tintColor }: {
+    tintColor: any;
+}): JSX.Element;

package/lib/navigator/drawer/BackIcon.js

@@ -0,0 +1,32 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { StackActions, useNavigation } from '@react-navigation/native';
+import { Icon } from '@axelor/aos-mobile-ui';
+const BackIcon = ({ tintColor }) => {
+    const navigation = useNavigation();
+    return (<Icon style={styles.icon} name="angle-left" size={24} color={tintColor} touchable={true} onPress={() => navigation.dispatch(StackActions.pop())}/>);
+};
+const styles = StyleSheet.create({
+    icon: {
+        marginHorizontal: 14,
+    },
+});
+export default BackIcon;
+//# sourceMappingURL=BackIcon.js.map

package/lib/navigator/drawer/BackIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackIcon.js","sourceRoot":"","sources":["../../../src/navigator/drawer/BackIcon.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,YAAY,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAE3C,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,IAAI,CAAC,YAAY,CACjB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,EACvD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/navigator/drawer/DrawerContent.d.ts

@@ -0,0 +1,8 @@
+export default DrawerContent;
+declare function DrawerContent({ state, modules, navigation, onModuleClick, showModulesSubtitle, }: {
+    state: any;
+    modules: any;
+    navigation: any;
+    onModuleClick: any;
+    showModulesSubtitle?: boolean;
+}): JSX.Element;

package/lib/navigator/drawer/DrawerContent.js

@@ -0,0 +1,177 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useRef, useContext, useMemo, useEffect, useCallback, } from 'react';
+import { StyleSheet, View, Animated, TouchableOpacity } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { ModuleNavigatorContext } from '../Navigator';
+import MenuIconButton from './MenuIconButton';
+import Menu from './Menu';
+import { moduleHasMenus, numberOfModules } from '../module.helper';
+import { getMenuTitle } from '../menu.helper';
+import useTranslator from '../../i18n/hooks/use-translator';
+import { authModule } from '../../auth';
+import { CommonActions, DrawerActions } from '@react-navigation/native';
+import AuthMenuIconButton from './AuthMenuIconButton';
+const DrawerContent = ({ state, modules, navigation, onModuleClick, showModulesSubtitle = false, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    const secondaryMenusLeft = useRef(new Animated.Value(0)).current;
+    const { activeModule } = useContext(ModuleNavigatorContext);
+    const innerMenuIsVisible = useMemo(() => activeModule !== authModule, [activeModule]);
+    const drawerModules = useMemo(() => modules.filter(moduleHasMenus).filter(_module => _module !== authModule), [modules]);
+    const externalMenuIsVisible = useMemo(() => numberOfModules(drawerModules) > 1, [drawerModules]);
+    useEffect(() => {
+        if (innerMenuIsVisible) {
+            openSecondaryMenu();
+        }
+        else {
+            closeSecondaryMenu();
+        }
+    }, [closeSecondaryMenu, innerMenuIsVisible, openSecondaryMenu]);
+    const openSecondaryMenu = useCallback(() => {
+        Animated.timing(secondaryMenusLeft, {
+            toValue: 0,
+            duration: 300,
+            useNativeDriver: false,
+        }).start();
+    }, [secondaryMenusLeft]);
+    const closeSecondaryMenu = useCallback(() => {
+        Animated.timing(secondaryMenusLeft, {
+            toValue: 100,
+            duration: 0,
+            useNativeDriver: false,
+        }).start();
+    }, [secondaryMenusLeft]);
+    const innerMenuPosition = useMemo(() => externalMenuIsVisible
+        ? secondaryMenusLeft.interpolate({
+            inputRange: [0, 100],
+            outputRange: ['0%', '100%'],
+        })
+        : 0, [externalMenuIsVisible, secondaryMenusLeft]);
+    const handleAuthModuleClick = () => {
+        onModuleClick(authModule.name);
+        const route = state.routes.find(_route => (_route.name = Object.keys(authModule.menus)[0]));
+        const focused = state.routes.indexOf(route) === state.index &&
+            Object.keys(activeModule.menus).includes(route.name);
+        const event = navigation.emit({
+            type: 'drawerItemPress',
+            target: route.key,
+            canPreventDefault: true,
+        });
+        if (!event.defaultPrevented) {
+            navigation.dispatch({
+                ...(focused
+                    ? DrawerActions.closeDrawer()
+                    : CommonActions.navigate({ name: route.name, merge: true })),
+                target: state.key,
+            });
+        }
+    };
+    if (numberOfModules(drawerModules) === 0) {
+        return (<SafeAreaView style={styles.container}>
+        <View style={styles.iconsContainer}>
+          <View style={styles.otherIconsContainer}>
+            <AuthMenuIconButton isActive={authModule === activeModule} showModulesSubtitle={showModulesSubtitle} onPress={handleAuthModuleClick}/>
+          </View>
+        </View>
+        <View style={styles.menusContainer}>
+          <Text style={styles.primaryMenuTitle}>
+            {I18n.t('Base_NoAppConfigured')}
+          </Text>
+        </View>
+      </SafeAreaView>);
+    }
+    return (<SafeAreaView style={styles.container}>
+      {externalMenuIsVisible && (<View style={styles.iconsContainer}>
+          <View>
+            {drawerModules.map(_module => (<View key={_module.name} style={styles.menuItemContainer}>
+                <MenuIconButton key={_module.title} icon={_module.icon} subtitle={showModulesSubtitle && I18n.t(_module.subtitle)} disabled={_module.disabled} color={_module === activeModule
+                    ? Colors.primaryColor.background_light
+                    : null} onPress={() => onModuleClick(_module.name)}/>
+              </View>))}
+          </View>
+          <View style={styles.otherIconsContainer}>
+            <AuthMenuIconButton isActive={authModule === activeModule} showModulesSubtitle={showModulesSubtitle} onPress={handleAuthModuleClick}/>
+          </View>
+        </View>)}
+      <View style={styles.menusContainer}>
+        <View>
+          {drawerModules.map(_module => (<TouchableOpacity key={_module.name} style={styles.menuItemContainer} onPress={() => onModuleClick(_module.name)}>
+              <Text style={styles.primaryMenuTitle} textColor={Colors.secondaryColor_dark.background}>
+                {getMenuTitle(_module, { I18n })}
+              </Text>
+            </TouchableOpacity>))}
+        </View>
+        <Animated.View style={[
+            styles.secondaryMenusContainer,
+            {
+                left: innerMenuPosition,
+            },
+        ]}>
+          <Menu activeModule={externalMenuIsVisible ? activeModule : drawerModules[0]} state={state} navigation={navigation} authMenu={!externalMenuIsVisible ? (<AuthMenuIconButton isActive={authModule === activeModule} showModulesSubtitle={showModulesSubtitle} onPress={handleAuthModuleClick}/>) : null} onItemClick={externalMenuIsVisible
+            ? () => { }
+            : () => onModuleClick(drawerModules[0]?.name)}/>
+        </Animated.View>
+      </View>
+    </SafeAreaView>);
+};
+const getStyles = Colors => StyleSheet.create({
+    container: {
+        flex: 1,
+        flexDirection: 'row',
+        backgroundColor: Colors.screenBackgroundColor,
+        overflow: 'hidden',
+    },
+    menusContainer: {
+        flex: 1,
+    },
+    iconsContainer: {
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginHorizontal: 12,
+    },
+    otherIconsContainer: {
+        marginVertical: 8,
+    },
+    menuItemContainer: {
+        height: 60,
+        marginVertical: 8,
+        justifyContent: 'center',
+    },
+    primaryMenuTitle: {
+        marginHorizontal: 6,
+        fontSize: 24,
+        fontWeight: 'bold',
+    },
+    secondaryMenusContainer: {
+        position: 'absolute',
+        backgroundColor: Colors.backgroundColor,
+        left: 0,
+        top: 0,
+        width: '100%',
+        height: '100%',
+        elevation: 4,
+    },
+    subMenuContainer: {
+        padding: 8,
+    },
+});
+export default DrawerContent;
+//# sourceMappingURL=DrawerContent.js.map

package/lib/navigator/drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sourceRoot":"","sources":["../../../src/navigator/drawer/DrawerContent.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EACZ,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,IAAI,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,cAAc,CAAC;AACpD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AACtC,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACtE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,mBAAmB,GAAG,KAAK,GAC5B,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACjE,MAAM,EAAC,YAAY,EAAC,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAE1D,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,YAAY,KAAK,UAAU,EACjC,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,KAAK,UAAU,CAAC,EAC1E,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,GAAG,CAAC,EACxC,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,kBAAkB,EAAE;YACtB,iBAAiB,EAAE,CAAC;SACrB;aAAM;YACL,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEhE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE;YAClC,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,KAAK;SACvB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE;YAClC,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,CAAC;YACX,eAAe,EAAE,KAAK;SACvB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,qBAAqB;QACnB,CAAC,CAAC,kBAAkB,CAAC,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;YACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;SAC5B,CAAC;QACJ,CAAC,CAAC,CAAC,EACP,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAC5C,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAE/B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAC3D,CAAC;QAEF,MAAM,OAAO,GACX,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK;YAC3C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEvD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC5B,IAAI,EAAE,iBAAiB;YACvB,MAAM,EAAE,KAAK,CAAC,GAAG;YACjB,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC3B,UAAU,CAAC,QAAQ,CAAC;gBAClB,GAAG,CAAC,OAAO;oBACT,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE;oBAC7B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;gBAC5D,MAAM,EAAE,KAAK,CAAC,GAAG;aAClB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,IAAI,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QACxC,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACpC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACtC;YAAA,CAAC,kBAAkB,CACjB,QAAQ,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC,CACtC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,OAAO,CAAC,CAAC,qBAAqB,CAAC,EAEnC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;YAAA,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CACjC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,YAAY,CAAC,CAChB,CAAC;KACH;IAED,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACpC;MAAA,CAAC,qBAAqB,IAAI,CACxB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;UAAA,CAAC,IAAI,CACH;YAAA,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACvD;gBAAA,CAAC,cAAc,CACb,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CACnB,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CACnB,QAAQ,CAAC,CAAC,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAC1D,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC3B,KAAK,CAAC,CACJ,OAAO,KAAK,YAAY;oBACtB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB;oBACtC,CAAC,CAAC,IAAI,CACT,CACD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAE/C;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACtC;YAAA,CAAC,kBAAkB,CACjB,QAAQ,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC,CACtC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,OAAO,CAAC,CAAC,qBAAqB,CAAC,EAEnC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,IAAI,CACH;UAAA,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC5B,CAAC,gBAAgB,CACf,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAClB,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAC3C;cAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC/B,SAAS,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACjD;gBAAA,CAAC,YAAY,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,CAChC;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC,CACJ;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,uBAAuB;YAC9B;gBACE,IAAI,EAAE,iBAAiB;aACxB;SACF,CAAC,CACF;UAAA,CAAC,IAAI,CACH,YAAY,CAAC,CACX,qBAAqB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CACP,CAAC,qBAAqB,CAAC,CAAC,CAAC,CACvB,CAAC,kBAAkB,CACjB,QAAQ,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC,CACtC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,OAAO,CAAC,CAAC,qBAAqB,CAAC,EAC/B,CACH,CAAC,CAAC,CAAC,IAAI,CACT,CACD,WAAW,CAAC,CACV,qBAAqB;YACnB,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC;YACV,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAChD,EAEL;QAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,MAAM,CAAC,qBAAqB;QAC7C,QAAQ,EAAE,QAAQ;KACnB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;KACR;IACD,cAAc,EAAE;QACd,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,gBAAgB,EAAE,EAAE;KACrB;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,CAAC;KAClB;IACD,iBAAiB,EAAE;QACjB,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,CAAC;QACjB,cAAc,EAAE,QAAQ;KACzB;IACD,gBAAgB,EAAE;QAChB,gBAAgB,EAAE,CAAC;QACnB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,uBAAuB,EAAE;QACvB,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,CAAC;KACb;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAEL,eAAe,aAAa,CAAC"}

package/lib/navigator/drawer/DrawerToggleButton.d.ts

@@ -0,0 +1,4 @@
+export default DrawerToggleButton;
+declare function DrawerToggleButton({ tintColor }: {
+    tintColor: any;
+}): JSX.Element;

package/lib/navigator/drawer/DrawerToggleButton.js

@@ -0,0 +1,32 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { DrawerActions, useNavigation } from '@react-navigation/native';
+import { Icon } from '@axelor/aos-mobile-ui';
+const DrawerToggleButton = ({ tintColor }) => {
+    const navigation = useNavigation();
+    return (<Icon style={styles.icon} name="stream" size={24} color={tintColor} touchable={true} onPress={() => navigation.dispatch(DrawerActions.toggleDrawer())}/>);
+};
+const styles = StyleSheet.create({
+    icon: {
+        marginHorizontal: 14,
+    },
+});
+export default DrawerToggleButton;
+//# sourceMappingURL=DrawerToggleButton.js.map

package/lib/navigator/drawer/DrawerToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerToggleButton.js","sourceRoot":"","sources":["../../../src/navigator/drawer/DrawerToggleButton.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC,EACjE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/lib/navigator/drawer/Menu.d.ts

@@ -0,0 +1,8 @@
+export default Menu;
+declare function Menu({ state, navigation, authMenu, activeModule, onItemClick }: {
+    state: any;
+    navigation: any;
+    authMenu: any;
+    activeModule: any;
+    onItemClick: any;
+}): JSX.Element;

package/lib/navigator/drawer/Menu.js

@@ -0,0 +1,91 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useContext, useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { CommonActions, DrawerActions } from '@react-navigation/native';
+import { Text } from '@axelor/aos-mobile-ui';
+import { ModuleNavigatorContext } from '../Navigator';
+import MenuItem from './MenuItem';
+import { getMenuTitle } from '../menu.helper';
+import useTranslator from '../../i18n/hooks/use-translator';
+const MenuItemList = ({ state, navigation, activeModule, onItemClick }) => {
+    const I18n = useTranslator();
+    const { modulesMenus } = useContext(ModuleNavigatorContext);
+    return state.routes.map((route, i) => {
+        if (activeModule.menus[route.name] == null) {
+            return null;
+        }
+        const focused = i === state.index && Object.keys(activeModule.menus).includes(route.name);
+        const menu = modulesMenus[route.name];
+        const onPress = () => {
+            onItemClick();
+            const event = navigation.emit({
+                type: 'drawerItemPress',
+                target: route.key,
+                canPreventDefault: true,
+            });
+            if (!event.defaultPrevented) {
+                navigation.dispatch({
+                    ...(focused
+                        ? DrawerActions.closeDrawer()
+                        : CommonActions.navigate({ name: route.name, merge: true })),
+                    target: state.key,
+                });
+            }
+        };
+        return (<MenuItem key={route.key} title={getMenuTitle(menu, { I18n })} icon={menu.icon} disabled={menu.disabled} onPress={onPress} isActive={focused}/>);
+    });
+};
+const Menu = ({ state, navigation, authMenu, activeModule, onItemClick }) => {
+    const I18n = useTranslator();
+    const title = useMemo(() => getMenuTitle(activeModule, { I18n }), [I18n, activeModule]);
+    return (<View style={styles.menuContainer}>
+      <View style={styles.moduleMenuContainer}>
+        <View style={styles.menuTitleContainer}>
+          <Text style={styles.menuTitle}>{title}</Text>
+        </View>
+        <MenuItemList state={state} navigation={navigation} activeModule={activeModule} onItemClick={onItemClick}/>
+      </View>
+      <View style={styles.authMenuIcon}>{authMenu}</View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    menuContainer: {
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        height: '100%',
+    },
+    moduleMenuContainer: {
+        flexDirection: 'column',
+        paddingVertical: 8,
+    },
+    menuTitleContainer: {
+        paddingHorizontal: 16,
+        marginBottom: 8,
+    },
+    menuTitle: {
+        fontSize: 21,
+        fontWeight: 'bold',
+    },
+    authMenuIcon: {
+        marginBottom: 12,
+        marginLeft: 12,
+    },
+});
+export default Menu;
+//# sourceMappingURL=Menu.js.map

package/lib/navigator/drawer/Menu.js.map

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

package/lib/navigator/drawer/MenuIconButton.d.ts

@@ -0,0 +1,10 @@
+export default MenuIconButton;
+declare function MenuIconButton({ style, icon, onPress, color, subtitle, rounded, disabled, }: {
+    style: any;
+    icon: any;
+    onPress: any;
+    color: any;
+    subtitle: any;
+    rounded?: boolean;
+    disabled?: boolean;
+}): JSX.Element;

package/lib/navigator/drawer/MenuIconButton.js

@@ -0,0 +1,64 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Icon, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+const WIDTH = 54;
+const HEIGHT = 54;
+const DEFAULT_RADIUS = 8;
+const ROUNDED_RADIUS = WIDTH / 2;
+const MenuIconButton = ({ style, icon, onPress, color, subtitle, rounded = false, disabled = false, }) => {
+    const Colors = useThemeColor();
+    return (<TouchableOpacity onPress={onPress} disabled={disabled} activeOpacity={0.95}>
+      <View style={[
+            styles.container,
+            { borderRadius: rounded ? ROUNDED_RADIUS : DEFAULT_RADIUS },
+            {
+                backgroundColor: disabled
+                    ? Colors.secondaryColor.background_light
+                    : color
+                        ? color
+                        : Colors.backgroundColor,
+            },
+            style,
+        ]}>
+        <Icon size={32} name={icon} color={disabled
+            ? Colors.secondaryColor.background
+            : Colors.secondaryColor_dark.background}/>
+      </View>
+      {subtitle && (<Text style={styles.moduleSubtitle} numberOfLines={1}>
+          {subtitle}
+        </Text>)}
+    </TouchableOpacity>);
+};
+const styles = StyleSheet.create({
+    container: {
+        width: WIDTH,
+        height: HEIGHT,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        elevation: 2,
+    },
+    moduleSubtitle: {
+        fontSize: 10,
+        maxWidth: 54,
+        alignSelf: 'center',
+    },
+});
+export default MenuIconButton;
+//# sourceMappingURL=MenuIconButton.js.map