@axelor/aos-mobile-ui 7.1.0 → 7.1.2

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

@@ -9,9 +9,10 @@ interface ChipSelectProps {
     style?: any;
     selectionItems: Item[];
     mode: 'multi' | 'switch';
+    isRefresh?: boolean;
     width?: number;
     marginHorizontal?: number;
     onChangeValue?: (value: any) => void;
 }
-declare const ChipSelect: ({ style, selectionItems, mode, width, marginHorizontal, onChangeValue, }: ChipSelectProps) => JSX.Element;
+declare const ChipSelect: ({ style, selectionItems, mode, isRefresh, width, marginHorizontal, onChangeValue, }: ChipSelectProps) => JSX.Element;
 export default ChipSelect;

package/lib/components/organisms/ChipSelect/ChipSelect.js

@@ -15,45 +15,48 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { StyleSheet, View, ScrollView } from 'react-native';
 import { Chip } from '../../molecules';
-const ChipSelect = ({ style, selectionItems, mode, width, marginHorizontal, onChangeValue = () => { }, }) => {
-    const [selectdChipSwitch, setSelectdChipSwitch] = useState({
-        key: selectionItems.find(item => item.isActive === true)?.key,
-    });
-    const [selectedChipMulti, setSelectedChipMulti] = useState(selectionItems.filter(item => item.isActive === true));
-    const updateChip = chip => {
-        if (mode === 'multi') {
+const MODES = {
+    switch: 'switch',
+    multi: 'multi',
+};
+const ChipSelect = ({ style, selectionItems, mode, isRefresh = false, width, marginHorizontal, onChangeValue = () => { }, }) => {
+    const [selectedChip, setSelectedChip] = useState(selectionItems.filter(item => item.isActive === true));
+    useEffect(() => {
+        if (isRefresh &&
+            selectionItems.every(el => Object.keys(el).includes('isActive'))) {
+            setSelectedChip(selectionItems.filter(item => item.isActive === true));
+        }
+    }, [isRefresh, selectionItems]);
+    const updateChip = (chip) => {
+        let updatedChip = [];
+        if (mode === MODES.multi) {
             if (chipIsSelected(chip)) {
-                setSelectedChipMulti(selectedChipMulti?.filter(activeChip => activeChip.key !== chip.key));
-                onChangeValue(selectedChipMulti?.filter(activeChip => activeChip.key !== chip.key));
+                updatedChip = selectedChip?.filter(activeChip => activeChip.key !== chip.key);
             }
-            else if (selectedChipMulti.length + 1 === selectionItems.length) {
-                setSelectedChipMulti([]);
-                onChangeValue([]);
-            }
-            else {
-                setSelectedChipMulti([...selectedChipMulti, chip]);
-                onChangeValue([...selectedChipMulti, chip]);
+            else if (selectedChip?.length + 1 !== selectionItems?.length) {
+                updatedChip = [...selectedChip, chip];
             }
         }
-        if (mode === 'switch') {
-            setSelectdChipSwitch(chip.key === selectdChipSwitch?.key ? null : chip);
-            onChangeValue(chip.key === selectdChipSwitch?.key ? null : [chip]);
+        if (mode === MODES.switch) {
+            if (!chipIsSelected(chip)) {
+                updatedChip = [chip];
+            }
         }
+        setSelectedChip(updatedChip);
+        onChangeValue(updatedChip);
     };
-    const chipIsSelected = chip => {
-        return (selectedChipMulti?.find(activeChip => activeChip.key === chip.key) != null);
+    const chipIsSelected = (chip) => {
+        return (selectedChip?.find(activeChip => activeChip.key === chip.key) != null);
     };
-    if (mode !== 'multi' && mode !== 'switch') {
+    if (mode !== MODES.multi && mode !== MODES.switch) {
         return null;
     }
     return (<View style={[styles.chipContainer, styles.marginLeft, style]}>
       <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
-        {selectionItems?.map((item, index) => (<Chip key={index} selected={mode === 'switch'
-                ? item.key === selectdChipSwitch?.key
-                : chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} marginHorizontal={marginHorizontal} width={width}/>))}
+        {selectionItems?.map((item, index) => (<Chip key={index} selected={chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} marginHorizontal={marginHorizontal} width={width}/>))}
       </ScrollView>
     </View>);
 };

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

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

package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js

@@ -30,7 +30,7 @@ const DropdownCardSwitch = ({ style, dropdownItems, styleTitle, }) => {
     };
     return (<View style={[styles.container, style]}>
       {dropdownItems.map((elt, index) => {
-            return (<DropdownCard key={index} title={elt.title} styleText={styleTitle} onPress={() => handlePress(elt.key)} DropdownIsOpen={elt.key === openedCardKey}>
+            return (<DropdownCard key={index} title={elt.title} styleText={styleTitle} onPress={() => handlePress(elt.key)} dropdownIsOpen={elt.key === openedCardKey}>
             {elt.childrenComp}
           </DropdownCard>);
         })}

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,116 +16,115 @@
  * 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(getFromList(listItems, valueField, defaultValue));
     useEffect(() => {
-        setSelectedItem(getFromList(listItems, valueField, defaultValue));
-    }, [defaultValue, listItems, valueField]);
+        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
             ? onValueChange(isValueItem
-                ? getFromList(listItems, 'id', itemValue[valueField])
+                ? getFromList(listItems, valueField, itemValue[valueField])
                 : 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 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/ScrollList/ScrollList.d.ts

@@ -9,6 +9,7 @@ interface ScrollListProps {
     filter: boolean;
     translator?: (translationKey: string) => string;
     horizontal?: boolean;
+    disabledRefresh?: boolean;
 }
-declare const ScrollList: ({ style, loadingList, data, renderItem, fetchData, moreLoading, isListEnd, filter, translator, horizontal, }: ScrollListProps) => JSX.Element;
+declare const ScrollList: ({ style, loadingList, data, renderItem, fetchData, moreLoading, isListEnd, filter, translator, horizontal, disabledRefresh, }: ScrollListProps) => JSX.Element;
 export default ScrollList;

package/lib/components/organisms/ScrollList/ScrollList.js

@@ -18,7 +18,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { StyleSheet, View, FlatList, ActivityIndicator } from 'react-native';
 import { Text } from '../../atoms';
-const ScrollList = ({ style, loadingList = false, data = [], renderItem, fetchData = () => [], moreLoading = false, isListEnd = false, filter = false, translator, horizontal = false, }) => {
+const ScrollList = ({ style, loadingList = false, data = [], renderItem, fetchData = () => [], moreLoading = false, isListEnd = false, filter = false, translator, horizontal = false, disabledRefresh = false, }) => {
     const [page, setPage] = useState(0);
     const updateData = useCallback(() => {
         setPage(0);
@@ -49,7 +49,7 @@ const ScrollList = ({ style, loadingList = false, data = [], renderItem, fetchDa
         <ActivityIndicator size="large" color="black"/>
       </View>);
     }
-    return (<FlatList style={[styles.scrollView, style]} data={data} onRefresh={updateData} refreshing={loadingList} horizontal={horizontal} onEndReached={onEndReached} ListFooterComponent={() => {
+    return (<FlatList style={[styles.scrollView, style]} data={data} onRefresh={disabledRefresh ? null : updateData} refreshing={loadingList} horizontal={horizontal} onEndReached={onEndReached} ListFooterComponent={() => {
             return (<View style={styles.footerText}>
             {moreLoading && <ActivityIndicator size="large" color="black"/>}
             {isListEnd && (<Text>

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

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