npm - @axelor/aos-mobile-ui - Versions diffs - 7.1.0 → 7.1.2 - Mend

@axelor/aos-mobile-ui 7.1.0 → 7.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/lib/components/molecules/FormIncrementInput/FormIncrementInput.js CHANGED Viewed

@@ -17,37 +17,41 @@
  */
 import React, { useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { useThemeColor } from '../../../theme/ThemeContext';
+import { useThemeColor } from '../../../theme';
 import { Text } from '../../atoms';
 import { getCommonStyles } from '../../../utils/commons-styles';
 import Increment from '../Increment/Increment';
-const FormIncrementInput = ({ style, title, readOnly = false, defaultValue = null, decimalSpacer, thousandSpacer, onChange, defaultFormatting = true, stepSize = 1, minValue = 0, maxValue = null, isBigButton = false, }) => {
+const FormIncrementInput = ({ style, title, readOnly = false, required = false, defaultValue = null, decimalSpacer, thousandSpacer, onChange, defaultFormatting = true, stepSize = 1, minValue = 0, maxValue = null, isBigButton = false, keyboardType, scale, }) => {
     const Colors = useThemeColor();
     const [isFocused, setIsFocused] = useState(false);
-    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
-    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    const _required = useMemo(() => required && defaultValue == null, [required, defaultValue]);
+    const commonStyles = useMemo(() => getCommonStyles(Colors, _required), [Colors, _required]);
+    const styles = useMemo(() => getStyles(Colors, _required), [Colors, _required]);
     const handleFocus = () => {
         setIsFocused(true);
     };
     const handleBlur = () => {
         setIsFocused(false);
     };
-    return (<View style={style}>
+    return (<View style={[styles.container, style]}>
       <Text style={styles.title}>{title}</Text>
       <View style={[
             commonStyles.filter,
-            commonStyles.filterAlign,
             commonStyles.filterSize,
+            commonStyles.filterAlign,
             styles.content,
             isFocused && commonStyles.inputFocused,
         ]}>
-        <Increment value={defaultValue} onValueChange={onChange} style={styles.increment} inputStyle={styles.containerInput} decimalSpacer={decimalSpacer} thousandSpacer={thousandSpacer} onFocus={handleFocus} onBlur={handleBlur} readonly={readOnly} defaultFormatting={defaultFormatting} stepSize={stepSize} minValue={minValue} maxValue={maxValue} isBigButton={isBigButton}/>
+        <Increment value={defaultValue} onValueChange={onChange} style={styles.increment} inputStyle={styles.containerInput} decimalSpacer={decimalSpacer} thousandSpacer={thousandSpacer} onFocus={handleFocus} onBlur={handleBlur} readonly={readOnly} defaultFormatting={defaultFormatting} stepSize={stepSize} minValue={minValue} maxValue={maxValue} isBigButton={isBigButton} keyboardType={keyboardType} scale={scale}/>
       </View>
     </View>);
 };
-const getStyles = Colors => StyleSheet.create({
+const getStyles = (Colors, required) => StyleSheet.create({
+    container: {
+        width: '100%',
+    },
     title: {
-        marginLeft: 28,
+        marginLeft: 10,
     },
     increment: {
         flexDirection: 'row',
@@ -55,9 +59,12 @@ const getStyles = Colors => StyleSheet.create({
         width: '100%',
     },
     content: {
-        borderColor: Colors.secondaryColor.background,
+        width: '100%',
+        borderColor: required
+            ? Colors.errorColor.background
+            : Colors.secondaryColor.background,
         borderWidth: 1,
-        paddingHorizontal: 5,
+        marginHorizontal: 0,
     },
     containerInput: {
         fontSize: 15,

package/lib/components/molecules/FormIncrementInput/FormIncrementInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormIncrementInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/FormIncrementInput/FormIncrementInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,~~EAAC~~,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;~~AAC9C~~,OAAO,EAAC,aAAa,~~EAAC~~,MAAM,~~6BAA6B~~,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,SAAS,MAAM,wBAAwB,CAAC;~~AAiB~~/C,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,aAAa,EACb,cAAc,EACd,QAAQ,EACR,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,KAAK,~~GACK~~,EAAE,EAAE;IAC5B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,~~YAAY~~,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,~~EAAE~~,CAAC,MAAM,~~CAAC~~,CAAC,CAAC;~~IACtE~~,MAAM,MAAM,GAAG,OAAO,~~CAAC~~,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,~~EAAE~~,CAAC,MAAM,~~CAAC~~,CAAC,CAAC;~~IAE1D~~,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,~~CACjB~~;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,~~WAAW~~;~~YACxB~~,YAAY,CAAC,~~UAAU~~;~~YACvB~~,MAAM,CAAC,OAAO;YACd,SAAS,IAAI,YAAY,CAAC,YAAY;SACvC,CAAC,CACF;QAAA,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,aAAa,CAAC,CAAC,QAAQ,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,UAAU,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAClC,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,~~EAE7B~~;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,~~MAAM,~~CAAC,EAAE,~~CACzB~~,UAAU,CAAC,MAAM,CAAC;IAChB,KAAK,EAAE;QACL,UAAU,EAAE,EAAE;KACf;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;~~QAC7C~~,WAAW,EAAE,CAAC;QACd,~~iBAAiB~~,EAAE,CAAC;~~KACrB~~;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEL,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"FormIncrementInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/FormIncrementInput/FormIncrementInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/FormInput/FormInput.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ interface FormInputProps {
     onSelection?: () => void;
     onEndFocus?: () => void;
     keyboardType?: KeyboardTypeOptions;
-    multiline: boolean;
+    multiline?: boolean;
     adjustHeightWithLines?: boolean;
 }
 declare const FormInput: ({ title, defaultValue, readOnly, style, required, onChange, onSelection, onEndFocus, keyboardType, multiline, adjustHeightWithLines, }: FormInputProps) => JSX.Element;

package/lib/components/molecules/FormInput/FormInput.js CHANGED Viewed

@@ -66,7 +66,7 @@ const FormInput = ({ title, defaultValue = null, readOnly, style, required = fal
 };
 const getStyles = (Colors, _required) => StyleSheet.create({
     container: {
-        width: '100%',
+        width: '90%',
         minHeight: 62,
     },
     content: {

package/lib/components/molecules/FormInput/FormInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/FormInput/FormInput.tsx"],"names":[],"mappings":"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~~MAAM~~;~~QACb~~,SAAS,EAAE,EAAE;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,SAAS;YACpB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU;YAC9B,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU;QACpC,WAAW,EAAE,CAAC;QACd,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/FormInput/FormInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/IconButton/IconButton.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ interface IconButtonProps {
     color?: Color;
     title: string;
     iconName: string;
-    FontAwesome5: boolean;
+    FontAwesome5?: boolean;
     onPress: (any: any) => void;
     disabled?: boolean;
 }

package/lib/components/molecules/Image/Image.js CHANGED Viewed

@@ -15,21 +15,29 @@
  * 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, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { Image as ReactNativeImage, } from 'react-native';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { Icon } from '../../atoms';
 const Image = ({ imageSize, generalStyle, resizeMode, source, defaultIconSize = 60, }) => {
+    let timeOutReload = useRef();
     const Colors = useThemeColor();
     const [isValid, setValid] = useState(true);
     const handleURIError = () => {
-        if (isValid) {
-            setValid(false);
-        }
+        setValid(_current => {
+            if (_current) {
+                return false;
+            }
+            return _current;
+        });
     };
     useEffect(() => {
         if (source != null) {
-            setValid(true);
+            const id = setTimeout(() => setValid(true));
+            timeOutReload.current = id;
+            return () => {
+                clearTimeout(timeOutReload.current);
+            };
         }
     }, [source]);
     if (source == null || isValid === false) {

package/lib/components/molecules/Image/Image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/molecules/Image/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;~~AACjD~~,OAAO,EACL,KAAK,IAAI,gBAAgB,GAK1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAUjC,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,MAAM,EACN,eAAe,GAAG,EAAE,GACT,EAAE,EAAE;IACf,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;~~IAC~~/B,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,~~OAAO~~,EAAE;~~YACX~~,QAAQ,CAAC,~~KAAK~~,CAAC,CAAC;~~SACjB;IACH~~,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,IAAI,EAAE;YAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;~~SAChB~~;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE;QACvC,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,eAAe,CAAC,CACtB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAC9C,KAAK,CAAC,CAAC,YAAY,CAAC,EACpB,CACH,CAAC;KACH;IAED,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/molecules/Image/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,KAAK,IAAI,gBAAgB,GAK1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAUjC,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,MAAM,EACN,eAAe,GAAG,EAAE,GACT,EAAE,EAAE;IACf,IAAI,aAAa,GAAG,MAAM,EAAO,CAAC;IAClC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE;YAClB,IAAI,QAAQ,EAAE;gBACZ,OAAO,KAAK,CAAC;aACd;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,IAAI,EAAE;YAClB,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5C,aAAa,CAAC,OAAO,GAAG,EAAE,CAAC;YAE3B,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE;QACvC,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,eAAe,CAAC,CACtB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAC9C,KAAK,CAAC,CAAC,YAAY,CAAC,EACpB,CACH,CAAC;KACH;IAED,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,3 +1,4 @@
+import { KeyboardTypeOptions } from 'react-native';
 interface IncrementProps {
     style?: any;
     inputStyle?: any;
@@ -13,6 +14,8 @@ interface IncrementProps {
     minValue?: number;
     maxValue?: number;
     isBigButton?: boolean;
+    keyboardType?: KeyboardTypeOptions;
+    scale?: number;
 }
-declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, readonly, defaultFormatting, stepSize, minValue, maxValue, isBigButton, }: 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 CHANGED Viewed

@@ -22,13 +22,23 @@ import { useThemeColor } from '../../../theme';
 import { Input } from '../../atoms';
 import IncrementButton from './IncrementButton';
 import { useDigitFormat } from '../../../hooks/use-digit-format';
-const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus = () => { }, onBlur = () => { }, readonly = false, defaultFormatting = true, stepSize = 1, minValue = 0, maxValue = null, isBigButton = false, }) => {
+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 cutDecimalExcess = useDigitFormat();
-    const [valueQty, setValueQty] = useState();
+    const [valueQty, setValueQty] = useState(value);
+    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);
+    }, [cutDecimalExcess, scale]);
     const format = useCallback((number) => {
-        return _format(number, decimalSpacer, thousandSpacer, cutDecimalExcess);
-    }, [cutDecimalExcess, decimalSpacer, thousandSpacer]);
+        return _format(number, decimalSpacer, thousandSpacer, handleDecimal);
+    }, [handleDecimal, decimalSpacer, thousandSpacer]);
     const unformat = useCallback(number => {
         return _unformat(number, decimalSpacer, thousandSpacer);
     }, [decimalSpacer, thousandSpacer]);
@@ -55,7 +65,7 @@ const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, on
         onValueChange(resultValue);
     }, [handleValueFormatting, maxValue, minValue, onValueChange]);
     useEffect(() => {
-        handleValueFormatting(parseFloat(value)?.toString());
+        handleValueFormatting(parseFloat(value || '0')?.toString());
     }, [handleValueFormatting, value]);
     const handlePlus = () => {
         const unformatedValue = defaultFormatting ? unformat(valueQty) : valueQty;
@@ -75,7 +85,7 @@ const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, on
             handleResult(0);
         }
         else {
-            handleResult(valueQty);
+            handleResult(parseFloat(valueQty));
         }
         onBlur();
     };
@@ -83,7 +93,7 @@ const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, on
     return (<View style={[styles.container_increment, style]}>
       <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="numeric" onSelection={onFocus} onEndFocus={handleEndInput} readOnly={readonly}/>
+        <Input style={[styles.input, inputStyle]} value={valueQty} onChange={input => setValueQty(input)} keyboardType={keyboardType} onSelection={onFocus} onEndFocus={handleEndInput} readOnly={readonly}/>
       </View>
       <IncrementButton iconName="plus" onPress={handlePlus} readonly={readonly} disabled={maxValue != null && parseFloat(valueQty) >= maxValue} isBigButton={isBigButton}/>
     </View>);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Increment.js","sourceRoot":"","sources":["../../../../src/components/molecules/Increment/Increment.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvE,OAAO,~~EAAC~~,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;~~AACxD~~,OAAO,EACL,YAAY,IAAI,OAAO,EACvB,cAAc,IAAI,SAAS,GAC5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAC;AAClC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAC;~~AAmB~~/D,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,UAAU,EACV,KAAK,EACL,aAAa,EACb,cAAc,EACd,aAAa,EACb,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,KAAK,EAChB,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,KAAK,~~GACJ~~,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,cAAc,EAAE,CAAC;IAE1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,~~EAAU~~,CAAC;~~IAEnD~~,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,MAAuB,EAAE,EAAE;QAC1B,OAAO,OAAO,CAAC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,~~gBAAgB~~,CAAC,CAAC;~~IAC1E~~,CAAC,EACD,CAAC,~~gBAAgB~~,EAAE,aAAa,EAAE,cAAc,CAAC,~~CAClD~~,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,MAAM,CAAC,EAAE;QACP,OAAO,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IAC1D,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,MAAuB,EAAE,EAAE;QAC1B,IAAI,iBAAiB,EAAE;YACrB,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;SAC7B;aAAM;YACL,WAAW,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;SACtE;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,~~MAAuB~~,EAAE,EAAE;~~QAC1B~~,IAAI,WAAW,CAAC;QAChB,IAAI,QAAQ,IAAI,IAAI,IAAI,MAAM,IAAI,QAAQ,EAAE;YAC1C,WAAW,GAAG,QAAQ,CAAC;SACxB;aAAM,IAAI,QAAQ,IAAI,IAAI,IAAI,MAAM,IAAI,QAAQ,EAAE;YACjD,WAAW,GAAG,QAAQ,CAAC;SACxB;aAAM;YACL,WAAW,GAAG,MAAM,CAAC;SACtB;QAED,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACnC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,CAC3D,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;~~IACvD~~,CAAC,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC1E,MAAM,QAAQ,GAAW,UAAU,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;QAEhE,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC1E,MAAM,QAAQ,~~GAAG~~,UAAU,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;~~QAExD~~,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,aAAa,EAAE;YACxC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SAC7B;QAED,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,IAAI,EAAE;YACxC,YAAY,CAAC,CAAC,CAAC,CAAC;SACjB;aAAM;YACL,YAAY,CAAC,QAAQ,CAAC,CAAC;~~SACxB~~;QAED,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAC/C;MAAA,CAAC,eAAe,CACd,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAC/D,WAAW,CAAC,CAAC,WAAW,CAAC,EAE3B;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CACvE;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAClC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CACtC,YAAY,CAAC,~~SAAS~~,~~CACtB~~,WAAW,CAAC,CAAC,OAAO,CAAC,CACrB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAEvB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,eAAe,CACd,QAAQ,CAAC,MAAM,CACf,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAC/D,WAAW,CAAC,CAAC,WAAW,CAAC,EAE7B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,SAAS,EAAE;QACT,WAAW,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;QACvD,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,GAAG;QACtB,YAAY,EAAE,CAAC;KAChB;IACD,eAAe,EAAE;QACf,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"Increment.js","sourceRoot":"","sources":["../../../../src/components/molecules/Increment/Increment.tsx"],"names":[],"mappings":"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"}

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

@@ -5,6 +5,9 @@ interface InfoBubbleProps {
     iconName: string;
     badgeColor: Color;
     indication: string;
+    size?: number;
+    position?: 'left' | 'right';
+    coloredBubble?: boolean;
 }
-declare const InfoBubble: ({ style, iconName, badgeColor, indication, textIndicationStyle, }: InfoBubbleProps) => JSX.Element;
+declare const InfoBubble: ({ style, iconName, badgeColor, indication, textIndicationStyle, size, position, coloredBubble, }: InfoBubbleProps) => JSX.Element;
 export default InfoBubble;

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

@@ -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', coloredBubble = true, }) => {
     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={coloredBubble ? styles.icon : null} color={coloredBubble ? badgeColor.foreground : badgeColor.background} size={coloredBubble ? size * 0.5 : size * 0.8}/>
       </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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoBubble.js","sourceRoot":"","sources":["../../../../src/components/molecules/InfoBubble/InfoBubble.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,kCAAkC,CAAC;~~AAU1C~~,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,mBAAmB,~~GACH~~,EAAE,EAAE;IACpB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,eAAe,CAAC,EAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC,CAAC;IAEpE,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,~~EAC3C~~,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,~~CAC7B~~,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,iBAAiB,IAAI,MAAM,EAAE;YAChD,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACtD;MAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CACtD;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,~~UAAU~~,CAAC,~~CACzB~~,KAAK,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,~~CAC7B~~,IAAI,CAAC,CAAC,~~EAAE~~,CAAC,~~EAEb~~;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,CACxD;UAAA,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAC1B;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAC/C,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KACxB;IACD,~~UAAU~~,EAAE;~~QACV~~,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,UAAU,CAAC,gBAAgB;QAC5C,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,UAAU,CAAC,UAAU;QAClC,YAAY,EAAE,~~UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,~~IAAI;~~QACnD~~,KAAK,EAAE,~~UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,~~IAAI;~~QAC5C~~,MAAM,EAAE,~~UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,~~IAAI;~~KAC9C~~;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,~~IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC3C,~~WAAW,EAAE,EAAE;QACf,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,eAAe;KACxC;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
1	+ {"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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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/MultiValuePickerButton/MultiValuePickerButton.d.ts CHANGED Viewed

@@ -6,9 +6,10 @@ interface Item {
 }
 interface MultiValuePickerButtonProps {
     style?: any;
-    onPress: (any: any) => void;
+    onPress: () => void;
     listItem: Item[];
-    onPressItem?: (any: any) => void;
+    onPressItem?: (item: Item) => void;
+    readonly?: boolean;
 }
-declare const MultiValuePickerButton: ({ style, onPress, listItem, onPressItem, }: MultiValuePickerButtonProps) => JSX.Element;
+declare const MultiValuePickerButton: ({ style, onPress, listItem, onPressItem, readonly, }: MultiValuePickerButtonProps) => JSX.Element;
 export default MultiValuePickerButton;

package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js CHANGED Viewed

@@ -16,21 +16,21 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useMemo } from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { useThemeColor } from '../../../theme';
 import { Card, Icon, Text } from '../../atoms';
-const MultiValuePickerButton = ({ style, onPress = () => { }, listItem, onPressItem = () => { }, }) => {
+const MultiValuePickerButton = ({ style, onPress = () => { }, listItem, onPressItem = () => { }, readonly = false, }) => {
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors), [Colors]);
     return (<TouchableOpacity onPress={onPress} activeOpacity={0.9}>
       <Card style={[styles.container, style]}>
         <View style={styles.listItemContainer}>
           {listItem &&
-            listItem.map((item, index) => (<TouchableOpacity key={index} onPress={() => onPressItem(item)} activeOpacity={0.9} style={[styles.cardItem, getItemColor(item.color)]}>
+            listItem.map((item, index) => (<TouchableOpacity onPress={() => onPressItem(item)} disabled={readonly} key={index} style={[styles.cardItem, getItemColor(item.color)]} activeOpacity={0.9}>
                 <Text style={styles.text} fontSize={14} numberOfLines={1} textColor={item.color.foreground || Colors.primaryColor.foreground}>
                   {item.title}
                 </Text>
-                <Icon name={'times'} color={item.color.foreground} size={14}/>
+                {!readonly && (<Icon name={'times'} color={item.color.foreground} size={14}/>)}
               </TouchableOpacity>))}
         </View>
         <Icon name="chevron-down" color={Colors.secondaryColor_dark.background}/>
@@ -43,16 +43,8 @@ const getItemColor = (color) => ({
 });
 const getStyles = (Colors) => StyleSheet.create({
     container: {
-        width: Dimensions.get('window').width * 0.35,
-        height: 50,
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
         paddingLeft: 10,
         paddingRight: 15,
-        paddingVertical: 5,
-        marginVertical: 4,
-        marginRight: 18,
     },
     text: {
         textAlign: 'center',
@@ -66,9 +58,7 @@ const getStyles = (Colors) => StyleSheet.create({
     },
     cardItem: {
         flexDirection: 'row',
-        justifyContent: 'space-between',
         alignItems: 'center',
-        alignContent: 'center',
         borderWidth: 2,
         borderRadius: 14,
         elevation: 3,
@@ -79,7 +69,6 @@ const getStyles = (Colors) => StyleSheet.create({
         paddingHorizontal: 7,
         height: 22,
         maxWidth: 110,
-        width: null,
     },
 });
 export default MultiValuePickerButton;

package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiValuePickerButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/MultiValuePickerButton/MultiValuePickerButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,~~UAAU,EAAE,~~gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;~~AAC5E~~,OAAO,EAAqB,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;~~AAc7C~~,MAAM,sBAAsB,GAAG,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EACR,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,~~GACM~~,EAAE,EAAE;IAChC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CACrD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;UAAA,CAAC,QAAQ;YACP,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,CAAC,gBAAgB,CACf,~~GAAG,CAAC,CAAC,KAAK,CAAC,CACX,~~OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CACjC,~~aAAa~~,CAAC,CAAC,~~GAAG~~,CAAC,CACnB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACnD;gBAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,SAAS,CAAC,CACR,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CACxD,CACD;kBAAA,CAAC,IAAI,CAAC,KAAK,CACb;gBAAA,EAAE,IAAI,CACN;gBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,~~CAAC~~,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,~~CAAC~~,IAAI,CAAC,CAAC,EAAE,CAAC,~~EAC9D~~;cAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC,CACN;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,cAAc,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAEjD;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,gBAAgB;IACvC,WAAW,EAAE,KAAK,CAAC,UAAU;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,~~KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC5C,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,~~WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;~~QAChB,eAAe,EAAE,CAAC~~;~~QAClB,cAAc,EAAE,CAAC;QACjB,WAAW,EAAE,EAAE;KAChB;~~IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,CAAC;KACf;IACD,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,CAAC,CAAC;QACd,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,KAAK;KACb;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,~~cAAc,EAAE,eAAe;QAC/B,~~UAAU,EAAE,QAAQ;QACpB,~~YAAY,EAAE,QAAQ;QACtB,~~WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,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,UAAU,EAAE,CAAC;QACb,iBAAiB,EAAE,CAAC;QACpB,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,GAAG;~~QACb,KAAK,EAAE,IAAI~~;~~KACZ;~~CACF,CAAC,CAAC;AAEL,eAAe,sBAAsB,CAAC"}
1	+ {"version":3,"file":"MultiValuePickerButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/MultiValuePickerButton/MultiValuePickerButton.tsx"],"names":[],"mappings":"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"}

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

@@ -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;