@axelor/aos-mobile-core 9.1.11 → 9.2.0

package/lib/auth/settings/use-settings-register.js

@@ -0,0 +1,211 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2026 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 { useCallback, useEffect, useMemo } from 'react';
+import { Keyboard, useConfig, useTheme } from '@axelor/aos-mobile-ui';
+import { useDispatch, useSelector } from '../../redux/hooks';
+import { getTranslations, selectLanguage, useTranslator } from '../../i18n';
+import { disable, enable, useEffectOnline, useOnline, } from '../../features/onlineSlice';
+import { ApiProviderConfig } from '../../apiProviders';
+import { useIsAdmin } from '../../permissions';
+import { updateActiveUser } from '../features/userSlice';
+import { uploadNavigationTools, uploadTranslations, } from '../features/configSlice';
+import { settingsProvider } from './SettingsProvider';
+import { SettingsItemType } from './types';
+export const useSettingsRegister = () => {
+    usePickerSettings();
+    useSwitchSettings();
+    useButtonSettings();
+};
+const usePickerSettings = () => {
+    const I18n = useTranslator();
+    const Theme = useTheme();
+    const dispatch = useDispatch();
+    const { virtualKeyboardVisibility, setVirtualKeyboardVisibility } = useConfig();
+    const { user } = useSelector(state => state.user);
+    const { localizationList } = useSelector(state => state.localization);
+    const isLanguagePicker = useMemo(() => localizationList?.length > 1, [localizationList?.length]);
+    const isThemePicker = useMemo(() => !Theme.isColorBlind && Theme.themes?.length !== 1, [Theme.isColorBlind, Theme.themes?.length]);
+    const themeList = useMemo(() => Theme.themes?.map(_theme => ({
+        ..._theme,
+        name: _theme.translationKey != null
+            ? I18n.t(_theme.translationKey)
+            : _theme.name,
+    })), [I18n, Theme.themes]);
+    const keyboardVisibilityList = useMemo(() => {
+        return Object.entries(Keyboard.visibility).map(([key, value]) => ({
+            visibility: value,
+            name: I18n.t(`User_KeyboardVisibility_${key}`),
+        }));
+    }, [I18n]);
+    useEffect(() => {
+        settingsProvider.registerPickerItem({
+            key: 'language',
+            type: SettingsItemType.picker,
+            order: 10,
+            showIf: isLanguagePicker,
+            title: I18n.t('User_Language'),
+            defaultValue: user.localization?.id,
+            listItems: localizationList,
+            labelField: 'name',
+            valueField: 'id',
+            onValueChange: (localization) => dispatch(updateActiveUser({
+                id: user.id,
+                localization: { id: localization },
+                version: user.version,
+            })),
+        });
+    }, [I18n, dispatch, isLanguagePicker, localizationList, user]);
+    useEffect(() => {
+        settingsProvider.registerPickerItem({
+            key: 'theme',
+            type: SettingsItemType.picker,
+            order: 20,
+            showIf: isThemePicker,
+            title: I18n.t('User_Theme'),
+            defaultValue: Theme.activeTheme?.key,
+            listItems: themeList,
+            labelField: 'name',
+            valueField: 'key',
+            onValueChange: (_theme) => Theme.changeTheme(_theme),
+        });
+    }, [I18n, Theme, isThemePicker, themeList]);
+    useEffect(() => {
+        settingsProvider.registerPickerItem({
+            key: 'virtualKeyboardVisibility',
+            type: SettingsItemType.picker,
+            order: 30,
+            title: I18n.t('User_VirtualKeyboardVisibility'),
+            defaultValue: virtualKeyboardVisibility,
+            listItems: keyboardVisibilityList,
+            labelField: 'name',
+            valueField: 'visibility',
+            onValueChange: setVirtualKeyboardVisibility,
+        });
+    }, [
+        I18n,
+        keyboardVisibilityList,
+        setVirtualKeyboardVisibility,
+        virtualKeyboardVisibility,
+    ]);
+};
+const useSwitchSettings = () => {
+    const I18n = useTranslator();
+    const Theme = useTheme();
+    const online = useOnline();
+    const dispatch = useDispatch();
+    useEffectOnline();
+    const { showFilter, toggleFilterConfig, setShowSubtitles, showSubtitles, showToolbox, setShowToolbox, } = useConfig();
+    useEffect(() => {
+        settingsProvider.registerSwitchItem({
+            key: 'showFilter',
+            type: SettingsItemType.switch,
+            order: 10,
+            title: I18n.t('User_ShowFilter'),
+            defaultValue: showFilter,
+            onToggle: toggleFilterConfig,
+        });
+    }, [I18n, showFilter, toggleFilterConfig]);
+    useEffect(() => {
+        settingsProvider.registerSwitchItem({
+            key: 'colorBlind',
+            type: SettingsItemType.switch,
+            order: 20,
+            title: I18n.t('User_ColorForColorBlind'),
+            defaultValue: Theme.isColorBlind,
+            onToggle: (state) => state ? Theme.activateColorBlind() : Theme.desactivateColorBlind(),
+        });
+    }, [I18n, Theme]);
+    useEffect(() => {
+        settingsProvider.registerSwitchItem({
+            key: 'blockConnection',
+            type: SettingsItemType.switch,
+            order: 30,
+            showIf: ApiProviderConfig.allowConnectionBlock,
+            title: I18n.t('User_BlockConnection'),
+            defaultValue: !online.isEnabled,
+            onToggle: (state) => dispatch(state ? disable() : enable()),
+        });
+    }, [I18n, dispatch, online.isEnabled]);
+    useEffect(() => {
+        settingsProvider.registerSwitchItem({
+            key: 'showSubtitles',
+            type: SettingsItemType.switch,
+            order: 40,
+            title: I18n.t('User_Show_Drawer_Subtitles'),
+            defaultValue: showSubtitles,
+            onToggle: setShowSubtitles,
+        });
+    }, [I18n, setShowSubtitles, showSubtitles]);
+    useEffect(() => {
+        settingsProvider.registerSwitchItem({
+            key: 'showToolbox',
+            type: SettingsItemType.switch,
+            order: 50,
+            title: I18n.t('User_ShowToolBox'),
+            defaultValue: showToolbox,
+            onToggle: setShowToolbox,
+        });
+    }, [I18n, setShowToolbox, showToolbox]);
+};
+const useButtonSettings = () => {
+    const I18n = useTranslator();
+    const dispatch = useDispatch();
+    const isAdmin = useIsAdmin();
+    const { setActivityIndicator } = useConfig();
+    const { localization, language } = useSelector(selectLanguage);
+    const { loading, loadingTranslations } = useSelector(state => state.config);
+    useEffect(() => {
+        setActivityIndicator(loadingTranslations);
+    }, [loadingTranslations, setActivityIndicator]);
+    useEffect(() => {
+        if (!loading) {
+            setActivityIndicator(false);
+        }
+    }, [loading, setActivityIndicator]);
+    const handleSendTranslations = useCallback(() => {
+        dispatch(uploadTranslations({
+            language,
+            translations: getTranslations(localization),
+        }));
+    }, [dispatch, language, localization]);
+    const handleSendNavigationTools = useCallback(() => {
+        setActivityIndicator(true);
+        dispatch(uploadNavigationTools());
+    }, [dispatch, setActivityIndicator]);
+    useEffect(() => {
+        settingsProvider.registerButtonItem({
+            key: 'translations',
+            type: SettingsItemType.button,
+            order: 10,
+            showIf: isAdmin,
+            title: I18n.t('User_SendTranslations'),
+            onPress: handleSendTranslations,
+        });
+    }, [I18n, handleSendTranslations, isAdmin]);
+    useEffect(() => {
+        settingsProvider.registerButtonItem({
+            key: 'navigationTools',
+            type: SettingsItemType.button,
+            order: 20,
+            showIf: isAdmin,
+            title: I18n.t('User_SendNavigationInformations'),
+            onPress: handleSendNavigationTools,
+        });
+    }, [I18n, handleSendNavigationTools, isAdmin]);
+};
+//# sourceMappingURL=use-settings-register.js.map

