@axelor/aos-mobile-ui 7.1.1 → 7.1.2

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

@@ -8,13 +8,12 @@ interface MultiValuePickerProps {
     style?: any;
     pickerStyle?: any;
     styleTxt?: any;
-    title: string;
-    onValueChange?: (any: any) => void;
+    title?: string;
+    onValueChange?: (itemList: Item[]) => void;
     defaultItems?: Item[];
     listItems: Item[];
-    disabled?: boolean;
-    disabledValue?: string[];
+    readonly?: boolean;
     required?: boolean;
 }
-declare const MultiValuePicker: ({ style, pickerStyle, styleTxt, title, onValueChange, defaultItems, listItems, disabled, disabledValue, required, }: MultiValuePickerProps) => JSX.Element;
+declare const MultiValuePicker: ({ style, pickerStyle, styleTxt, title, onValueChange, defaultItems, listItems, readonly, required, }: MultiValuePickerProps) => JSX.Element;
 export default MultiValuePicker;

package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js

@@ -16,15 +16,14 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Dimensions, Platform, StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { useThemeColor } from '../../../theme/ThemeContext';
 import { getCommonStyles } from '../../../utils/commons-styles';
 import { Text } from '../../atoms';
 import { SelectionContainer, MultiValuePickerButton } from '../../molecules';
 import { getItemsFromList } from '../../../utils/list';
 import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
