@axelor/aos-mobile-core 8.3.6 → 8.4.0

package/lib/navigator/components/header/index.js

@@ -0,0 +1,19 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 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/>.
+ */
+export { default as Header } from './Header';
+//# sourceMappingURL=index.js.map

package/lib/navigator/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/components/header/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Header } from './header';
+export { default as DrawerContent } from './DrawerContent';

package/lib/navigator/components/index.js

@@ -0,0 +1,20 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 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/>.
+ */
+export { Header } from './header';
+export { default as DrawerContent } from './DrawerContent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/navigator/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC"}

package/lib/navigator/components/menu/AuthMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Module } from '../../../app';
+interface AuthMenuProps {
+    isVisible?: boolean;
+    onPress: (module: Module) => void;
+}
+declare const AuthMenu: ({ isVisible, onPress }: AuthMenuProps) => React.JSX.Element;
+export default AuthMenu;

package/lib/navigator/{drawer/AuthMenuIconButton.js → components/menu/AuthMenu.js}

@@ -16,14 +16,15 @@
  * 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 { authModule } from '../../../auth';
+import { useActiveModule } from '../../providers';
 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}/>);
+const AuthMenu = ({ isVisible = true, onPress }) => {
+    const { activeModule } = useActiveModule();
+    if (!isVisible) {
+        return null;
+    }
+    return (<MenuIconButton key={authModule.title} icon={authModule.icon} subtitle={authModule.subtitle} disabled={authModule.disabled} isActive={activeModule?.name === authModule.name} onPress={() => onPress(authModule)} rounded/>);
 };
-export default AuthMenuIconButton;
-//# sourceMappingURL=AuthMenuIconButton.js.map
+export default AuthMenu;
+//# sourceMappingURL=AuthMenu.js.map

package/lib/navigator/components/menu/AuthMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthMenu.js","sourceRoot":"","sources":["../../../../src/navigator/components/menu/AuthMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAO9C,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,GAAG,IAAI,EAAE,OAAO,EAAgB,EAAE,EAAE;IAC9D,MAAM,EAAC,YAAY,EAAC,GAAG,eAAe,EAAE,CAAC;IAEzC,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,cAAc,CACb,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CACtB,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACtB,QAAQ,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC9B,QAAQ,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC9B,QAAQ,CAAC,CAAC,YAAY,EAAE,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,CACjD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CACnC,OAAO,EACP,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/navigator/components/menu/Menu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Compatibility, Module } from '../../../app';
+import { DrawerState } from '../../helpers';
+interface MenuProps {
+    state: DrawerState;
+    navigation: any;
+    authMenu?: React.ReactNode;
+    activeModule: Module;
+    onItemClick: () => void;
+    compatibility: Compatibility;
+}
+declare const Menu: ({ state, navigation, authMenu, activeModule, onItemClick, compatibility, }: MenuProps) => React.JSX.Element;
+export default Menu;

package/lib/navigator/components/menu/Menu.js