package/lib/auth/settings/use-settings-register.js.map

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

package/lib/auth/userScreen/UserScreenProvider.d.ts

@@ -0,0 +1,15 @@
+import { UserScreenItem, UserScreenItems } from './types';
+declare class UserScreenProvider {
+    private refreshCallBack;
+    private userCardItems;
+    private contentItems;
+    constructor();
+    register(callBack: Function): void;
+    unregister(callBack: Function): void;
+    private updateState;
+    registerItem(item: UserScreenItem): void;
+    getAllItems(): UserScreenItems;
+}
+export declare const userScreenProvider: UserScreenProvider;
+export declare const useUserScreen: () => UserScreenItems;
+export {};

package/lib/auth/userScreen/UserScreenProvider.js

@@ -0,0 +1,64 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2026 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 { useEffect, useMemo, useState } from 'react';
+import { UserScreenZone } from './types';
+import { UserScreenHelper } from './user-screen.helper';
+class UserScreenProvider {
+    refreshCallBack;
+    userCardItems;
+    contentItems;
+    constructor() {
+        this.refreshCallBack = [];
+        this.userCardItems = [];
+        this.contentItems = [];
+    }
+    register(callBack) {
+        this.refreshCallBack.push(callBack);
+    }
+    unregister(callBack) {
+        this.refreshCallBack = this.refreshCallBack.filter(_f => _f !== callBack);
+    }
+    updateState() {
+        this.refreshCallBack.forEach(_f => _f(this.getAllItems()));
+    }
+    registerItem(item) {
+        if (item?.zone === UserScreenZone.content) {
+            this.contentItems = UserScreenHelper.registerItem(this.contentItems, item);
+        }
+        else {
+            this.userCardItems = UserScreenHelper.registerItem(this.userCardItems, item);
+        }
+        this.updateState();
+    }
+    getAllItems() {
+        return {
+            userCardItems: this.userCardItems,
+            contentItems: this.contentItems,
+        };
+    }
+}
+export const userScreenProvider = new UserScreenProvider();
+export const useUserScreen = () => {
+    const [items, setItems] = useState(userScreenProvider.getAllItems());
+    useEffect(() => {
+        userScreenProvider.register(setItems);
+        return () => userScreenProvider.unregister(setItems);
+    }, []);
+    return useMemo(() => ({ ...UserScreenHelper.filterItems(items) }), [items]);
+};
+//# sourceMappingURL=UserScreenProvider.js.map

