@axelor/aos-mobile-ui 7.0.2 → 7.0.4

package/lib/components/molecules/IconInput/IconInput.js

@@ -21,7 +21,7 @@ import { getCommonStyles } from '../../../utils/commons-styles';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { Input } from '../../atoms';
 import { checkNullString } from '../../../utils/strings';
-const IconInput = ({ style, value, onChange, placeholder, readOnly, required = false, secureTextEntry, onSelection = () => { }, multiline, numberOfLines, keyboardType, onEndFocus = () => { }, isFocus = false, leftIconsList = [], rightIconsList = [], }) => {
+const IconInput = ({ style, inputRef, value, onChange, placeholder, readOnly, required = false, secureTextEntry, onSelection = () => { }, multiline, numberOfLines, keyboardType, onEndFocus = () => { }, isFocus = false, leftIconsList = [], rightIconsList = [], }) => {
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors), [Colors]);
     const [isFocused, setIsFocused] = useState(false);
@@ -37,7 +37,7 @@ const IconInput = ({ style, value, onChange, placeholder, readOnly, required = f
     };
     return (<View style={[styles.container, isFocused && commonStyles.inputFocused, style]}>
       {leftIconsList.map((iconComponent, index) => React.cloneElement(iconComponent, { key: index }))}
-      <Input style={styles.input} value={value} onChange={onChange} placeholder={placeholder} readOnly={readOnly} secureTextEntry={secureTextEntry} onSelection={handleSelection} multiline={multiline} numberOfLines={numberOfLines} keyboardType={keyboardType} onEndFocus={handleEndFocus} isFocus={isFocus}/>
+      <Input inputRef={inputRef} style={styles.input} value={value} onChange={onChange} placeholder={placeholder} readOnly={readOnly} secureTextEntry={secureTextEntry} onSelection={handleSelection} multiline={multiline} numberOfLines={numberOfLines} keyboardType={keyboardType} onEndFocus={handleEndFocus} isFocus={isFocus}/>
       {rightIconsList.map((iconComponent, index) => React.cloneElement(iconComponent, { key: index }))}
     </View>);
 };

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

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

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

@@ -1,3 +1,4 @@
+import { KeyboardTypeOptions } from 'react-native';
 interface IncrementProps {
     style?: any;
     inputStyle?: any;
@@ -8,6 +9,13 @@ interface IncrementProps {
     onFocus?: () => void;
     onBlur?: () => void;
     readonly?: boolean;
+    defaultFormatting?: boolean;
+    stepSize?: number;
+    minValue?: number;
+    maxValue?: number;
+    isBigButton?: boolean;
+    keyboardType?: KeyboardTypeOptions;
+    scale?: number;
 }
-declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, readonly, }: IncrementProps) => JSX.Element;
+declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, readonly, defaultFormatting, stepSize, minValue, maxValue, isBigButton, keyboardType, scale, }: IncrementProps) => JSX.Element;
 export default Increment;

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

@@ -19,64 +19,90 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Platform, 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 = () => { }, readonly = false, }) => {
-    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]}>
-      {!readonly && (<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} readOnly={readonly}/>
+      <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} readOnly={readonly}/>
       </View>