@@ -0,0 +1,63 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 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, { useMemo } from 'react';
+import { View, StyleSheet, ScrollView } from 'react-native';
+import { Text, WarningCard } from '@axelor/aos-mobile-ui';
+import { useTranslator } from '../../../i18n';
+import { getCompatibilityError, getMenuTitle, isMenuIncompatible, } from '../../helpers';
+import MenuItemList from './MenuItemList';
+const Menu = ({ state, navigation, authMenu, activeModule, onItemClick, compatibility, }) => {
+    const I18n = useTranslator();
+    const title = useMemo(() => getMenuTitle(activeModule, I18n), [I18n, activeModule]);
+    const compatibilityError = useMemo(() => isMenuIncompatible(compatibility), [compatibility]);
+    return (<View style={styles.menuContainer}>
+      <ScrollView contentContainerStyle={styles.moduleMenuContainer} showsVerticalScrollIndicator={false}>
+        <View style={styles.menuTitleContainer}>
+          <Text style={styles.menuTitle}>{title}</Text>
+        </View>
+        {compatibilityError && (<WarningCard errorMessage={getCompatibilityError(compatibility, I18n)}/>)}
+        <MenuItemList state={state} navigation={navigation} activeModule={activeModule} onItemClick={onItemClick} disabled={compatibilityError}/>
+      </ScrollView>
+      <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/components/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/navigator/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAE5C,OAAO,EAEL,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAW1C,MAAM,IAAI,GAAG,CAAC,EACZ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,GACH,EAAE,EAAE;IACd,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,EACtC,CAAC,IAAI,EAAE,YAAY,CAAC,CACrB,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,kBAAkB,CAAC,aAAa,CAAC,EACvC,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;MAAA,CAAC,UAAU,CACT,qBAAqB,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAClD,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAC9C;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,WAAW,CACV,YAAY,CAAC,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,EACzD,CACH,CACD;QAAA,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,kBAAkB,CAAC,EAEjC;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACpD;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,MAAM;KACf;IACD,mBAAmB,EAAE;QACnB,aAAa,EAAE,QAAQ;QACvB,eAAe,EAAE,CAAC;KACnB;IACD,kBAAkB,EAAE;QAClB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,CAAC;KAChB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,YAAY,EAAE;QACZ,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/navigator/components/menu/MenuIconButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Compatibility } from '../../../app';
+interface MenuIconButtonProps {
+    style?: any;
+    icon: string;
+    onPress: () => void;
+    isActive?: boolean;
+    subtitle?: string;
+    rounded?: boolean;
+    disabled?: boolean;
+    compatibility?: Compatibility;
+}
+declare const MenuIconButton: ({ style, icon, onPress, isActive, subtitle, rounded, disabled, compatibility, }: MenuIconButtonProps) => React.JSX.Element;
+export default MenuIconButton;

package/lib/navigator/{drawer → components/menu}/MenuIconButton.js

@@ -17,50 +17,47 @@
  */
 import React, { useMemo } from 'react';
 import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Icon, InfoBubble, Text, useThemeColor } from '@axelor/aos-mobile-ui';
