@axelor/aos-mobile-core 6.4.1 → 6.4.2

package/lib/components/molecules/DatePicker/DatePicker.js

@@ -0,0 +1,33 @@
+/*
+ * 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, { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { default as NativeDatePicker } from 'react-native-date-picker';
+import { useThemeColor } from '@axelor/aos-mobile-ui';
+const DatePicker = ({ defaultDate, mode, onDateChange, pickerWidth = null, }) => {
+    const Colors = useThemeColor();
+    const styles = useMemo(() => getStyles(pickerWidth), [pickerWidth]);
+    return (<NativeDatePicker date={defaultDate} onDateChange={onDateChange} mode={mode} textColor={Colors.text} fadeToColor={Colors.backgroundColor} style={styles.container}/>);
+};
+const getStyles = (pickerWidth) => StyleSheet.create({
+    container: {
+        width: pickerWidth,
+    },
+});
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/lib/components/molecules/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AASpD,MAAM,UAAU,GAAG,CAAC,EAClB,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,WAAW,GAAG,IAAI,GACF,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,CAAC,gBAAgB,CACf,IAAI,CAAC,CAAC,WAAW,CAAC,CAClB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB,WAAW,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,WAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}

package/lib/components/molecules/ErrorText/ErrorText.d.ts

@@ -1,4 +1,4 @@
 export default ErrorText;
-declare function ErrorText({ message }: {
-    message: any;
+declare function ErrorText({ error }: {
+    error: any;
 }): JSX.Element;

package/lib/components/molecules/ErrorText/ErrorText.js

@@ -15,15 +15,61 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { Text } from '@axelor/aos-mobile-ui';
-const ErrorText = ({ message }) => {
-    return <Text style={styles.text}>{message}</Text>;
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Icon, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { useTranslator } from '../../../i18n';
+const ERROR_CODE_REGEX = /\d{3}$/g;
+const LOGIN_ERROR = 401;
+const URL_ERROR = 999;
+const ErrorText = ({ error }) => {
+    const I18n = useTranslator();
+    const Colors = useThemeColor();
+    const styles = useMemo(() => {
+        return getStyles(Colors.errorColor);
+    }, [Colors.errorColor]);
+    const errorCode = useMemo(() => {
+        if (error?.message == null) {
+            return null;
+        }
+        const regexResult = error.message.match(ERROR_CODE_REGEX)[0];
+        return regexResult == null ? null : parseFloat(regexResult);
+    }, [error]);
+    const errorMessage = useMemo(() => {
+        if (errorCode === LOGIN_ERROR) {
+            return I18n.t('Auth_WrongPasswordOrUserName');
+        }
+        if (errorCode === URL_ERROR) {
+            return `${I18n.t('Auth_InvalidUrl')}: ${error.url}`;
+        }
+        return error?.message;
+    }, [I18n, error, errorCode]);
+    if (error == null) {
+        return null;
+    }
+    return (<View style={styles.container}>
+      <Icon name="warning" FontAwesome5={false} color={Colors.errorColor.foreground}/>
+      <Text style={styles.text}>{errorMessage}</Text>
+    </View>);
 };
-const styles = StyleSheet.create({
+const getStyles = color => StyleSheet.create({
+    container: {
+        width: '90%',
+        borderColor: color.background_light,
+        borderWidth: 1,
+        borderRadius: 13,
+        backgroundColor: '#f79696',
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        marginVertical: 10,
+        marginHorizontal: 20,
+        paddingVertical: 10,
+        paddingHorizontal: 10,
+    },
     text: {
-        color: 'red',
+        marginLeft: 10,
+        color: color.foreground,
         alignSelf: 'center',
     },
 });

package/lib/components/molecules/ErrorText/ErrorText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.js","sourceRoot":"","sources":["../../../../src/components/molecules/ErrorText/ErrorText.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAE3C,MAAM,SAAS,GAAG,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAC9B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ErrorText.js","sourceRoot":"","sources":["../../../../src/components/molecules/ErrorText/ErrorText.js"],"names":[],"mappings":"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"}

package/lib/components/molecules/InputBarCodeCard/InputBarCodeCard.d.ts

@@ -1,7 +1,9 @@
 export default InputBarCodeCard;
-declare function InputBarCodeCard({ style, scanKeySearch, title, onChange, }: {
+declare function InputBarCodeCard({ style, scanKeySearch, title, defaultValue, readOnly, onChange, }: {
     style: any;
     scanKeySearch: any;
     title: any;
+    defaultValue: any;
+    readOnly?: boolean;
     onChange?: () => void;
 }): JSX.Element;

package/lib/components/molecules/InputBarCodeCard/InputBarCodeCard.js

@@ -15,19 +15,20 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React, { useState, useEffect, useMemo } from 'react';
+import React, { useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { useDispatch } from 'react-redux';
-import { Card, getCommonStyles, Icon, Input, Text, useThemeColor, } from '@axelor/aos-mobile-ui';
-import { enableScan, useScannedValueByKey, useScannerSelector, } from '../../../features/scannerSlice';
-import { enableCameraScanner, useCameraScannerValueByKey, } from '../../../features/cameraScannerSlice';
-const InputBarCodeCard = ({ style, scanKeySearch, title, onChange = () => { }, }) => {
+import { Icon, IconInput, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { useScannedValueByKey, useScannerSelector, } from '../../../features/scannerSlice';
+import { useCameraScannerValueByKey } from '../../../features/cameraScannerSlice';
+import { useScanActivator, useScannerDeviceActivator, } from '../../../hooks/use-scan-activator';
+const InputBarCodeCard = ({ style, scanKeySearch, title, defaultValue, readOnly = false, onChange = () => { }, }) => {
     const Colors = useThemeColor();
-    const [inputData, setInputData] = useState(null);
+    const [inputData, setInputData] = useState(defaultValue);
     const { isEnabled: scannerEnabled, 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) {
             setInputData(scannedValue);
@@ -38,44 +39,28 @@ const InputBarCodeCard = ({ style, scanKeySearch, title, onChange = () => { }, }
             onChange(scanData.value);
         }
     }, [onChange, scanData, scannedValue]);
-    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
     return (<View style={style}>
       {title && (<View style={styles.titleContainer}>
           <Text style={styles.textImportant}>{title}</Text>
         </View>)}
-      <Card style={[
-            commonStyles.filter,
-            commonStyles.filterAlign,
-            styles.container,
-        ]}>
-        <Input style={styles.inputField} value={inputData} onChange={onChange} onSelection={() => {
-            scanKeySearch ? dispatch(enableScan(scanKeySearch)) : undefined;
-        }}/>
-        <Icon name="qrcode" touchable={true} onPress={() => {
-            scanKeySearch
-                ? dispatch(enableCameraScanner(scanKeySearch))
-                : undefined;
-        }} color={scannerEnabled && scanKey === scanKeySearch
-            ? Colors.primaryColor.background
-            : Colors.secondaryColor_dark.background}/>
-      </Card>
+      <IconInput style={style} value={inputData} onChange={onChange} readOnly={readOnly} onSelection={enableScanner} rightIconsList={[
+            <Icon name="qrcode" size={20} color={scannerEnabled && scanKey === scanKeySearch
+                    ? Colors.primaryColor.background
+                    : Colors.secondaryColor_dark.background} touchable={true} style={styles.icon} onPress={onScanPress} FontAwesome5={false}/>,
+        ]}/>
     </View>);
 };
 const styles = StyleSheet.create({
-    container: {
-        marginHorizontal: 16,
-        paddingRight: 15,
-        marginBottom: '3%',
-    },
-    inputField: {
-        width: '90%',
-    },
     titleContainer: {
         marginHorizontal: 16,
     },
     textImportant: {
         fontWeight: 'bold',
     },
+    icon: {
+        width: '7%',
+        margin: 3,
+    },
 });
 export default InputBarCodeCard;
 //# sourceMappingURL=InputBarCodeCard.js.map

package/lib/components/molecules/InputBarCodeCard/InputBarCodeCard.js.map

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

package/lib/components/molecules/LoginButton/LoginButton.d.ts

@@ -1,4 +1,5 @@
 export default LoginButton;
-declare function LoginButton({ onPress }: {
+declare function LoginButton({ onPress, disabled }: {
     onPress: any;
+    disabled: any;
 }): JSX.Element;

package/lib/components/molecules/LoginButton/LoginButton.js

@@ -17,12 +17,13 @@
  */
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Button } from '@axelor/aos-mobile-ui';
+import { Button, useThemeColor } from '@axelor/aos-mobile-ui';
 import useTranslator from '../../../i18n/hooks/use-translator';