package/lib/auth/userScreen/UserScreenProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserScreenProvider.js","sourceRoot":"","sources":["../../../src/auth/userScreen/UserScreenProvider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAkC,cAAc,EAAC,MAAM,SAAS,CAAC;AACxE,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAEtD,MAAM,kBAAkB;IACd,eAAe,CAAa;IAC5B,aAAa,CAAmB;IAChC,YAAY,CAAmB;IAEvC;QACE,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,QAAkB;QACzB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;IAED,UAAU,CAAC,QAAkB;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAC5E,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,YAAY,CAAC,IAAoB;QAC/B,IAAI,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC,OAAO,EAAE,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAC/C,IAAI,CAAC,YAAY,EACjB,IAAI,CACL,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC,YAAY,CAChD,IAAI,CAAC,aAAa,EAClB,IAAI,CACL,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,WAAW;QACT,OAAO;YACL,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;SAChC,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,EAAE,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAoB,EAAE;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,kBAAkB,CAAC,WAAW,EAAE,CACjC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,GAAG,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5E,CAAC,CAAC"}

package/lib/auth/userScreen/index.d.ts

@@ -0,0 +1,3 @@
+export { userScreenProvider, useUserScreen } from './UserScreenProvider';
+export { UserScreenHelper } from './user-screen.helper';
+export { UserScreenZone, UserScreenItem, UserScreenItems } from './types';