-      {!readonly && (<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,25 +110,11 @@ const getStyles = (Colors) => StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
     },
-    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,
-    },
     input: {
         fontSize: 23,
         fontWeight: 'bold',
         paddingBottom: 0,
+        textAlign: 'center',
     },
     inputLine: {
         borderStyle: Platform.OS === 'ios' ? 'solid' : 'dashed',
@@ -110,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

@@ -5,6 +5,8 @@ interface InfoBubbleProps {
     iconName: string;
     badgeColor: Color;
     indication: string;
+    size?: number;
+    position?: 'left' | 'right';
 }
-declare const InfoBubble: ({ style, iconName, badgeColor, indication, textIndicationStyle, }: InfoBubbleProps) => JSX.Element;
+declare const InfoBubble: ({ style, iconName, badgeColor, indication, textIndicationStyle, size, position, }: 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, textIndicationStyle, }) => {
+const InfoBubble = ({ style, iconName, badgeColor, indication, textIndicationStyle, size = Dimensions.get('window').width * 0.07, position = 'right', }) => {
     const [isOpen, setIsOpen] = useState(false);
     const wrapperRef = useRef(null);
     const Colors = useThemeColor();
     const clickOutside = useClickOutside({ wrapperRef, visible: isOpen });
-    const styles = useMemo(() => getStyles(badgeColor, Colors, isOpen), [badgeColor, Colors, isOpen]);
+    const styles = useMemo(() => getStyles(badgeColor, Colors, isOpen, size, position), [badgeColor, Colors, isOpen, size, position]);
     useEffect(() => {
         if (clickOutside === OUTSIDE_INDICATOR && isOpen) {
             setIsOpen(false);
@@ -36,39 +36,39 @@ const InfoBubble = ({ style, iconName, badgeColor, indication, textIndicationSty
     };
     return (<View ref={wrapperRef} style={[styles.container, style]}>
       <TouchableOpacity onPress={onPress} activeOpacity={0.95}>
-        <Icon name={iconName} style={styles.imageStyle} color={badgeColor.foreground} size={13}/>
+        <Icon name={iconName} style={styles.icon} color={badgeColor.foreground} size={size * 0.5}/>
       </TouchableOpacity>
       {isOpen ? (<Card style={[styles.indicationCard, textIndicationStyle]}>
           <Text>{indication}</Text>
         </Card>) : null}
     </View>);
 };
-const getStyles = (badgeColor, Colors, isOpen) => StyleSheet.create({
+const getStyles = (badgeColor, Colors, isOpen, size, position) => StyleSheet.create({
     container: {
         alignItems: 'center',
         flexDirection: 'row',
         marginVertical: 5,
         zIndex: isOpen ? 50 : 0,
     },
-    imageStyle: {
+    icon: {
         alignSelf: 'center',
         justifyContent: 'center',
         alignItems: 'center',
         backgroundColor: badgeColor.background_light,
         borderWidth: 2,
         borderColor: badgeColor.background,
-        borderRadius: Dimensions.get('window').width * 0.07,
-        width: Dimensions.get('window').width * 0.07,
-        height: Dimensions.get('window').width * 0.07,
+        borderRadius: size,
+        width: size,
+        height: size,
     },
     indicationCard: {
         position: 'absolute',
-        left: Dimensions.get('window').width * 0.08,
         paddingLeft: 10,
         paddingVertical: 10,
         paddingRight: 10,
         zIndex: 99,
         backgroundColor: Colors.backgroundColor,
+        [position === 'left' ? 'right' : 'left']: Dimensions.get('window').width * 0.08,
     },
 });
 export default InfoBubble;

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/NotesCard/NotesCard.js

@@ -33,19 +33,19 @@ const styles = StyleSheet.create({
     description: {
         flexDirection: 'column',
         marginTop: 10,
+        width: '90%',
+        alignSelf: 'center',
     },
     title: {
-        marginHorizontal: 24,
+        marginLeft: 10,
     },
     note: {
         justifyContent: 'center',
-        width: '90%',
+        width: '100%',
         elevation: 0,
         shadowOpacity: 0,
         borderRadius: 13,
         marginVertical: 8,
-        marginLeft: 20,
-        paddingHorizontal: 10,
         paddingRight: 10,
         paddingVertical: 10,
     },

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

@@ -1 +1 @@
-{"version":3,"file":"NotesCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/NotesCard/NotesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAQlD,MAAM,SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAiB,EAAE,EAAE;IACzD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CACvC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAChD;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,gBAAgB,EAAE,EAAE;KACrB;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,EAAE;QACd,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"NotesCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/NotesCard/NotesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAQlD,MAAM,SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAiB,EAAE,EAAE;IACzD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CACvC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAChD;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,QAAQ;KACpB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,EAAE;KACf;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,CAAC;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

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