npm - @axelor/aos-mobile-ui - Versions diffs - 6.4.0 → 6.5.0 - Mend

@axelor/aos-mobile-ui 6.4.0 → 6.5.0

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 (99) hide show

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

@@ -0,0 +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,8 +4,9 @@ interface IconButtonProps {
     color?: Color;
     title: string;
     iconName: string;
+    FontAwesome5: boolean;
     onPress: (any: any) => void;
     disabled?: boolean;
 }
-declare const IconButton: ({ style, color, title, iconName, onPress, disabled, }: IconButtonProps) => JSX.Element;
+declare const IconButton: ({ style, color, title, iconName, FontAwesome5, onPress, disabled, }: IconButtonProps) => JSX.Element;
 export default IconButton;

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

@@ -20,7 +20,7 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
 import { getCommonStyles } from '../../../utils/commons-styles';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { Icon, Text } from '../../atoms';
-const IconButton = ({ style, color, title, iconName, onPress = () => { }, disabled = false, }) => {
+const IconButton = ({ style, color, title, iconName, FontAwesome5 = true, onPress = () => { }, disabled = false, }) => {
     const Colors = useThemeColor();
     const buttonColor = useMemo(() => (color == null ? Colors.primaryColor : color), [Colors.primaryColor, color]);
     const styles = useMemo(() => {
@@ -28,7 +28,7 @@ const IconButton = ({ style, color, title, iconName, onPress = () => { }, disabl
     }, [buttonColor]);
     const commonStyle = useMemo(() => getCommonStyles(Colors), [Colors]);
     return (<TouchableOpacity style={[styles.container, commonStyle.button, style]} onPress={onPress} disabled={disabled}>
-      <Icon name={iconName} size={15} color={buttonColor.foreground}/>
+      <Icon name={iconName} FontAwesome5={FontAwesome5} size={15} color={buttonColor.foreground}/>
       <Text style={styles.text}>{title}</Text>
     </TouchableOpacity>);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;~~AAYvC~~,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,GACA,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,EACnD,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAC7B,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CACrD,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;MAAA,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,~~CAAC~~,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,~~EAC9D~~;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACzC;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CACxB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,UAAU;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,UAAU;QACvB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAavC,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,GACA,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,EACnD,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAC7B,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CACrD,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,EAEhC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACzC;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CACxB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,UAAU;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,UAAU;QACvB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}

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

@@ -1,8 +1,10 @@
 interface IncrementProps {
+    style?: any;
+    inputStyle?: any;
     value: string | undefined;
     decimalSpacer?: string;
     thousandSpacer?: string;
     onValueChange: (any: any) => void;
 }
-declare const Increment: ({ value, decimalSpacer, thousandSpacer, onValueChange, }: IncrementProps) => JSX.Element;
+declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, }: IncrementProps) => JSX.Element;
 export default Increment;

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

@@ -15,24 +15,35 @@
  * 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, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { formatNumber } from '../../../utils/formatters';
+import { formatNumber as _format, unformatNumber as _unformat, } from '../../../utils/formatters';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { Icon, Input } from '../../atoms';
-const Increment = ({ value, decimalSpacer, thousandSpacer, onValueChange, }) => {
+const cutDecimalExcess = number => {
+    return number.toFixed(2).toString();
+};
+const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, }) => {
+    const format = useCallback(number => {
+        return _format(number, decimalSpacer, thousandSpacer);
+    }, [decimalSpacer, thousandSpacer]);
+    const unformat = useCallback(number => {
+        return _unformat(number, decimalSpacer, thousandSpacer);
+    }, [decimalSpacer, thousandSpacer]);
     const Colors = useThemeColor();
-    const [valueQty, setValueQty] = useState(formatNumber(value, decimalSpacer, thousandSpacer));
+    const [valueQty, setValueQty] = useState(format(value));
     const handlePlus = () => {
-        const newValue = parseFloat(valueQty) + parseFloat('1');
-        setValueQty(newValue.toFixed(2).toString());
-        onValueChange(newValue.toFixed(2));
+        const unformatedValue = unformat(valueQty);
+        const newValue = parseFloat(unformatedValue) + parseFloat('1');
+        setValueQty(format(cutDecimalExcess(newValue)));
+        onValueChange(format(cutDecimalExcess(newValue)));
     };
     const handleMinus = () => {
-        const newValue = parseFloat(valueQty) - parseFloat('1');
+        const unformatedValue = unformat(valueQty);
+        const newValue = parseFloat(unformatedValue) - parseFloat('1');
         if (newValue >= 0) {
-            setValueQty(newValue.toFixed(2).toString());
-            onValueChange(newValue.toFixed(2));
+            setValueQty(format(cutDecimalExcess(newValue)));
+            onValueChange(format(cutDecimalExcess(newValue)));
         }
     };
     const handleEndInput = () => {
@@ -46,7 +57,7 @@ const Increment = ({ value, decimalSpacer, thousandSpacer, onValueChange, }) =>
         else {
             const newValue = parseFloat(valueQty);
             if (newValue >= 0) {
-                setValueQty(formatNumber(newValue.toFixed(2).toString(), decimalSpacer, thousandSpacer));
+                setValueQty(format(cutDecimalExcess(newValue)));
                 onValueChange(newValue.toFixed(2));
             }
             else {
@@ -56,10 +67,10 @@ const Increment = ({ value, decimalSpacer, thousandSpacer, onValueChange, }) =>
         }
     };
     const styles = useMemo(() => getStyles(Colors), [Colors]);
-    return (<View style={styles.container_increment}>
+    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} value={valueQty} onChange={input => setValueQty(input)} keyboardType="numeric" onEndFocus={handleEndInput}/>
+        <Input style={[styles.input, inputStyle]} value={valueQty} onChange={input => setValueQty(input)} keyboardType="numeric" onEndFocus={handleEndInput}/>
       </View>
       <Icon name="plus" size={24} color={Colors.primaryColor.background} touchable={true} onPress={handlePlus} style={styles.container_icon}/>
     </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,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;~~AAC/C~~,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,~~EAAC~~,YAAY,~~EAAC~~,MAAM,2BAA2B,CAAC;~~AACvD~~,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;~~AASxC~~,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,aAAa,EACb,cAAc,EACd,aAAa,GACE,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;~~IAC/B~~,~~MAAM~~,CAAC,~~QAAQ~~,EAAE,~~WAAW~~,CAAC,~~GAAG~~,QAAQ,~~CACtC~~,~~YAAY~~,CAAC,~~KAAK~~,EAAE,aAAa,EAAE,cAAc,CAAC,~~CACnD~~,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,QAAQ,GAAW,UAAU,CAAC,~~QAAQ~~,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;~~QAChE~~,WAAW,CAAC,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,~~CAAC~~,CAAC,CAAC,~~QAAQ,EAAE,~~CAAC,CAAC;~~QAC5C~~,aAAa,CAAC,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,CAAC,CAAC,CAAC,CAAC;~~IACrC~~,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,UAAU,CAAC,~~QAAQ~~,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;~~QACxD~~,IAAI,QAAQ,IAAI,CAAC,EAAE;YACjB,WAAW,CAAC,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,~~CAAC~~,CAAC,CAAC,~~QAAQ,EAAE,~~CAAC,CAAC;~~YAC5C~~,aAAa,CAAC,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,CAAC,CAAC,CAAC,CAAC;~~SACpC~~;IACH,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,WAAW,CAAC,IAAI,aAAa,IAAI,CAAC,CAAC;YACnC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpB;aAAM;YACL,MAAM,QAAQ,GAAW,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC9C,IAAI,QAAQ,IAAI,CAAC,EAAE;gBACjB,WAAW,~~CACT~~,~~YAAY~~,~~CACV~~,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,CAAC,CAAC,CAAC~~,QAAQ,EAAE,EAC9B,aAAa,EACb,cAAc,CACf,CACF,CAAC~~;~~gBACF~~,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;aACpC;iBAAM;gBACL,WAAW,CAAC,IAAI,aAAa,IAAI,CAAC,CAAC;gBACnC,aAAa,CAAC,GAAG,CAAC,CAAC;aACpB;SACF;IACH,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,MAAM,CAAC,mBAAmB,CAAC,~~CACtC~~;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,OAAO,CACZ,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAE/B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,~~CACpB~~,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CACtC,YAAY,CAAC,SAAS,CACtB,UAAU,CAAC,CAAC,cAAc,CAAC,EAE/B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,MAAM,CACX,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAEjC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,SAAS,EAAE,CAAC;QACZ,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;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;KACjB;IACD,SAAS,EAAE;QACT,WAAW,EAAE,QAAQ;QACrB,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,GAAG;QACtB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}
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,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,YAAY,IAAI,OAAO,EACvB,cAAc,IAAI,SAAS,GAC5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAExC,MAAM,gBAAgB,GAAG,MAAM,CAAC,EAAE;IAChC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;AACtC,CAAC,CAAC;AAWF,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,UAAU,EACV,KAAK,EACL,aAAa,EACb,cAAc,EACd,aAAa,GACE,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,WAAW,CACxB,MAAM,CAAC,EAAE;QACP,OAAO,OAAO,CAAC,MAAM,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,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,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAExD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAW,UAAU,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QACvE,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChD,aAAa,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC/D,IAAI,QAAQ,IAAI,CAAC,EAAE;YACjB,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChD,aAAa,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACnD;IACH,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,WAAW,CAAC,IAAI,aAAa,IAAI,CAAC,CAAC;YACnC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpB;aAAM;YACL,MAAM,QAAQ,GAAW,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC9C,IAAI,QAAQ,IAAI,CAAC,EAAE;gBACjB,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChD,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;aACpC;iBAAM;gBACL,WAAW,CAAC,IAAI,aAAa,IAAI,CAAC,CAAC;gBACnC,aAAa,CAAC,GAAG,CAAC,CAAC;aACpB;SACF;IACH,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,IAAI,CACH,IAAI,CAAC,OAAO,CACZ,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAE/B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;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,UAAU,CAAC,CAAC,cAAc,CAAC,EAE/B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,MAAM,CACX,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAEjC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,SAAS,EAAE,CAAC;QACZ,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;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;KACjB;IACD,SAAS,EAAE;QACT,WAAW,EAAE,QAAQ;QACrB,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,GAAG;QACtB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}

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

