@axelor/aos-mobile-ui 7.1.2 → 7.2.0

package/lib/components/atoms/Screen/Screen.js

@@ -15,11 +15,13 @@
  * 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, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { ActivityIndicator, StyleSheet, View } from 'react-native';
 import SystemNavigationBar from 'react-native-system-navigation-bar';
 import { useThemeColor } from '../../../theme';
 import { useConfig } from '../../../config/ConfigContext';
+const FIXED_CONTAINER_PADDING_VERTICAL = 10;
+const FIXED_ITEMS_NOT_DISPLAY_HEIGHT = FIXED_CONTAINER_PADDING_VERTICAL * 2 + 1;
 const immersiveMode = async () => {
     await SystemNavigationBar.navigationHide();
 };
@@ -27,6 +29,11 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors), [Colors]);
     const { showActivityIndicator } = useConfig();
+    const [fixedItemsHeight, setFixedItemsHeight] = useState(0);
+    const onLayout = event => {
+        const { height } = event.nativeEvent.layout;
+        setFixedItemsHeight(height);
+    };
     useEffect(() => {
         immersiveMode();
     }, []);
@@ -39,7 +46,10 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
             style,
         ]}>
       {children}
-      {React.Children.count(fixedItems) > 0 && (<View style={[styles.fixedContainer, styles.smallTopShadow]}>
+      {!!fixedItems && (<View style={fixedItemsHeight > FIXED_ITEMS_NOT_DISPLAY_HEIGHT && [
+                styles.fixedContainer,
+                styles.smallTopShadow,
+            ]} onLayout={onLayout}>
           {fixedItems}
         </View>)}
     </View>);
@@ -56,6 +66,7 @@ const getStyles = (Colors) => StyleSheet.create({
         backgroundColor: Colors.backgroundColor,
         borderTopLeftRadius: 13,
         borderTopRightRadius: 13,
+        paddingVertical: FIXED_CONTAINER_PADDING_VERTICAL,
     },
     smallTopShadow: {
         borderTopWidth: 0.5,

package/lib/components/atoms/Screen/Screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAUxD,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;IAC/B,MAAM,mBAAmB,CAAC,cAAc,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,EACL,QAAQ,EACR,UAAU,EACV,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,KAAK,GACH,EAAE,EAAE;IAChB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,EAAC,qBAAqB,EAAC,GAAG,SAAS,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAG,CAAC;KAC3C;IAED,OAAO,CACL,CAAC,IAAI,CACH,aAAa,CAAC,CAAC,qBAAqB,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAChE,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,SAAS;YAChB,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;YAC1C,KAAK;SACN,CAAC,CACF;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CACvC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAC1D;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,qBAAqB;QAC7C,IAAI,EAAE,CAAC;KACR;IACD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,UAAU;QACrB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,mBAAmB,EAAE,EAAE;QACvB,oBAAoB,EAAE,EAAE;KACzB;IACD,cAAc,EAAE;QACd,cAAc,EAAE,GAAG;QACnB,gBAAgB,EAAE,CAAC;QACnB,eAAe,EAAE,GAAG;QACpB,cAAc,EAAE,iBAAiB;QACjC,gBAAgB,EAAE,iBAAiB;QACnC,eAAe,EAAE,iBAAiB;QAClC,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;KACpC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEL,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { ButtonProps } from '../Button/Button';
+interface ButtonConfig extends ButtonProps {
+    hide?: boolean;
+}
+interface CancelButtonConfig extends ButtonConfig {
+    showInHeader?: boolean;
+    headerSize?: number;
+}
+interface AlertProps {
+    style?: any;
+    visible: boolean;
+    title?: string;
+    noBoldTitle?: boolean;
+    children: any;
+    cancelButtonConfig?: CancelButtonConfig;
+    confirmButtonConfig?: ButtonConfig;
+    translator?: (key: string) => string;
+}
+declare const Alert: ({ style, visible, title, noBoldTitle, children, cancelButtonConfig, confirmButtonConfig, translator, }: AlertProps) => JSX.Element;
+export default Alert;

package/lib/components/molecules/Alert/Alert.js

@@ -0,0 +1,124 @@
+/*
+ * 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, Modal } from 'react-native';
+import { useThemeColor } from '../../../theme';
+import { Card, Text, Icon } from '../../atoms';
+import Button from '../Button/Button';
+import { checkNullString } from '../../../utils';
+const DEFAULT_BUTTON_WIDTH = 115;
+const Alert = ({ style, visible = false, title, noBoldTitle = false, children, cancelButtonConfig, confirmButtonConfig, translator = key => key, }) => {
+    const Colors = useThemeColor();
+    const _cancelButtonConfig = useMemo(() => {
+        if (!cancelButtonConfig) {
+            return null;
+        }
+        return {
+            title: translator('Base_Cancel'),
+            color: Colors.errorColor,
+            iconName: 'times',
+            hide: false,
+            showInHeader: false,
+            headerSize: 20,
+            width: DEFAULT_BUTTON_WIDTH,
+            ...cancelButtonConfig,
+        };
+    }, [translator, Colors, cancelButtonConfig]);
+    const _confirmButtonConfig = useMemo(() => {
+        if (!confirmButtonConfig) {
+            return null;
+        }
+        return {
+            title: translator('Base_OK'),
+            color: Colors.primaryColor,
+            iconName: 'check',
+            hide: false,
+            width: DEFAULT_BUTTON_WIDTH,
+            ...confirmButtonConfig,
+        };
+    }, [translator, Colors, confirmButtonConfig]);
+    const isCancelButtonDisplayedBottom = useMemo(() => {
+        return !_cancelButtonConfig?.hide && !_cancelButtonConfig?.showInHeader;
+    }, [_cancelButtonConfig]);
+    const isConfirmButtonDisplayedBottom = useMemo(() => {
+        return !_confirmButtonConfig?.hide;
+    }, [_confirmButtonConfig]);
+    return (<Modal visible={visible} transparent animationType="fade" onRequestClose={_cancelButtonConfig?.onPress}>
+      <View style={styles.modalBackground}>
+        <Card style={[styles.container, style]}>
+          <View style={styles.headerContainer}>
+            {!checkNullString(title) && (<Text writingType={noBoldTitle ? null : 'title'} fontSize={20} style={[
+                styles.title,
+                { marginHorizontal: _cancelButtonConfig?.headerSize },
+            ]}>
+                {title}
+              </Text>)}
+            {!_cancelButtonConfig?.hide &&
+            _cancelButtonConfig?.showInHeader && (<Icon name="times" size={_cancelButtonConfig?.headerSize} style={styles.headerCancelButton} touchable onPress={_cancelButtonConfig?.onPress}/>)}
+          </View>
+          {children}
+          {(isCancelButtonDisplayedBottom ||
+            isConfirmButtonDisplayedBottom) && (<View style={styles.buttonsContainer}>
+              {isCancelButtonDisplayedBottom && (<Button {..._cancelButtonConfig} style={styles.cancelButton}/>)}
+              {isConfirmButtonDisplayedBottom && (<Button {..._confirmButtonConfig}/>)}
+            </View>)}
+        </Card>
+      </View>
+    </Modal>);
+};
+const styles = StyleSheet.create({
+    modalBackground: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'rgba(0,0,0,0.5)',
+    },
+    container: {
+        width: '90%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 20,
+        paddingRight: 20,
+        paddingVertical: 15,
+    },
+    headerContainer: {
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 10,
+    },
+    title: {
+        textAlign: 'center',
+    },
+    headerCancelButton: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    buttonsContainer: {
+        width: '100%',
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        marginTop: 10,
+    },
+    cancelButton: {
+        marginRight: 10,
+    },
+});
+export default Alert;
+//# sourceMappingURL=Alert.js.map

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

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

package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.js

@@ -17,12 +17,10 @@
  */
 import React from 'react';
 import { StyleSheet, Dimensions, View } from 'react-native';
-import { checkNullString } from '../../../utils/strings';
 import { useConfig } from '../../../config/ConfigContext';
 import { BlockInteractionScreen, Card } from '../../atoms';
 import Button from '../Button/Button';
 import WarningCard from '../WarningCard/WarningCard';
-import IconButton from '../IconButton/IconButton';
 /**
  * @description To use this component, please use
  * setBlockInteractionConfig({
@@ -50,7 +48,7 @@ const BlockInteractionMessage = ({}) => {
         {Array.isArray(blockInteractionConfig.actionItems) &&
             blockInteractionConfig.actionItems.length > 0 && (<View style={styles.buttonContainer}>
               {blockInteractionConfig.actionItems.map((action, index) => {
-                return !checkNullString(action.iconName) ? (<IconButton iconName={action.iconName} FontAwesome5={true} key={index} title={action.title} onPress={action.onPress} color={action.color} style={styles.width}/>) : (<Button key={index} title={action.title} onPress={action.onPress} color={action.color} style={styles.width}/>);
+                return (<Button iconName={action.iconName} key={index} title={action.title} onPress={action.onPress} color={action.color} style={styles.width}/>);
             })}
             </View>)}
       </Card>

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

@@ -1 +1 @@
-{"version":3,"file":"BlockInteractionMessage.js","sourceRoot":"","sources":["../../../../src/components/molecules/BlockInteractionMessage/BlockInteractionMessage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BlockInteractionMessage.js","sourceRoot":"","sources":["../../../../src/components/molecules/BlockInteractionMessage/BlockInteractionMessage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,uBAAuB,GAAG,CAAC,EAAE,EAAE,EAAE;IACrC,MAAM,EAAC,sBAAsB,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7C,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE;QACpC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CACvC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAC5D;QAAA,CAAC,WAAW,CACV,YAAY,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAC7C,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEtB;QAAA,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,WAAW,CAAC;YAChD,sBAAsB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;cAAA,CAAC,sBAAsB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACxD,OAAO,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpB,CACH,CAAC;YACJ,CAAC,CAAC,CACJ;YAAA,EAAE,IAAI,CAAC,CACR,CACL;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI;QAC3C,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC1C,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;KAC5C;IACD,KAAK,EAAE;QACL,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;KAC7C;IACD,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}

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

@@ -1,11 +1,18 @@
 import { Color } from '../../../theme/themes';
-interface ButtonProps {
+export interface ButtonProps {
+    width?: string | number;
+    color?: Color;
+    isNeutralBackground?: boolean;
+    iconName?: string;
+    iconSize?: number;
+    FontAwesome5?: boolean;
+    title?: string;
     style?: any;
+    styleIcon?: any;
     styleTxt?: any;
-    color?: Color;
-    title: string;
     onPress?: () => void;
     disabled?: boolean;
+    onDisabledPress?: () => void;
 }
-declare const Button: ({ style, styleTxt, color, title, onPress, disabled, }: ButtonProps) => JSX.Element;
+declare const Button: ({ width, color, isNeutralBackground, iconName, iconSize, FontAwesome5, title, style, styleIcon, styleTxt, onPress, disabled, onDisabledPress, }: ButtonProps) => JSX.Element;
 export default Button;

package/lib/components/molecules/Button/Button.js

@@ -19,29 +19,52 @@ import React, { useMemo } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
 import { getCommonStyles } from '../../../utils/commons-styles';
 import { useThemeColor } from '../../../theme/ThemeContext';
-import { Text } from '../../atoms';
-const Button = ({ style, styleTxt, color, title, onPress = () => { }, disabled = false, }) => {
+import { Icon, Text } from '../../atoms';
+const Button = ({ width = '90%', color, isNeutralBackground = false, iconName, iconSize = 15, FontAwesome5 = true, title, style, styleIcon, styleTxt, onPress = () => { }, disabled = false, onDisabledPress = null, }) => {
     const Colors = useThemeColor();
-    const buttonColor = useMemo(() => (color != null ? color : Colors.primaryColor), [Colors, color]);
+    const buttonColor = useMemo(() => {
+        if (disabled) {
+            return Colors.secondaryColor;
+        }
+        let _buttonColor = color != null ? color : Colors.primaryColor;
+        if (isNeutralBackground) {
+            _buttonColor = {
+                background: _buttonColor.background,
+                background_light: Colors.backgroundColor,
+                foreground: Colors.text,
+            };
+        }
+        return _buttonColor;
+    }, [color, Colors, disabled, isNeutralBackground]);
     const styles = useMemo(() => {
-        return getStyles(buttonColor.background);
-    }, [buttonColor]);
+        return getStyles(buttonColor, width);
+    }, [buttonColor, width]);
     const commonStyles = useMemo(() => {
         return getCommonStyles(Colors);
     }, [Colors]);
-    return (<TouchableOpacity style={[styles.colorButton, commonStyles.button, style]} onPress={onPress} disabled={disabled}>
-      <Text style={[styles.text, styleTxt]} fontSize={15} textColor={buttonColor.foreground}>
-        {title}
-      </Text>
+    if (!iconName && !title) {
+        return null;
+    }
+    return (<TouchableOpacity style={[commonStyles.button, styles.colorButton, style]} onPress={disabled ? onDisabledPress : onPress} disabled={disabled && !onDisabledPress} activeOpacity={0.9}>
+      {!!iconName && (<Icon name={iconName} FontAwesome5={FontAwesome5} size={iconSize} color={buttonColor.foreground} style={[styles.icon, styleIcon]}/>)}
+      {!!title && (<Text style={[styles.text, styleTxt]} fontSize={17} textColor={buttonColor.foreground}>
+          {title}
+        </Text>)}
     </TouchableOpacity>);
 };
-const getStyles = backgroundColor => StyleSheet.create({
+const getStyles = (color, width) => StyleSheet.create({
     colorButton: {
-        backgroundColor: backgroundColor,
+        backgroundColor: color.background_light,
+        borderColor: color.background,
+        width: width,
     },
     text: {
         fontWeight: 'bold',
         textAlign: 'center',
+        marginHorizontal: 5,
+    },
+    icon: {
+        marginHorizontal: 5,
     },
 });
 export default Button;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/molecules/Button/Button.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,EAAC,MAAM,aAAa,CAAC;AAYjC,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,GACJ,EAAE,EAAE;IAChB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EACnD,CAAC,MAAM,EAAE,KAAK,CAAC,CAChB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CACxD,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAC/B,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAClC;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,eAAe,CAAC,EAAE,CAClC,UAAU,CAAC,MAAM,CAAC;IAChB,WAAW,EAAE;QACX,eAAe,EAAE,eAAe;KACjC;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/molecules/Button/Button.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;AAmBvC,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,GAAG,KAAK,EACb,KAAK,EACL,mBAAmB,GAAG,KAAK,EAC3B,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,YAAY,GAAG,IAAI,EACnB,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,GACV,EAAE,EAAE;IAChB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,QAAQ,EAAE;YACZ,OAAO,MAAM,CAAC,cAAc,CAAC;SAC9B;QAED,IAAI,YAAY,GAAU,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;QAEtE,IAAI,mBAAmB,EAAE;YACvB,YAAY,GAAG;gBACb,UAAU,EAAE,YAAY,CAAC,UAAU;gBACnC,gBAAgB,EAAE,MAAM,CAAC,eAAe;gBACxC,UAAU,EAAE,MAAM,CAAC,IAAI;aACxB,CAAC;SACH;QAED,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CACxD,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAC9C,QAAQ,CAAC,CAAC,QAAQ,IAAI,CAAC,eAAe,CAAC,CACvC,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;MAAA,CAAC,CAAC,CAAC,QAAQ,IAAI,CACb,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAC9B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAChC,CACH,CACD;MAAA,CAAC,CAAC,CAAC,KAAK,IAAI,CACV,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAC/B,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAClC;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,KAAsB,EAAE,EAAE,CACzD,UAAU,CAAC,MAAM,CAAC;IAChB,WAAW,EAAE;QACX,eAAe,EAAE,KAAK,CAAC,gBAAgB;QACvC,WAAW,EAAE,KAAK,CAAC,UAAU;QAC7B,KAAK,EAAE,KAAK;KACb;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QACnB,gBAAgB,EAAE,CAAC;KACpB;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,MAAM,CAAC"}

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

@@ -1,8 +1,15 @@
-declare const CircleButton: ({ style, disabled, iconName, size, onPress, }: {
+import { Color } from '../../../theme/themes';
+interface CircleButtonProps {
+    square?: boolean;
+    size?: number;
+    color?: Color;
+    isNeutralBackground?: boolean;
+    iconName: string;
+    FontAwesome5?: boolean;
     style?: any;
+    onPress?: () => void;
     disabled?: boolean;
-    iconName: string;
-    size?: number;
-    onPress: () => void;
-}) => JSX.Element;
+    onDisabledPress?: () => void;
+}
+declare const CircleButton: ({ square, size, color, isNeutralBackground, iconName, FontAwesome5, style, onPress, disabled, onDisabledPress, }: CircleButtonProps) => JSX.Element;
 export default CircleButton;

package/lib/components/molecules/CircleButton/CircleButton.js

@@ -16,31 +16,24 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useMemo } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { useThemeColor } from '../../../theme/ThemeContext';
-import { Icon } from '../../atoms';
+import { StyleSheet } from 'react-native';
+import { Button } from '../../molecules';
 const BUTTON_SIZE = 50;
-const CircleButton = ({ style, disabled = false, iconName, size = BUTTON_SIZE, onPress, }) => {
-    const Colors = useThemeColor();
-    const color = useMemo(() => (disabled ? Colors.secondaryColor : Colors.primaryColor), [Colors, disabled]);
-    const styles = useMemo(() => getStyles(color.background, size), [color, size]);
+const CircleButton = ({ square = true, size = BUTTON_SIZE, color, isNeutralBackground = false, iconName, FontAwesome5 = true, style, onPress = () => { }, disabled = false, onDisabledPress = null, }) => {
+    const styles = useMemo(() => {
+        return getStyles(size, square);
+    }, [size, square]);
     const iconSize = useMemo(() => Math.floor(size / 2), [size]);
-    return (<TouchableOpacity style={[styles.container, style]} onPress={onPress} disabled={disabled} activeOpacity={0.8}>
-      <Icon name={iconName} color={color.foreground} size={iconSize} style={styles.icon}/>
-    </TouchableOpacity>);
+    return (<Button color={color} isNeutralBackground={isNeutralBackground} iconName={iconName} iconSize={iconSize} FontAwesome5={FontAwesome5} style={[styles.button, style]} styleIcon={styles.icon} onPress={onPress} disabled={disabled} onDisabledPress={onDisabledPress}/>);
 };
-const getStyles = (color, size) => StyleSheet.create({
-    container: {
-        backgroundColor: color,
-        borderRadius: size,
+const getStyles = (size, square) => StyleSheet.create({
+    button: {
         width: size,
         height: size,
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center',
+        borderRadius: square ? 13 : size,
     },
     icon: {
-        alignSelf: 'center',
+        marginHorizontal: 0,
     },
 });
 export default CircleButton;

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

@@ -1 +1 @@
-{"version":3,"file":"CircleButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CircleButton/CircleButton.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,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAEjC,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,IAAI,GAAG,WAAW,EAClB,OAAO,GAOR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAU,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAC9D,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EACvC,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAC;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CACxB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAEvB;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAChC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,KAAK;QACtB,YAAY,EAAE,IAAI;QAClB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CircleButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CircleButton/CircleButton.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,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAGvC,MAAM,WAAW,GAAG,EAAE,CAAC;AAevB,MAAM,YAAY,GAAG,CAAC,EACpB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,WAAW,EAClB,KAAK,EACL,mBAAmB,GAAG,KAAK,EAC3B,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,KAAK,EACL,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,GACJ,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAC9B,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,EAAE,CAClD,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;KACjC;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,YAAY,CAAC"}

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

@@ -20,6 +20,7 @@ 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';
+import { checkNullString } from '../../../utils';
 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);
@@ -38,7 +39,7 @@ const InfoBubble = ({ style, iconName, badgeColor, indication, textIndicationSty
       <TouchableOpacity onPress={onPress} activeOpacity={0.95}>
         <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]}>
+      {!checkNullString(indication) && isOpen ? (<Card style={[styles.indicationCard, textIndicationStyle]}>
           <Text>{indication}</Text>
         </Card>) : null}
     </View>);

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":"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;AAa1C,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,EAC5C,QAAQ,GAAG,OAAO,EAClB,aAAa,GAAG,IAAI,GACJ,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,EAAE,IAAI,EAAE,QAAQ,CAAC,EAC3D,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAC7C,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,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAC1C,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CACrE,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,EAElD;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,IAAI,EAAE,QAAQ,EAAE,EAAE,CAC/D,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,IAAI,EAAE;QACJ,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,IAAI;QAClB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;KACb;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EACtC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;KACxC;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InfoBubble.js","sourceRoot":"","sources":["../../../../src/components/molecules/InfoBubble/InfoBubble.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,12 @@
+import { ReactElement } from 'react';
 interface ToggleSwitchProps {
     styleContainer?: any;
     styleToogle?: any;
     leftTitle: string;
+    leftElement?: ReactElement | JSX.Element;
     rightTitle: string;
+    rigthElement?: ReactElement | JSX.Element;
     onSwitch: () => void;
 }
-declare const ToggleSwitch: ({ styleContainer, styleToogle, leftTitle, rightTitle, onSwitch, }: ToggleSwitchProps) => JSX.Element;
+declare const ToggleSwitch: ({ styleContainer, styleToogle, leftTitle, leftElement, rightTitle, rigthElement, onSwitch, }: ToggleSwitchProps) => JSX.Element;
 export default ToggleSwitch;

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

@@ -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 = ({ styleContainer, styleToogle, leftTitle, rightTitle, onSwitch = () => { }, }) => {
+const ToggleSwitch = ({ styleContainer, styleToogle, leftTitle, leftElement, rightTitle, rigthElement, onSwitch = () => { }, }) => {
     const Colors = useThemeColor();
     const [active, setActive] = useState(true);
     const styles = useMemo(() => getStyles(Colors), [Colors]);
@@ -34,9 +34,11 @@ const ToggleSwitch = ({ styleContainer, styleToogle, leftTitle, rightTitle, onSw
     return (<View style={[styles.container, styleContainer]}>
       <TouchableOpacity style={[styles.toggle, active && styles.active, styleToogle]} disabled={active} onPress={onLeftPress}>
         <Text>{leftTitle}</Text>
+        {leftElement != null && React.cloneElement(leftElement)}
       </TouchableOpacity>
       <TouchableOpacity style={[styles.toggle, !active && styles.active, styleToogle]} disabled={!active} onPress={onRightPress}>
         <Text>{rightTitle}</Text>
+        {rigthElement != null && React.cloneElement(rigthElement)}
       </TouchableOpacity>
     </View>);
 };
@@ -57,6 +59,7 @@ const getStyles = Colors => StyleSheet.create({
         borderRadius: 50,
         justifyContent: 'center',
         alignItems: 'center',
+        flexDirection: 'row',
     },
     active: {
         backgroundColor: Colors.primaryColor.background_light,

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/molecules/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,EACpB,cAAc,EACd,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACD,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,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,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAC7D,QAAQ,CAAC,CAAC,MAAM,CAAC,CACjB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB;QAAA,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CACzB;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAC9D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAClB,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB;QAAA,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAC1B;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,gBAAgB;QACnD,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC5C,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,YAAY,CAAC,gBAAgB;KACtD;CACF,CAAC,CAAC;AACL,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/molecules/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+export { default as Alert } from './Alert/Alert';
 export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
 export { default as Badge } from './Badge/Badge';
 export { default as BlockInteractionMessage } from './BlockInteractionMessage/BlockInteractionMessage';
@@ -15,7 +16,6 @@ export { default as FormIncrementInput } from './FormIncrementInput/FormIncremen
 export { default as FormInput } from './FormInput/FormInput';
 export { default as FromTo } from './FromTo/FromTo';
 export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
-export { default as IconButton } from './IconButton/IconButton';
 export { default as IconInput } from './IconInput/IconInput';
 export { default as Image } from './Image/Image';
 export { default as Increment } from './Increment/Increment';
@@ -29,7 +29,6 @@ export { default as MultiValuePickerButton } from './MultiValuePickerButton/Mult
 export { default as NotesCard } from './NotesCard/NotesCard';
 export { default as NumberBubble } from './NumberBubble/NumberBubble';
 export { default as PanelTabs } from './PanelTabs/PanelTabs';
-export { default as PopUp } from './PopUp/PopUp';
 export { default as RadioSelect } from './RadioSelect/RadioSelect';
 export { default as RightIconButton } from './RightIconButton/RightIconButton';
 export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';

package/lib/components/molecules/index.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+export { default as Alert } from './Alert/Alert';
 export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
 export { default as Badge } from './Badge/Badge';
 export { default as BlockInteractionMessage } from './BlockInteractionMessage/BlockInteractionMessage';
@@ -32,7 +33,6 @@ export { default as FormIncrementInput } from './FormIncrementInput/FormIncremen
 export { default as FormInput } from './FormInput/FormInput';
 export { default as FromTo } from './FromTo/FromTo';
 export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
-export { default as IconButton } from './IconButton/IconButton';
 export { default as IconInput } from './IconInput/IconInput';
 export { default as Image } from './Image/Image';
 export { default as Increment } from './Increment/Increment';
@@ -46,7 +46,6 @@ export { default as MultiValuePickerButton } from './MultiValuePickerButton/Mult
 export { default as NotesCard } from './NotesCard/NotesCard';
 export { default as NumberBubble } from './NumberBubble/NumberBubble';
 export { default as PanelTabs } from './PanelTabs/PanelTabs';
-export { default as PopUp } from './PopUp/PopUp';
 export { default as RadioSelect } from './RadioSelect/RadioSelect';
 export { default as RightIconButton } from './RightIconButton/RightIconButton';
 export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';

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

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

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

@@ -16,10 +16,9 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useState, useCallback, useEffect } from 'react';
-import { Dimensions, StyleSheet } from 'react-native';
+import { Dimensions, StyleSheet, View } from 'react-native';
 import { checkNullString } from '../../../utils/strings';
-import { Icon } from '../../atoms';
-import { PopUp } from '../../molecules';
+import { Alert } from '../../molecules';
 import { AutoCompleteSearch, ScrollList } from '../../organisms';
 import ItemCard from './ItemCard';
 const SearchDetailsPopUp = ({ isVisible, objectList, value = null, placeholder, displayValue, onClose, onSelect, fetchData, loadingList, moreLoading, isListEnd, translator, }) => {
@@ -38,31 +37,27 @@ const SearchDetailsPopUp = ({ isVisible, objectList, value = null, placeholder,
     if (!isVisible) {
         return null;
     }
-    return (<PopUp visible={isVisible} style={styles.popup} childrenStyle={styles.container}>
-      <Icon name="times" size={20} touchable={true} onPress={onClose} style={styles.closeIcon}/>
-      <AutoCompleteSearch objectList={objectList} onChangeValue={onSelect} fetchData={filterAPI} displayValue={displayValue} placeholder={placeholder} oneFilter={true} showDetailsPopup={false} style={styles.input}/>
-      <ScrollList style={styles.scroll} loadingList={loadingList} data={objectList} renderItem={({ item }) => (<ItemCard onSelect={() => onSelect(item)} title={displayValue(item)} isSelected={value === displayValue(item)}/>)} fetchData={scrollAPI} moreLoading={moreLoading} isListEnd={isListEnd} filter={!checkNullString(searchText)} translator={translator}/>
-    </PopUp>);
+    return (<Alert visible={isVisible} style={styles.popup} cancelButtonConfig={{
+            showInHeader: true,
+            onPress: onClose,
+        }}>
+      <View style={styles.container}>
+        <AutoCompleteSearch objectList={objectList} onChangeValue={onSelect} fetchData={filterAPI} displayValue={displayValue} placeholder={placeholder} oneFilter={true} showDetailsPopup={false} style={styles.input}/>
+        <ScrollList style={styles.scroll} loadingList={loadingList} data={objectList} renderItem={({ item }) => (<ItemCard onSelect={() => onSelect(item)} title={displayValue(item)} isSelected={value === displayValue(item)}/>)} fetchData={scrollAPI} moreLoading={moreLoading} isListEnd={isListEnd} filter={!checkNullString(searchText)} translator={translator}/>
+      </View>
+    </Alert>);
 };
 const styles = StyleSheet.create({
     popup: {
         height: Dimensions.get('window').height * 0.9,
-        paddingLeft: 5,
-        paddingRight: 5,
-        paddingVertical: 5,
+        paddingHorizontal: 10,
+        paddingRight: 10,
+        paddingVertical: 10,
         position: 'absolute',
         top: '5%',
     },
     container: {
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '100%',
-        height: '100%',
-    },
-    closeIcon: {
-        alignSelf: 'flex-end',
-        marginRight: 5,
+        marginTop: 10,
     },
     input: {
         width: '90%',

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

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

package/lib/components/organisms/FloatingButton/FloatingButton.js

@@ -25,12 +25,12 @@ import { CircleButton } from '../../molecules';
 const FLOATING_BUTTON_SIZE = 60;
 const ACTION_BUTTON_SIZE_PERCENTAGE = 0.8;
 const MIN_ACTION_BUTTON_WIDTH = 200;
-const FloatingActionButton = ({ actionKey, title, iconName, size, disabled = false, onPress, translator, }) => {
+const FloatingActionButton = ({ actionKey, title, iconName, buttonParams, disabled = false, onPress, translator, }) => {
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors), [Colors]);
     const handleActionPress = useCallback(() => onPress(actionKey), [actionKey, onPress]);
     return (<View style={styles.actionButtonContainer}>
-      <CircleButton iconName={iconName} size={size} onPress={handleActionPress} disabled={disabled}/>
+      <CircleButton iconName={iconName} size={buttonParams.size} onPress={handleActionPress} disabled={disabled} style={{ marginRight: buttonParams.marginRight }}/>
       <View style={styles.actionTitleContainer}>
         <Text fontSize={16} style={styles.actionTitle}>
           {translator(title)}
@@ -52,14 +52,21 @@ const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZ
             setIsOpen(false);
         }
     }, [clickOutside, isOpen]);
-    const actionSize = useMemo(() => Math.floor(size * ACTION_BUTTON_SIZE_PERCENTAGE), [size]);
+    const actionButtonParams = useMemo(() => {
+        const actionButtonSize = Math.floor(size * ACTION_BUTTON_SIZE_PERCENTAGE);
+        const actionButtonMarginRight = Math.floor((size - actionButtonSize) / 2);
+        return {
+            size: actionButtonSize,
+            marginRight: actionButtonMarginRight,
+        };
+    }, [size]);
     const onActionPress = useCallback(actionPress => {
         actionPress();
         setIsOpen(false);
     }, []);
     const actionComponents = useMemo(() => actions
         ?.reverse()
-        ?.map(action => (<FloatingActionButton key={action.key} actionKey={action.key} title={action.title} iconName={action.iconName} size={actionSize} disabled={action.disabled} onPress={() => onActionPress(action.onPress)} translator={translator}/>)), [actions, actionSize, onActionPress, translator]);
+        ?.map(action => (<FloatingActionButton key={action.key} actionKey={action.key} title={action.title} iconName={action.iconName} buttonParams={actionButtonParams} disabled={action.disabled} onPress={() => onActionPress(action.onPress)} translator={translator}/>)), [actions, actionButtonParams, onActionPress, translator]);
     const styles = useMemo(() => getStyles(Colors), [Colors]);
     const handleFLoatingButtonPress = useCallback(() => {
         animationUtil.animateNext();
@@ -70,7 +77,7 @@ const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZ
     }
     return (<View ref={wrapperRef} style={[styles.container, style]}>
       {isOpen && (<View style={styles.actionsContainer}>{actionComponents}</View>)}
-      <CircleButton iconName={isOpen ? 'times' : iconName} onPress={handleFLoatingButtonPress} size={size}/>
+      <CircleButton iconName={isOpen ? 'times' : iconName} onPress={handleFLoatingButtonPress} size={size} style={styles.floatingButton}/>
     </View>);
 };
 const getStyles = (Colors) => StyleSheet.create({
@@ -79,11 +86,10 @@ const getStyles = (Colors) => StyleSheet.create({
         marginTop: 7,
     },
     actionsContainer: {
-        marginVertical: 10,
-        paddingHorizontal: 7,
+        marginBottom: 10,
     },
     actionTitleContainer: {
-        backgroundColor: Colors.screenBackgroundColor,
+        backgroundColor: Colors.backgroundColor,
         marginHorizontal: 15,
         marginVertical: 10,
         justifyContent: 'center',
@@ -101,8 +107,9 @@ const getStyles = (Colors) => StyleSheet.create({
     container: {
         justifyContent: 'flex-end',
         alignItems: 'flex-end',
-        marginVertical: 10,
-        marginHorizontal: 20,
+    },
+    floatingButton: {
+        alignSelf: 'flex-end',
     },
 });
 export default FloatingButton;

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

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

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

@@ -7,8 +7,6 @@ export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
 export { default as ImageBubble } from './ImageBubble/ImageBubble';
 export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
 export { default as Picker } from './Picker/Picker';
-export { default as PopUpOneButton } from './PopUpOneButton/PopUpOneButton';
-export { default as PopUpTwoButton } from './PopUpTwoButton/PopUpTwoButton';
 export { default as ProgressBar } from './ProgressBar/ProgressBar';
 export { default as ScrollList } from './ScrollList/ScrollList';
 export { default as SearchBar } from './SearchBar/SearchBar';

package/lib/components/organisms/index.js

@@ -24,8 +24,6 @@ export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
 export { default as ImageBubble } from './ImageBubble/ImageBubble';
 export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
 export { default as Picker } from './Picker/Picker';
-export { default as PopUpOneButton } from './PopUpOneButton/PopUpOneButton';
-export { default as PopUpTwoButton } from './PopUpTwoButton/PopUpTwoButton';
 export { default as ProgressBar } from './ProgressBar/ProgressBar';
 export { default as ScrollList } from './ScrollList/ScrollList';
 export { default as SearchBar } from './SearchBar/SearchBar';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}

package/lib/utils/commons-styles.d.ts

@@ -29,13 +29,13 @@ export function getCommonStyles(Colors: any, _required?: boolean): {
         justifyContent: "center";
         alignItems: "center";
         alignContent: "center";
+        paddingHorizontal: number;
         paddingVertical: number;
         marginVertical: number;
         borderRadius: number;
-        width: string;
+        borderWidth: number;
         height: number;
         minHeight: number;
-        maxHeight: number;
     };
     inputFocused: {
         borderWidth: number;

package/lib/utils/commons-styles.js

@@ -15,7 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { Dimensions, StyleSheet } from 'react-native';
+import { StyleSheet } from 'react-native';
 import { hexToRgb } from './commons-utlis';
 export const getCommonStyles = (Colors, _required = false) => StyleSheet.create({
     filter: {
@@ -45,13 +45,13 @@ export const getCommonStyles = (Colors, _required = false) => StyleSheet.create(
         justifyContent: 'center',
         alignItems: 'center',
         alignContent: 'center',
+        paddingHorizontal: 5,
         paddingVertical: 5,
         marginVertical: 5,
-        borderRadius: 35,
-        width: '90%',
-        height: Dimensions.get('window').height * 0.07,
-        minHeight: 30,
-        maxHeight: 40,
+        borderRadius: 13,
+        borderWidth: 2,
+        height: 50,
+        minHeight: 40,
     },
     inputFocused: {
         borderWidth: 1,

package/lib/utils/commons-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"commons-styles.js","sourceRoot":"","sources":["../../src/utils/commons-styles.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE,CAC3D,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,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,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;KAClB;IACD,WAAW,EAAE;QACX,gBAAgB,EAAE,EAAE;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,QAAQ;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI;QAC9C,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,EAAE;KACd;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;YACpB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU;YAC9B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU;QAClC,WAAW,EAAE,QAAQ,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;QACtE,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;QACnC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}
+{"version":3,"file":"commons-styles.js","sourceRoot":"","sources":["../../src/utils/commons-styles.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE,CAC3D,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,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,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;KAClB;IACD,WAAW,EAAE;QACX,gBAAgB,EAAE,EAAE;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,QAAQ;QACtB,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,EAAE;KACd;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;YACpB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU;YAC9B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU;QAClC,WAAW,EAAE,QAAQ,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;QACtE,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;QACnC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axelor/aos-mobile-ui",
-  "version": "7.1.2",
+  "version": "7.2.0",
   "author": "Axelor",
   "license": "AGPL-3.0-only",
   "publishConfig": {

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

@@ -1,12 +0,0 @@
-import { Color } from '../../../theme/themes';
-interface IconButtonProps {
-    style?: any;
-    color?: Color;
-    title: string;
-    iconName: string;
-    FontAwesome5?: boolean;
-    onPress: (any: any) => void;
-    disabled?: boolean;
-}
-declare const IconButton: ({ style, color, title, iconName, FontAwesome5, onPress, disabled, }: IconButtonProps) => JSX.Element;
-export default IconButton;

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

@@ -1,48 +0,0 @@
-/*
- * 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, 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, FontAwesome5 = true, onPress = () => { }, disabled = false, }) => {
-    const Colors = useThemeColor();
-    const buttonColor = useMemo(() => (color == null ? Colors.primaryColor : color), [Colors.primaryColor, color]);
-    const styles = useMemo(() => {
-        return getStyles(buttonColor);
-    }, [buttonColor]);
-    const commonStyle = useMemo(() => getCommonStyles(Colors), [Colors]);
-    return (<TouchableOpacity style={[styles.container, commonStyle.button, style]} onPress={onPress} disabled={disabled}>
-      <Icon name={iconName} FontAwesome5={FontAwesome5} size={15} color={buttonColor.foreground}/>
-      <Text style={styles.text}>{title}</Text>
-    </TouchableOpacity>);
-};
-const getStyles = color => StyleSheet.create({
-    container: {
-        backgroundColor: color.background,
-    },
-    text: {
-        color: color.foreground,
-        fontSize: 15,
-        fontWeight: 'bold',
-        textAlign: 'center',
-        marginLeft: 10,
-    },
-});
-export default IconButton;
-//# sourceMappingURL=IconButton.js.map

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

@@ -1 +0,0 @@
-{"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/PopUp/PopUp.d.ts

@@ -1,10 +0,0 @@
-interface PopUpProps {
-    style?: any;
-    visible: boolean;
-    title?: string;
-    data?: string;
-    children: any;
-    childrenStyle?: any;
-}
-declare const PopUp: ({ style, visible, title, data, children, childrenStyle, }: PopUpProps) => JSX.Element;
-export default PopUp;

package/lib/components/molecules/PopUp/PopUp.js

@@ -1,77 +0,0 @@
-/*
- * 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 from 'react';
-import { StyleSheet, View, Modal } from 'react-native';
-import { checkNullString } from '../../../utils/strings';
-import { Card, Text } from '../../atoms';
-const PopUp = ({ style, visible, title, data, children, childrenStyle, }) => {
-    return (<Modal visible={visible} transparent animationType="fade" onRequestClose={() => console.log('closed')}>
-      <View style={styles.modalBackground}>
-        <Card style={[styles.container, style]}>
-          {!checkNullString(title) && (<View style={styles.headerContainer}>
-              <Text style={styles.header}>{title}</Text>
-            </View>)}
-          {!checkNullString(data) && (<View style={styles.contentContainer}>
-              <Text style={styles.text}>{data}</Text>
-            </View>)}
-          <View style={[styles.buttonContainer, childrenStyle]}>
-            {children}
-          </View>
-        </Card>
-      </View>
-    </Modal>);
-};
-const styles = StyleSheet.create({
-    modalBackground: {
-        flex: 1,
-        backgroundColor: 'rgba(0,0,0,0.5)',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    container: {
-        width: '80%',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    headerContainer: {
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '80%',
-        marginBottom: 8,
-    },
-    header: {
-        fontSize: 20,
-        fontWeight: 'bold',
-    },
-    contentContainer: {
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    text: {
-        textAlign: 'center',
-        fontSize: 16,
-    },
-    buttonContainer: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '80%',
-    },
-});
-export default PopUp;
-//# sourceMappingURL=PopUp.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PopUp.js","sourceRoot":"","sources":["../../../../src/components/molecules/PopUp/PopUp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,cAAc,CAAC;AACrD,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAWvC,MAAM,KAAK,GAAG,CAAC,EACb,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,aAAa,GACF,EAAE,EAAE;IACf,OAAO,CACL,CAAC,KAAK,CACJ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CACX,aAAa,CAAC,MAAM,CACpB,cAAc,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAC5C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;UAAA,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAC1B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAC3C;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CACzB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CACxC;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CACnD;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,iBAAiB;QAClC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,eAAe,EAAE;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,gBAAgB,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

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

@@ -1,9 +0,0 @@
-interface PopUpOneButtonProps {
-    visible: boolean;
-    title: string;
-    data: string;
-    btnTitle: string;
-    onPress: () => void;
-}
-declare const PopUpOneButton: ({ visible, title, data, btnTitle, onPress, }: PopUpOneButtonProps) => JSX.Element;
-export default PopUpOneButton;

package/lib/components/organisms/PopUpOneButton/PopUpOneButton.js

@@ -1,41 +0,0 @@
-/*
- * 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 { Button, PopUp } from '../../molecules';
-const PopUpOneButton = ({ visible, title, data, btnTitle, onPress, }) => {
-    const Colors = useThemeColor();
-    const styles = useMemo(() => getStyles(Colors), [Colors]);
-    return (<PopUp visible={visible} title={title} data={data}>
-      <Button style={styles.button} title={btnTitle} onPress={onPress}/>
-    </PopUp>);
-};
-const getStyles = (Colors) => StyleSheet.create({
-    button: {
-        alignSelf: 'center',
-        marginTop: 15,
-        elevation: 5,
-        shadowOpacity: 0.5,
-        shadowColor: Colors.secondaryColor.background,
-        shadowOffset: { width: 0, height: 0 },
-        width: '40%',
-    },
-});
-export default PopUpOneButton;
-//# sourceMappingURL=PopUpOneButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PopUpOneButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/PopUpOneButton/PopUpOneButton.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,MAAM,EAAE,KAAK,EAAC,MAAM,iBAAiB,CAAC;AAU9C,MAAM,cAAc,GAAG,CAAC,EACtB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,GACa,EAAE,EAAE;IACxB,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,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAChD;MAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAClE;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,EAAE;QACb,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,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEL,eAAe,cAAc,CAAC"}

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

@@ -1,11 +0,0 @@
-interface PopUpTwoButtonProps {
-    visible: boolean;
-    title: string;
-    data: string;
-    PrimaryBtnTitle: string;
-    onPressPrimary: () => void;
-    SecondaryBtnTitle: string;
-    onPressSecondary: () => void;
-}
-declare const PopUpTwoButton: ({ visible, title, data, PrimaryBtnTitle, onPressPrimary, SecondaryBtnTitle, onPressSecondary, }: PopUpTwoButtonProps) => JSX.Element;
-export default PopUpTwoButton;

package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.js

@@ -1,42 +0,0 @@
-/*
- * 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 { Button, PopUp } from '../../molecules';
-const PopUpTwoButton = ({ visible, title, data, PrimaryBtnTitle, onPressPrimary, SecondaryBtnTitle, onPressSecondary, }) => {
-    const Colors = useThemeColor();
-    const styles = useMemo(() => getStyles(Colors), [Colors]);
-    return (<PopUp visible={visible} title={title} data={data}>
-      <Button style={styles.button} color={Colors.secondaryColor} title={SecondaryBtnTitle} onPress={onPressSecondary}/>
-      <Button style={styles.button} color={Colors.primaryColor} title={PrimaryBtnTitle} onPress={onPressPrimary}/>
-    </PopUp>);
-};
-const getStyles = (Colors) => StyleSheet.create({
-    button: {
-        marginHorizontal: 4,
-        marginTop: 15,
-        elevation: 5,
-        shadowOpacity: 0.5,
-        shadowColor: Colors.secondaryColor.background,
-        shadowOffset: { width: 0, height: 0 },
-        width: '40%',
-    },
-});
-export default PopUpTwoButton;
-//# sourceMappingURL=PopUpTwoButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PopUpTwoButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/PopUpTwoButton/PopUpTwoButton.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,MAAM,EAAE,KAAK,EAAC,MAAM,iBAAiB,CAAC;AAY9C,MAAM,cAAc,GAAG,CAAC,EACtB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,GACI,EAAE,EAAE;IACxB,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,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAChD;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAC7B,KAAK,CAAC,CAAC,iBAAiB,CAAC,CACzB,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAE5B;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,KAAK,CAAC,CAAC,eAAe,CAAC,CACvB,OAAO,CAAC,CAAC,cAAc,CAAC,EAE5B;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,EAAE;QACb,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,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEL,eAAe,cAAc,CAAC"}