@axelor/aos-mobile-core 6.4.1 → 6.4.3

package/lib/components/organisms/DateInput/DateInput.js

@@ -0,0 +1,137 @@
+/*
+ * 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, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import useTranslator from '../../../i18n/hooks/use-translator';
+import { Card, getCommonStyles, Icon, RightIconButton, Text, useClickOutside, useThemeColor, OUTSIDE_INDICATOR, } from '@axelor/aos-mobile-ui';
+import { DatePicker } from '../../molecules';
+import DateInputUtils from './date-input.helper';
+const ACTION_ICON_SIZE = 30;
+const DateInput = ({ title, defaultDate, mode = 'datetime', nullable = false, onDateChange, style, readonly = false, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    const currentDate = useMemo(() => new Date(), []);
+    const [pickerWidth, setPickerWidth] = useState();
+    const [pickerIsOpen, setPickerIsOpen] = useState(false);
+    const [selectedDate, setSelectedDate] = useState(defaultDate);
+    const [isFocused, setIsFocused] = useState(false);
+    useEffect(() => {
+        if (defaultDate) {
+            setSelectedDate(defaultDate);
+        }
+    }, [defaultDate]);
+    const wrapperRef = useRef(null);
+    const clickOutside = useClickOutside({
+        wrapperRef,
+        visible: pickerIsOpen,
+    });
+    useEffect(() => {
+        if (clickOutside === OUTSIDE_INDICATOR && pickerIsOpen) {
+            setPickerIsOpen(false);
+            setIsFocused(false);
+        }
+    }, [clickOutside, pickerIsOpen]);
+    const togglePicker = () => {
+        if (!readonly) {
+            setPickerIsOpen(current => !current);
+            setIsFocused(current => !current);
+        }
+    };
+    const onCheckDate = useCallback(() => {
+        if (!selectedDate) {
+            setSelectedDate(currentDate);
+            onDateChange(currentDate);
+            setPickerIsOpen(false);
+        }
+        else {
+            onDateChange(selectedDate);
+            setPickerIsOpen(false);
+        }
+    }, [onDateChange, selectedDate, currentDate]);
+    const onClearDate = useCallback(() => {
+        setSelectedDate(null);
+        setPickerIsOpen(false);
+    }, []);
+    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    return (<View ref={wrapperRef} style={[styles.container, style]}>
+      <Text style={styles.title}>{title}</Text>
+      <RightIconButton onPress={togglePicker} icon={!readonly && (<Icon name={DateInputUtils.getIconName(mode)} color={Colors.secondaryColor_dark.background}/>)} title={selectedDate
+            ? DateInputUtils.formatDate(mode, selectedDate, I18n)
+            : DateInputUtils.getDateInputPlaceholder(mode)} styleText={styles.styleTextButton} style={[
+            commonStyles.filter,
+            commonStyles.filterSize,
+            commonStyles.filterAlign,
+            styles.rightIconButton,
+            isFocused && commonStyles.inputFocused,
+        ]}/>
+      <View>
+        {pickerIsOpen ? (<Card style={styles.selectionContainer}>
+            <View onLayout={event => {
+                const { width } = event.nativeEvent.layout;
+                setPickerWidth(width);
+            }} style={styles.datePickerContainer}>
+              <DatePicker defaultDate={selectedDate || currentDate} onDateChange={setSelectedDate} mode={mode} pickerWidth={pickerWidth}/>
+            </View>
+            <View style={styles.actionContainer}>
+              <Icon name="check-circle" color={Colors.primaryColor.background} size={ACTION_ICON_SIZE} touchable={true} FontAwesome5={false} onPress={onCheckDate} style={styles.actionButton}/>
+              {nullable && (<Icon name="times-circle" color={Colors.primaryColor.background} size={ACTION_ICON_SIZE} touchable={true} FontAwesome5={false} onPress={onClearDate} style={styles.actionButton}/>)}
+            </View>
+          </Card>) : null}
+      </View>
+    </View>);
+};
+const getStyles = Colors => StyleSheet.create({
+    actionButton: {
+        marginLeft: 10,
+    },
+    actionContainer: {
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        alignItems: 'flex-end',
+    },
+    container: {
+        width: '100%',
+    },
+    datePickerContainer: {
+        flex: 1,
+    },
+    rightIconButton: {
+        borderColor: Colors.secondaryColor.background,
+        borderWidth: 1,
+        marginLeft: 0,
+        width: '100%',
+    },
+    selectionContainer: {
+        paddingHorizontal: 5,
+        paddingVertical: 10,
+        paddingRight: 10,
+        position: 'absolute',
+        height: 240,
+        width: '100%',
+        zIndex: 999,
+    },
+    styleTextButton: {
+        left: '-20%',
+    },
+    title: {
+        marginLeft: 5,
+    },
+});
+export default DateInput;
+//# sourceMappingURL=DateInput.js.map

package/lib/components/organisms/DateInput/DateInput.js.map

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

package/lib/components/organisms/DateInput/date-input.helper.d.ts

@@ -0,0 +1,17 @@
+import { TranslatorProps } from '../../../i18n/hooks/use-translator';
+declare class DateInputUtils {
+    static mode: {
+        Date: string;
+        DateTime: string;
+        Time: string;
+    };
+    static placeHolder: {
+        Date: string;
+        DateTime: string;
+        Time: string;
+    };
+    static getDateInputPlaceholder: (mode: string) => string;
+    static formatDate: (mode: string, date: Date, I18n: TranslatorProps) => string;
+    static getIconName: (mode: string) => string;
+}
+export default DateInputUtils;

package/lib/components/organisms/DateInput/date-input.helper.js

@@ -0,0 +1,63 @@
+/*
+ * 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 { formatDate, formatDateTime } from '../../../utils/formatters';
+import { formatTime } from '../../../utils/formatters';
+class DateInputUtils {
+    static mode = {
+        Date: 'date',
+        DateTime: 'datetime',
+        Time: 'time',
+    };
+    static placeHolder = {
+        Date: '__/__/____',
+        DateTime: '__/__/____ __:__',
+        Time: '__:__',
+    };
+    static getDateInputPlaceholder = (mode) => {
+        switch (mode) {
+            case this.mode.Date:
+                return this.placeHolder.Date;
+            case this.mode.DateTime:
+                return this.placeHolder.DateTime;
+            case this.mode.Time:
+                return this.placeHolder.Time;
+            default:
+                console.warn(`Mode provided with value ${mode} is not supported by date input`);
+                return null;
+        }
+    };
+    static formatDate = (mode, date, I18n) => {
+        const _date = date.toISOString();
+        switch (mode) {
+            case this.mode.Date:
+                return formatDate(_date, I18n.t('Base_DateFormat'));
+            case this.mode.DateTime:
+                return formatDateTime(_date, I18n.t('Base_DateTimeFormat'));
+            case this.mode.Time:
+                return formatTime(_date, I18n.t('Base_TimeFormat'));
+            default:
+                console.warn(`Mode provided with value ${mode} is not supported by date input`);
+                return null;
+        }
+    };
+    static getIconName = (mode) => {
+        return mode === this.mode.Time ? 'clock' : 'calendar-alt';
+    };
+}
+export default DateInputUtils;
+//# sourceMappingURL=date-input.helper.js.map

package/lib/components/organisms/DateInput/date-input.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.helper.js","sourceRoot":"","sources":["../../../../src/components/organisms/DateInput/date-input.helper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAErE,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAErD,MAAM,cAAc;IAClB,MAAM,CAAC,IAAI,GAAG;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,MAAM;KACb,CAAC;IAEF,MAAM,CAAC,WAAW,GAAG;QACnB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,kBAAkB;QAC5B,IAAI,EAAE,OAAO;KACd,CAAC;IAEF,MAAM,CAAC,uBAAuB,GAAG,CAAC,IAAY,EAAU,EAAE;QACxD,QAAQ,IAAI,EAAE;YACZ,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;gBACjB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAC/B,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ;gBACrB,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;YACnC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;gBACjB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAC/B;gBACE,OAAO,CAAC,IAAI,CACV,4BAA4B,IAAI,iCAAiC,CAClE,CAAC;gBACF,OAAO,IAAI,CAAC;SACf;IACH,CAAC,CAAC;IAEF,MAAM,CAAC,UAAU,GAAG,CAClB,IAAY,EACZ,IAAU,EACV,IAAqB,EACb,EAAE;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,QAAQ,IAAI,EAAE;YACZ,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;gBACjB,OAAO,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACtD,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ;gBACrB,OAAO,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC9D,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;gBACjB,OAAO,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACtD;gBACE,OAAO,CAAC,IAAI,CACV,4BAA4B,IAAI,iCAAiC,CAClE,CAAC;gBACF,OAAO,IAAI,CAAC;SACf;IACH,CAAC,CAAC;IAEF,MAAM,CAAC,WAAW,GAAG,CAAC,IAAY,EAAU,EAAE;QAC5C,OAAO,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;IAC5D,CAAC,CAAC;;AAEJ,eAAe,cAAc,CAAC"}

package/lib/components/organisms/MailMessageCommentCard/MailMessageCommentCard.js

@@ -16,10 +16,9 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useCallback, useMemo, useState } from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Card, getCommonStyles, Icon, LabelText, Text, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Card, getCommonStyles, HtmlInput, Icon, LabelText, Text, useThemeColor, } from '@axelor/aos-mobile-ui';
 import useTranslator from '../../../i18n/hooks/use-translator';
-import RenderHTML from 'react-native-render-html';
 import { isHtml } from '../../../utils/string';
 import { MailMessageReadIcon } from '../../molecules';
 const MAX_TEXT_LINES = 5;
@@ -33,9 +32,9 @@ const MailMessageCommentCard = ({ relatedModel, relatedId, subject, files, value
     const handleTextLayout = useCallback(event => {
         setNumOfLines(event.nativeEvent.lines.length);
     }, []);
-    const handleHtmlContainerLayout = useCallback(event => {
+    const handleHtmlContainerLayout = useCallback(height => {
         if (!htmlContentHeight) {
-            setHtmlContentHeight(event?.nativeEvent?.layout?.height);
+            setHtmlContentHeight(height);
         }
     }, [htmlContentHeight]);
     const handleCommentAttachedFilesPress = useCallback(() => {
@@ -52,10 +51,8 @@ const MailMessageCommentCard = ({ relatedModel, relatedId, subject, files, value
             <LabelText iconName="comment" size={18} value={subject || I18n.t('Base_Comment')} style={styles.headerLabel} textStyle={styles.title} color={Colors.primaryColor.background}/>
             {flags != null && (<MailMessageReadIcon mailMessageFlag={flags} model={relatedModel} modelId={relatedId}/>)}
           </View>
-          {isHtml(value) ? (<View style={styles.htmlContainer} onLayout={!htmlContentHeight && handleHtmlContainerLayout}>
-              <RenderHTML source={{
-                html: `${value}`,
-            }} contentWidth={Dimensions.get('window').width * 0.6}/>
+          {isHtml(value) ? (<View style={styles.htmlContainer}>
+              <HtmlInput defaultInput={`${value}`} readonly={true} onHeightChange={handleHtmlContainerLayout}/>
             </View>) : (<Text numberOfLines={more ? numOfLines : MAX_TEXT_LINES} style={styles.text} onTextLayout={handleTextLayout}>
               {value}
             </Text>)}

package/lib/components/organisms/MailMessageCommentCard/MailMessageCommentCard.js.map

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

package/lib/components/organisms/PasswordInput/PasswordInput.js

@@ -22,7 +22,7 @@ import useTranslator from '../../../i18n/hooks/use-translator';
 const PasswordInput = ({ style, value, onChange, readOnly }) => {
     const [visible, setVisible] = useState(false);
     const I18n = useTranslator();
-    return (<IconInput style={style} value={value} onChange={onChange} readOnly={readOnly} secureTextEntry={!visible} placeholder={I18n.t('Auth_Password')} leftIconsList={[<Icon name="key" size={17} style={styles.icon}/>]} rightIconsList={[
+    return (<IconInput style={style} value={value} onChange={onChange} readOnly={readOnly} required={true} secureTextEntry={!visible} placeholder={I18n.t('Auth_Password')} leftIconsList={[<Icon name="key" size={17} style={styles.icon}/>]} rightIconsList={[
             <Icon name={visible ? 'eye' : 'eye-slash'} size={17} touchable={true} onPress={() => setVisible(!visible)} style={styles.icon}/>,
         ]}/>);
 };

package/lib/components/organisms/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../../src/components/organisms/PasswordInput/PasswordInput.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1B,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CACrC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,CACnE,cAAc,CAAC,CAAC;YACd,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CACpC,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EACnB;SACH,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../../src/components/organisms/PasswordInput/PasswordInput.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1B,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CACrC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,CACnE,cAAc,CAAC,CAAC;YACd,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CACpC,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EACnB;SACH,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/components/organisms/ScannerAutocompleteSearch/ScannerAutocompleteSearch.d.ts

@@ -11,6 +11,7 @@ interface AutocompleteSearchProps {
     navigate?: boolean;
     oneFilter?: boolean;
     selectLastItem?: boolean;
+    style?: any;
 }
-declare const ScannerAutocompleteSearch: ({ objectList, value, onChangeValue, fetchData, displayValue, placeholder, scanKeySearch, isFocus, changeScreenAfter, navigate, oneFilter, selectLastItem, }: AutocompleteSearchProps) => JSX.Element;
+declare const ScannerAutocompleteSearch: ({ objectList, value, onChangeValue, fetchData, displayValue, placeholder, scanKeySearch, isFocus, changeScreenAfter, navigate, oneFilter, selectLastItem, style, }: AutocompleteSearchProps) => JSX.Element;
 export default ScannerAutocompleteSearch;

package/lib/components/organisms/ScannerAutocompleteSearch/ScannerAutocompleteSearch.js

@@ -16,16 +16,17 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useState, useEffect } from 'react';
-import { useDispatch } from 'react-redux';
 import { AutoCompleteSearch, useThemeColor } from '@axelor/aos-mobile-ui';
-import { enableScan, useScannedValueByKey, useScannerSelector, } from '../../../features/scannerSlice';
-import { enableCameraScanner, useCameraScannerValueByKey, } from '../../../features/cameraScannerSlice';
-const ScannerAutocompleteSearch = ({ objectList, value, onChangeValue, fetchData, displayValue, placeholder, scanKeySearch, isFocus = false, changeScreenAfter = false, navigate = false, oneFilter = false, selectLastItem = true, }) => {
+import { useScannedValueByKey, useScannerSelector, } from '../../../features/scannerSlice';
+import { useCameraScannerValueByKey } from '../../../features/cameraScannerSlice';
+import { useScanActivator, useScannerDeviceActivator, } from '../../../hooks/use-scan-activator';
+const ScannerAutocompleteSearch = ({ objectList, value, onChangeValue, fetchData, displayValue, placeholder, scanKeySearch, isFocus = false, changeScreenAfter = false, navigate = false, oneFilter = false, selectLastItem = true, style, }) => {
     const [searchText, setSearchText] = useState(value);
     const { isEnabled, scanKey } = useScannerSelector();
     const scannedValue = useScannedValueByKey(scanKeySearch);
     const scanData = useCameraScannerValueByKey(scanKeySearch);
-    const dispatch = useDispatch();
+    const { enable: onScanPress } = useScanActivator(scanKeySearch);
+    const { enable: enableScanner } = useScannerDeviceActivator(scanKeySearch);
     useEffect(() => {
         if (scannedValue) {
             setSearchText(scannedValue);
@@ -35,18 +36,17 @@ const ScannerAutocompleteSearch = ({ objectList, value, onChangeValue, fetchData
         }
     }, [scanData, scannedValue]);
     const Colors = useThemeColor();
+    useEffect(() => {
+        if (value) {
+            setSearchText(value);
+        }
+    }, [value]);
     return (<AutoCompleteSearch selectLastItem={selectLastItem} objectList={objectList} value={searchText} onChangeValue={result => {
             setSearchText(result);
             onChangeValue(result);
-        }} fetchData={fetchData} displayValue={displayValue} placeholder={placeholder} isFocus={isFocus} changeScreenAfter={changeScreenAfter} navigate={navigate} oneFilter={oneFilter} onSelection={() => {
-            scanKeySearch ? dispatch(enableScan(scanKeySearch)) : undefined;
-        }} onScanPress={() => {
-            scanKeySearch
-                ? dispatch(enableCameraScanner(scanKeySearch))
-                : undefined;
-        }} scanIconColor={isEnabled && scanKey === scanKeySearch
+        }} fetchData={fetchData} displayValue={displayValue} placeholder={placeholder} isFocus={isFocus} changeScreenAfter={changeScreenAfter} navigate={navigate} oneFilter={oneFilter} onSelection={enableScanner} onScanPress={onScanPress} scanIconColor={isEnabled && scanKey === scanKeySearch
             ? Colors.primaryColor.background
-            : Colors.secondaryColor_dark.background}/>);
+            : Colors.secondaryColor_dark.background} style={style}/>);
 };
 export default ScannerAutocompleteSearch;
 //# sourceMappingURL=ScannerAutocompleteSearch.js.map

package/lib/components/organisms/ScannerAutocompleteSearch/ScannerAutocompleteSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScannerAutocompleteSearch.js","sourceRoot":"","sources":["../../../../src/components/organisms/ScannerAutocompleteSearch/ScannerAutocompleteSearch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACxE,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,sCAAsC,CAAC;AAiB9C,MAAM,yBAAyB,GAAG,CAAC,EACjC,UAAU,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,GAAG,KAAK,EACf,iBAAiB,GAAG,KAAK,EACzB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,GACG,EAAE,EAAE;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,EAAC,SAAS,EAAE,OAAO,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAClD,MAAM,YAAY,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE;YAChB,aAAa,CAAC,YAAY,CAAC,CAAC;SAC7B;aAAM,IAAI,QAAQ,EAAE,KAAK,IAAI,IAAI,EAAE;YAClC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,kBAAkB,CACjB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,aAAa,CAAC,CAAC,MAAM,CAAC,EAAE;YACtB,aAAa,CAAC,MAAM,CAAC,CAAC;YACtB,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,GAAG,EAAE;YAChB,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAClE,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,GAAG,EAAE;YAChB,aAAa;gBACX,CAAC,CAAC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;gBAC9C,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CACF,aAAa,CAAC,CACZ,SAAS,IAAI,OAAO,KAAK,aAAa;YACpC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU;YAChC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAC1C,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ScannerAutocompleteSearch.js","sourceRoot":"","sources":["../../../../src/components/organisms/ScannerAutocompleteSearch/ScannerAutocompleteSearch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACxE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,0BAA0B,EAAC,MAAM,sCAAsC,CAAC;AAChF,OAAO,EACL,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,mCAAmC,CAAC;AAkB3C,MAAM,yBAAyB,GAAG,CAAC,EACjC,UAAU,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,GAAG,KAAK,EACf,iBAAiB,GAAG,KAAK,EACzB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,EACrB,KAAK,GACmB,EAAE,EAAE;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,EAAC,SAAS,EAAE,OAAO,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAClD,MAAM,YAAY,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAC3D,MAAM,EAAC,MAAM,EAAE,WAAW,EAAC,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC9D,MAAM,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE;YAChB,aAAa,CAAC,YAAY,CAAC,CAAC;SAC7B;aAAM,IAAI,QAAQ,EAAE,KAAK,IAAI,IAAI,EAAE;YAClC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE;YACT,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,CAAC,kBAAkB,CACjB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,aAAa,CAAC,CAAC,MAAM,CAAC,EAAE;YACtB,aAAa,CAAC,MAAM,CAAC,CAAC;YACtB,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,aAAa,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,aAAa,CAAC,CACZ,SAAS,IAAI,OAAO,KAAK,aAAa;YACpC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU;YAChC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAC1C,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/components/organisms/UrlInput/UrlInput.js

@@ -22,7 +22,7 @@ import useTranslator from '../../../i18n/hooks/use-translator';
 const UrlInput = ({ style, value, onChange, readOnly, onScanPress, onSelection = () => { }, scanIconColor, }) => {
     const Colors = useThemeColor();
     const I18n = useTranslator();
-    return (<IconInput style={style} value={value} onChange={onChange} readOnly={readOnly} onSelection={onSelection} placeholder={I18n.t('Auth_URL')} leftIconsList={[<Icon name="link" size={17} style={styles.icon}/>]} rightIconsList={[
+    return (<IconInput style={style} value={value} onChange={onChange} readOnly={readOnly} required={true} onSelection={onSelection} placeholder={I18n.t('Auth_URL')} leftIconsList={[<Icon name="link" size={17} style={styles.icon}/>]} rightIconsList={[
             <Icon name="qrcode" size={20} color={scanIconColor == null
                     ? Colors.secondaryColor_dark.background
                     : scanIconColor} touchable={true} style={styles.icon} onPress={onScanPress} FontAwesome5={false}/>,

package/lib/components/organisms/UrlInput/UrlInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"UrlInput.js","sourceRoot":"","sources":["../../../../src/components/organisms/UrlInput/UrlInput.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACrE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAChC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,CACpE,cAAc,CAAC,CAAC;YACd,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CACJ,aAAa,IAAI,IAAI;oBACnB,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU;oBACvC,CAAC,CAAC,aAAa,CAClB,CACD,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,YAAY,CAAC,CAAC,KAAK,CAAC,EACpB;SACH,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"UrlInput.js","sourceRoot":"","sources":["../../../../src/components/organisms/UrlInput/UrlInput.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACrE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAChC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,CACpE,cAAc,CAAC,CAAC;YACd,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CACJ,aAAa,IAAI,IAAI;oBACnB,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU;oBACvC,CAAC,CAAC,aAAa,CAClB,CACD,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,YAAY,CAAC,CAAC,KAAK,CAAC,EACpB;SACH,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/organisms/UsernameInput/UsernameInput.d.ts

@@ -1,6 +1,10 @@
 export default UsernameInput;
-declare function UsernameInput({ value, onChange, readOnly }: {
+declare function UsernameInput({ value, onChange, readOnly, showScanIcon, onScanPress, onSelection, scanIconColor, }: {
     value: any;
     onChange: any;
     readOnly: any;
+    showScanIcon?: boolean;
+    onScanPress: any;
+    onSelection?: () => void;
+    scanIconColor: any;
 }): JSX.Element;

package/lib/components/organisms/UsernameInput/UsernameInput.js

@@ -17,11 +17,18 @@
  */
 import React from 'react';
 import { StyleSheet } from 'react-native';
