@axelor/aos-mobile-hr 7.2.0

package/lib/screens/ExpenseDetailsScreen.js

@@ -0,0 +1,85 @@
+/*
+ * 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, { useCallback, useEffect, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { Screen, ScrollList, HeaderContainer } from '@axelor/aos-mobile-ui';
+import { AnomalyList, useDispatch, useSelector, useTranslator, } from '@axelor/aos-mobile-core';
+import { ExpenseDetailsValidationButton, ExpenseHeader, ExpenseLineDetailCard, ExpenseLineTypeSwitch, } from '../components';
+import { fetchExpenseById } from '../features/expenseSlice';
+import { searchGeneralExpenseLines, searchKilometricExpenseLines, } from '../features/expenseLineSlice';
+import { ExpenseLine } from '../types';
+const ExpenseDetailsScreen = ({ route, navigation }) => {
+    const { idExpense, expenseMode } = route.params;
+    const I18n = useTranslator();
+    const dispatch = useDispatch();
+    const { expense } = useSelector(state => state.expense);
+    const { loadingGeneralExpenseLine, moreLoadingGeneralExpenseLine, isListEndGeneralExpenseLine, generalExpenseLineList, loadingKilometricExpenseLine, moreLoadingKilometricExpenseLine, isListEndKilometricExpenseLine, kilometricExpenseLineList, } = useSelector(state => state.expenseLine);
+    const [mode, setMode] = useState(ExpenseLine.modes.general);
+    useEffect(() => {
+        dispatch(fetchExpenseById({ ExpenseId: idExpense }));
+    }, [dispatch, idExpense]);
+    const ObjectToDisplay = useMemo(() => {
+        if (mode === ExpenseLine.modes.general) {
+            return {
+                loading: loadingGeneralExpenseLine,
+                moreLoading: moreLoadingGeneralExpenseLine,
+                isListEnd: isListEndGeneralExpenseLine,
+                list: generalExpenseLineList,
+            };
+        }
+        else {
+            return {
+                loading: loadingKilometricExpenseLine,
+                moreLoading: moreLoadingKilometricExpenseLine,
+                isListEnd: isListEndKilometricExpenseLine,
+                list: kilometricExpenseLineList,
+            };
+        }
+    }, [
+        generalExpenseLineList,
+        isListEndGeneralExpenseLine,
+        isListEndKilometricExpenseLine,
+        kilometricExpenseLineList,
+        loadingGeneralExpenseLine,
+        loadingKilometricExpenseLine,
+        mode,
+        moreLoadingGeneralExpenseLine,
+        moreLoadingKilometricExpenseLine,
+    ]);
+    const fetchExpenseLineAPI = useCallback((page = 0) => {
+        dispatch((mode === ExpenseLine.modes.general
+            ? searchGeneralExpenseLines
+            : searchKilometricExpenseLines)({ expenseId: expense?.id, page: page }));
+    }, [dispatch, expense, mode]);
+    if (expense?.id !== idExpense) {
+        return null;
+    }
+    return (<Screen removeSpaceOnTop={true} fixedItems={<ExpenseDetailsValidationButton expense={expense} mode={expenseMode}/>}>
+      <HeaderContainer expandableFilter={false} fixedItems={<View>
+            <ExpenseHeader />
+            <ExpenseLineTypeSwitch onChange={setMode}/>
+          </View>}/>
+      <AnomalyList objectName="expense" objectId={expense.id}/>
+      <ScrollList loadingList={ObjectToDisplay.loading} data={ObjectToDisplay.list} renderItem={({ item }) => (<ExpenseLineDetailCard expense={expense} item={item} onEdit={() => navigation.navigate('ExpenseLineFormScreen', {
+                expenseLine: item,
+                idExpense: idExpense,
+            })}/>)} fetchData={fetchExpenseLineAPI} moreLoading={ObjectToDisplay.moreLoading} isListEnd={ObjectToDisplay.isListEnd} translator={I18n.t}/>
+    </Screen>);
+};
+export default ExpenseDetailsScreen;
+//# sourceMappingURL=ExpenseDetailsScreen.js.map

package/lib/screens/ExpenseDetailsScreen.js.map

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

package/lib/screens/ExpenseLineFormScreen.d.ts

@@ -0,0 +1,5 @@
+export default ExpenseLineFormScreen;
+declare function ExpenseLineFormScreen({ route, navigation }: {
+    route: any;
+    navigation: any;
+}): JSX.Element;

package/lib/screens/ExpenseLineFormScreen.js

@@ -0,0 +1,202 @@
+/*
+ * 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, { useCallback, useEffect, useMemo } from 'react';
+import { FormView, fetchCompanies, useDispatch } from '@axelor/aos-mobile-core';
+import { createExpenseLine, updateExpenseLine, } from '../features/expenseLineSlice';
+import { useSelector, useTranslator } from '@axelor/aos-mobile-core';
+import { ExpenseLine } from '../types';
+import { updateExpenseDate } from '../features/kilometricAllowParamSlice';
+import { fetchExpenseConfig } from '../features/expenseConfigSlice';
+import { needUpdateDistance, resetDistance, updateFromCity, updateToCity, } from '../features/distanceSlice';
+const ExpenseLineFormScreen = ({ route, navigation }) => {
+    const { expenseLine, idExpense, justificationMetaFile } = route?.params;
+    const I18n = useTranslator();
+    const _dispatch = useDispatch();
+    const { user } = useSelector(state => state.user);
+    useEffect(() => {
+        _dispatch(fetchCompanies());
+        _dispatch(fetchExpenseConfig());
+        _dispatch(resetDistance());
+    }, [_dispatch]);
+    const createExpenseLineAPI = useCallback((_expenseLine, dispatch) => {
+        dispatch(needUpdateDistance(false));
+        const dataToSend = {
+            projectId: _expenseLine.project?.id,
+            toInvoice: _expenseLine.toInvoice,
+            expenseProductId: _expenseLine.expenseProduct?.id,
+            expenseDate: _expenseLine.expenseDate,
+            employeeId: user?.employee?.id,
+            totalAmount: _expenseLine.totalAmount,
+            totalTax: _expenseLine.totalTax,
+            currencyId: _expenseLine.currency?.id,
+            comments: _expenseLine.comments,
+            justificationFileId: _expenseLine.justificationMetaFile?.id,
+            kilometricAllowParamId: _expenseLine.kilometricAllowParam?.id,
+            kilometricTypeSelect: _expenseLine.kilometricTypeSelect?.key,
+            distance: _expenseLine.distance,
+            fromCity: _expenseLine.fromCity,
+            toCity: _expenseLine.toCity,
+            expenseLineType: _expenseLine.manageMode,
+            companyId: user?.activeCompany?.id,
+        };
+        dispatch(createExpenseLine({ expenseLine: dataToSend, userId: user?.id }));
+        navigation.navigate('ExpenseLinesListScreen');
+    }, [navigation, user?.activeCompany?.id, user?.employee?.id, user?.id]);
+    const updateExpenseLineAPI = useCallback((_expenseLine, dispatch) => {
+        dispatch(needUpdateDistance(false));
+        const mode = ExpenseLine.getExpenseMode(expenseLine);
+        const dataToSend = {
+            id: expenseLine?.id,
+            version: expenseLine?.version,
+            project: _expenseLine.project,
+            toInvoice: _expenseLine.toInvoice,
+            expenseProduct: _expenseLine.expenseProduct,
+            expenseDate: _expenseLine.expenseDate,
+            employeeId: user?.employee?.id,
+            totalAmount: _expenseLine.totalAmount,
+            totalTax: _expenseLine.totalTax,
+            currency: _expenseLine.currency,
+            comments: _expenseLine.comments,
+            justificationMetaFile: mode === ExpenseLine.modes.general
+                ? _expenseLine.justificationMetaFile
+                : null,
+            kilometricAllowParam: _expenseLine.kilometricAllowParam,
+            kilometricTypeSelect: _expenseLine.kilometricTypeSelect?.key,
+            distance: _expenseLine.distance,
+            fromCity: _expenseLine.fromCity,
+            toCity: _expenseLine.toCity,
+            expenseLineType: _expenseLine.manageMode,
+            companyId: user?.activeCompany?.id,
+        };
+        dispatch(updateExpenseLine({
+            expenseLine: dataToSend,
+            expenseId: idExpense,
+            mode: mode,
+            userId: user?.id,
+        }));
+        if (idExpense == null) {
+            navigation.navigate('ExpenseLinesListScreen');
+        }
+        else {
+            navigation.navigate('ExpenseDetailsScreen', { idExpense });
+        }
+    }, [
+        expenseLine,
+        idExpense,
+        navigation,
+        user?.activeCompany?.id,
+        user?.employee?.id,
+        user?.id,
+    ]);
+    const defaultValue = useMemo(() => {
+        const _defaultDate = new Date().toISOString().split('T')[0];
+        const _default = {
+            manageMode: ExpenseLine.modes.general,
+            hideToggle: false,
+            expenseDate: _defaultDate,
+            companyName: user.activeCompany?.name,
+            totalAmount: 0,
+            totalTax: 0,
+            distance: 0,
+        };
+        if (justificationMetaFile != null) {
+            return {
+                ..._default,
+                hideToggle: true,
+                justificationMetaFile,
+            };
+        }
+        else if (expenseLine != null) {
+            const mode = ExpenseLine.getExpenseMode(expenseLine);
+            if (mode === ExpenseLine.modes.general) {
+                return {
+                    ..._default,
+                    manageMode: mode,
+                    hideToggle: true,
+                    expenseDate: expenseLine.expenseDate,
+                    project: expenseLine.project,
+                    toInvoice: expenseLine.toInvoice,
+                    expenseProduct: expenseLine.expenseProduct,
+                    totalAmount: expenseLine.totalAmount || 0,
+                    totalTax: expenseLine.totalTax || 0,
+                    currency: expenseLine.currency,
+                    justificationMetaFile: expenseLine.justificationMetaFile,
+                    comments: expenseLine.comments,
+                };
+            }
+            else if (mode === ExpenseLine.modes.kilometric) {
+                _dispatch(updateExpenseDate(expenseLine?.expenseDate));
+                _dispatch(updateFromCity(expenseLine?.fromCity));
+                _dispatch(updateToCity(expenseLine?.toCity));
+                return {
+                    ..._default,
+                    manageMode: mode,
+                    hideToggle: true,
+                    expenseDate: expenseLine.expenseDate,
+                    project: expenseLine.project,
+                    toInvoice: expenseLine.toInvoice,
+                    fromCity: expenseLine.fromCity,
+                    toCity: expenseLine.toCity,
+                    distance: expenseLine.distance || 0,
+                    kilometricAllowParam: expenseLine.kilometricAllowParam,
+                    kilometricTypeSelect: {
+                        key: expenseLine.kilometricTypeSelect,
+                        title: ExpenseLine.getKilomectricTypeSelect(expenseLine.kilometricTypeSelect, I18n),
+                    },
+                    comments: expenseLine.comments,
+                };
+            }
+        }
+        else {
+            _dispatch(updateExpenseDate(_defaultDate));
+            _dispatch(updateFromCity(null));
+            _dispatch(updateToCity(null));
+        }
+        return _default;
+    }, [
+        I18n,
+        _dispatch,
+        expenseLine,
+        justificationMetaFile,
+        user.activeCompany?.name,
+    ]);
+    return (<FormView defaultValue={defaultValue} actions={[
+            {
+                key: 'create-expenseLine',
+                type: 'create',
+                needValidation: true,
+                needRequiredFields: true,
+                hideIf: () => expenseLine != null,
+                customAction: ({ dispatch, objectState }) => {
+                    return createExpenseLineAPI(objectState, dispatch);
+                },
+            },
+            {
+                key: 'update-expenseLine',
+                type: 'update',
+                needValidation: true,
+                needRequiredFields: true,
+                hideIf: () => expenseLine == null,
+                customAction: ({ dispatch, objectState }) => {
+                    return updateExpenseLineAPI(objectState, dispatch);
+                },
+            },
+        ]} formKey="hr_Expenseline"/>);
+};
+export default ExpenseLineFormScreen;
+//# sourceMappingURL=ExpenseLineFormScreen.js.map

package/lib/screens/ExpenseLineFormScreen.js.map

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

package/lib/screens/ExpenseLinesListScreen.d.ts

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

package/lib/screens/ExpenseLinesListScreen.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, { useCallback, useEffect, useState } from 'react';
+import { Screen, ScrollList, useThemeColor } from '@axelor/aos-mobile-ui';
+import { CameraButton, headerActionsProvider, useDispatch, useSelector, useTranslator, } from '@axelor/aos-mobile-core';
+import { fetchExpenseLine } from '../features/expenseLineSlice';
+import { ExpenseAddPopup, ExpenseLineDetailCard, ExpenseLineValidationButton, } from '../components';
+const ExpenseLinesListScreen = ({ navigation }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    const dispatch = useDispatch();
+    const { expenseLineList, loadingExpenseLine, moreLoading, isListEnd } = useSelector(state => state.expenseLine);
+    const { userId } = useSelector(state => state.auth);
+    const [isSelectionMode, setIsSelectionMode] = useState(false);
+    const [selectedItems, setSelectedItems] = useState([]);
+    const [addPopupIsVisible, setAddPopupIsVisible] = useState(false);
+    const handleItemSelection = itemId => {
+        setSelectedItems(_current => {
+            if (_current.includes(itemId)) {
+                return _current.filter(id => id !== itemId);
+            }
+            else {
+                return [..._current, itemId];
+            }
+        });
+    };
+    const handleCancelButton = () => {
+        setSelectedItems([]);
+        setIsSelectionMode(false);
+    };
+    const fetchExpenseLineAPI = useCallback((page = 0) => {
+        dispatch(fetchExpenseLine({ userId: userId, page: page }));
+    }, [dispatch, userId]);
+    useEffect(() => {
+        headerActionsProvider.registerModel('hr_expenseLine_list', {
+            actions: [
+                {
+                    key: 'newExpenseLines',
+                    order: 10,
+                    iconName: 'plus',
+                    hideIf: isSelectionMode,
+                    title: I18n.t('Hr_NewExpenseLine'),
+                    iconColor: Colors.primaryColor.background,
+                    onPress: () => navigation.navigate('ExpenseLineFormScreen', {}),
+                    showInHeader: true,
+                },
+            ],
+        });
+    }, [Colors, I18n, navigation, isSelectionMode]);
+    const handleModeChange = itemId => {
+        setIsSelectionMode(current => {
+            const mode = !current;
+            if (mode) {
+                setSelectedItems([itemId]);
+            }
+            else {
+                setSelectedItems([]);
+            }
+            return mode;
+        });
+    };
+    return (<Screen removeSpaceOnTop={true} fixedItems={isSelectionMode && (<ExpenseLineValidationButton onOpen={() => setAddPopupIsVisible(true)} selectedItems={selectedItems} onChangeMode={handleCancelButton}/>)}>
+      <ScrollList loadingList={loadingExpenseLine} data={expenseLineList} disabledRefresh={isSelectionMode} renderItem={({ item }) => (<ExpenseLineDetailCard item={item} onEdit={() => navigation.navigate('ExpenseLineFormScreen', {
+                expenseLine: item,
+            })} onLongPress={() => handleModeChange(item.id)} onItemSelection={() => handleItemSelection(item.id)} isSelectionMode={isSelectionMode} isSelected={selectedItems.includes(item.id)}/>)} fetchData={fetchExpenseLineAPI} moreLoading={moreLoading} isListEnd={isListEnd} translator={I18n.t}/>
+      {!isSelectionMode && (<CameraButton cameraKey="expense-line_justication_picture" onUpload={_file => navigation.navigate('ExpenseLineFormScreen', {
+                justificationMetaFile: _file,
+            })} getFileName={({ user, extension, dateTime }) => `Expense_${user.name}_${dateTime}.${extension}`}/>)}
+      <ExpenseAddPopup visible={addPopupIsVisible} onClose={() => {
+            setAddPopupIsVisible(false);
+            handleCancelButton();
+        }} selectedItems={selectedItems}/>
+    </Screen>);
+};
+export default ExpenseLinesListScreen;
+//# sourceMappingURL=ExpenseLinesListScreen.js.map

package/lib/screens/ExpenseLinesListScreen.js.map

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

package/lib/screens/ExpenseListScreen.d.ts

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

package/lib/screens/ExpenseListScreen.js

@@ -0,0 +1,138 @@
+/*
+ * 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, { useCallback, useEffect, useMemo, useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Screen, ScrollList, HeaderContainer, ToggleSwitch, getCommonStyles, useThemeColor, Picker, NumberBubble, } from '@axelor/aos-mobile-ui';
+import { useDispatch, useSelector, useTranslator } from '@axelor/aos-mobile-core';
+import { ExpenseCard, ExpenseWaitingValidationSearchBar } from '../components';
+import { searchExpenseToValidate, searchMyExpense, sendExpense, validateExpense, } from '../features/expenseSlice';
+import { Expense } from '../types';
+const ExpenseListScreen = ({ navigation }) => {
+    const I18n = useTranslator();
+    const Colors = useThemeColor();
+    const dispatch = useDispatch();
+    const { user } = useSelector(state => state.user);
+    const { myExpenseList, loadingMyExpense, moreLoadingMyExpense, isListEndMyExpense, loadingExpenseToValidate, moreLoadingExpenseToValidate, isListEndExpenseToValidate, expenseToValidateList, totalNumberExpenseToValidate, } = useSelector(state => state.expense);
+    const [mode, setMode] = useState(Expense.mode.personnal);
+    const [selectedStatus, setSelectedStatus] = useState(null);
+    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
+    const expenseStatusListItems = useMemo(() => {
+        return Expense.getStatusList(Colors, I18n);
+    }, [Colors, I18n]);
+    useEffect(() => {
+        dispatch(searchExpenseToValidate({ page: 0, user: user }));
+    }, [dispatch, user]);
+    const fetchMyExpenseAPI = useCallback((page = 0) => {
+        dispatch(searchMyExpense({ page: page, userId: user.id }));
+    }, [dispatch, user.id]);
+    const fetchExpenseToValidateAPI = useCallback((page = 0) => {
+        dispatch(searchExpenseToValidate({ page: page, user: user }));
+    }, [dispatch, user]);
+    const sendExpenseAPI = useCallback((expenseId, version) => {
+        dispatch(sendExpense({ expenseId: expenseId, version: version, userId: user?.id }));
+    }, [dispatch, user]);
+    const validateExpenseAPI = useCallback((expenseId, version) => {
+        dispatch(validateExpense({
+            expenseId: expenseId,
+            version: version,
+            userId: user?.id,
+            user: user,
+            mode: mode,
+        }));
+    }, [dispatch, user, mode]);
+    const ObjectToDisplay = useMemo(() => {
+        if (mode === Expense.mode.personnal) {
+            return {
+                list: myExpenseList,
+                loading: loadingMyExpense,
+                moreLoading: moreLoadingMyExpense,
+                isListEnd: isListEndMyExpense,
+                functionApi: fetchMyExpenseAPI,
+            };
+        }
+        else {
+            return {
+                list: expenseToValidateList,
+                loading: loadingExpenseToValidate,
+                moreLoading: moreLoadingExpenseToValidate,
+                isListEnd: isListEndExpenseToValidate,
+                functionApi: fetchExpenseToValidateAPI,
+            };
+        }
+    }, [
+        myExpenseList,
+        expenseToValidateList,
+        fetchExpenseToValidateAPI,
+        fetchMyExpenseAPI,
+        isListEndExpenseToValidate,
+        isListEndMyExpense,
+        loadingExpenseToValidate,
+        loadingMyExpense,
+        mode,
+        moreLoadingExpenseToValidate,
+        moreLoadingMyExpense,
+    ]);
+    const filterOnStatus = useCallback(list => {
+        if (!Array.isArray(list) || list.length === 0) {
+            return [];
+        }
+        else {
+            if (selectedStatus != null) {
+                return list?.filter(item => item?.statusSelect === selectedStatus);
+            }
+            else {
+                return list;
+            }
+        }
+    }, [selectedStatus]);
+    const filteredList = useMemo(() => filterOnStatus(ObjectToDisplay.list), [ObjectToDisplay.list, filterOnStatus]);
+    return (<Screen removeSpaceOnTop={true}>
+      <HeaderContainer expandableFilter={false} fixedItems={<View style={styles.headerContainer}>
+            <ToggleSwitch styleContainer={[commonStyles.filter, commonStyles.filterSize]} styleToogle={styles.toggle} leftTitle={I18n.t('Hr_MyExpenses')} rightTitle={I18n.t('Hr_ToValidate')} rigthElement={<NumberBubble style={styles.indicator} number={totalNumberExpenseToValidate} color={Colors.cautionColor} isNeutralBackground={true}/>} onSwitch={() => setMode(_mode => {
+                setSelectedStatus(null);
+                return _mode === Expense.mode.personnal
+                    ? Expense.mode.validation
+                    : Expense.mode.personnal;
+            })}/>
+            {mode === Expense.mode.personnal ? (<Picker listItems={expenseStatusListItems} title={I18n.t('Hr_Status')} onValueChange={setSelectedStatus} labelField="title" valueField="key"/>) : (<ExpenseWaitingValidationSearchBar showDetailsPopup={false} oneFilter={true} isFocus={true}/>)}
+          </View>}/>
+      <ScrollList loadingList={ObjectToDisplay.loading} data={filteredList} renderItem={({ item }) => (<ExpenseCard onPress={() => navigation.navigate('ExpenseDetailsScreen', {
+                idExpense: item.id,
+                expenseMode: mode,
+            })} style={styles.item} statusSelect={item.statusSelect} expenseId={item.id} expenseSeq={item.expenseSeq} periodeCode={item?.period?.code} inTaxTotal={item.inTaxTotal} employeeManagerId={item.employee?.managerUser?.id} employeeName={mode === Expense.mode.validation ? item.employee?.name : null} onSend={() => sendExpenseAPI(item.id, item.version)} onValidate={() => validateExpenseAPI(item.id, item.version)}/>)} fetchData={ObjectToDisplay.functionApi} moreLoading={ObjectToDisplay.moreLoading} isListEnd={ObjectToDisplay.isListEnd} translator={I18n.t}/>
+    </Screen>);
+};
+const styles = StyleSheet.create({
+    item: {
+        marginVertical: 4,
+    },
+    headerContainer: {
+        alignItems: 'center',
+    },
+    toggle: {
+        width: '54%',
+        height: 38,
+        borderRadius: 13,
+    },
+    indicator: {
+        position: 'absolute',
+        right: '5%',
+    },
+});
+export default ExpenseListScreen;
+//# sourceMappingURL=ExpenseListScreen.js.map

package/lib/screens/ExpenseListScreen.js.map

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

package/lib/screens/index.d.ts

@@ -0,0 +1,38 @@
+declare namespace _default {
+    namespace ExpenseLinesListScreen {
+        export let title: string;
+        export { ExpenseLinesListScreen as component };
+        export let actionID: string;
+    }
+    namespace ExpenseListScreen {
+        let title_1: string;
+        export { title_1 as title };
+        export { ExpenseListScreen as component };
+        export namespace options {
+            let shadedHeader: boolean;
+        }
+    }
+    namespace ExpenseDetailsScreen {
+        let title_2: string;
+        export { title_2 as title };
+        export { ExpenseDetailsScreen as component };
+        export namespace options_1 {
+            let shadedHeader_1: boolean;
+            export { shadedHeader_1 as shadedHeader };
+        }
+        export { options_1 as options };
+        let actionID_1: string;
+        export { actionID_1 as actionID };
+    }
+    namespace ExpenseLineFormScreen {
+        let title_3: string;
+        export { title_3 as title };
+        export { ExpenseLineFormScreen as component };
+    }
+}
+export default _default;
+import ExpenseLinesListScreen_1 from './ExpenseLinesListScreen';
+import ExpenseListScreen_1 from './ExpenseListScreen';
+import ExpenseDetailsScreen_1 from './ExpenseDetailsScreen';
+import ExpenseLineFormScreen_1 from './ExpenseLineFormScreen';
+export { ExpenseLinesListScreen_1 as ExpenseLinesListScreen, ExpenseListScreen_1 as ExpenseListScreen, ExpenseDetailsScreen_1 as ExpenseDetailsScreen, ExpenseLineFormScreen_1 as ExpenseLineFormScreen };