-import MultiSelectValue from '../MultiSelectValue/MultiSelectValue';
-const MultiValuePicker = ({ style, pickerStyle, styleTxt, title, onValueChange, defaultItems = [], listItems = [], disabled = false, disabledValue = [], required = false, }) => {
+const MultiValuePicker = ({ style, pickerStyle, styleTxt, title, onValueChange, defaultItems = [], listItems = [], readonly = false, required = false, }) => {
     const Colors = useThemeColor();
     const [pickerIsOpen, setPickerIsOpen] = useState(false);
     const [isFocused, setIsFocused] = useState(false);
@@ -62,57 +61,40 @@ const MultiValuePicker = ({ style, pickerStyle, styleTxt, title, onValueChange,
     const commonStyles = useMemo(() => getCommonStyles(Colors, _required), [Colors, _required]);
     const styles = useMemo(() => getStyles(Colors, _required), [Colors, _required]);
     return (<View ref={wrapperRef} style={[
+            styles.container,
             Platform.OS === 'ios' && pickerIsOpen ? styles.containerZIndex : null,
             style,
         ]}>
-      {!disabled && (<View style={styles.titleContainer}>
-          <Text style={styleTxt}>{title}</Text>
-        </View>)}
-      {disabled ? (<View style={[
-                commonStyles.filter,
-                commonStyles.filterSize,
-                commonStyles.filterAlign,
-                styles.infosCard,
-                pickerStyle,
-            ]}>
-          <MultiSelectValue itemList={disabledValue} title={`${title} :`}/>
-        </View>) : (<View style={[
-                Platform.OS === 'ios' && pickerIsOpen
-                    ? styles.pickerContainerZIndex
-                    : null,
-            ]}>
-          <MultiValuePickerButton onPress={togglePicker} listItem={selectedItemList} style={[
-                commonStyles.filter,
-                commonStyles.filterSize,
-                commonStyles.filterAlign,
-                styles.rightIconButton,
-                isFocused && commonStyles.inputFocused,
-                pickerStyle,
-            ]} onPressItem={handleValueChange}/>
-          {pickerIsOpen ? (<SelectionContainer objectList={listItems} keyField="key" displayValue={(item) => item.title} handleSelect={handleValueChange} isPicker={true} selectedItem={selectedItemList}/>) : null}
-        </View>)}
+      {title && <Text style={[styles.title, styleTxt]}>{title}</Text>}
+      <MultiValuePickerButton onPress={togglePicker} listItem={selectedItemList} style={[
+            commonStyles.filter,
+            commonStyles.filterSize,
+            commonStyles.filterAlign,
+            isFocused && commonStyles.inputFocused,
+            styles.content,
+            pickerStyle,
+        ]} onPressItem={handleValueChange} readonly={readonly}/>
+      {pickerIsOpen ? (<SelectionContainer objectList={listItems} keyField="key" displayValue={(item) => item.title} handleSelect={handleValueChange} isPicker={true} selectedItem={selectedItemList} readonly={readonly}/>) : null}
     </View>);
 };
 const getStyles = (Colors, _required) => StyleSheet.create({
+    container: {
+        width: '90%',
+    },
     containerZIndex: {
         zIndex: 45,
     },
-    titleContainer: {
-        marginHorizontal: 24,
+    title: {
+        marginLeft: 10,
     },
-    rightIconButton: {
-        width: Dimensions.get('window').width * 0.9,
+    content: {
+        width: '100%',
         borderColor: _required
             ? Colors.errorColor.background
             : Colors.secondaryColor.background,
         borderWidth: 1,
-    },
-    infosCard: {
-        justifyContent: 'flex-start',
-        width: Dimensions.get('window').width * 0.9,
-    },
-    pickerContainerZIndex: {
-        zIndex: 50,
+        marginHorizontal: 0,
+        minHeight: 40,
     },
 });
 export default MultiValuePicker;

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

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

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

@@ -2,19 +2,18 @@ interface PickerProps {
     style?: any;
     pickerStyle?: any;
     styleTxt?: any;
-    title: string;
+    title?: string;
     onValueChange: (any: any) => void;
     defaultValue?: string;
     listItems: any[];
+    displayValue?: (item: any) => string;
     labelField: string;
     valueField: string;
     emptyValue?: boolean;
     isValueItem?: boolean;
-    disabled?: boolean;
-    disabledValue?: string;
-    iconName?: string;
+    readonly?: boolean;
     required?: boolean;
     isScrollViewContainer?: boolean;
 }
-declare const Picker: ({ style, pickerStyle, styleTxt, title, onValueChange, defaultValue, listItems, labelField, valueField, emptyValue, isValueItem, disabled, disabledValue, iconName, required, isScrollViewContainer, }: PickerProps) => JSX.Element;
+declare const Picker: ({ style, pickerStyle, styleTxt, title, onValueChange, defaultValue, listItems, displayValue, labelField, valueField, emptyValue, isValueItem, readonly, required, isScrollViewContainer, }: PickerProps) => JSX.Element;
 export default Picker;

package/lib/components/organisms/Picker/Picker.js

@@ -16,44 +16,42 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { Dimensions, Platform, StyleSheet, View } from 'react-native';
-import { useThemeColor } from '../../../theme/ThemeContext';
-import { getCommonStyles } from '../../../utils/commons-styles';
-import { Icon, Text } from '../../atoms';
-import { LabelText, SelectionContainer, RightIconButton } from '../../molecules';
-import { getFromList } from '../../../utils/list';
+import { Platform, StyleSheet, View } from 'react-native';
+import { useThemeColor } from '../../../theme';
+import { getCommonStyles, getFromList } from '../../../utils';
 import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
+import { Icon, Text } from '../../atoms';
+import { FormInput, SelectionContainer, RightIconButton } from '../../molecules';
 const ITEM_HEIGHT = 40;
-const Picker = ({ style, pickerStyle, styleTxt, title, onValueChange, defaultValue = '', listItems, labelField, valueField, emptyValue = true, isValueItem = false, disabled = false, disabledValue = null, iconName = null, required = false, isScrollViewContainer = false, }) => {
-    const [pickerIsOpen, setPickerIsOpen] = useState(false);
+const Picker = ({ style, pickerStyle, styleTxt, title, onValueChange, defaultValue = '', listItems, displayValue, labelField, valueField, emptyValue = true, isValueItem = false, readonly = false, required = false, isScrollViewContainer = false, }) => {
+    const Colors = useThemeColor();
     const [isFocused, setIsFocused] = useState(false);
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedItem, setSelectedItem] = useState(!isValueItem
+        ? getFromList(listItems, valueField, defaultValue)
+        : defaultValue);
     const wrapperRef = useRef(null);
     const clickOutside = useClickOutside({
         wrapperRef,
-        visible: pickerIsOpen,
+        visible: isOpen,
     });
-    const Colors = useThemeColor();
-    const [selectedItem, setSelectedItem] = useState(!isValueItem
-        ? getFromList(listItems, valueField, defaultValue)
-        : defaultValue);
     useEffect(() => {
         setSelectedItem(!isValueItem
             ? getFromList(listItems, valueField, defaultValue)
             : defaultValue);
     }, [defaultValue, isValueItem, listItems, valueField]);
     useEffect(() => {
-        if (clickOutside === OUTSIDE_INDICATOR && pickerIsOpen) {
-            setPickerIsOpen(false);
+        if (clickOutside === OUTSIDE_INDICATOR && isOpen) {
+            setIsOpen(false);
             setIsFocused(false);
         }
-    }, [clickOutside, pickerIsOpen]);
-    const toggleValue = current => !current;
+    }, [clickOutside, isOpen]);
     const togglePicker = () => {
-        setPickerIsOpen(toggleValue);
-        setIsFocused(toggleValue);
+        setIsOpen(!isOpen);
+        setIsFocused(!isFocused);
     };
     const handleValueChange = itemValue => {
-        setPickerIsOpen(false);
+        setIsOpen(false);
         setIsFocused(false);
         setSelectedItem(itemValue);
         itemValue
@@ -62,74 +60,71 @@ const Picker = ({ style, pickerStyle, styleTxt, title, onValueChange, defaultVal
                 : itemValue[valueField])
             : onValueChange(itemValue);
     };
-    const _required = useMemo(() => required && selectedItem == null, [required, selectedItem]);
     const marginBottom = useMemo(() => {
-        const listLength = listItems?.length ?? 0;
-        if (isScrollViewContainer && pickerIsOpen) {
+        if (isScrollViewContainer && isOpen) {
+            const visibleListLength = !Array.isArray(listItems)
+                ? 0
+                : Math.min(listItems.length, 5);
             return emptyValue
-                ? listLength * ITEM_HEIGHT + ITEM_HEIGHT + 5
-                : listLength * ITEM_HEIGHT + 5;
+                ? visibleListLength * ITEM_HEIGHT + ITEM_HEIGHT + 5
+                : visibleListLength * ITEM_HEIGHT + 5;
         }
         return null;
-    }, [emptyValue, isScrollViewContainer, listItems, pickerIsOpen]);
+    }, [emptyValue, isScrollViewContainer, listItems, isOpen]);
+    const _required = useMemo(() => required && selectedItem == null, [required, selectedItem]);
     const commonStyles = useMemo(() => getCommonStyles(Colors, _required), [Colors, _required]);
-    const styles = useMemo(() => getStyles(Colors, _required, marginBottom, pickerIsOpen), [Colors, _required, marginBottom, pickerIsOpen]);
-    return (<View ref={wrapperRef} style={[Platform.OS === 'ios' ? styles.containerZIndex : null, style]}>
-      {!disabled && (<View style={styles.titleContainer}>
-          <Text style={styleTxt}>{title}</Text>
-        </View>)}
-      {disabled ? (<View style={[
-                commonStyles.filter,
-                commonStyles.filterSize,
-                commonStyles.filterAlign,
-                styles.infosCard,
-                pickerStyle,
-            ]}>
-          <LabelText value={disabledValue == null || disabledValue === ''
-                ? '-'
-                : disabledValue} title={`${title} :`} iconName={iconName}/>
-        </View>) : (<View style={[
-                styles.pickerContainerStyle,
-                Platform.OS === 'ios' ? styles.pickerContainerZIndex : null,
-            ]}>
-          <RightIconButton onPress={togglePicker} icon={<Icon name="chevron-down" color={Colors.secondaryColor_dark.background}/>} title={selectedItem ? selectedItem[labelField] : ''} styleText={styles.styleTextButton} style={[
-                commonStyles.filter,
-                commonStyles.filterSize,
-                commonStyles.filterAlign,
-                styles.rightIconButton,
-                isFocused && commonStyles.inputFocused,
-                pickerStyle,
-            ]}/>
-          {pickerIsOpen ? (<SelectionContainer style={pickerStyle} emptyValue={emptyValue} objectList={listItems} keyField={valueField} displayValue={item => item[labelField]} handleSelect={handleValueChange} isPicker={true} selectedItem={[selectedItem]}/>) : null}
-        </View>)}
+    const styles = useMemo(() => getStyles(Colors, _required, marginBottom, isOpen), [Colors, _required, marginBottom, isOpen]);
+    const _displayValue = useMemo(() => {
+        if (selectedItem == null) {
+            return '';
+        }
+        return displayValue
+            ? displayValue(selectedItem)
+            : selectedItem?.[labelField];
+    }, [displayValue, labelField, selectedItem]);
+    if (readonly) {
+        return (<FormInput style={[styles.container, style]} title={title} defaultValue={_displayValue} readOnly/>);
+    }
+    return (<View ref={wrapperRef} style={[
+            styles.container,
+            Platform.OS === 'ios' ? styles.containerZIndex : null,
+            style,
+        ]}>
+      {title && <Text style={[styles.title, styleTxt]}>{title}</Text>}
+      <RightIconButton onPress={togglePicker} icon={<Icon name="chevron-down" color={Colors.secondaryColor_dark.background}/>} title={_displayValue} styleText={styles.textPicker} style={[
+            commonStyles.filter,
+            commonStyles.filterSize,
+            commonStyles.filterAlign,
+            isFocused && commonStyles.inputFocused,
+            styles.content,
+            pickerStyle,
+        ]}/>
+      {isOpen && (<SelectionContainer style={pickerStyle} emptyValue={emptyValue} objectList={listItems} keyField={valueField} displayValue={item => displayValue ? displayValue(item) : item[labelField]} handleSelect={handleValueChange} isPicker={true} selectedItem={[selectedItem]}/>)}
     </View>);
 };
-const getStyles = (Colors, _required, marginBottom, pickerIsOpen) => StyleSheet.create({
-    containerZIndex: {
-        zIndex: pickerIsOpen ? 45 : 0,
+const getStyles = (Colors, _required, marginBottom, isOpen) => StyleSheet.create({
+    container: {
+        width: '90%',
+        alignSelf: 'center',
+        marginBottom: marginBottom,
     },
-    titleContainer: {
-        marginHorizontal: 24,
+    containerZIndex: {
+        zIndex: isOpen ? 45 : 0,
     },
-    rightIconButton: {
-        width: Dimensions.get('window').width * 0.9,
+    content: {
+        width: '100%',
         borderColor: _required
             ? Colors.errorColor.background
             : Colors.secondaryColor.background,
         borderWidth: 1,
+        marginHorizontal: 0,
+        minHeight: 40,
     },
-    styleTextButton: {
+    textPicker: {
         left: '-20%',
     },
-    infosCard: {
-        justifyContent: 'flex-start',
-        width: Dimensions.get('window').width * 0.9,
-    },
-    pickerContainerStyle: {
-        marginBottom: marginBottom,
-    },
-    pickerContainerZIndex: {
-        zIndex: pickerIsOpen ? 50 : 0,
+    title: {
+        marginLeft: 10,
     },
 });
 export default Picker;

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

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

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

@@ -1,10 +1,13 @@
 import { LegacyRef } from 'react';
 import { TextInput } from 'react-native';
 interface SearchBarProps {
+    title?: string;
     style?: any;
     inputRef?: LegacyRef<TextInput>;
     valueTxt: string;
     placeholder: string;
+    required?: boolean;
+    readonly?: boolean;
     onClearPress: () => void;
     onChangeTxt: (any: any) => void;
     onSelection?: () => void;
@@ -14,5 +17,5 @@ interface SearchBarProps {
     onSearchPress?: () => void;
     disableSearchPress?: boolean;
 }
-declare const SearchBar: ({ style, inputRef, valueTxt, placeholder, onClearPress, onChangeTxt, onSelection, onEndFocus, onScanPress, scanIconColor, onSearchPress, disableSearchPress, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ title, style, inputRef, valueTxt, placeholder, required, readonly, onClearPress, onChangeTxt, onSelection, onEndFocus, onScanPress, scanIconColor, onSearchPress, disableSearchPress, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

package/lib/components/organisms/SearchBar/SearchBar.js

@@ -16,31 +16,54 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { getCommonStyles } from '../../../utils/commons-styles';
-import { useThemeColor } from '../../../theme/ThemeContext';
-import { Icon } from '../../atoms';
-import { IconInput } from '../../molecules';
-const SearchBar = ({ style, inputRef, valueTxt, placeholder, onClearPress, onChangeTxt, onSelection = () => { }, onEndFocus = () => { }, onScanPress = () => { }, scanIconColor = null, onSearchPress = () => { }, disableSearchPress = false, }) => {
+import { StyleSheet, View } from 'react-native';
+import { checkNullString, getCommonStyles } from '../../../utils';
+import { useThemeColor } from '../../../theme';
+import { Icon, Text } from '../../atoms';
+import { FormInput, IconInput } from '../../molecules';
+const SearchBar = ({ title, style, inputRef, valueTxt, placeholder, required = false, readonly, onClearPress, onChangeTxt, onSelection = () => { }, onEndFocus = () => { }, onScanPress = () => { }, scanIconColor = null, onSearchPress = () => { }, disableSearchPress = false, }) => {
     const Colors = useThemeColor();
-    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
-    return (<IconInput inputRef={inputRef} style={[
+    const _required = useMemo(() => required && checkNullString(valueTxt), [required, valueTxt]);
+    const commonStyles = useMemo(() => getCommonStyles(Colors, _required), [Colors, _required]);
+    const styles = useMemo(() => getStyles(Colors, _required), [Colors, _required]);
+    if (readonly) {
+        return (<FormInput style={[styles.container, style]} title={title} defaultValue={valueTxt} readOnly/>);
+    }
+    return (<View style={[styles.container, style]}>
+      {title && <Text style={styles.title}>{title}</Text>}
+      <IconInput inputRef={inputRef} style={[
             commonStyles.filter,
             commonStyles.filterAlign,
             commonStyles.filterSize,
-            style,
+            styles.content,
         ]} value={valueTxt} placeholder={placeholder} onChange={onChangeTxt} onSelection={onSelection} onEndFocus={onEndFocus} rightIconsList={[
-            <Icon style={styles.action} name="times" color={Colors.secondaryColor_dark.background} size={20} touchable={true} visible={valueTxt != null && valueTxt !== ''} onPress={onClearPress}/>,
+            <Icon style={styles.action} name="times" color={Colors.secondaryColor_dark.background} size={20} touchable={true} visible={!checkNullString(valueTxt)} onPress={onClearPress}/>,
             <Icon style={styles.action} name="search" color={disableSearchPress
                     ? Colors.secondaryColor.background
                     : Colors.secondaryColor_dark.background} onPress={onSearchPress} touchable={!disableSearchPress} size={20}/>,
-            <Icon style={styles.action} name="qrcode" FontAwesome5={false} color={scanIconColor} size={20} touchable={true} visible={scanIconColor != null} onPress={onScanPress}/>,
-        ]}/>);
+            <Icon style={styles.action} name="qrcode" FontAwesome5={false} color={scanIconColor} size={20} touchable={true} visible={!checkNullString(scanIconColor)} onPress={onScanPress}/>,
+        ]}/>
+    </View>);
 };
-const styles = StyleSheet.create({
+const getStyles = (Colors, _required) => StyleSheet.create({
     action: {
         marginLeft: 12,
     },
+    container: {
+        width: '100%',
+    },
+    content: {
+        width: '100%',
+        borderColor: _required
+            ? Colors.errorColor.background
+            : Colors.secondaryColor.background,
+        borderWidth: 1,
+        marginHorizontal: 0,
+        minHeight: 40,
+    },
+    title: {
+        marginLeft: 10,
+    },
 });
 export default SearchBar;
 //# sourceMappingURL=SearchBar.js.map

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

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

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

@@ -5,7 +5,6 @@ export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem
 export { default as FloatingButton } from './FloatingButton/FloatingButton';
 export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
 export { default as ImageBubble } from './ImageBubble/ImageBubble';
-export { default as MultiSelectValue } from './MultiSelectValue/MultiSelectValue';
 export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
 export { default as Picker } from './Picker/Picker';
 export { default as PopUpOneButton } from './PopUpOneButton/PopUpOneButton';

package/lib/components/organisms/index.js

@@ -22,7 +22,6 @@ export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem
 export { default as FloatingButton } from './FloatingButton/FloatingButton';
 export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
 export { default as ImageBubble } from './ImageBubble/ImageBubble';
-export { default as MultiSelectValue } from './MultiSelectValue/MultiSelectValue';
 export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
 export { default as Picker } from './Picker/Picker';
 export { default as PopUpOneButton } from './PopUpOneButton/PopUpOneButton';

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,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,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"}

package/lib/components/templates/ObjectCard/ObjectCard.d.ts

@@ -33,6 +33,8 @@ interface ImageElement {
 }
 interface ObjectCardProps {
     style?: any;
+    leftContainerFlex?: number;
+    iconLeftMargin?: number;
     touchable?: boolean;
     onPress?: () => void;
     showArrow?: boolean;
@@ -60,5 +62,5 @@ interface ObjectCardProps {
         items: TextElement[];
     };
 }
-declare const ObjectCard: ({ style, touchable, onPress, showArrow, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }: ObjectCardProps) => JSX.Element;
+declare const ObjectCard: ({ style, leftContainerFlex, iconLeftMargin, touchable, onPress, showArrow, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }: ObjectCardProps) => JSX.Element;
 export default ObjectCard;

package/lib/components/templates/ObjectCard/ObjectCard.js

@@ -34,7 +34,7 @@ const filterList = (list) => {
     })
         .sort((a, b) => a.order - b.order);
 };
-const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }) => {
+const ObjectCard = ({ style, leftContainerFlex = 3, iconLeftMargin = 20, touchable = true, onPress, showArrow = true, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }) => {
     const Colors = useThemeColor();
     const initBadgeItems = useCallback((list) => filterList(list), []);
     const initTextItems = useCallback((list) => filterList(list).map((_item) => {
@@ -43,7 +43,7 @@ const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperB
          * but keep the possibility to give 'null' value to adapt to text length
          */
         if (_item.numberOfLines === undefined) {
-            return { ..._item, numberOfLines: 1 };
+            return { ..._item, numberOfLines: _item.isTitle ? 2 : 1 };
         }
         return _item;
     }), []);
@@ -94,9 +94,9 @@ const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperB
             {initBadgeItems(upperBadges.items).map(renderBadgeElement)}
           </View>)}
         <View style={styles.content}>
-          <View style={styles.descriptionContainer}>
+          <View style={[styles.descriptionContainer, { flex: leftContainerFlex }]}>
             <View style={styles.row}>
-              {image != null ? (<Image generalStyle={[styles.imageStyle, image.generalStyle]} imageSize={[styles.imageSize, image.imageSize]} resizeMode={image.resizeMode ?? 'contain'} source={image.source} defaultIconSize={image.defaultIconSize ?? 60}/>) : null}
+              {image != null ? (<Image generalStyle={[styles.imageStyle, image.generalStyle]} imageSize={[styles.imageSize, image.imageSize]} resizeMode={image.resizeMode ?? 'contain'} source={image.source} defaultIconSize={image.defaultIconSize ?? 50}/>) : null}
               {upperTexts != null && (<View style={[styles.textContainer, upperTexts.style]}>
                   {initTextItems(upperTexts.items).map(renderTextElement)}
                 </View>)}
@@ -110,7 +110,7 @@ const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperB
           {sideBadges != null && (<View style={[styles.verticalBadgesContainer, sideBadges.style]}>
               {initBadgeItems(sideBadges.items).map(renderBadgeElement)}
             </View>)}
-          {showArrow && (<Icon name="chevron-right" color={Colors.secondaryColor.background_light} size={20}/>)}
+          {showArrow && (<Icon name="chevron-right" color={Colors.secondaryColor.background_light} size={20} style={{ marginLeft: iconLeftMargin }}/>)}
         </View>
         {lowerBadges != null && (<View style={[
                 styles.horizontalBadgesContainer,
@@ -149,7 +149,6 @@ const styles = StyleSheet.create({
     descriptionContainer: {
         flexDirection: 'column',
         width: '75%',
-        flex: 3,
     },
     row: {
         flexDirection: 'row',