@axelor/aos-mobile-ui 6.4.4 → 6.4.6

package/lib/components/molecules/Increment/Increment.js

@@ -19,64 +19,90 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { formatNumber as _format, unformatNumber as _unformat, } from '../../../utils/formatters';
 import { useThemeColor } from '../../../theme';
-import { Icon, Input } from '../../atoms';
+import { Input } from '../../atoms';
+import IncrementButton from './IncrementButton';
 const cutDecimalExcess = number => {
+    if (number == null) {
+        return '0.00';
+    }
+    if (typeof number === 'string') {
+        return parseFloat(number).toFixed(2).toString();
+    }
     return number.toFixed(2).toString();
 };
-const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus = () => { }, onBlur = () => { }, }) => {
-    const format = useCallback(number => {
-        return _format(number, decimalSpacer, thousandSpacer);
-    }, [decimalSpacer, thousandSpacer]);
+const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus = () => { }, onBlur = () => { }, readonly = false, defaultFormatting = true, stepSize = 1, minValue = 0, maxValue = null, isBigButton = false, keyboardType = 'numeric', scale, }) => {
+    const Colors = useThemeColor();
+    const [valueQty, setValueQty] = useState();
+    const handleDecimal = useCallback((numberToFormat) => {
+        if (scale == null) {
+            return cutDecimalExcess(numberToFormat);
+        }
+        const _scale = Math.max(scale, 0);
+        const _value = typeof numberToFormat === 'string'
+            ? parseFloat(numberToFormat)
+            : numberToFormat;
+        return _value.toFixed(_scale);
+    }, [scale]);
+    const format = useCallback((number) => {
+        return _format(handleDecimal(number), decimalSpacer, thousandSpacer);
+    }, [handleDecimal, decimalSpacer, thousandSpacer]);
     const unformat = useCallback(number => {
         return _unformat(number, decimalSpacer, thousandSpacer);
     }, [decimalSpacer, thousandSpacer]);
-    const Colors = useThemeColor();
-    const [valueQty, setValueQty] = useState();
+    const handleValueFormatting = useCallback((_value) => {
+        if (defaultFormatting) {
+            setValueQty(format(_value));
+        }
+        else {
+            setValueQty(typeof _value === 'string' ? _value : _value.toString());
+        }
+    }, [defaultFormatting, format]);
+    const handleResult = useCallback((_value) => {
+        let resultValue;
+        if (minValue != null && _value <= minValue) {
+            resultValue = minValue;
+        }
+        else if (maxValue != null && _value >= maxValue) {
+            resultValue = maxValue;
+        }
+        else {
+            resultValue = _value;
+        }
+        handleValueFormatting(resultValue);
+        onValueChange(resultValue);
+    }, [handleValueFormatting, maxValue, minValue, onValueChange]);
     useEffect(() => {
-        setValueQty(format(parseFloat(value)?.toString()));
-    }, [format, value]);
+        handleValueFormatting(parseFloat(value || '0')?.toString());
+    }, [handleValueFormatting, value]);
     const handlePlus = () => {
-        const unformatedValue = unformat(valueQty);
-        const newValue = parseFloat(unformatedValue) + parseFloat('1');
-        setValueQty(format(cutDecimalExcess(newValue)));
-        onValueChange(newValue);
+        const unformatedValue = defaultFormatting ? unformat(valueQty) : valueQty;
+        const newValue = parseFloat(unformatedValue) + stepSize;
+        handleResult(newValue);
     };
     const handleMinus = () => {
-        const unformatedValue = unformat(valueQty);
-        const newValue = parseFloat(unformatedValue) - parseFloat('1');
-        if (newValue >= 0) {
-            setValueQty(format(cutDecimalExcess(newValue)));
-            onValueChange(newValue);
-        }
+        const unformatedValue = defaultFormatting ? unformat(valueQty) : valueQty;
+        const newValue = parseFloat(unformatedValue) - stepSize;
+        handleResult(newValue);
     };
     const handleEndInput = () => {
         if (valueQty.slice(-1) === decimalSpacer) {
             valueQty.replace(/.,$/, '');
         }
         if (valueQty === '' || valueQty === null) {
-            setValueQty(`0${decimalSpacer}00`);
-            onValueChange(0.0);
+            handleResult(0);
         }
         else {
-            const newValue = parseFloat(valueQty);
-            if (newValue >= 0) {
-                setValueQty(format(cutDecimalExcess(newValue)));
-                onValueChange(newValue.toFixed(2));
-            }
-            else {
-                setValueQty(`0${decimalSpacer}00`);
-                onValueChange(0.0);
-            }
+            handleResult(valueQty);
         }
         onBlur();
     };
     const styles = useMemo(() => getStyles(Colors), [Colors]);
     return (<View style={[styles.container_increment, style]}>
-      <Icon name="minus" size={24} color={Colors.primaryColor.background} touchable={true} onPress={handleMinus} style={styles.container_icon}/>
-      <View style={styles.inputLine}>
-        <Input style={[styles.input, inputStyle]} value={valueQty} onChange={input => setValueQty(input)} keyboardType="numeric" onSelection={onFocus} onEndFocus={handleEndInput}/>
+      <IncrementButton iconName="minus" onPress={handleMinus} readonly={readonly} disabled={minValue != null && parseFloat(valueQty) <= minValue} isBigButton={isBigButton}/>
+      <View style={[styles.inputLine, isBigButton ? styles.fixedInputWidth : null]}>
+        <Input style={[styles.input, inputStyle]} value={valueQty} onChange={input => setValueQty(input)} keyboardType={keyboardType} onSelection={onFocus} onEndFocus={handleEndInput}/>
       </View>
-      <Icon name="plus" size={24} color={Colors.primaryColor.background} touchable={true} onPress={handlePlus} style={styles.container_icon}/>
+      <IncrementButton iconName="plus" onPress={handlePlus} readonly={readonly} disabled={maxValue != null && parseFloat(valueQty) >= maxValue} isBigButton={isBigButton}/>
     </View>);
 };
 const getStyles = (Colors) => StyleSheet.create({
@@ -84,22 +110,11 @@ const getStyles = (Colors) => StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
     },
-    container_icon: {
-        backgroundColor: Colors.backgroundColor,
-        elevation: 3,
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginHorizontal: 8,
-        padding: 2,
-        paddingHorizontal: 5,
-        borderColor: Colors.secondaryColor.background,
-        borderWidth: 0.5,
-        borderRadius: 10,
-    },
     input: {
         fontSize: 23,
         fontWeight: 'bold',
         paddingBottom: 0,
+        textAlign: 'center',
     },
     inputLine: {
         borderStyle: 'dashed',
@@ -107,6 +122,9 @@ const getStyles = (Colors) => StyleSheet.create({
         borderBottomWidth: 0.7,
         marginBottom: 9,
     },
+    fixedInputWidth: {
+        width: '40%',
+    },
 });
 export default Increment;
 //# sourceMappingURL=Increment.js.map

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

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

package/lib/components/molecules/Increment/IncrementButton.d.ts

@@ -0,0 +1,10 @@
+interface IncrementButtonProps {
+    style?: any;
+    iconName: 'plus' | 'minus';
+    onPress?: () => void;
+    readonly?: boolean;
+    disabled?: boolean;
+    isBigButton?: boolean;
+}
+declare const IncrementButton: ({ style, iconName, onPress, readonly, disabled, isBigButton, }: IncrementButtonProps) => JSX.Element;
+export default IncrementButton;

package/lib/components/molecules/Increment/IncrementButton.js

@@ -0,0 +1,56 @@
+/*
+ * 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 { useThemeColor } from '../../../theme';
+import { Icon } from '../../atoms';
+const ICON_SIZE = 24;
+const DEFAULT_BUTTON_SIZE = 35;
+const BIG_BUTTON_SIZE = 75;
+const IncrementButton = ({ style, iconName, onPress = () => { }, readonly = false, disabled, isBigButton = false, }) => {
+    const Colors = useThemeColor();
+    const buttonSize = useMemo(() => (isBigButton ? BIG_BUTTON_SIZE : DEFAULT_BUTTON_SIZE), [isBigButton]);
+    const styles = useMemo(() => getStyles(Colors, buttonSize), [Colors, buttonSize]);
+    if (readonly) {
+        return null;
+    }
+    return (<Icon name={iconName} size={ICON_SIZE} color={disabled
+            ? Colors.secondaryColor.background
+            : Colors.primaryColor.background} touchable={!disabled} onPress={onPress} style={[styles.container_icon, style]}/>);
+};
+const getStyles = (Colors, buttonSize) => StyleSheet.create({
+    container_icon: {
+        backgroundColor: Colors.backgroundColor,
+        elevation: 3,
+        shadowOpacity: 0.5,
+        shadowColor: Colors.secondaryColor.background,
+        shadowOffset: { width: 0, height: 0 },
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginHorizontal: 8,
+        padding: 2,
+        paddingHorizontal: 5,
+        borderColor: Colors.secondaryColor.background,
+        borderWidth: 0.5,
+        borderRadius: 10,
+        width: buttonSize ?? DEFAULT_BUTTON_SIZE,
+        height: buttonSize ?? DEFAULT_BUTTON_SIZE,
+    },
+});
+export default IncrementButton;
+//# sourceMappingURL=IncrementButton.js.map

package/lib/components/molecules/Increment/IncrementButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncrementButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/Increment/IncrementButton.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,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAEjC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,eAAe,GAAG,EAAE,CAAC;AAW3B,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,GAAG,KAAK,GACE,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC3D,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,EACnC,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,KAAK,CAAC,CACJ,QAAQ;YACN,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU;YAClC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CACnC,CACD,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,EACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,UAAkB,EAAE,EAAE,CAC5D,UAAU,CAAC,MAAM,CAAC;IAChB,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;QACnC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,gBAAgB,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;QACV,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,WAAW,EAAE,GAAG;QAChB,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,UAAU,IAAI,mBAAmB;QACxC,MAAM,EAAE,UAAU,IAAI,mBAAmB;KAC1C;CACF,CAAC,CAAC;AAEL,eAAe,eAAe,CAAC"}

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

@@ -4,6 +4,7 @@ interface InfoBubbleProps {
     iconName: string;
     badgeColor: Color;
     indication: string;
+    size?: number;
 }
-declare const InfoBubble: ({ style, iconName, badgeColor, indication, }: InfoBubbleProps) => JSX.Element;
+declare const InfoBubble: ({ style, iconName, badgeColor, indication, size, }: InfoBubbleProps) => JSX.Element;
 export default InfoBubble;

package/lib/components/molecules/InfoBubble/InfoBubble.js

@@ -20,12 +20,12 @@ import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
 import { Card, Icon, Text } from '../../atoms';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
-const InfoBubble = ({ style, iconName, badgeColor, indication, }) => {
+const InfoBubble = ({ style, iconName, badgeColor, indication, size = Dimensions.get('window').width * 0.07, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const wrapperRef = useRef(null);
     const Colors = useThemeColor();
     const clickOutside = useClickOutside({ wrapperRef, visible: isOpen });
-    const styles = useMemo(() => getStyles(badgeColor, Colors), [badgeColor, Colors]);
+    const styles = useMemo(() => getStyles(badgeColor, Colors, isOpen, size), [badgeColor, Colors, isOpen, size]);
     useEffect(() => {
         if (clickOutside === OUTSIDE_INDICATOR && isOpen) {
             setIsOpen(false);
@@ -36,29 +36,29 @@ const InfoBubble = ({ style, iconName, badgeColor, indication, }) => {
     };
     return (<View ref={wrapperRef} style={[styles.container, style]}>
       <TouchableOpacity onPress={onPress} activeOpacity={0.95}>
-        <Icon name={iconName} style={styles.imageStyle} color={badgeColor.foreground}/>
+        <Icon name={iconName} style={styles.icon} color={badgeColor.foreground} size={size * 0.5}/>
       </TouchableOpacity>
       {isOpen ? (<Card style={styles.indicationCard}>
           <Text>{indication}</Text>
         </Card>) : null}
     </View>);
 };
-const getStyles = (badgeColor, Colors) => StyleSheet.create({
+const getStyles = (badgeColor, Colors, isOpen, size) => StyleSheet.create({
     container: {
         alignItems: 'center',
         flexDirection: 'row',
         marginVertical: 5,
     },
-    imageStyle: {
+    icon: {
         alignSelf: 'center',
         justifyContent: 'center',
         alignItems: 'center',
         backgroundColor: badgeColor.background_light,
         borderWidth: 2,
         borderColor: badgeColor.background,
-        borderRadius: Dimensions.get('window').width * 0.1,
-        width: Dimensions.get('window').width * 0.1,
-        height: Dimensions.get('window').width * 0.1,
+        borderRadius: size,
+        width: size,
+        height: size,
     },
     indicationCard: {
         position: 'absolute',

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

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

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

@@ -0,0 +1,14 @@
+import { Color } from '../../../theme';
+type LabelType = 'info' | 'success' | 'danger' | 'error';
+interface LabelProps {
+    style?: any;
+    message: string;
+    type?: LabelType;
+    iconName?: string;
+    color?: Color;
+    visible?: boolean;
+    showClose?: boolean;
+    onClose?: () => void;
+}
+declare const Label: ({ style, message, type, iconName, color, visible, showClose, onClose, }: LabelProps) => JSX.Element;
+export default Label;

package/lib/components/molecules/Label/Label.js

@@ -0,0 +1,100 @@
+/*
+ * 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 { useThemeColor } from '../../../theme';
+import { Icon, Text } from '../../atoms';
+import { hexToRgb } from '../../../utils/commons-utlis';
+const Label = ({ style, message, type = 'error', iconName, color, visible = true, showClose = false, onClose = () => { }, }) => {
+    const Colors = useThemeColor();
+    const [isVisible, setIsVisible] = useState(visible);
+    const typeConfig = useMemo(() => {
+        let config = null;
+        switch (type) {
+            case 'error':
+                config = { color: Colors.errorColor, iconName: 'warning' };
+                break;
+            case 'danger':
+                config = { color: Colors.cautionColor, iconName: 'exclamation-circle' };
+                break;
+            case 'info':
+                config = { color: Colors.infoColor, iconName: 'info-circle' };
+                break;
+            case 'success':
+                config = { color: Colors.successColor, iconName: 'check-circle' };
+                break;
+            default:
+                config = { color: null, iconName: null };
+                break;
+        }
+        if (color != null) {
+            config.color = color;
+        }
+        if (iconName != null) {
+            config.iconName = iconName;
+        }
+        return { ...config };
+    }, [Colors, color, iconName, type]);
+    const styles = useMemo(() => {
+        return getStyles(typeConfig?.color);
+    }, [typeConfig]);
+    const handleClose = useCallback(() => {
+        setIsVisible(false);
+        onClose();
+    }, [onClose]);
+    useEffect(() => {
+        setIsVisible(_current => {
+            if (visible == null || _current === visible) {
+                return _current;
+            }
+            return visible;
+        });
+    }, [visible]);
+    if (!isVisible) {
+        return null;
+    }
+    return (<View style={[styles.container, style]}>
+      <Icon name={typeConfig?.iconName} FontAwesome5={false} color={typeConfig?.color?.foreground}/>
+      <Text style={styles.text}>{message}</Text>
+      {showClose && (<Icon name="times" FontAwesome5={false} color={typeConfig?.color?.foreground} touchable={true} onPress={handleClose}/>)}
+    </View>);
+};
+const getStyles = color => StyleSheet.create({
+    container: {
+        width: '100%',
+        borderColor: color?.background_light,
+        borderWidth: 1,
+        borderRadius: 13,
+        backgroundColor: `rgba(${hexToRgb(color?.background_light)}, 0.4)`,
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        marginVertical: 10,
+        marginHorizontal: 0,
+        paddingVertical: 10,
+        paddingHorizontal: 10,
+    },
+    text: {
+        marginLeft: 10,
+        color: color?.foreground,
+        alignSelf: 'center',
+        width: '85%',
+    },
+});
+export default Label;
+//# sourceMappingURL=Label.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { Color } from '../../../theme';
+interface NumberBubbleProps {
+    style?: any;
+    number: number;
+    color: Color;
+    isNeutralBackground: boolean;
+    size?: number;
+}
+declare const NumberBubble: ({ style, number, color, isNeutralBackground, size, }: NumberBubbleProps) => JSX.Element;
+export default NumberBubble;

package/lib/components/molecules/NumberBubble/NumberBubble.js

@@ -0,0 +1,51 @@
+/*
+ * 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, View, Dimensions } from 'react-native';
+import { Text } from '../../atoms';
+import { useThemeColor } from '../../../theme';
+const DEFAULT_SIZE = Dimensions.get('window').width * 0.07;
+const NumberBubble = ({ style, number, color, isNeutralBackground = true, size = DEFAULT_SIZE, }) => {
+    const Colors = useThemeColor();
+    const _color = useMemo(() => isNeutralBackground
+        ? {
+            background: color.background,
+            background_light: Colors.backgroundColor,
+            foreground: Colors.text,
+        }
+        : color, [Colors, color, isNeutralBackground]);
+    const styles = useMemo(() => getStyles(_color, size), [_color, size]);
+    return (<View style={[styles.bubble, style]}>
+      <Text textColor={_color.foreground}>{number}</Text>
+    </View>);
+};
+const getStyles = (color, size) => StyleSheet.create({
+    bubble: {
+        alignSelf: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: size,
+        height: size,
+        backgroundColor: color.background_light,
+        borderColor: color.background,
+        borderRadius: size,
+        borderWidth: 2,
+    },
+});
+export default NumberBubble;
+//# sourceMappingURL=NumberBubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberBubble.js","sourceRoot":"","sources":["../../../../src/components/molecules/NumberBubble/NumberBubble.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAQ,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEpD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC;AAU3D,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,MAAM,EACN,KAAK,EACL,mBAAmB,GAAG,IAAI,EAC1B,IAAI,GAAG,YAAY,GACD,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,mBAAmB;QACjB,CAAC,CAAC;YACE,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,gBAAgB,EAAE,MAAM,CAAC,eAAe;YACxC,UAAU,EAAE,MAAM,CAAC,IAAI;SACxB;QACH,CAAC,CAAC,KAAK,EACX,CAAC,MAAM,EAAE,KAAK,EAAE,mBAAmB,CAAC,CACrC,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAClC;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CACpD;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE,CAC/C,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,KAAK,CAAC,gBAAgB;QACvC,WAAW,EAAE,KAAK,CAAC,UAAU;QAC7B,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEL,eAAe,YAAY,CAAC"}

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

@@ -14,18 +14,20 @@ export { default as EditableInput } from './EditableInput/EditableInput';
 export { default as FormInput } from './FormInput/FormInput';
 export { default as FromTo } from './FromTo/FromTo';
 export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
+export { default as HeaderIndicator } from './HeaderIndicator/HeaderIndicator';
 export { default as IconButton } from './IconButton/IconButton';
 export { default as IconInput } from './IconInput/IconInput';
 export { default as Image } from './Image/Image';
 export { default as Increment } from './Increment/Increment';
 export { default as InfoBubble } from './InfoBubble/InfoBubble';
-export { default as HeaderIndicator } from './HeaderIndicator/HeaderIndicator';
+export { default as Label } from './Label/Label';
 export { default as LabelText } from './LabelText/LabelText';
 export { default as LoadingIndicator } from './LoadingIndicator/LoadingIndicator';
 export { default as MessageBox } from './MessageBox/MessageBox';
 export { default as MovementIndicationCard } from './MovementIndicationCard/MovementIndicationCard';
 export { default as MultiValuePickerButton } from './MultiValuePickerButton/MultiValuePickerButton';
 export { default as NotesCard } from './NotesCard/NotesCard';
+export { default as NumberBubble } from './NumberBubble/NumberBubble';
 export { default as PanelTabs } from './PanelTabs/PanelTabs';
 export { default as PopUp } from './PopUp/PopUp';
 export { default as RightIconButton } from './RightIconButton/RightIconButton';

package/lib/components/molecules/index.js

@@ -31,18 +31,20 @@ export { default as EditableInput } from './EditableInput/EditableInput';
 export { default as FormInput } from './FormInput/FormInput';
 export { default as FromTo } from './FromTo/FromTo';
 export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
+export { default as HeaderIndicator } from './HeaderIndicator/HeaderIndicator';
 export { default as IconButton } from './IconButton/IconButton';
 export { default as IconInput } from './IconInput/IconInput';
 export { default as Image } from './Image/Image';
 export { default as Increment } from './Increment/Increment';
 export { default as InfoBubble } from './InfoBubble/InfoBubble';
-export { default as HeaderIndicator } from './HeaderIndicator/HeaderIndicator';
+export { default as Label } from './Label/Label';
 export { default as LabelText } from './LabelText/LabelText';
 export { default as LoadingIndicator } from './LoadingIndicator/LoadingIndicator';
 export { default as MessageBox } from './MessageBox/MessageBox';
 export { default as MovementIndicationCard } from './MovementIndicationCard/MovementIndicationCard';
 export { default as MultiValuePickerButton } from './MultiValuePickerButton/MultiValuePickerButton';
 export { default as NotesCard } from './NotesCard/NotesCard';
+export { default as NumberBubble } from './NumberBubble/NumberBubble';
 export { default as PanelTabs } from './PanelTabs/PanelTabs';
 export { default as PopUp } from './PopUp/PopUp';
 export { default as RightIconButton } from './RightIconButton/RightIconButton';

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

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

package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js

@@ -32,6 +32,7 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
     const [searchText, setSearchText] = useState(value ? displayValue(value) : null);
     let timeOutRequestCall = useRef();
     let intervalRequestCall = useRef();
+    const inputRef = useRef(null);
     const wrapperRef = useRef(null);
     const clickOutside = useClickOutside({
         wrapperRef,
@@ -39,6 +40,7 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
     });
     useEffect(() => {
         if (clickOutside === OUTSIDE_INDICATOR && displayList) {
+            inputRef.current.blur();
             setDisplayList(false);
         }
     }, [clickOutside, displayList]);
@@ -139,10 +141,12 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
         }
         if (value != null && isValidString(displayValue(value))) {
             handleSearchValueChange(displayValue(value));
+            setSelected(true);
+            setDisplayList(false);
         }
     }, [displayValue, handleSearchValueChange, value]);
     return (<View ref={wrapperRef}>
-      <SearchBar style={style} valueTxt={searchText} placeholder={placeholder} onClearPress={handleClear} onChangeTxt={handleSearchValueChange} onSelection={handleFocus} onSearchPress={handleSearchPress} onEndFocus={() => selected && setDisplayList(false)} isFocus={isFocus} onScanPress={onScanPress} scanIconColor={scanIconColor}/>
+      <SearchBar inputRef={inputRef} style={style} valueTxt={searchText} placeholder={placeholder} onClearPress={handleClear} onChangeTxt={handleSearchValueChange} onSelection={handleFocus} onSearchPress={handleSearchPress} onEndFocus={() => selected && setDisplayList(false)} isFocus={isFocus} onScanPress={onScanPress} scanIconColor={scanIconColor}/>
       {displayList && !oneFilter && (<SelectionContainer objectList={objectList} displayValue={displayValue} handleSelect={handleSelect}/>)}
     </View>);
 };