@rn-components-dropdown/dropdown 1.0.25 → 1.0.28

package/dist/components/dropdown/component/chip/ChipStyle.d.ts

@@ -1,24 +1,14 @@
 import { ChipInterface } from '../../interface/ChipInterface';
 declare const useChipStyle: (props: ChipInterface) => {
-    styles: {
+    styles: Readonly<{
         box: {
             elevation: number;
-            width: "auto";
+            width: string;
             borderRadius: number;
             flexDirection: "row";
             alignItems: "center";
             justifyContent: "center";
-            backgroundColor: import("react-native").ColorValue;
-            margin: number;
-            height: number;
-        } | {
-            elevation: number;
-            width: "auto";
-            borderRadius: number;
-            flexDirection: "row";
-            alignItems: "center";
-            justifyContent: "center";
-            backgroundColor: import("react-native").ColorValue;
+            backgroundColor: string | number | import("react-native").NativeColorValue;
             shadowRadius?: undefined;
             shadowOpacity?: undefined;
             shadowColor?: undefined;
@@ -27,12 +17,12 @@ declare const useChipStyle: (props: ChipInterface) => {
             height: number;
         } | {
             elevation: number;
-            width: "auto";
+            width: string;
             borderRadius: number;
             flexDirection: "row";
             alignItems: "center";
             justifyContent: "center";
-            backgroundColor: import("react-native").ColorValue;
+            backgroundColor: string | number | import("react-native").NativeColorValue;
             shadowRadius: number;
             shadowOpacity: number;
             shadowColor: string;
@@ -55,8 +45,8 @@ declare const useChipStyle: (props: ChipInterface) => {
             marginHorizontal: number;
             alignItems: "center";
             justifyContent: "center";
-            borderColor: import("react-native").ColorValue;
-            backgroundColor: import("react-native").ColorValue;
+            borderColor: string | number | import("react-native").NativeColorValue;
+            backgroundColor: string | number | import("react-native").NativeColorValue;
         };
         clearIcon: {
             width: number;
@@ -65,7 +55,7 @@ declare const useChipStyle: (props: ChipInterface) => {
             alignItems: "center";
             justifyContent: "center";
         };
-    };
+    }>;
     colors: {
         blue: string;
         gray: string;

package/dist/components/dropdown/component/chip/ChipStyle.js

@@ -1,17 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const style_1 = require("../../../../style");
-const react_native_1 = require("react-native");
+import { useMemo } from 'react';
+import { LIGHT_COLORS } from '../../../../style';
+import { Platform, StyleSheet } from 'react-native';
 const useChipStyle = (props) => {
     const { chipColor, textColor } = props;
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
+    const { ...colors } = LIGHT_COLORS;
+    const styles = useMemo(() => {
+        return StyleSheet.create({
             box: {
                 margin: 4,
                 height: 26,
-                ...react_native_1.Platform.select({
+                ...Platform.select({
                     android: {
                         elevation: 5,
                     },
@@ -59,4 +57,4 @@ const useChipStyle = (props) => {
         colors,
     };
 };
-exports.default = useChipStyle;
+export default useChipStyle;

package/dist/components/dropdown/component/input/TextInput.js

@@ -1,51 +1,13 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const TextInputStyle_1 = require("./TextInputStyle");
-const react_1 = __importStar(require("react"));
-const svg_1 = require("../../../../assets/svg");
-const react_native_1 = require("react-native");
-const AppTextInput_1 = __importDefault(require("../../../textInput/AppTextInput"));
+import { useTextStyle } from './TextInputStyle';
+import React, { useEffect, useState } from 'react';
+import { SearchIcon } from '../../../../assets/svg';
+import { TouchableWithoutFeedback } from 'react-native';
+import AppTextInput from '../../../textInput/AppTextInput';
 const TextInputComponent = props => {
     const { value, placeholder = '', placeholderTextColor = '#000', onChangeText = (_value) => { }, searchIcon, } = props;
-    const [searchtext, setSearchText] = (0, react_1.useState)('');
-    const { styles } = (0, TextInputStyle_1.useTextStyle)();
-    (0, react_1.useEffect)(() => {
+    const [searchtext, setSearchText] = useState('');
+    const { styles } = useTextStyle();
+    useEffect(() => {
         if (value) {
             setSearchText(value);
         }
@@ -54,8 +16,8 @@ const TextInputComponent = props => {
         setSearchText(text);
         onChangeText(text);
     };
-    return (<react_native_1.TouchableWithoutFeedback>
-      <AppTextInput_1.default {...props} value={searchtext} style={styles.input} onChangeText={onChange} placeholder={placeholder} textStyle={styles.inputContainer} placeholderTextColor={placeholderTextColor} icon={searchIcon ? searchIcon : <svg_1.SearchIcon />}/>
-    </react_native_1.TouchableWithoutFeedback>);
+    return (<TouchableWithoutFeedback>
+      <AppTextInput {...props} value={searchtext} style={styles.input} onChangeText={onChange} placeholder={placeholder} textStyle={styles.inputContainer} placeholderTextColor={placeholderTextColor} icon={searchIcon ? searchIcon : <SearchIcon />}/>
+    </TouchableWithoutFeedback>);
 };
-exports.default = TextInputComponent;
+export default TextInputComponent;

package/dist/components/dropdown/component/input/TextInputStyle.d.ts

@@ -1,8 +1,8 @@
 export declare const useTextStyle: () => {
-    styles: {
+    styles: Readonly<{
         input: {
             height: number;
-            width: "95%";
+            width: string;
             fontSize: number;
             borderWidth: number;
             borderRadius: number;
@@ -11,11 +11,11 @@ export declare const useTextStyle: () => {
             borderColor: string;
         };
         inputContainer: {
-            width: "90%";
+            width: string;
             fontSize: number;
             color: string;
         };
-    };
+    }>;
     colors: {
         blue: string;
         gray: string;

package/dist/components/dropdown/component/input/TextInputStyle.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTextStyle = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const style_1 = require("../../../../style");
-const useTextStyle = () => {
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { LIGHT_COLORS } from '../../../../style';
+export const useTextStyle = () => {
+    const { ...colors } = LIGHT_COLORS;
+    const styles = useMemo(() => {
+        return StyleSheet.create({
             input: {
                 height: 40,
                 width: '95%',
@@ -30,4 +27,3 @@ const useTextStyle = () => {
         colors,
     };
 };
-exports.useTextStyle = useTextStyle;

package/dist/components/dropdown/hooks/useDetectDevice.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDetectDevice = void 0;
-const react_native_1 = require("react-native");
-const { width, height } = react_native_1.Dimensions.get('window');
+import { Platform, PixelRatio, Dimensions } from 'react-native';
+const { width, height } = Dimensions.get('window');
 const isTablet = () => {
-    let pixelDensity = react_native_1.PixelRatio.get();
+    let pixelDensity = PixelRatio.get();
     const adjustedWidth = width * pixelDensity;
     const adjustedHeight = height * pixelDensity;
     if (pixelDensity < 2 && (adjustedWidth >= 1000 || adjustedHeight >= 1000)) {
@@ -15,8 +12,8 @@ const isTablet = () => {
     }
 };
 const useDetectDevice = {
-    isAndroid: react_native_1.Platform.OS === 'android',
-    isIOS: react_native_1.Platform.OS === 'ios',
+    isAndroid: Platform.OS === 'android',
+    isIOS: Platform.OS === 'ios',
     isTablet: isTablet(),
 };
-exports.useDetectDevice = useDetectDevice;
+export { useDetectDevice };

package/dist/components/dropdown/hooks/useDropdown.d.ts

@@ -1,7 +1,11 @@
-import { View, FlatList } from 'react-native';
-import { DropdownProps } from '../interface/DropdownInterface';
-declare const useDropdown: <T, Mode extends "single" | "multi">(props: DropdownProps<T, Mode>) => {
-    ref: import("react").RefObject<View | null>;
+import { FlatList } from 'react-native';
+import { DropdownProps, SELECTIONS_TYPE } from '../interface/DropdownInterface';
+declare const useDropdown: <T, Mode extends SELECTIONS_TYPE>(props: DropdownProps<T, Mode>) => {
+    ref: import("react").RefObject<((props: Omit<import("react-native").ViewProps, keyof {
+        ref?: React.Ref<import("react-native").ViewInstance> | undefined;
+    }> & {
+        ref?: React.Ref<import("react-native").ViewInstance> | undefined;
+    }) => React.ReactNode) | null>;
     font: () => {
         fontFamily: string;
     } | {

package/dist/components/dropdown/hooks/useDropdown.js

@@ -1,33 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable react-hooks/exhaustive-deps */
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const lodash_1 = __importDefault(require("lodash"));
-const useDetectDevice_1 = require("./useDetectDevice");
-const useOrientation_1 = require("./useOrientation");
-const style_1 = require("../../../style");
+import { useRef, useState, useEffect, useCallback, useImperativeHandle, } from 'react';
+import { Keyboard, StatusBar, I18nManager, } from 'react-native';
+import _ from 'lodash';
+import { useDetectDevice } from './useDetectDevice';
+import { useDeviceOrientation } from './useOrientation';
+import { SCREEN_HEIGHT, SCREEN_WIDTH } from '../../../style';
 const useDropdown = (props) => {
     const { value, onBlur, onFocus, onChange, data = [], labelField, valueField, fontFamily, searchQuery, searchField, onChangeText, disable = false, ref: currentRef, mode = 'default', autoScroll = true, confirmSelectItem, onConfirmSelectItem, selectionType = 'single', } = props;
-    const ref = (0, react_1.useRef)(null);
-    const { isTablet } = useDetectDevice_1.useDetectDevice;
-    const refList = (0, react_1.useRef)(null);
-    const orientation = (0, useOrientation_1.useDeviceOrientation)();
-    const [position, setPosition] = (0, react_1.useState)();
-    const [searchText, setSearchText] = (0, react_1.useState)('');
-    const [listData, setListData] = (0, react_1.useState)(data);
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [currentValue, setCurrentValue] = (0, react_1.useState)(null);
-    const statusBarHeight = react_native_1.StatusBar.currentHeight || 0;
-    const [keyboardHeight, setKeyboardHeight] = (0, react_1.useState)(0);
-    (0, react_1.useImperativeHandle)(currentRef, () => {
+    const ref = useRef(null);
+    const { isTablet } = useDetectDevice;
+    const refList = useRef(null);
+    const orientation = useDeviceOrientation();
+    const [position, setPosition] = useState();
+    const [searchText, setSearchText] = useState('');
+    const [listData, setListData] = useState(data);
+    const [visible, setVisible] = useState(false);
+    const [currentValue, setCurrentValue] = useState(null);
+    const statusBarHeight = StatusBar.currentHeight || 0;
+    const [keyboardHeight, setKeyboardHeight] = useState(0);
+    useImperativeHandle(currentRef, () => {
         return { open: eventOpen, close: eventClose };
     });
-    (0, react_1.useEffect)(() => eventClose, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => eventClose, []);
+    useEffect(() => {
         setListData([...data]);
         if (searchText) {
             onSearch(searchText);
@@ -45,7 +40,7 @@ const useDropdown = (props) => {
             scrollIndex();
         }
     };
-    const eventClose = (0, react_1.useCallback)(() => {
+    const eventClose = useCallback(() => {
         if (!disable) {
             setVisible(false);
             if (onBlur) {
@@ -53,7 +48,7 @@ const useDropdown = (props) => {
             }
         }
     }, [disable, onBlur]);
-    const font = (0, react_1.useCallback)(() => {
+    const font = useCallback(() => {
         if (fontFamily) {
             return {
                 fontFamily: fontFamily,
@@ -63,9 +58,9 @@ const useDropdown = (props) => {
             return {};
         }
     }, [fontFamily]);
-    const onMeasure = (0, react_1.useCallback)(() => {
+    const onMeasure = useCallback(() => {
         if (ref && ref?.current) {
-            ref.current.measureInWindow((pageX, pageY, width, height) => {
+            ref?.current?.measureInWindow((pageX, pageY, width, height) => {
                 let isFull = isTablet
                     ? false
                     : mode === 'modal' || orientation === 'LANDSCAPE';
@@ -73,8 +68,8 @@ const useDropdown = (props) => {
                     isFull = false;
                 }
                 const top = isFull ? 20 : height + pageY + 2;
-                const bottom = style_1.SCREEN_HEIGHT - top + height;
-                const left = react_native_1.I18nManager.isRTL ? style_1.SCREEN_WIDTH - width - pageX : pageX;
+                const bottom = SCREEN_HEIGHT - top + height;
+                const left = I18nManager.isRTL ? SCREEN_WIDTH - width - pageX : pageX;
                 setPosition({
                     isFull,
                     left: Math.floor(left),
@@ -86,17 +81,17 @@ const useDropdown = (props) => {
             });
         }
     }, [isTablet, mode, orientation, statusBarHeight]);
-    const onKeyboardDidShow = (0, react_1.useCallback)((e) => {
+    const onKeyboardDidShow = useCallback((e) => {
         onMeasure();
         setKeyboardHeight(e.endCoordinates.height);
     }, [onMeasure]);
-    const onKeyboardDidHide = (0, react_1.useCallback)(() => {
+    const onKeyboardDidHide = useCallback(() => {
         setKeyboardHeight(0);
         onMeasure();
     }, [onMeasure]);
-    (0, react_1.useEffect)(() => {
-        const susbcriptionKeyboardDidShow = react_native_1.Keyboard.addListener('keyboardDidShow', onKeyboardDidShow);
-        const susbcriptionKeyboardDidHide = react_native_1.Keyboard.addListener('keyboardDidHide', onKeyboardDidHide);
+    useEffect(() => {
+        const susbcriptionKeyboardDidShow = Keyboard.addListener('keyboardDidShow', onKeyboardDidShow);
+        const susbcriptionKeyboardDidHide = Keyboard.addListener('keyboardDidHide', onKeyboardDidHide);
         return () => {
             if (typeof susbcriptionKeyboardDidShow?.remove === 'function') {
                 susbcriptionKeyboardDidShow.remove();
@@ -106,7 +101,7 @@ const useDropdown = (props) => {
             }
         };
     }, [onKeyboardDidHide, onKeyboardDidShow]);
-    const getValue = (0, react_1.useCallback)(() => {
+    const getValue = useCallback(() => {
         if (selectionType === 'multi') {
             if (!valueField)
                 return;
@@ -115,8 +110,8 @@ const useDropdown = (props) => {
             return;
         }
         else {
-            const defaultValue = typeof value === 'object' ? lodash_1.default.get(value, valueField) : value;
-            const getItem = data.filter(e => lodash_1.default.isEqual(defaultValue, lodash_1.default.get(e, valueField)));
+            const defaultValue = typeof value === 'object' ? _.get(value, valueField) : value;
+            const getItem = data.filter(e => _.isEqual(defaultValue, _.get(e, valueField)));
             if (getItem.length > 0) {
                 setCurrentValue(getItem[0]);
             }
@@ -125,13 +120,13 @@ const useDropdown = (props) => {
             }
         }
     }, [data, value, valueField, selectionType]);
-    (0, react_1.useEffect)(() => getValue(), [value, data, getValue]);
-    const scrollIndex = (0, react_1.useCallback)(() => {
+    useEffect(() => getValue(), [value, data, getValue]);
+    const scrollIndex = useCallback(() => {
         if (autoScroll && data.length > 0 && listData.length === data.length) {
             setTimeout(() => {
                 if (refList && refList?.current) {
-                    const defaultValue = typeof value === 'object' ? lodash_1.default.get(value, valueField) : value;
-                    const index = lodash_1.default.findIndex(listData, (e) => lodash_1.default.isEqual(defaultValue, lodash_1.default.get(e, valueField)));
+                    const defaultValue = typeof value === 'object' ? _.get(value, valueField) : value;
+                    const index = _.findIndex(listData, (e) => _.isEqual(defaultValue, _.get(e, valueField)));
                     if (index > -1 && index <= listData.length - 1) {
                         refList?.current?.scrollToIndex({
                             index: index,
@@ -142,10 +137,10 @@ const useDropdown = (props) => {
             }, 200);
         }
     }, [autoScroll, data.length, listData, value, valueField]);
-    const showOrClose = (0, react_1.useCallback)(() => {
+    const showOrClose = useCallback(() => {
         if (!disable) {
             if (keyboardHeight > 0 && visible) {
-                return react_native_1.Keyboard.dismiss();
+                return Keyboard.dismiss();
             }
             onMeasure();
             setVisible(!visible);
@@ -176,10 +171,10 @@ const useDropdown = (props) => {
         scrollIndex,
         keyboardHeight,
     ]);
-    const onSearch = (0, react_1.useCallback)((text) => {
+    const onSearch = useCallback((text) => {
         if (text.length > 0) {
             const defaultFilterFunction = (e) => {
-                const item = lodash_1.default.get(e, searchField || labelField)
+                const item = _.get(e, searchField || labelField)
                     ?.toLowerCase()
                     .replace(' ', '')
                     .normalize('NFD')
@@ -192,7 +187,7 @@ const useDropdown = (props) => {
                 return item.indexOf(key) >= 0;
             };
             const propSearchFunction = (e) => {
-                const labelText = lodash_1.default.get(e, searchField || labelField);
+                const labelText = _.get(e, searchField || labelField);
                 return searchQuery?.(text, labelText);
             };
             const dataSearch = data.filter(searchQuery ? propSearchFunction : defaultFilterFunction);
@@ -202,7 +197,7 @@ const useDropdown = (props) => {
             setListData(data);
         }
     }, [data, searchField, labelField, searchQuery]);
-    const onSelect = (0, react_1.useCallback)((item) => {
+    const onSelect = useCallback((item) => {
         if (confirmSelectItem && onConfirmSelectItem) {
             return onConfirmSelectItem(item);
         }
@@ -222,18 +217,18 @@ const useDropdown = (props) => {
         confirmSelectItem,
         onConfirmSelectItem,
     ]);
-    const onCheckPress = (0, react_1.useCallback)((item) => {
+    const onCheckPress = useCallback((item) => {
         setCurrentValue?.((prev) => {
             const exists = prev?.some?.((i) => i[valueField] === item[valueField]);
             const va = exists
-                ? lodash_1.default.filter(prev, i => i?.[valueField] !== item?.[valueField])
+                ? _.filter(prev, i => i?.[valueField] !== item?.[valueField])
                 : [...prev, item];
             const v = va?.map(i => i[valueField]);
             onChange?.(item[valueField], selectionType === 'multi' ? v : item[valueField]);
             return va;
         });
     }, [setCurrentValue, valueField, onChange, currentValue]);
-    const onClearPress = (0, react_1.useCallback)((item) => {
+    const onClearPress = useCallback((item) => {
         const updated = currentValue.filter((i) => i[valueField] !== item[valueField]);
         const val = currentValue.map((i) => i[valueField]);
         setCurrentValue(updated);
@@ -259,4 +254,4 @@ const useDropdown = (props) => {
         keyboardHeight,
     };
 };
-exports.default = useDropdown;
+export default useDropdown;

package/dist/components/dropdown/hooks/useOrientation.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeviceOrientation = useDeviceOrientation;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
+import { useEffect, useState } from 'react';
+import { Dimensions } from 'react-native';
 const isOrientationPortrait = ({ width, height }) => height >= width;
 const isOrientationLandscape = ({ width, height }) => width >= height;
-function useDeviceOrientation() {
-    const screen = react_native_1.Dimensions.get('screen');
+export function useDeviceOrientation() {
+    const screen = Dimensions.get('screen');
     const initialState = {
         portrait: isOrientationPortrait(screen),
         landscape: isOrientationLandscape(screen),
     };
-    const [orientation, setOrientation] = (0, react_1.useState)(initialState);
-    (0, react_1.useEffect)(() => {
+    const [orientation, setOrientation] = useState(initialState);
+    useEffect(() => {
         const onChange = ({ screen: screens }) => {
             setOrientation({
                 portrait: isOrientationPortrait(screens),
                 landscape: isOrientationLandscape(screens),
             });
         };
-        const subscription = react_native_1.Dimensions.addEventListener('change', onChange);
+        const subscription = Dimensions.addEventListener('change', onChange);
         return () => {
             if (typeof subscription?.remove === 'function') {
                 subscription.remove();

package/dist/components/dropdown/interface/ChipInterface.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/components/dropdown/interface/DropdownInterface.d.ts

@@ -5,8 +5,8 @@ export type IDropdownRef = {
     open: () => void;
     close: () => void;
 };
-export type SelectionType = 'single' | 'multi';
-export type DropdownProps<S, T extends SelectionType> = {
+export type SELECTIONS_TYPE = 'single' | 'multi';
+export type DropdownProps<S, T extends SELECTIONS_TYPE> = {
     data: S[];
     testID?: string;
     search?: boolean;
@@ -52,7 +52,7 @@ export type DropdownProps<S, T extends SelectionType> = {
     placeholderStyle?: StyleProp<TextStyle>;
     inputSearchStyle?: StyleProp<TextStyle>;
     onChangeText?: (search: string) => void;
-    onConfirmSelectItem?: (item: T) => void;
+    onConfirmSelectItem?: (item: S) => void;
     selectedTextStyle?: StyleProp<TextStyle>;
     itemContainerStyle?: StyleProp<ViewStyle>;
     dropdownPosition?: 'auto' | 'top' | 'bottom';
@@ -63,7 +63,7 @@ export type DropdownProps<S, T extends SelectionType> = {
     renderRightIcon?: (visible?: boolean) => React.JSX.Element | null | undefined;
     renderItem?: (item: S, selected?: boolean, labelField?: keyof S, valueField?: keyof S) => React.JSX.Element | null | undefined;
     renderInputSearch?: (onSearch: (text: string) => void) => React.JSX.Element | null | undefined;
-    onChange?: (selecteValue?: keyof S, selectedList?: SelectionType extends 'single' | 'multi' ? S[] : S) => void;
+    onChange?: (selecteValue?: keyof S, selectedList?: SELECTIONS_TYPE extends 'single' | 'multi' ? S[] : S) => void;
 };
 export interface IUseDetectDevice {
     isIOS: boolean;

package/dist/components/dropdown/interface/DropdownInterface.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/components/dropdown/interface/InputProps.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/components/svgButton/SvgButton.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const SvgButtonStyle_1 = require("./SvgButtonStyle");
-const react_native_1 = require("react-native");
-const SvgButton = react_1.default.memo(({ icon, style, onPress, isFab = false, pressableProps, }) => {
-    const { styles } = (0, SvgButtonStyle_1.useSvgButtonStyle)();
+import React from 'react';
+import { useSvgButtonStyle } from './SvgButtonStyle';
+import { Pressable } from 'react-native';
+const SvgButton = React.memo(({ icon, style, onPress, isFab = false, pressableProps, }) => {
+    const { styles } = useSvgButtonStyle();
     const styleProp = isFab ? [styles?.favIcon, style] : style;
-    return (<react_native_1.Pressable hitSlop={10} style={styleProp} onPress={onPress} {...pressableProps}>
+    return (<Pressable hitSlop={10} style={styleProp} onPress={onPress} {...pressableProps}>
         {icon && icon} 
-      </react_native_1.Pressable>);
+      </Pressable>);
 });
-exports.default = SvgButton;
+export default SvgButton;

package/dist/components/svgButton/SvgButtonStyle.d.ts

@@ -1,5 +1,5 @@
 export declare const useSvgButtonStyle: () => {
-    styles: {
+    styles: Readonly<{
         favIcon: {
             width: number;
             right: number;
@@ -11,7 +11,7 @@ export declare const useSvgButtonStyle: () => {
             justifyContent: "center";
             backgroundColor: string;
         };
-    };
+    }>;
     colors: {
         blue: string;
         gray: string;

package/dist/components/svgButton/SvgButtonStyle.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSvgButtonStyle = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const style_1 = require("../../style");
-const useSvgButtonStyle = () => {
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { LIGHT_COLORS } from '../../style';
+export const useSvgButtonStyle = () => {
+    const { ...colors } = LIGHT_COLORS;
+    const styles = useMemo(() => {
+        return StyleSheet.create({
             favIcon: {
                 width: 50,
                 right: 25,
@@ -26,4 +23,3 @@ const useSvgButtonStyle = () => {
         colors,
     };
 };
-exports.useSvgButtonStyle = useSvgButtonStyle;