-const LoginButton = ({ onPress }) => {
+const LoginButton = ({ onPress, disabled }) => {
     const I18n = useTranslator();
+    const Colors = useThemeColor();
     return (<View style={styles.container}>
-      <Button style={styles.button} title={I18n.t('Auth_LOGIN')} onPress={onPress}/>
+      <Button style={styles.button} title={I18n.t('Auth_LOGIN')} onPress={onPress} disabled={disabled} color={disabled ? Colors.secondaryColor : Colors.primaryColor}/>
     </View>);
 };
 const styles = StyleSheet.create({

package/lib/components/molecules/LoginButton/LoginButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/LoginButton/LoginButton.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAC7C,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,WAAW,GAAG,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAC5B,OAAO,CAAC,CAAC,OAAO,CAAC,EAErB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"LoginButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/LoginButton/LoginButton.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC5D,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,WAAW,GAAG,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC1C,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAC5B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAElE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

@@ -1,3 +1,4 @@
+export { default as DatePicker } from "./DatePicker/DatePicker";
 export { default as ErrorText } from "./ErrorText/ErrorText";
 export { default as HeaderOptionMenuItem } from "./HeaderOptionsMenuItem/HeaderOptionMenuItem";
 export { default as IconSettings } from "./IconSettings/IconSettings";

package/lib/components/molecules/index.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+export { default as DatePicker } from './DatePicker/DatePicker';
 export { default as ErrorText } from './ErrorText/ErrorText';
 export { default as HeaderOptionMenuItem } from './HeaderOptionsMenuItem/HeaderOptionMenuItem';
 export { default as IconSettings } from './IconSettings/IconSettings';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { AnyAction } from '@reduxjs/toolkit';
+interface AutoCompleteSearchInputProps {
+    title?: string;
+    objectList: any[];
+    value?: any;
+    searchField: string;
+    onChangeValue?: (any: any) => void;
+    onSelection?: () => void;
+    searchAPI?: ({ searchValue }: {
+        searchValue: string;
+    }) => AnyAction;
+    placeholder?: string;
+    style?: any;
+    required?: boolean;
+}
+declare const AutoCompleteSearchInput: ({ title, objectList, value, searchField, onChangeValue, onSelection, searchAPI, placeholder, style, required, }: AutoCompleteSearchInputProps) => JSX.Element;
+export default AutoCompleteSearchInput;

package/lib/components/organisms/AutoCompleteSearchInput/AutoCompleteSearchInput.js

@@ -0,0 +1,61 @@
+/*
+ * 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 { StyleSheet, View } from 'react-native';
+import { AutoCompleteSearch, Text, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { stringNoAccent } from '../../../utils/string';
+import { useDispatch } from '../../../redux/hooks';
+const AutoCompleteSearchInput = ({ title, objectList, value = null, searchField, onChangeValue, onSelection, searchAPI, placeholder, style, required = false, }) => {
+    const Colors = useThemeColor();
+    const dispatch = useDispatch();
+    const [filteredList, setFilteredList] = useState(objectList);
+    const [searchValue, setSearchValue] = useState(null);
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    const filterSearchList = useCallback(_searchValue => {
+        if (_searchValue == null || _searchValue === '') {
+            return [];
+        }
+        const objectFiltredList = objectList?.filter(item => stringNoAccent(item[searchField])
+            .toLowerCase()
+            .includes(stringNoAccent(_searchValue).toLowerCase())) || [];
+        if (objectFiltredList.length === 0 && searchAPI) {
+            dispatch(searchAPI({ searchValue: _searchValue }));
+        }
+        return objectFiltredList;
+    }, [dispatch, objectList, searchAPI, searchField]);
+    useEffect(() => {
+        setFilteredList(filterSearchList(searchValue));
+    }, [filterSearchList, searchValue]);
+    return (<View>
+      <Text style={styles.title}>{title}</Text>
+      <AutoCompleteSearch style={[
+            style,
+            value == null && required ? styles.requiredBorder : null,
+        ]} value={value} objectList={filteredList} onChangeValue={onChangeValue} onSelection={onSelection} fetchData={setSearchValue} placeholder={placeholder} displayValue={item => item[searchField]}/>
+    </View>);
+};
+const getStyles = (Colors) => StyleSheet.create({
+    title: {
+        marginHorizontal: 10,
+    },
+    requiredBorder: {
+        borderColor: Colors.errorColor.background,
+    },
+});
+export default AutoCompleteSearchInput;
+//# sourceMappingURL=AutoCompleteSearchInput.js.map

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

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

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

@@ -0,0 +1,11 @@
+interface DateInputProps {
+    title: string;
+    defaultDate?: Date;
+    mode?: 'date' | 'datetime' | 'time';
+    nullable?: boolean;
+    onDateChange: (date: Date) => void;
+    style?: any;
+    readonly?: boolean;
+}
+declare const DateInput: ({ title, defaultDate, mode, nullable, onDateChange, style, readonly, }: DateInputProps) => JSX.Element;
+export default DateInput;

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"}