-import { useTranslator } from '../../i18n';
-import { getCompatibilityError, isMenuIncompatible } from '../menu.helper';
+import { Icon, InfoBubble, Text, useConfig, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { useTranslator } from '../../../i18n';
+import { getCompatibilityError, isMenuIncompatible } from '../../helpers';
 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, compatibility, }) => {
+const MenuIconButton = ({ style, icon, onPress, isActive = false, subtitle, rounded = false, disabled = false, compatibility, }) => {
     const Colors = useThemeColor();
     const I18n = useTranslator();
-    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    const { showSubtitles } = useConfig();
+    const _color = useMemo(() => disabled
+        ? Colors.secondaryColor.background_light
+        : isActive
+            ? Colors.primaryColor.background_light
+            : Colors.backgroundColor, [Colors, disabled, isActive]);
+    const styles = useMemo(() => getStyles(Colors, rounded, _color), [Colors, _color, rounded]);
     const compatibilityError = useMemo(() => isMenuIncompatible(compatibility), [compatibility]);
     return (<TouchableOpacity onPress={onPress} disabled={disabled || compatibilityError} activeOpacity={0.95}>
-      <View style={[
-            styles.container,
-            { borderRadius: rounded ? ROUNDED_RADIUS : DEFAULT_RADIUS },
-            {
-                backgroundColor: disabled
-                    ? Colors.secondaryColor.background_light
-                    : color
-                        ? color
-                        : Colors.backgroundColor,
-            },
-            style,
-        ]}>
+      <View style={[styles.container, style]}>
         <Icon size={32} name={icon} color={disabled
             ? Colors.secondaryColor.background
             : Colors.secondaryColor_dark.background}/>
         {compatibilityError && (<InfoBubble style={styles.infoBubble} usePopup={true} iconName="exclamation-triangle-fill" badgeColor={Colors.errorColor} textIndicationStyle={styles.textIndicationStyle} indication={getCompatibilityError(compatibility, I18n)}/>)}
       </View>
-      {subtitle && (<Text style={styles.moduleSubtitle} numberOfLines={1}>
-          {subtitle}
+      {showSubtitles && (<Text style={styles.moduleSubtitle} numberOfLines={1}>
+          {I18n.t(subtitle)}
         </Text>)}
     </TouchableOpacity>);
 };
-const getStyles = Colors => StyleSheet.create({
+const getStyles = (Colors, rounded, _color) => StyleSheet.create({
     container: {
         width: WIDTH,
         height: HEIGHT,
+        borderRadius: rounded ? ROUNDED_RADIUS : DEFAULT_RADIUS,
         flexDirection: 'row',
         justifyContent: 'center',
         elevation: 2,
         shadowOpacity: 0.5,
         shadowColor: Colors.secondaryColor.background,
+        backgroundColor: _color,
         shadowOffset: { width: 0, height: 0 },
         zIndex: 10,
     },

package/lib/navigator/components/menu/MenuIconButton.js.map

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

package/lib/navigator/components/menu/MenuItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Menu } from '../../../app';
+import { DrawerState, Route } from '../../helpers';
+interface MenuItemProps {
+    state: DrawerState;
+    route: Route;
+    menuItem: Menu;
+    subRoutes: Route[];
+    onPress: (route: Route) => void;
+    isActive?: boolean;
+    disabled?: boolean;
+}
+declare const MenuItem: ({ state, route, menuItem, subRoutes, onPress, isActive, disabled, }: MenuItemProps) => React.JSX.Element;
+export default MenuItem;

package/lib/navigator/{drawer → components/menu}/MenuItem.js

@@ -16,20 +16,20 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { getMenuTitle, hasSubMenus } from '../menu.helper';
-import useTranslator from '../../i18n/hooks/use-translator';
+import { useTranslator } from '../../../i18n';
+import { getMenuTitle, hasSubMenus } from '../../helpers';
 import SubMenuItemList from './SubMenuItemList';
 import MenuItemEntry from './MenuItemEntry';
 import MenuSeparator from './MenuSeparator';
-const MenuItem = ({ state, route, navigation, menuItem, subRoutes, onPress = () => { }, isActive = false, disabled, }) => {
+const MenuItem = ({ state, route, menuItem, subRoutes, onPress, isActive = false, disabled = false, }) => {
     const I18n = useTranslator();
     if (hasSubMenus(menuItem)) {
-        return (<SubMenuItemList state={state} route={route} navigation={navigation} onPress={onPress} menuItem={menuItem} subRoutes={subRoutes} disabled={disabled}/>);
+        return (<SubMenuItemList state={state} menuItem={menuItem} subRoutes={subRoutes} onPress={onPress} disabled={disabled}/>);
     }
     if (menuItem.separator) {
-        return <MenuSeparator title={getMenuTitle(menuItem, { I18n })}/>;
+        return <MenuSeparator title={getMenuTitle(menuItem, I18n)}/>;
     }
-    return (<MenuItemEntry onPress={() => onPress(route)} title={getMenuTitle(menuItem, { I18n })} icon={menuItem.icon} disabled={menuItem.disabled || disabled} compatibility={menuItem.compatibilityAOS} isActive={isActive}/>);
+    return (<MenuItemEntry onPress={() => onPress(route)} title={getMenuTitle(menuItem, I18n)} icon={menuItem.icon} disabled={menuItem.disabled || disabled} compatibility={menuItem.compatibilityAOS} isActive={isActive}/>);
 };
 export default MenuItem;
 //# sourceMappingURL=MenuItem.js.map

package/lib/navigator/components/menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/navigator/components/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAc,YAAY,EAAE,WAAW,EAAQ,MAAM,eAAe,CAAC;AAC5E,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAY5C,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACF,EAAE,EAAE;IAClB,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,IAAI,WAAW,CAAC,QAAQ,CAAC,EAAE;QACzB,OAAO,CACL,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAA4B,CAAC,CACvC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACnB,CACH,CAAC;KACH;IAED,IAAK,QAAsB,CAAC,SAAS,EAAE;QACrC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,EAAG,CAAC;KAC/D;IAED,OAAO,CACL,CAAC,aAAa,CACZ,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAC9B,KAAK,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CACpC,IAAI,CAAC,CAAE,QAA+B,CAAC,IAAI,CAAC,CAC5C,QAAQ,CAAC,CAAE,QAA+B,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAChE,aAAa,CAAC,CAAE,QAA+B,CAAC,gBAAgB,CAAC,CACjE,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACnB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/navigator/components/menu/MenuItemEntry.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Compatibility } from '../../../app';
+interface MenuItemEntryProps {
+    style?: any;
+    icon: string;
+    title: string;
+    compatibility: Compatibility;
+    onPress: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+    isDropdown?: boolean;
+    dropdown?: boolean;
+    iconSize?: number;
+}
+declare const MenuItemEntry: ({ style, icon, title, compatibility, onPress, isActive, disabled, isDropdown, dropdown, iconSize, }: MenuItemEntryProps) => React.JSX.Element;
+export default MenuItemEntry;

package/lib/navigator/{drawer → components/menu}/MenuItemEntry.js

@@ -18,24 +18,23 @@
 import React, { useMemo } from 'react';
 import { View, StyleSheet, TouchableOpacity } from 'react-native';
 import { Icon, Text, WarningCard, useThemeColor } from '@axelor/aos-mobile-ui';
-import { getCompatibilityError, isMenuIncompatible } from '../menu.helper';
-import { useTranslator } from '../../i18n';
-const MenuItemEntry = ({ icon, title, compatibility, onPress = _route => { }, isActive = false, disabled = false, isDropdown = false, dropdown = false, iconSize = 24, style, }) => {
+import { useTranslator } from '../../../i18n';
+import { getCompatibilityError, isMenuIncompatible } from '../../helpers';
+const MenuItemEntry = ({ style, icon, title, compatibility, onPress, isActive = false, disabled = false, isDropdown = false, dropdown = false, iconSize = 24, }) => {
     const Colors = useThemeColor();
     const I18n = useTranslator();
-    const backgroundColor = useMemo(() => getIndicatorColor(!dropdown && isActive
-        ? Colors.primaryColor.background
-        : Colors.backgroundColor).indicator, [
-        Colors.backgroundColor,
-        Colors.primaryColor.background,
-        dropdown,
-        isActive,
-    ]);
     const compatibilityError = useMemo(() => isMenuIncompatible(compatibility), [compatibility]);
     const menuDisabled = useMemo(() => disabled || compatibilityError, [compatibilityError, disabled]);
     return (<TouchableOpacity onPress={onPress} disabled={menuDisabled}>
       <View style={styles.container}>
-        <View style={[styles.menuItemActive, backgroundColor]}/>
+        <View style={[
+            styles.menuItemActive,
+            {
+                backgroundColor: !dropdown && isActive
+                    ? Colors.primaryColor.background
+                    : Colors.backgroundColor,
+            },
+        ]}/>
         <View style={[styles.menuItemContainer, style]}>
           <Icon style={styles.menuItemIcon} name={icon} size={iconSize} color={menuDisabled
             ? Colors.secondaryColor.background_light
@@ -54,13 +53,6 @@ const MenuItemEntry = ({ icon, title, compatibility, onPress = _route => { }, is
       {compatibilityError && (<WarningCard style={styles.compatibilityError} errorMessage={getCompatibilityError(compatibility, I18n, false)}/>)}
     </TouchableOpacity>);
 };
-const getIndicatorColor = color => {
-    return StyleSheet.create({
-        indicator: {
-            backgroundColor: color,
-        },
-    });
-};
 const styles = StyleSheet.create({
     container: {
         flexDirection: 'row',

package/lib/navigator/components/menu/MenuItemEntry.js.map

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

package/lib/navigator/components/menu/MenuItemList.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Module } from '../../../app';
+import { DrawerState, NavigationObject } from '../../helpers';
+interface MenuItemListProps {
+    state: DrawerState;
+    navigation: NavigationObject;
+    activeModule: Module;
+    onItemClick: () => void;
+    disabled?: boolean;
+}
+declare const MenuItemList: ({ state, navigation, activeModule, onItemClick, disabled, }: MenuItemListProps) => React.JSX.Element[];
+export default MenuItemList;

package/lib/navigator/{drawer/Menu.js → components/menu/MenuItemList.js}

@@ -16,12 +16,9 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useMemo } from 'react';
-import { View, StyleSheet, ScrollView } from 'react-native';
 import { CommonActions, DrawerActions } from '@react-navigation/native';
-import { Text, WarningCard } from '@axelor/aos-mobile-ui';
+import { findIndexAndRouteOfMenu, hasSubMenus, } from '../../helpers';
 import MenuItem from './MenuItem';
-import { findIndexAndRouteOfMenu, getCompatibilityError, getMenuTitle, hasSubMenus, isMenuIncompatible, } from '../menu.helper';
-import useTranslator from '../../i18n/hooks/use-translator';
 const MenuItemList = ({ state, navigation, activeModule, onItemClick, disabled, }) => {
     const generateSubRoutes = menuItem => {
         if (hasSubMenus(menuItem)) {
@@ -45,7 +42,7 @@ const MenuItemList = ({ state, navigation, activeModule, onItemClick, disabled,
     return moduleEntries.map(menuItem => {
         const { route, index: i } = findIndexAndRouteOfMenu(state.routes, menuItem.key);
         const focused = i === state.index && Object.keys(activeModule.menus).includes(route.name);
-        const onPress = _route => {
+        const onPress = (_route) => {
             if (_route == null) {
                 return null;
             }
@@ -65,46 +62,8 @@ const MenuItemList = ({ state, navigation, activeModule, onItemClick, disabled,
             }
         };
         const subRoutes = generateSubRoutes(menuItem);
-        return (<MenuItem key={route.key} state={state} route={route} navigation={navigation} menuItem={menuItem} subRoutes={subRoutes} onPress={onPress} isActive={focused} disabled={disabled}/>);
+        return (<MenuItem key={route.key} state={state} route={route} menuItem={menuItem} subRoutes={subRoutes} onPress={onPress} isActive={focused} disabled={disabled}/>);
     });
 };
-const Menu = ({ state, navigation, authMenu, activeModule, onItemClick, compatibility, }) => {
-    const I18n = useTranslator();
-    const title = useMemo(() => getMenuTitle(activeModule, { I18n }), [I18n, activeModule]);
-    const compatibilityError = useMemo(() => isMenuIncompatible(compatibility), [compatibility]);
-    return (<View style={styles.menuContainer}>
-      <ScrollView contentContainerStyle={styles.moduleMenuContainer} showsVerticalScrollIndicator={false}>
-        <View style={styles.menuTitleContainer}>
-          <Text style={styles.menuTitle}>{title}</Text>
-        </View>
-        {compatibilityError && (<WarningCard errorMessage={getCompatibilityError(compatibility, I18n)}/>)}
-        <MenuItemList state={state} navigation={navigation} activeModule={activeModule} onItemClick={onItemClick} disabled={compatibilityError}/>
-      </ScrollView>
-      <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
+export default MenuItemList;
+//# sourceMappingURL=MenuItemList.js.map

package/lib/navigator/components/menu/MenuItemList.js.map

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

package/lib/navigator/components/menu/MenuSeparator.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MenuSeparatorProps {
+    title: string;
+    iconSize?: number;
+}
+declare const MenuSeparator: ({ title, iconSize }: MenuSeparatorProps) => React.JSX.Element;
+export default MenuSeparator;

package/lib/navigator/{drawer → components/menu}/MenuSeparator.js

@@ -15,23 +15,20 @@
  * 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, { useMemo } from 'react';
+import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Icon, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { HorizontalRule, Icon, Text, useThemeColor } from '@axelor/aos-mobile-ui';
 const MenuSeparator = ({ title, iconSize = 15 }) => {
     const Colors = useThemeColor();
-    const styles = useMemo(() => {
-        return getStyles(Colors);
-    }, [Colors]);
     return (<View style={styles.container}>
       <View style={styles.menuItemContainer}>
         <Icon style={styles.menuItemIcon} name="chevron-right" size={iconSize} color={Colors.secondaryColor.background}/>
         <Text>{title}</Text>
       </View>
-      <View style={styles.borderSeparator}/>
+      <HorizontalRule style={styles.borderSeparator}/>
     </View>);
 };
-const getStyles = Colors => StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         flexDirection: 'column',
         paddingVertical: 8,
@@ -49,7 +46,6 @@ const getStyles = Colors => StyleSheet.create({
     borderSeparator: {
         width: '60%',
         borderBottomWidth: 1.5,
-        borderBottomColor: Colors.secondaryColor.background,
         marginTop: 10,
         alignSelf: 'center',
     },

package/lib/navigator/components/menu/MenuSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSeparator.js","sourceRoot":"","sources":["../../../../src/navigator/components/menu/MenuSeparator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAOhF,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAqB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,IAAI,CAAC,eAAe,CACpB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,EAE1C;QAAA,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACrB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,EAChD;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,QAAQ;QACvB,eAAe,EAAE,CAAC;KACnB;IACD,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;KACf;IACD,eAAe,EAAE;QACf,KAAK,EAAE,KAAK;QACZ,iBAAiB,EAAE,GAAG;QACtB,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/navigator/components/menu/MenuTitle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Module } from '../../../app';
+interface MenuTitleProps {
+    module: Module;
+    onPress: () => void;
+}
+declare const MenuTitle: ({ module, onPress }: MenuTitleProps) => React.JSX.Element;
+export default MenuTitle;

package/lib/navigator/{drawer → components/menu}/MenuTitle.js

@@ -18,15 +18,15 @@
 import React, { useMemo } from 'react';
 import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
 import { Text, useThemeColor } from '@axelor/aos-mobile-ui';
-import { useTranslator } from '../../i18n';
-import { getCompatibilityError, getMenuTitle, isMenuIncompatible, } from '../menu.helper';
+import { useTranslator } from '../../../i18n';
+import { getCompatibilityError, getMenuTitle, isMenuIncompatible, } from '../../helpers';
 const MenuTitle = ({ module, onPress }) => {
     const Colors = useThemeColor();
     const I18n = useTranslator();
     const compatibilityError = useMemo(() => isMenuIncompatible(module.compatibilityAOS), [module.compatibilityAOS]);
     return (<TouchableOpacity style={styles.menuItemContainer} onPress={onPress} disabled={compatibilityError}>
       <Text style={[styles.text, styles.bold]} textColor={Colors.secondaryColor_dark.background}>
-        {getMenuTitle(module, { I18n })}
+        {getMenuTitle(module, I18n)}
       </Text>
       {compatibilityError && (<Text style={styles.text} textColor={Colors.errorColor.background}>
           {getCompatibilityError(module.compatibilityAOS, I18n, false)}

package/lib/navigator/components/menu/MenuTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitle.js","sourceRoot":"","sources":["../../../../src/navigator/components/menu/MenuTitle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAC,IAAI,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAOvB,MAAM,SAAS,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAiB,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,gBAAgB,CAAC,EACjD,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAClC,SAAS,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACjD;QAAA,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAC7B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAChE;UAAA,CAAC,qBAAqB,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,CAC9D;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,iBAAiB,EAAE;QACjB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC3C,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,CAAC;QACjB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,EAAE;KACf;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,CAAC;KACpB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/navigator/components/menu/SubMenuItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SubMenu } from '../../../app';
+interface SubMenuItemProps {
+    subMenu: SubMenu;
+    onPress: () => void;
+    isActive?: boolean;
+}
+declare const SubMenuItem: ({ subMenu, onPress, isActive, }: SubMenuItemProps) => React.JSX.Element;
+export default SubMenuItem;

package/lib/navigator/{drawer → components/menu}/SubMenuItem.js

@@ -17,13 +17,13 @@
  */
 import React from 'react';
 import { StyleSheet } from 'react-native';
-import { getMenuTitle } from '../menu.helper';
-import useTranslator from '../../i18n/hooks/use-translator';
+import { useTranslator } from '../../../i18n';
+import { getMenuTitle } from '../../helpers';
 import MenuItemEntry from './MenuItemEntry';
 const SUB_MENU_ICON_SIZE = 20;
-const SubMenuItem = ({ route, subMenu, onPress = () => { }, isActive = false, }) => {
+const SubMenuItem = ({ subMenu, onPress, isActive = false, }) => {
     const I18n = useTranslator();
-    return (<MenuItemEntry icon={subMenu.icon} title={getMenuTitle(subMenu, { I18n })} disabled={subMenu.disabled} compatibility={subMenu.compatibilityAOS} iconSize={SUB_MENU_ICON_SIZE} onPress={() => onPress(route)} isActive={isActive} style={styles.subMenuItem}/>);
+    return (<MenuItemEntry icon={subMenu.icon} title={getMenuTitle(subMenu, I18n)} disabled={subMenu.disabled} compatibility={subMenu.compatibilityAOS} iconSize={SUB_MENU_ICON_SIZE} onPress={onPress} isActive={isActive} style={styles.subMenuItem}/>);
 };
 const styles = StyleSheet.create({
     subMenuItem: {

package/lib/navigator/components/menu/SubMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuItem.js","sourceRoot":"","sources":["../../../../src/navigator/components/menu/SubMenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAQ9B,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,OAAO,EACP,QAAQ,GAAG,KAAK,GACC,EAAE,EAAE;IACrB,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CACnB,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CACnC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC3B,aAAa,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CACxC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,UAAU,EAAE,EAAE;QACd,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}