@@ -36,7 +36,7 @@ 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.imageStyle} color={badgeColor.foreground} size={13}/>
       </TouchableOpacity>
       {isOpen ? (<Card style={styles.indicationCard}>
           <Text>{indication}</Text>
@@ -56,16 +56,17 @@ const getStyles = (badgeColor, Colors) => StyleSheet.create({
         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: Dimensions.get('window').width * 0.07,
+        width: Dimensions.get('window').width * 0.07,
+        height: Dimensions.get('window').width * 0.07,
     },
     indicationCard: {
         position: 'absolute',
-        marginLeft: '12%',
+        left: Dimensions.get('window').width * 0.08,
         paddingLeft: 10,
         paddingVertical: 10,
         paddingRight: 10,
+        zIndex: 99,
         backgroundColor: Colors.backgroundColor,
     },
 });

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;AAS1C,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GACM,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,CAAC,EACnC,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,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,~~EAEjC~~;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;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,EAAE,CACvC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,CAAC;KAClB;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,~~GAAG~~;~~QAClD~~,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,~~GAAG~~;~~QAC3C~~,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,~~GAAG~~;~~KAC7C~~;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,~~UAAU~~,EAAE,KAAK;~~QACjB~~,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,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/MessageBox/MessageBox.js CHANGED Viewed

@@ -17,16 +17,15 @@
  */
 import React, { useMemo } from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Icon, Input } from '../../atoms';