package/lib/auth/userScreen/index.js

@@ -0,0 +1,21 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2026 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 { userScreenProvider, useUserScreen } from './UserScreenProvider';
+export { UserScreenHelper } from './user-screen.helper';
+export { UserScreenZone } from './types';
+//# sourceMappingURL=index.js.map

package/lib/auth/userScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/auth/userScreen/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,cAAc,EAAkC,MAAM,SAAS,CAAC"}

package/lib/auth/userScreen/types.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { RegistrableItem } from '../../utils/registry.helper';
+export declare enum UserScreenZone {
+    userCard = "userCard",
+    content = "content"
+}
+export interface UserScreenItem extends RegistrableItem {
+    component: React.ComponentType<any>;
+    zone?: UserScreenZone;
+}
+export type UserScreenItems = {
+    userCardItems: UserScreenItem[];
+    contentItems: UserScreenItem[];
+};

package/lib/auth/userScreen/types.js

@@ -0,0 +1,23 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2026 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 var UserScreenZone;
+(function (UserScreenZone) {
+    UserScreenZone["userCard"] = "userCard";
+    UserScreenZone["content"] = "content";
+})(UserScreenZone || (UserScreenZone = {}));
+//# sourceMappingURL=types.js.map

package/lib/auth/userScreen/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/auth/userScreen/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAKH,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,qCAAmB,CAAA;AACrB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}

package/lib/auth/userScreen/user-screen.helper.d.ts

@@ -0,0 +1,5 @@
+import { UserScreenItem, UserScreenItems } from './types';
+export declare class UserScreenHelper {
+    static filterItems: (items: UserScreenItems) => UserScreenItems;
+    static registerItem: (allItems: UserScreenItem[], item: UserScreenItem) => UserScreenItem[];
+}

package/lib/auth/userScreen/user-screen.helper.js

@@ -0,0 +1,26 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2026 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 { RegistryHelper } from '../../utils/registry.helper';
+export class UserScreenHelper {
+    static filterItems = (items) => ({
+        userCardItems: RegistryHelper.sortAndFilter(items.userCardItems),
+        contentItems: RegistryHelper.sortAndFilter(items.contentItems),
+    });
+    static registerItem = (allItems, item) => RegistryHelper.registerItem(allItems, item);
+}
+//# sourceMappingURL=user-screen.helper.js.map

package/lib/auth/userScreen/user-screen.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-screen.helper.js","sourceRoot":"","sources":["../../../src/auth/userScreen/user-screen.helper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAG3D,MAAM,OAAO,gBAAgB;IAC3B,MAAM,CAAC,WAAW,GAAG,CAAC,KAAsB,EAAmB,EAAE,CAAC,CAAC;QACjE,aAAa,EAAE,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC;QAChE,YAAY,EAAE,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;KAC/D,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,GAAG,CACpB,QAA0B,EAC1B,IAAoB,EACF,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC"}

package/lib/components/external/Camera/Camera.js

@@ -139,7 +139,7 @@ const styles = StyleSheet.create({
         position: 'absolute',
         top: Dimensions.get('window').height - SAFE_AREA_PADDING.paddingBottom * 2,
         left: Dimensions.get('window').width / 2 - SAFE_AREA_PADDING.paddingLeft,
-        zIndex: 850,
+        zIndex: 950,
     },
     flexOne: {
         flex: 1,

package/lib/components/external/Camera/CaptureButton.js

@@ -86,7 +86,7 @@ const CaptureButton = ({ camera, onMediaCaptured, flash, enabled, style, type, }
             ],
         };
     }, [enabled, isPressingButton]);