-import { Icon, IconInput } from '@axelor/aos-mobile-ui';
+import { Icon, IconInput, useThemeColor } from '@axelor/aos-mobile-ui';
 import useTranslator from '../../../i18n/hooks/use-translator';
-const UsernameInput = ({ value, onChange, readOnly }) => {
+const UsernameInput = ({ value, onChange, readOnly, showScanIcon = true, onScanPress, onSelection = () => { }, scanIconColor, }) => {
+    const Colors = useThemeColor();
     const I18n = useTranslator();
-    return (<IconInput value={value} onChange={onChange} readOnly={readOnly} placeholder={I18n.t('Auth_Username')} leftIconsList={[<Icon name="user" size={17} style={styles.icon}/>]}/>);
+    return (<IconInput value={value} onChange={onChange} readOnly={readOnly} required={true} onSelection={showScanIcon ? onSelection : () => { }} placeholder={I18n.t('Auth_Username')} leftIconsList={[<Icon name="user" size={17} style={styles.icon}/>]} rightIconsList={showScanIcon
+            ? [
+                <Icon name="qrcode" size={20} color={scanIconColor == null
+                        ? Colors.secondaryColor_dark.background
+                        : scanIconColor} touchable={true} style={styles.icon} onPress={onScanPress} FontAwesome5={false}/>,
+            ]
+            : []}/>);
 };
 const styles = StyleSheet.create({
     icon: {

package/lib/components/organisms/UsernameInput/UsernameInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsernameInput.js","sourceRoot":"","sources":["../../../../src/components/organisms/UsernameInput/UsernameInput.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpD,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CACrC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,EACpE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"UsernameInput.js","sourceRoot":"","sources":["../../../../src/components/organisms/UsernameInput/UsernameInput.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACrE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACnD,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CACrC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,CACpE,cAAc,CAAC,CACb,YAAY;YACV,CAAC,CAAC;gBACE,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CACJ,aAAa,IAAI,IAAI;wBACnB,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU;wBACvC,CAAC,CAAC,aAAa,CAClB,CACD,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,YAAY,CAAC,CAAC,KAAK,CAAC,EACpB;aACH;YACH,CAAC,CAAC,EAAE,CACP,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -1,5 +1,7 @@
 export { default as AOSImage } from "./AOSImage/AOSImage";
 export { default as AOSImageBubble } from "./AOSImageBubble/AOSImageBubble";
+export { default as AutoCompleteSearchInput } from "./AutoCompleteSearchInput/AutoCompleteSearchInput";
+export { default as DateInput } from "./DateInput/DateInput";
 export { default as HeaderOptionsMenu } from "./HeaderOptionsMenu/HeaderOptionsMenu";
 export { default as LogoImage } from "./LogoImage/LogoImage";
 export { default as MailMessageCard } from "./MailMessageCard/MailMessageCard";

package/lib/components/organisms/index.js

@@ -17,6 +17,8 @@
  */
 export { default as AOSImage } from './AOSImage/AOSImage';
 export { default as AOSImageBubble } from './AOSImageBubble/AOSImageBubble';
+export { default as AutoCompleteSearchInput } from './AutoCompleteSearchInput/AutoCompleteSearchInput';
+export { default as DateInput } from './DateInput/DateInput';
 export { default as HeaderOptionsMenu } from './HeaderOptionsMenu/HeaderOptionsMenu';
 export { default as LogoImage } from './LogoImage/LogoImage';
 export { default as MailMessageCard } from './MailMessageCard/MailMessageCard';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,2BAA2B,EAAC,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,yBAAyB,EAAC,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,uBAAuB,EAAC,MAAM,mDAAmD,CAAC;AACrG,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,2BAA2B,EAAC,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,yBAAyB,EAAC,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC"}

package/lib/components/templates/AttachedFilesView/AttachedFilesView.js

@@ -18,7 +18,7 @@
 import React, { useCallback, useState, useMemo, useEffect } from 'react';
 import { Dimensions } from 'react-native';
 import { useSelector, useDispatch } from 'react-redux';
-import { AttachmentCard, Chip, ChipSelect, File, HeaderContainer, Screen, ScrollList, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { AttachmentCard, ChipSelect, File, HeaderContainer, Screen, ScrollList, useThemeColor, } from '@axelor/aos-mobile-ui';
 import useTranslator from '../../../i18n/hooks/use-translator';
 import { getAttachedFiles, getAttachedFilesDetails, } from '../../../features/attachedFilesSlice';
 import { openFileInExternalApp } from '../../../tools/FileViewer';
@@ -27,8 +27,8 @@ function AttachedFilesView({ files, model, modelId, isStaticList = false, isMeta
     const I18n = useTranslator();
     const { baseUrl, token, jsessionId } = useSelector(state => state.auth);
     const { loading, attachedFilesList } = useSelector(state => state.attachedFiles);
+    const [selectedStatus, setSelectedStatus] = useState([]);
     const [extensionList, setExtensionList] = useState([]);
-    const [selectedExtension, setSelectedExtension] = useState();
     const dispatch = useDispatch();
     const handleShowFile = async (item) => {
         await openFileInExternalApp({ fileName: item.fileName, id: item.id, isMetaFile: isMetaFile }, { baseUrl: baseUrl, token: token, jsessionId: jsessionId }, I18n);
@@ -44,25 +44,17 @@ function AttachedFilesView({ files, model, modelId, isStaticList = false, isMeta
                 modelId,
             }));
     }, [dispatch, isStaticList, files, model, modelId]);
-    const desactivateChip = () => {
-        setSelectedExtension(null);
-    };
     const filterOnSelectExtension = useCallback(list => {
-        if (list == null || list === [] || !selectedExtension) {
+        if (list == null || list === []) {
             return list;
         }
-        else {
-            return list.filter(item => File.getFileExtension(item.fileName) === selectedExtension);
-        }
-    }, [selectedExtension]);
-    const handleSelectExtension = ext => {
-        if (selectedExtension === ext) {
-            desactivateChip();
+        else if (selectedStatus.length > 0) {
+            return list.filter(item => selectedStatus.find(status => File.getFileExtension(item.fileName) === status.key));
         }
         else {
-            setSelectedExtension(ext);
+            return list;
         }
-    };
+    }, [selectedStatus]);
     const filteredList = useMemo(() => filterOnSelectExtension(attachedFilesList), [filterOnSelectExtension, attachedFilesList]);
     React.useLayoutEffect(() => {
         if (screenTitle) {
@@ -75,11 +67,13 @@ function AttachedFilesView({ files, model, modelId, isStaticList = false, isMeta
         setExtensionList(Array.from(new Set(attachedFilesList?.map(item => File.getFileExtension(item.fileName)))));
     }, [files, attachedFilesList]);
     return (<Screen removeSpaceOnTop={true}>
-      <HeaderContainer expandableFilter={false} chipComponent={<ChipSelect scrollable={true}>
-            {extensionList.map((ext, index) => (<Chip key={'chip' + index} selected={selectedExtension === ext} title={`${ext}`.toUpperCase()} onPress={() => handleSelectExtension(ext)} selectedColor={selectedExtension === ext
-                    ? Colors.primaryColor
-                    : Colors.secondaryColor} width={Dimensions.get('window').width * 0.25} marginHorizontal={3}/>))}
-          </ChipSelect>}/>
+      <HeaderContainer expandableFilter={false} chipComponent={<ChipSelect mode="multi" onChangeValue={chiplist => setSelectedStatus(chiplist)} marginHorizontal={5} width={Dimensions.get('window').width * 0.25} selectionItems={extensionList.map(ext => {
+                return {
+                    title: `${ext}`.toUpperCase(),
+                    color: Colors.primaryColor,
+                    key: ext,
+                };
+            })}/>}/>
       <ScrollList loadingList={loading} data={filteredList} renderItem={({ item }) => (<AttachmentCard fileName={item.fileName} onPress={() => handleShowFile(item)} creationDate={item.createdOn} translator={I18n.t}/>)} fetchData={fetchFilesAPI} filter={true} moreLoading={false} isListEnd={true} translator={I18n.t}/>
     </Screen>);
 }

package/lib/components/templates/AttachedFilesView/AttachedFilesView.js.map

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

package/lib/components/templates/MailMessageView/MailMessageView.js

@@ -65,7 +65,7 @@ const MailMessageView = ({ model, modelId, navigation }) => {
     const handleSendMailMessageComment = useCallback(() => {
         dispatch(sendMailMessageComment({ model, modelId, comment }));
         Keyboard.dismiss();
-        setComment();
+        setComment('');
     }, [dispatch, model, modelId, comment]);
     React.useLayoutEffect(() => {
         navigation.setOptions({
@@ -105,7 +105,7 @@ const MailMessageView = ({ model, modelId, navigation }) => {
       <Screen removeSpaceOnTop={true}>
         <PopUpTwoButton visible={popUp} title={I18n.t('Base_Question')} data={I18n.t('Base_Unfollow_Confirmation')} PrimaryBtnTitle={I18n.t('Base_OK')} SecondaryBtnTitle={I18n.t('Base_Cancel')} onPressPrimary={handleUnfollowConfirmation} onPressSecondary={() => setPopUp(false)}/>
         <View style={styles.scrollListContainer}>
-          <ScrollList loadingList={loading} data={mailMessagesList} renderItem={({ item }) => (<MailMessageCard key={item.id} author={item.$author?.fullName} avatar={item.$avatar} body={item.body} eventText={item.$eventText} eventTime={item.$eventTime} files={item.$files} subject={item.subject} title={item.subject} type={item.type} flags={item.$flags} navigation={navigation} relatedId={modelId} relatedModel={model}/>)} fetchData={fetchMailMessageAPI} filter={false} moreLoading={moreLoading} isListEnd={isListEnd}/>
+          <ScrollList loadingList={loading} data={mailMessagesList} renderItem={({ item }) => (<MailMessageCard key={item.id} author={item.$author?.fullName} avatar={item.$avatar} body={item.body} eventText={item.$eventText} eventTime={item.$eventTime} files={item.$files} subject={item.subject} title={item.subject} type={item.type} flags={item.$flags} navigation={navigation} relatedId={modelId} relatedModel={model}/>)} fetchData={fetchMailMessageAPI} filter={false} moreLoading={moreLoading} isListEnd={isListEnd} translator={I18n.t}/>
         </View>
         <View style={styles.commentContainer}>
           <MessageBox placeholder={I18n.t('Base_MailMessages_CommentInput_Placeholder')} disabled={!comment} value={comment} onChange={setComment} onSend={handleSendMailMessageComment}/>