+import { HtmlInput, Icon } from '../../atoms';
 import { getCommonStyles } from '../../../utils/commons-styles';
-import { useThemeColor } from '../../../theme/ThemeContext';
-const BOX_HEIGHT = 45;
-const BOX_MAX_HEIGHT = 85;
+import { useThemeColor } from '../../../theme';
+const BOX_HEIGHT = 90;
 const MessageBox = ({ placeholder, disabled, value, onChange, onSend, }) => {
     const Colors = useThemeColor();
     const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
     return (<View style={styles.container}>
-      <Input style={[commonStyles.filter, styles.input]} placeholder={placeholder} value={value} onChange={onChange} multiline={true}/>
+      <HtmlInput defaultInput={value} onChange={onChange} placeholder={placeholder} containerStyle={[commonStyles.filter, styles.htlmInput]} style={styles.input} styleToolbar={styles.htmlToolBar}/>
       <TouchableOpacity style={[commonStyles.filter, styles.action]} disabled={disabled} onPress={onSend} activeOpacity={0.9}>
         <Icon name="paper-plane" size={24}/>
       </TouchableOpacity>
@@ -41,19 +40,29 @@ const styles = StyleSheet.create({
         overflow: 'hidden',
     },
     input: {
-        width: '78%',
-        minHeight: BOX_HEIGHT,
-        maxHeight: BOX_MAX_HEIGHT,
+        width: '100%',
         fontSize: 16,
-        flexDirection: 'row',
-        alignItems: 'center',
         marginRight: 5,
+        borderRadius: 13,
+    },
+    htlmInput: {
+        borderRadius: 13,
+        paddingHorizontal: 0,
+        marginHorizontal: 5,
+        marginVertical: 5,
+        paddingTop: 10,
+    },
+    htmlToolBar: {
+        backgroundColor: null,
+        marginLeft: -5,
     },
     action: {
-        width: '15%',
+        width: '10%',
         height: BOX_HEIGHT,
         justifyContent: 'center',
         alignItems: 'center',
+        marginRight: 5,
+        paddingHorizontal: 0,
     },
 });
 export default MessageBox;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/components/molecules/MessageBox/MessageBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,~~IAAI~~,EAAE,~~KAAK~~,EAAC,MAAM,aAAa,CAAC;~~AACxC~~,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,~~6BAA6B~~,CAAC;~~AAU1D~~,MAAM,UAAU,GAAG,EAAE,CAAC;~~AACtB~~,MAAM,~~cAAc,GAAG,EAAE,CAAC;AAE1B,MAAM,~~UAAU,GAAG,CAAC,EAClB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACU,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,~~KAAK~~,~~CACJ~~,~~KAAK~~,CAAC,CAAC,~~CAAC~~,~~YAAY,~~CAAC,~~MAAM~~,~~EAAE~~,~~MAAM~~,CAAC,~~KAAK~~,CAAC,~~CAAC~~,~~CAC3C,~~WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,~~KAAK~~,CAAC,CAAC,~~KAAK~~,CAAC,~~CACb~~,~~QAAQ~~,CAAC,CAAC,~~QAAQ~~,CAAC,~~CACnB~~,~~SAAS~~,CAAC,CAAC,~~IAAI~~,CAAC,~~EAElB~~;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAC5C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpC;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,~~KAAK~~;QACZ,~~SAAS~~,EAAE,~~UAAU~~;~~QACrB~~,~~SAAS~~,EAAE,~~cAAc~~;~~QACzB~~,~~QAAQ~~,EAAE,EAAE;~~QACZ~~,~~aAAa~~,EAAE,~~KAAK~~;QACpB,UAAU,EAAE,~~QAAQ~~;~~QACpB~~,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,UAAU;QAClB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/components/molecules/MessageBox/MessageBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,SAAS,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAU7C,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,MAAM,UAAU,GAAG,CAAC,EAClB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACU,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,SAAS,CACR,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CACxD,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,YAAY,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAEnC;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAC5C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpC;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;KACjB;IACD,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,CAAC;QACpB,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,EAAE;KACf;IACD,WAAW,EAAE;QACX,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,CAAC,CAAC;KACf;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,UAAU;QAClB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;QACd,iBAAiB,EAAE,CAAC;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

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

@@ -1,6 +1,7 @@
 interface NotesCardProps {
     title: string;
     data: string;
+    style?: any;
 }
-declare const NotesCard: ({ title, data }: NotesCardProps) => JSX.Element;
+declare const NotesCard: ({ title, data, style }: NotesCardProps) => JSX.Element;
 export default NotesCard;

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

@@ -15,40 +15,38 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React, { useState } from 'react';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Card, RenderHtml, Text } from '../../atoms';
-const PERCENTAGE_WIDTH_NOTES = 0.95;
-const NotesCard = ({ title, data }) => {
-    const [widthNotes, setWidthNotes] = useState();
+import { Card, HtmlInput, Text } from '../../atoms';
+const NotesCard = ({ title, data, style }) => {
     if (data == null || data === '') {
         return null;
     }
-    return (<View style={styles.description} onLayout={event => {
-            const { width } = event.nativeEvent.layout;
-            setWidthNotes(width);
-        }}>
+    return (<View style={[styles.description, style]}>
       <Text style={styles.title}>{title}</Text>
       <Card style={styles.note}>
-        <RenderHtml data={data} widthNotes={widthNotes != null ? widthNotes * PERCENTAGE_WIDTH_NOTES : 100}/>
+        <HtmlInput defaultInput={data} readonly={true}/>
       </Card>
     </View>);
 };
 const styles = StyleSheet.create({
     description: {
-        marginHorizontal: 16,
         flexDirection: 'column',
-        marginTop: 2,
+        marginTop: 10,
     },
     title: {
-        marginHorizontal: '5%',
+        marginHorizontal: 24,
     },
     note: {
         justifyContent: 'center',
+        width: '90%',
         elevation: 0,
-        borderRadius: 10,
-        padding: 10,
+        borderRadius: 13,
         marginVertical: 8,
+        marginLeft: 20,
+        paddingHorizontal: 10,
+        paddingRight: 10,
+        paddingVertical: 10,
     },
 });
 export default NotesCard;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NotesCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/NotesCard/NotesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,~~EAAE,EAAC,QAAQ,EAAC,~~MAAM,OAAO,CAAC;~~AACtC~~,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAE,~~UAAU~~,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;~~AAEnD~~,MAAM,~~sBAAsB,GAAG,IAAI,CAAC;AAOpC,MAAM,~~SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,~~EAAiB,~~EAAE,~~EAAE;IAClD~~,~~MAAM~~,~~CAAC~~,~~UAAU,~~EAAE~~,aAAa,CAAC,GAAG,QAAQ,EAAU,CAAC~~;~~IAEvD~~,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,~~CACH~~,KAAK,CAAC,CAAC,~~MAAM,~~CAAC,~~WAAW,CAAC,CAC1B,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE;YAChB,~~MAAM,~~EAAC,KAAK,EAAC,GAAG,KAAK,~~CAAC,WAAW,~~CAAC~~,~~MAAM,CAAC;YACzC,aAAa,CAAC,~~KAAK,CAAC,CAAC~~;QACvB~~,~~CAAC,CAAC,CACF~~;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,~~UAAU~~,~~CACT~~,~~IAAI~~,CAAC,CAAC,IAAI,CAAC,~~CACX,UAAU,~~CAAC,~~CACT~~,~~UAAU,IAAI,IAAI,~~CAAC,CAAC,~~CAAC~~,~~UAAU,GAAG,sBAAsB,~~CAAC,~~CAAC,CAAC,GAAG,CAC/D,EAEL~~;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,~~gBAAgB,EAAE,EAAE;QACpB,~~aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,~~CAAC~~;~~KACb~~;IACD,KAAK,EAAE;QACL,gBAAgB,EAAE,~~IAAI~~;~~KACvB~~;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;QAChB,~~OAAO~~,EAAE,EAAE;~~QACX~~,~~cAAc~~,EAAE,~~CAAC~~;~~KAClB~~;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
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,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"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface TabProps {
+    key: number;
+    title: string;
+    isActive: boolean;
+    disabled?: boolean;
+    component: React.ReactNode;
+    translator: (translationKey: string) => string;
+}
+declare const PanelTabs: ({ tabs }: {
+    tabs: TabProps[];
+}) => JSX.Element;
+export default PanelTabs;

package/lib/components/molecules/PanelTabs/PanelTabs.js ADDED Viewed

@@ -0,0 +1,93 @@
+/*
+ * 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, useMemo, useState } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useThemeColor } from '../../../theme/ThemeContext';
+import { Text } from '../../atoms';
+const Tab = ({ tabKey, title, isActive, disabled, onPress, translator, }) => {
+    const Colors = useThemeColor();
+    const handleChangeTab = useCallback(() => {
+        return onPress(tabKey);
+    }, [onPress, tabKey]);
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    return (<TouchableOpacity onPress={handleChangeTab} disabled={disabled || isActive} style={[styles.tab, isActive ? styles.actifTab : styles.inactifTab]} activeOpacity={0.8}>
+      <Text style={isActive ? styles.boldTitle : null} fontSize={16} textColor={isActive ? Colors.primaryColor.background : Colors.text}>
+        {translator(title)}
+      </Text>
+    </TouchableOpacity>);
+};
+const PanelTabs = ({ tabs }) => {
+    const [panels, setPanels] = useState(tabs);
+    const Colors = useThemeColor();
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    const swicthTab = useCallback((tabKey) => {
+        setPanels(panels.map(item => item.key === tabKey
+            ? { ...item, isActive: true }
+            : { ...item, isActive: false }));
+    }, [panels]);
+    const panelComponent = useMemo(() => {
+        return panels.filter(item => item.isActive)[0].component;
+    }, [panels]);
+    const tabsComponent = useMemo(() => {
+        return panels.map(item => (<Tab key={item.key} tabKey={item.key} title={item.title} isActive={item.isActive} disabled={item.disabled} onPress={swicthTab} translator={item.translator}/>));
+    }, [swicthTab, panels]);
+    if (panels == null || panels?.length === 0) {
+        return <View />;
+    }
+    return (<View style={styles.container}>
+      <View style={styles.tabs}>{tabsComponent}</View>
+      <View style={styles.panel}>{panelComponent}</View>
+    </View>);
+};
+const getStyles = (Colors) => StyleSheet.create({
+    container: {
+        flexDirection: 'column',
+    },
+    tabs: {
+        paddingTop: 10,
+        paddingLeft: 20,
+        flexDirection: 'row',
+        backgroundColor: Colors.backgroundColor,
+    },
+    tab: {
+        backgroundColor: Colors.screenBackgroundColor,
+        paddingHorizontal: 25,
+        marginHorizontal: 5,
+        paddingVertical: 10,
+        borderTopLeftRadius: 7,
+        borderTopRightRadius: 7,
+        elevation: 3,
+    },
+    boldTitle: {
+        fontWeight: 'bold',
+    },
+    actifTab: {
+        borderTopColor: Colors.primaryColor.background,
+        borderTopWidth: 4,
+    },
+    inactifTab: {
+        borderTopColor: Colors.screenBackgroundColor,
+        borderTopWidth: 4,
+    },
+    panel: {
+        backgroundColor: Colors.screenBackgroundColor,
+        height: '100%',
+    },
+});
+export default PanelTabs;
+//# sourceMappingURL=PanelTabs.js.map

package/lib/components/molecules/PanelTabs/PanelTabs.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -80,7 +80,7 @@ const SelectionContainer = ({ objectList, displayValue, handleSelect, keyField =
       </View>));
     };
     return (<View style={styles.flatListContainer}>
-      <ScrollView>
+      <ScrollView nestedScrollEnabled={true}>
         {isPicker ? renderListItemContainerPicker() : renderListItemContainer()}
       </ScrollView>
     </View>);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"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~~CACT~~;QAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAA6B,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE,CACzE;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CACnD,UAAU,CAAC,MAAM,CAAC;IAChB,iBAAiB,EAAE;QACjB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,GAAG,CAAC;QAC/D,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,CAAC;KACb;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,CAAC;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,CAAC,EAAE;KACV;CACF,CAAC,CAAC;AAEL,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"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"}

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

@@ -6,6 +6,8 @@ interface StarScoreProps {
     score: number;
     showHalfStar?: boolean;
     showMissingStar?: boolean;
+    onPress?: (any: any) => void;
+    editMode?: boolean;
 }
-declare const StarScore: ({ style, color, size, score, showHalfStar, showMissingStar, }: StarScoreProps) => JSX.Element;
+declare const StarScore: ({ style, color, size, score, showHalfStar, showMissingStar, onPress, editMode, }: StarScoreProps) => JSX.Element;
 export default StarScore;

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

@@ -20,30 +20,41 @@ import { StyleSheet, View } from 'react-native';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { Icon } from '../../atoms';
 import { getIntegerPart, isHalf, roundHalf, roundInteger, } from '../../../utils/number';
-const StarScore = ({ style, color, size = 20, score, showHalfStar = false, showMissingStar = false, }) => {
+const StarScore = ({ style, color, size = 20, score, showHalfStar = false, showMissingStar = false, onPress = () => { }, editMode = false, }) => {
     const Colors = useThemeColor();
     const starColor = useMemo(() => color !== undefined ? color.background : Colors.primaryColor.background, [Colors, color]);
     const roundNbStar = useCallback(value => {
         return showHalfStar ? roundHalf(value) : roundInteger(value);
     }, [showHalfStar]);
+    const onPressStar = useCallback(newScore => {
+        onPress(newScore === score ? 0 : newScore);
+    }, [onPress, score]);
     const renderStars = useCallback(nbStar => {
         const nbStarLimit = nbStar > 5 ? 5 : nbStar < 0 ? 0 : nbStar;
         const nbStarRound = roundNbStar(nbStarLimit);
         let starList = [];
         const fullStarsNb = getIntegerPart(nbStarRound);
         for (let index = 1; index <= fullStarsNb; index++) {
-            starList.push(<Icon key={index} FontAwesome5={false} name="star" color={starColor} size={size}/>);
+            starList.push(<Icon key={index} FontAwesome5={false} name="star" color={starColor} size={size} touchable={editMode} onPress={() => onPressStar(index)}/>);
         }
         if (isHalf(nbStarRound)) {
-            starList.push(<Icon key={fullStarsNb + 1} FontAwesome5={false} name={showMissingStar ? 'star-half-empty' : 'star-half'} color={starColor} size={size}/>);
+            starList.push(<Icon key={fullStarsNb + 1} FontAwesome5={false} name={showMissingStar ? 'star-half-empty' : 'star-half'} color={starColor} size={size} touchable={editMode} onPress={() => onPress && onPressStar(fullStarsNb + 1)}/>);
         }
         if (showMissingStar) {
             for (let index = starList.length; index < 5; index++) {
-                starList.push(<Icon key={index + 1} FontAwesome5={false} name="star-o" color={starColor} size={size}/>);
+                starList.push(<Icon key={index + 1} onPress={() => onPress && onPressStar(index + 1)} FontAwesome5={false} name="star-o" color={starColor} size={size} touchable={editMode}/>);
             }
         }
         return starList;
-    }, [roundNbStar, showMissingStar, size, starColor]);
+    }, [
+        roundNbStar,
+        showMissingStar,
+        size,
+        starColor,
+        onPress,
+        onPressStar,
+        editMode,
+    ]);
     const starScoring = useMemo(() => renderStars(score), [renderStars, score]);
     return (<View style={[styles.leadScoring, style]}>
       {starScoring.map(star => star)}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StarScore.js","sourceRoot":"","sources":["../../../../src/components/molecules/StarScore/StarScore.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,cAAc,EACd,MAAM,EACN,SAAS,EACT,YAAY,GACb,MAAM,uBAAuB,CAAC;~~AAW~~/B,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,EAAE,EACT,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,~~GACR~~,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EACzE,CAAC,MAAM,EAAE,KAAK,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,CAAC,EAAE;QACN,OAAO,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,MAAM,CAAC,EAAE;QACP,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAC7D,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,QAAQ,GAAsB,EAAE,CAAC;QACrC,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;QAEhD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,WAAW,EAAE,KAAK,EAAE,EAAE;YACjD,QAAQ,CAAC,IAAI,CACX,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,MAAM,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,~~EACX~~,CACH,CAAC;SACH;QAED,IAAI,MAAM,CAAC,WAAW,CAAC,EAAE;YACvB,QAAQ,CAAC,IAAI,CACX,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CACrB,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,CACxD,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,~~EACX~~,CACH,CAAC;SACH;QAED,IAAI,eAAe,EAAE;YACnB,KAAK,IAAI,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;gBACpD,QAAQ,CAAC,IAAI,CACX,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CACf,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,QAAQ,CACb,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,~~EACX~~,CACH,CAAC;aACH;SACF;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EACD,~~CAAC,~~WAAW,~~EAAE,~~eAAe,~~EAAE,~~IAAI,~~EAAE,~~SAAS,~~CAAC~~,~~CAChD~~,CAAC;IAEF,MAAM,WAAW,GAAsB,OAAO,CAC5C,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACxB,CAAC,WAAW,EAAE,KAAK,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CACvC;MAAA,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAChC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"StarScore.js","sourceRoot":"","sources":["../../../../src/components/molecules/StarScore/StarScore.tsx"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,9 @@
 interface ToggleSwitchProps {
-    style?: any;
+    styleContainer?: any;
+    styleToogle?: any;
     leftTitle: string;
     rightTitle: string;
     onSwitch: () => void;
 }
-declare const ToggleSwitch: ({ style, leftTitle, rightTitle, onSwitch, }: ToggleSwitchProps) => JSX.Element;
+declare const ToggleSwitch: ({ styleContainer, styleToogle, leftTitle, rightTitle, onSwitch, }: ToggleSwitchProps) => JSX.Element;
 export default ToggleSwitch;

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

@@ -19,7 +19,7 @@ import React, { useMemo, useState } from 'react';
 import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { Text } from '../../atoms';
-const ToggleSwitch = ({ style, leftTitle, rightTitle, onSwitch = () => { }, }) => {
+const ToggleSwitch = ({ styleContainer, styleToogle, leftTitle, rightTitle, onSwitch = () => { }, }) => {
     const Colors = useThemeColor();
     const [active, setActive] = useState(true);
     const styles = useMemo(() => getStyles(Colors), [Colors]);
@@ -31,11 +31,11 @@ const ToggleSwitch = ({ style, leftTitle, rightTitle, onSwitch = () => { }, }) =
         setActive(false);
         onSwitch();
     };
-    return (<View style={[styles.container, style]}>
-      <TouchableOpacity style={[styles.toggle, active && styles.active]} disabled={active} onPress={onLeftPress}>
+    return (<View style={[styles.container, styleContainer]}>
+      <TouchableOpacity style={[styles.toggle, active && styles.active, styleToogle]} disabled={active} onPress={onLeftPress}>
         <Text>{leftTitle}</Text>
       </TouchableOpacity>
-      <TouchableOpacity style={[styles.toggle, !active && styles.active]} disabled={!active} onPress={onRightPress}>
+      <TouchableOpacity style={[styles.toggle, !active && styles.active, styleToogle]} disabled={!active} onPress={onRightPress}>
         <Text>{rightTitle}</Text>
       </TouchableOpacity>
     </View>);