-    return (<TouchableOpacity onPress={takePhoto}>
+    return (<TouchableOpacity activeOpacity={0.9} onPress={takePhoto}>
       <Reanimated.View style={[buttonStyle, style]}>
         <Reanimated.View style={styles.flex}>
           <Reanimated.View style={[styles.shadow, shadowStyle]}/>

package/lib/components/external/Camera/CaptureButton.js.map

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

package/lib/components/external/PlanningView/PlanningView.d.ts

@@ -3,6 +3,7 @@ import { AgendaEvent, AgendaItem } from './agenda.helpers';
 interface PlanningProps {
     numberMonthsAroundToday?: number;
     loading?: boolean;
+    filters?: React.ReactNode;
     itemList?: AgendaEvent[];
     fetchbyMonth: (params: {
         date: Date;
@@ -15,5 +16,5 @@ interface PlanningProps {
     manageAssignment?: boolean;
     computeAssignmentLocally?: boolean;
 }
-declare const PlanningView: ({ numberMonthsAroundToday, loading, itemList, fetchbyMonth, renderItem, renderFullDayItem, changeWeekButton, returnToDayButton, manageAssignment, computeAssignmentLocally, }: PlanningProps) => React.JSX.Element;
+declare const PlanningView: ({ numberMonthsAroundToday, loading, filters, itemList, fetchbyMonth, renderItem, renderFullDayItem, changeWeekButton, returnToDayButton, manageAssignment, computeAssignmentLocally, }: PlanningProps) => React.JSX.Element;
 export default PlanningView;

package/lib/components/external/PlanningView/PlanningView.js

@@ -16,24 +16,18 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Agenda, LocaleConfig, } from 'react-native-calendars';
-import { SwitchCard, useThemeColor } from '@axelor/aos-mobile-ui';
+import { AgendaView, SwitchCard, Text, toDateString, } from '@axelor/aos-mobile-ui';
 import { useSelector } from '../../../redux/hooks';
 import { useTranslator } from '../../../i18n';
 import { useIsFocused } from '../../../hooks/use-navigation';
-import { createAgendaItems, createAgendaSchedule, DAYS, filterMarkedDates, mapEntryToItem, MONTHS, shouldRenderDetailsCard, } from './agenda.helpers';
-import MonthDisplay from './MonthDisplay';
-import DayDisplay from './DayDisplay';
-import AgendaItemDisplay from './AgendaItemDisplay';
-import NavigationButton from './NavigationButton';
-const PlanningView = ({ numberMonthsAroundToday = 12, loading = false, itemList = [], fetchbyMonth, renderItem, renderFullDayItem, changeWeekButton = true, returnToDayButton = true, manageAssignment = false, computeAssignmentLocally = true, }) => {
-    const Colors = useThemeColor();
+import { createAgendaItems, groupItemsByDate, shouldRenderDetailsCard, } from './agenda.helpers';
+import { StyleSheet } from 'react-native';
+const PlanningView = ({ numberMonthsAroundToday = 12, loading = false, filters, itemList = [], fetchbyMonth, renderItem, renderFullDayItem, changeWeekButton = true, returnToDayButton = true, manageAssignment = false, computeAssignmentLocally = true, }) => {
     const I18n = useTranslator();
     const isFocused = useIsFocused();
     const { userId } = useSelector(state => state.auth);
-    const [fetchDate, setFetchDate] = useState(new Date());
-    const [currentDate, setCurrentDate] = useState(new Date().toISOString());
+    const [selectedDate, setSelectedDate] = useState(() => toDateString(new Date()));
+    const [fetchMonthKey, setFetchMonthKey] = useState(() => selectedDate.slice(0, 7));
     const [assigned, setAssigned] = useState(true);
     const filterOnUserAssigned = useCallback((list) => {
         if (!Array.isArray(list) || list.length === 0) {
@@ -46,121 +40,27 @@ const PlanningView = ({ numberMonthsAroundToday = 12, loading = false, itemList
             return list;
         }
     }, [assigned, computeAssignmentLocally, manageAssignment, userId]);
-    useEffect(() => {
-        LocaleConfig.locales = {
-            default: {
-                monthNames: MONTHS.map(_m => I18n.t(_m)),
-                monthNamesShort: MONTHS.map(_m => I18n.t(_m)),
-                dayNames: DAYS.map(_d => I18n.t(_d)),
-                dayNamesShort: DAYS.map(_d => I18n.t(_d)),
-                today: I18n.t('Base_Calendar_Today'),
-            },
-        };
-        LocaleConfig.defaultLocale = 'default';
-    }, [I18n]);
-    const _agendaItems = useMemo(() => createAgendaItems(filterOnUserAssigned(itemList), I18n), [filterOnUserAssigned, itemList, I18n]);
-    const agendaItems = useMemo(() => createAgendaSchedule(_agendaItems, numberMonthsAroundToday), [_agendaItems, numberMonthsAroundToday]);
-    const styles = useMemo(() => getStyles(manageAssignment), [manageAssignment]);
-    const markedDots = useMemo(() => filterMarkedDates(agendaItems), [agendaItems]);
-    const renderDate = useCallback((date) => <DayDisplay date={date}/>, []);
-    const renderEmptyDate = useCallback(() => <View style={styles.emptyDate}/>, [styles.emptyDate]);
-    const renderDayItem = (item, isFirst) => {
-        const agendaItem = mapEntryToItem(item, _agendaItems);
-        if (agendaItem == null)
-            return null;
-        const { id, date, isNewMonth } = agendaItem;
-        if (isNewMonth) {
-            return <MonthDisplay key={id} date={date} isFirst={isFirst}/>;
-        }
-        const _renderComponent = shouldRenderDetailsCard(agendaItem)
-            ? renderItem
-            : renderFullDayItem;
-        return (<AgendaItemDisplay key={id} isFirst={isFirst} agendaItem={agendaItem} renderComponent={_renderComponent}/>);
-    };
-    const handleLoadItemsForMonth = useCallback((date) => {
-        setFetchDate(new Date(date.dateString));
-    }, []);
+    const itemsByDate = useMemo(() => groupItemsByDate(createAgendaItems(filterOnUserAssigned(itemList), I18n)), [filterOnUserAssigned, itemList, I18n]);
     const loadItemsWithAPI = useCallback(() => {
-        fetchbyMonth({ date: fetchDate, isAssigned: assigned });
-    }, [assigned, fetchDate, fetchbyMonth]);
+        fetchbyMonth({ date: new Date(`${fetchMonthKey}-01`), isAssigned: assigned });
+    }, [assigned, fetchMonthKey, fetchbyMonth]);
     useEffect(() => {
         if (isFocused)
             loadItemsWithAPI();
     }, [isFocused, loadItemsWithAPI]);
-    const handleMonthChange = useCallback((months) => {
-        setFetchDate(new Date(months?.[0]?.dateString));
-    }, []);
-    const todayBtnOnPress = useCallback(() => {
-        setFetchDate(new Date());
-        setCurrentDate(new Date().toISOString());
-    }, []);
-    const nextWeekBtnOnPress = useCallback(() => {
-        setCurrentDate(_current => {
-            var firstDay = new Date(_current);
-            var nextWeek = new Date(firstDay.getTime() + 7 * 24 * 60 * 60 * 1000);
-            setFetchDate(nextWeek);
-            return nextWeek.toISOString();
-        });
-    }, []);
-    const lastWeekBtnOnPress = useCallback(() => {
-        setCurrentDate(_current => {
-            var firstDay = new Date(_current);
-            var lastWeek = new Date(firstDay.getTime() - 7 * 24 * 60 * 60 * 1000);
-            setFetchDate(lastWeek);
-            return lastWeek.toISOString();
-        });
-    }, []);
-    return (<View style={[
-            styles.agendaContainer,
-            { backgroundColor: Colors.backgroundColor },
-        ]}>
-      <View style={styles.headerPlanning}>
-        {manageAssignment && (<SwitchCard title={I18n.t('Base_AssignedToMe')} style={styles.switchCard} defaultValue={assigned} onToggle={() => setAssigned(!assigned)}/>)}
-        <View style={styles.headerButton}>
-          <NavigationButton visible={changeWeekButton} icon="arrow-left" onPress={lastWeekBtnOnPress}/>
-          <NavigationButton visible={returnToDayButton} icon="calendar-event" onPress={todayBtnOnPress}/>
-          <NavigationButton visible={changeWeekButton} icon="arrow-right" onPress={nextWeekBtnOnPress}/>
-        </View>
-      </View>
-      <Agenda onDayPress={date => setCurrentDate(date.dateString)} selected={currentDate} onVisibleMonthsChange={handleMonthChange} items={agendaItems} markedDates={markedDots} firstDay={1} loadItemsForMonth={handleLoadItemsForMonth} pastScrollRange={numberMonthsAroundToday} futureScrollRange={numberMonthsAroundToday} renderItem={renderDayItem} renderDay={renderDate} renderEmptyDate={renderEmptyDate} onRefresh={loadItemsWithAPI} refreshing={loading} theme={{
-            todayTextColor: Colors.text,
-            calendarBackground: Colors.backgroundColor,
-            indicatorColor: Colors.primaryColor.background,
-            textSectionTitleColor: Colors.placeholderTextColor,
-            dayTextColor: Colors.text,
-            selectedDayTextColor: Colors.text,
-            monthTextColor: Colors.text,
-            selectedDayBackgroundColor: Colors.primaryColor.background_light,
-            backgroundColor: Colors.screenBackgroundColor,
-            dotColor: Colors.primaryColor.background,
-            selectedDotColor: Colors.text,
-            agendaDayTextColor: Colors.text,
-            agendaDayNumColor: Colors.text,
-            agendaTodayColor: Colors.primaryColor.background_light,
-            agendaKnobColor: Colors.secondaryColor.background,
-            todayBackgroundColor: Colors.secondaryColor.background_light,
-        }} current={currentDate} key={currentDate}/>
-    </View>);
+    const handleVisibleMonthChange = useCallback((monthKey) => setFetchMonthKey(monthKey), []);
+    const renderAgendaItem = useCallback((item) => {
+        const renderComponent = shouldRenderDetailsCard(item)
+            ? renderItem
+            : renderFullDayItem;
+        return renderComponent?.(item) ?? <Text>{item.id}</Text>;
+    }, [renderItem, renderFullDayItem]);
+    const getItemHours = useCallback(({ startHour, endHour, isFullDayEvent }) => isFullDayEvent ? {} : { startHour, endHour }, []);
+    return (<AgendaView filters={filters} itemsByDate={itemsByDate} selectedDate={selectedDate} onDateChange={setSelectedDate} onVisibleMonthChange={handleVisibleMonthChange} renderItem={renderAgendaItem} getItemHours={getItemHours} monthsBefore={numberMonthsAroundToday} monthsAfter={numberMonthsAroundToday} showNavigation={changeWeekButton} showTodayButton={returnToDayButton} headerLeft={manageAssignment ? (<SwitchCard style={styles.switch} title={I18n.t('Base_AssignedToMe')} defaultValue={assigned} onToggle={() => setAssigned(!assigned)}/>) : undefined} refreshing={loading} onRefresh={loadItemsWithAPI} translator={I18n.t}/>);
 };
-const getStyles = (manageAssignment) => StyleSheet.create({
-    agendaContainer: {
-        height: '100%',
-    },
-    emptyDate: {
-        flex: 1,
-    },
-    headerPlanning: {
-        flexDirection: 'row',
-        justifyContent: manageAssignment ? 'space-between' : 'flex-end',
-        alignItems: 'center',
-    },
-    headerButton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    switchCard: {
-        width: '50%',
-        marginLeft: 5,
+const styles = StyleSheet.create({
+    switch: {
+        width: '100%',
     },
 });
 export default PlanningView;