react-native-input-select 1.3.18 → 2.1.0

package/lib/typescript/src/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const Dropdown: ({ testID, label, placeholder, helperText, error, getSelectedItemsLabel, openModal, closeModal, isMultiple, selectedItem, selectedItems, dropdownIcon, labelStyle, dropdownStyle, dropdownIconStyle, dropdownContainerStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, dropdownErrorTextStyle, dropdownHelperTextStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => React.JSX.Element;
+declare const Dropdown: ({ testID, label, placeholder, helperText, error, labelsOfSelectedItems, openModal, closeModal, isMultiple, selectedItem, selectedItems, dropdownIcon, labelStyle, dropdownStyle, dropdownIconStyle, dropdownContainerStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, dropdownErrorTextStyle, dropdownHelperTextStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => React.JSX.Element;
 export default Dropdown;
 //# sourceMappingURL=Dropdown.d.ts.map

package/lib/typescript/src/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,QAAQ,uZA0BX,GAAG,sBA2CL,CAAC;AAUF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,QAAQ,uZA0BX,GAAG,sBA4CL,CAAC;AAUF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<({ item, optionLabel, optionValue, isMultiple, selectedOption, onChange, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, checkboxComponent, checkboxControls, }: any) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ item, optionLabel, optionValue, isMultiple, selectedOption, onChange, primaryColor, checkboxControls, }: any) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=DropdownListItem.d.ts.map

package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;2PAkBjC,GAAG;AAuCN,wBAAsC"}
+{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;8JAajC,GAAG;AA+BN,wBAAsC"}

package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const DropdownSelectedItemsView: ({ placeholder, error, getSelectedItemsLabel, openModal, isMultiple, selectedItem, selectedItems, dropdownIcon, dropdownStyle, dropdownIconStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => React.JSX.Element;
+declare const DropdownSelectedItemsView: ({ placeholder, error, labelsOfSelectedItems, openModal, isMultiple, selectedItem, selectedItems, dropdownIcon, dropdownStyle, dropdownIconStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => React.JSX.Element;
 export default DropdownSelectedItemsView;
 //# sourceMappingURL=DropdownSelectedItemsView.d.ts.map

package/lib/typescript/src/components/Input/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
-export declare const Input: ({ placeholder, value, onChangeText, style, primaryColor, textInputContainerStyle, ...rest }: any) => React.JSX.Element;
+import { TextInputProps, ViewStyle, ColorValue } from 'react-native';
+export declare const Input: ({ placeholder, value, onChangeText, style, primaryColor, textInputContainerStyle, ...rest }: {
+    primaryColor?: ColorValue;
+    textInputContainerStyle?: ViewStyle;
+} & TextInputProps) => React.JSX.Element;
 export default Input;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,KAAK,gGAQf,GAAG,sBA4BL,CAAC;AAMF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAKL,cAAc,EACd,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,eAAO,MAAM,KAAK,gGAQf;IACD,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,GAAG,cAAc,sBA4BjB,CAAC;AAMF,eAAe,KAAK,CAAC"}

package/lib/typescript/src/components/List/DropdownFlatList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FlatListProps } from 'react-native';
+import { TFlatList } from '../../types/index.types';
+declare const DropdownFlatList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxControls, listComponentStyles, listIndex, emptyListMessage, listEmptyComponent, ...rest }: any & FlatListProps<TFlatList>) => React.JSX.Element;
+export default DropdownFlatList;
+//# sourceMappingURL=DropdownFlatList.d.ts.map

package/lib/typescript/src/components/List/DropdownFlatList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownFlatList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,aAAa,EAAc,MAAM,cAAc,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAA,MAAM,gBAAgB,iQAiBnB,GAAG,GAAG,aAAa,CAAC,SAAS,CAAC,sBAkEhC,CAAC;AAsBF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/components/List/DropdownSectionList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const DropdownSectionList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxControls, listComponentStyles, listIndex, emptyListMessage, listEmptyComponent, ...rest }: any) => React.JSX.Element;
+export default DropdownSectionList;
+//# sourceMappingURL=DropdownSectionList.d.ts.map

package/lib/typescript/src/components/List/DropdownSectionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSectionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownSectionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,QAAA,MAAM,mBAAmB,iQAiBtB,GAAG,sBA0GL,CAAC;AA0BF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/src/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './use-search';
+export * from './use-selection-handler';
+export * from './use-index-of-selected-item';
+export * from './use-modal';
+export * from './use-select-all';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts

@@ -0,0 +1,23 @@
+import type { TFlatListItem, TSectionListItem } from '../types/index.types';
+interface UseIndexOfSelectedItemProps {
+    options: (TFlatListItem | TSectionListItem)[];
+    optionLabel: string;
+    isSectionList: boolean;
+}
+/**
+ *
+ * @description for scrollToIndex in Sectionlist and Flatlist
+ */
+export declare const useIndexOfSelectedItem: ({ options, optionLabel, isSectionList, }: UseIndexOfSelectedItemProps) => {
+    listIndex: {
+        sectionIndex?: number;
+        itemIndex: number;
+    };
+    setListIndex: import("react").Dispatch<import("react").SetStateAction<{
+        sectionIndex?: number;
+        itemIndex: number;
+    }>>;
+    setIndexOfSelectedItem: (selectedLabel: string) => void;
+};
+export {};
+//# sourceMappingURL=use-index-of-selected-item.d.ts.map

package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-index-of-selected-item.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-index-of-selected-item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,UAAU,2BAA2B;IACnC,OAAO,EAAE,CAAC,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AAEH,eAAO,MAAM,sBAAsB,6CAIhC,2BAA2B;;uBAEX,MAAM;mBACV,MAAM;;;uBADF,MAAM;mBACV,MAAM;;4CAID,MAAM;CAuBzB,CAAC"}

package/lib/typescript/src/hooks/use-modal.d.ts

@@ -0,0 +1,13 @@
+import { TCustomModalControls } from '../types/index.types';
+interface UseModalProps {
+    resetOptionsRelatedState: () => void;
+    disabled?: boolean;
+    modalControls?: TCustomModalControls;
+}
+export declare const useModal: ({ resetOptionsRelatedState, disabled, modalControls, }: UseModalProps) => {
+    isVisible: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+};
+export {};
+//# sourceMappingURL=use-modal.d.ts.map

package/lib/typescript/src/hooks/use-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,aAAa;IACrB,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,2DAIlB,aAAa;;;;CAyBf,CAAC"}

package/lib/typescript/src/hooks/use-search.d.ts

@@ -0,0 +1,16 @@
+import type { TFlatList, TSectionList } from '../types/index.types';
+interface UseSearchProps {
+    initialOptions: TFlatList | TSectionList;
+    optionLabel: string;
+    optionValue: string;
+    searchCallback: (value: string) => void;
+}
+export declare const useSearch: ({ initialOptions, optionLabel, optionValue, searchCallback, }: UseSearchProps) => {
+    searchValue: string;
+    setSearchValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    filteredOptions: TFlatList | TSectionList;
+    setFilteredOptions: import("react").Dispatch<import("react").SetStateAction<TFlatList | TSectionList>>;
+    isSectionList: boolean;
+};
+export {};
+//# sourceMappingURL=use-search.d.ts.map

package/lib/typescript/src/hooks/use-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAGb,MAAM,sBAAsB,CAAC;AAG9B,UAAU,cAAc;IACtB,cAAc,EAAE,SAAS,GAAG,YAAY,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,kEAKnB,cAAc;;;;;;CAyEhB,CAAC"}

package/lib/typescript/src/hooks/use-select-all.d.ts

@@ -0,0 +1,18 @@
+import { TFlatListItem, TSelectedItem } from '../types/index.types';
+interface UseCheckSelectAllProps {
+    options: TFlatListItem[];
+    selectedItems: TSelectedItem[];
+    isMultiple: boolean;
+    onValueChange: (selectedValues: TSelectedItem[]) => void;
+    listControls?: {
+        selectAllCallback?: () => void;
+        unselectAllCallback?: () => void;
+    };
+    optionValue: string;
+}
+export declare const useSelectAll: ({ options, selectedItems, isMultiple, onValueChange, listControls, optionValue, }: UseCheckSelectAllProps) => {
+    selectAll: boolean;
+    handleSelectAll: () => void;
+};
+export {};
+//# sourceMappingURL=use-select-all.d.ts.map

package/lib/typescript/src/hooks/use-select-all.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-all.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-select-all.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE;QACb,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;QAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;KAClC,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,sFAOtB,sBAAsB;;;CAuDxB,CAAC"}

package/lib/typescript/src/hooks/use-selection-handler.d.ts

@@ -0,0 +1,19 @@
+import { TSelectedItem } from '../types/index.types';
+interface UseSelectionHandlerProps {
+    initialSelectedValue: TSelectedItem | TSelectedItem[];
+    isMultiple: boolean;
+    maxSelectableItems?: number;
+    onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
+    closeModal: () => void;
+    autoCloseOnSelect: boolean;
+}
+export declare const useSelectionHandler: ({ initialSelectedValue, isMultiple, maxSelectableItems, onValueChange, closeModal, autoCloseOnSelect, }: UseSelectionHandlerProps) => {
+    selectedItem: TSelectedItem;
+    selectedItems: TSelectedItem[];
+    handleSingleSelection: (value: TSelectedItem) => void;
+    handleMultipleSelections: (value: TSelectedItem) => void;
+    setSelectedItems: import("react").Dispatch<import("react").SetStateAction<TSelectedItem[]>>;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<TSelectedItem>>;
+};
+export {};
+//# sourceMappingURL=use-selection-handler.d.ts.map

package/lib/typescript/src/hooks/use-selection-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-selection-handler.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-selection-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,UAAU,wBAAwB;IAChC,oBAAoB,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,aAAa,EAAE,KAAK,IAAI,CAAC;IACxE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,4GAO7B,wBAAwB;;;mCAUf,aAAa;sCAiBb,aAAa;;;CAkCxB,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,22 @@
 import React from 'react';
-import type { DropdownProps } from './types/index.types';
-export declare const DropdownSelect: React.FC<DropdownProps>;
+import type { DropdownSelectHandle } from './types/index.types';
+export declare const DropdownSelect: React.ForwardRefExoticComponent<import("./types/index.types").CommonDropdownProps & import("./types/index.types").TDropdownInputProps & {
+    searchControls?: {
+        textInputStyle?: import("react-native").ViewStyle | import("react-native").TextStyle;
+        textInputContainerStyle?: import("react-native").ViewStyle;
+        textInputProps?: import("react-native").TextInputProps;
+        searchCallback?: (value: string) => void;
+    };
+    checkboxControls?: import("./types/index.types").TCheckboxControls;
+    modalControls?: import("./types/index.types").TCustomModalControls;
+    listControls?: {
+        selectAllText?: string;
+        unselectAllText?: string;
+        selectAllCallback?: () => void;
+        unselectAllCallback?: () => void;
+        hideSelectAll?: boolean;
+        emptyListMessage?: string;
+    };
+} & import("./types/index.types").TListProps & React.RefAttributes<DropdownSelectHandle>>;
 export default DropdownSelect;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,OAAO,KAAK,EACV,aAAa,EAMd,MAAM,qBAAqB,CAAC;AAG7B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2blD,CAAC;AAUF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAU7B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;yFA6Q1B,CAAC;AASF,eAAe,cAAc,CAAC"}

package/lib/typescript/src/types/index.types.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 import type { ViewStyle, ColorValue, TextStyle, ModalProps, TextInputProps } from 'react-native';
-export type DropdownProps = CommonDropdownProps & TDropdownInputProps & TSearchControls & TCheckboxControls & TCustomModalControls & TListControls;
+export type DropdownProps = CommonDropdownProps & TDropdownInputProps & TControls & TListProps;
 export type CommonDropdownProps = {
     testID?: string;
     label?: string;
     options: TFlatList | TSectionList;
     optionLabel?: string;
     optionValue?: string;
-    onValueChange: Function;
-    selectedValue?: TSelectedItem | TSelectedItem[];
+    onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
+    selectedValue: TSelectedItem | TSelectedItem[];
     autoCloseOnSelect?: boolean;
+    maxSelectableItems?: number;
 };
 export type TDropdownInputProps = {
     placeholder?: string;
@@ -30,59 +31,33 @@ export type TDropdownInputProps = {
     primaryColor?: ColorValue;
     disabled?: boolean;
     placeholderStyle?: TextStyle;
-    hideModal?: boolean;
 };
-export type TSearchControls = {
-    /** @deprecated Use `searchControls = {{textInputStyle: ViewStyle | TextStyle }}` instead.*/
-    searchInputStyle?: ViewStyle;
-    searchControls?: {
-        textInputStyle?: ViewStyle | TextStyle;
-        textInputContainerStyle?: ViewStyle;
-        textInputProps?: TextInputProps;
-        searchCallback?: (value: string) => void;
-    };
+type TControls = {
+    searchControls?: TSearchControls;
+    checkboxControls?: TCheckboxControls;
+    modalControls?: TCustomModalControls;
+    listControls?: TListControls;
+};
+type TSearchControls = {
+    textInputStyle?: ViewStyle | TextStyle;
+    textInputContainerStyle?: ViewStyle;
+    textInputProps?: TextInputProps;
+    searchCallback?: (value: string) => void;
 };
 export type TCheckboxControls = {
-    /** @deprecated Use `checkboxControls = {{checkboxSize: number }}` instead.*/
     checkboxSize?: number;
-    /** @deprecated Use `checkboxControls = {{checkboxStyle: ViewStyle }}` instead.*/
     checkboxStyle?: ViewStyle;
-    /** @deprecated Use `checkboxControls = {{checkboxLabelStyle: TextStyle }}` instead.*/
     checkboxLabelStyle?: TextStyle;
-    /** @deprecated Use `checkboxControls` instead.*/
-    checkboxComponentStyles?: {
-        checkboxSize?: number;
-        checkboxStyle?: ViewStyle;
-        checkboxLabelStyle?: TextStyle;
-    };
-    /** @deprecated Use `checkboxControls = {{checkboxComponent: <View></View> }}` instead.*/
     checkboxComponent?: React.ReactNode;
-    checkboxControls?: {
-        checkboxSize?: number;
-        checkboxStyle?: ViewStyle;
-        checkboxLabelStyle?: TextStyle;
-        checkboxComponent?: React.ReactNode;
-        checkboxDisabledStyle?: ViewStyle;
-        checkboxUnselectedColor?: ColorValue;
-    };
+    checkboxDisabledStyle?: ViewStyle;
+    checkboxUnselectedColor?: ColorValue;
 };
 export type TCustomModalControls = {
-    /** @deprecated Use `modalControls = {{modalBackgroundStyle: ViewStyle}} instead.*/
     modalBackgroundStyle?: ViewStyle;
-    /** @deprecated Use `modalControls = {{ modalOptionsContainerStyle: ViewStyle}} instead.*/
     modalOptionsContainerStyle?: ViewStyle;
-    /** @deprecated Use `modalControls = {{modalProps: ModalProps }}` instead.*/
     modalProps?: ModalProps;
-    modalControls?: {
-        modalBackgroundStyle?: ViewStyle;
-        modalOptionsContainerStyle?: ViewStyle;
-        modalProps?: ModalProps & TCloseModal;
-    };
-} & TCloseModal;
-type TCloseModal = {
-    closeModal?: () => void;
 };
-export type TListControls = {
+export type TListProps = {
     listHeaderComponent?: React.ReactNode;
     listFooterComponent?: React.ReactNode;
     listComponentStyles?: {
@@ -91,24 +66,29 @@ export type TListControls = {
         sectionHeaderStyle?: TextStyle;
     };
     listEmptyComponent?: React.ReactNode;
-    listControls?: {
-        selectAllText?: string;
-        unselectAllText?: string;
-        selectAllCallback?: () => void;
-        unselectAllCallback?: () => void;
-        hideSelectAll?: boolean;
-        emptyListMessage?: string;
-    };
 };
-export type TSelectedItem = string | number | boolean;
+type TListControls = {
+    selectAllText?: string;
+    unselectAllText?: string;
+    selectAllCallback?: () => void;
+    unselectAllCallback?: () => void;
+    hideSelectAll?: boolean;
+    emptyListMessage?: string;
+};
+export type TSelectedItem = string | number | boolean | undefined;
+export type TSelectedItemWithReactComponent = TSelectedItem | React.ReactElement;
 export type TFlatList = TFlatListItem[];
 export type TFlatListItem = {
-    [key: string]: TSelectedItem | React.JSX.Element;
+    [key: string]: TSelectedItemWithReactComponent;
 };
 export type TSectionList = TSectionListItem[];
 export type TSectionListItem = {
     title: string;
     data: TFlatList;
 };
+export interface DropdownSelectHandle {
+    open: () => void;
+    close: () => void;
+}
 export {};
 //# sourceMappingURL=index.types.d.ts.map

package/lib/typescript/src/types/index.types.d.ts.map

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

package/lib/typescript/src/utils/index.d.ts

@@ -1,6 +1,20 @@
-/**
- * Extract property from array
- */
+import { TSelectedItem } from '../types/index.types';
+import { TFlatList, TFlatListItem, TSectionList, TSelectedItemWithReactComponent } from '../types/index.types';
 export declare const extractPropertyFromArray: (arr: any[], property: string) => any[];
 export declare const escapeRegExp: (text: string) => string;
+export declare const removeDisabledItems: (items: TFlatList) => TFlatListItem[];
+export declare const isSectionList: (options: TFlatList | TSectionList) => boolean;
+/**
+ *
+ * @description get the labels of the items that were selected from the options array for either multiple or single selections
+ * @returns
+ */
+export declare const getLabelsOfSelectedItems: ({ isMultiple, optionLabel, optionValue, selectedItem, selectedItems, modifiedOptions, }: {
+    isMultiple: boolean;
+    optionLabel: string;
+    optionValue: string;
+    selectedItem: TSelectedItem;
+    selectedItems: TSelectedItem[];
+    modifiedOptions: TFlatList;
+}) => TSelectedItemWithReactComponent | TSelectedItemWithReactComponent[];
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,wBAAwB,QAAS,GAAG,EAAE,YAAY,MAAM,UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,MAAM,WAExC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,+BAA+B,EAChC,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,wBAAwB,QAAS,GAAG,EAAE,YAAY,MAAM,UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,MAAM,WAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,SAAS,oBAEnD,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,SAAS,GAAG,YAAY,KAAG,OAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,4FAOlC;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,eAAe,EAAE,SAAS,CAAC;CAC5B,wEAsBA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-select",
-  "version": "1.3.18",
+  "version": "2.1.0",
   "description": "A customizable dropdown selection package for react-native for android and iOS with multiple select and search capabilities.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -68,14 +68,14 @@
     "@types/react": "18.3.2",
     "@types/react-native": "^0.73.0",
     "commitlint": "^19.3.0",
-    "eslint": "^9.2.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.1.3",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "metro-react-native-babel-preset": "^0.77.0",
     "pod-install": "^0.2.2",
-    "prettier": "^3.2.5",
+    "prettier": "^2.0.5",
     "react": "^18.3.1",
     "react-native": "^0.74.1",
     "react-native-builder-bob": "^0.23.2",
@@ -92,7 +92,19 @@
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
-    ]
+    ],
+    "coverageReporters": [
+      "html",
+      "text"
+    ],
+    "coverageThreshold": {
+      "global": {
+        "branches": 94,
+        "functions": 94,
+        "lines": 94,
+        "statements": 94
+      }
+    }
   },
   "commitlint": {
     "extends": [
@@ -120,7 +132,9 @@
   },
   "eslintIgnore": [
     "node_modules/",
-    "lib/"
+    "lib/",
+    "coverage/",
+    "src/__tests__/**"
   ],
   "prettier": {
     "quoteProps": "consistent",

package/src/components/CheckBox/checkbox.types.ts

@@ -1,5 +1,5 @@
 import type { ColorValue } from 'react-native';
-import { TCheckboxControls } from 'src/types/index.types';
+import { TCheckboxControls } from '../../types/index.types';
 
 export type CheckboxProps = {
   label?: string;
@@ -7,4 +7,4 @@ export type CheckboxProps = {
   disabled?: boolean;
   primaryColor?: ColorValue;
   onChange?: (value: boolean | string | number) => void;
-} & TCheckboxControls;
+} & { checkboxControls?: TCheckboxControls };

package/src/components/CheckBox/index.tsx

@@ -2,85 +2,61 @@ import React from 'react';
 import { Pressable, Text, StyleSheet, Image, View } from 'react-native';
 import { colors } from '../../styles/colors';
 import { CHECKBOX_SIZE } from '../../constants';
-import type { CheckboxProps } from './checkbox.types';
+import { CheckboxProps } from './checkbox.types';
 
 const CheckBox = ({
   label,
   value,
   disabled,
   primaryColor,
-  checkboxSize,
-  checkboxStyle,
-  checkboxLabelStyle,
-  checkboxComponentStyles,
-  checkboxComponent,
   checkboxControls,
   onChange,
 }: CheckboxProps) => {
+  const {
+    checkboxSize,
+    checkboxComponent,
+    checkboxDisabledStyle,
+    checkboxStyle,
+    checkboxUnselectedColor,
+    checkboxLabelStyle,
+  } = checkboxControls ?? {};
+
   const fillColor = {
     backgroundColor: disabled
-      ? checkboxControls?.checkboxDisabledStyle?.backgroundColor ||
-        colors.disabled
+      ? checkboxDisabledStyle?.backgroundColor || colors.disabled
       : value
-        ? checkboxControls?.checkboxStyle?.backgroundColor ||
-          checkboxComponentStyles?.checkboxStyle?.backgroundColor ||
-          checkboxStyle?.backgroundColor ||
-          primaryColor
-        : checkboxControls?.checkboxUnselectedColor || 'white',
+      ? checkboxStyle?.backgroundColor || primaryColor
+      : checkboxUnselectedColor || 'white',
     borderColor: disabled
-      ? checkboxControls?.checkboxDisabledStyle?.borderColor || colors.disabled
-      : checkboxControls?.checkboxStyle?.borderColor ||
-        checkboxComponentStyles?.checkboxStyle?.borderColor ||
-        checkboxStyle?.borderColor ||
-        styles.checkbox.borderColor,
+      ? checkboxDisabledStyle?.borderColor || colors.disabled
+      : checkboxStyle?.borderColor || styles.checkbox.borderColor,
   };
-
+  label = typeof label === 'object' ? label : String(label);
   return (
     <Pressable
       onPress={onChange ? () => onChange(!value) : null}
       style={[styles.checkboxContainer]}
       disabled={disabled}
+      aria-label={typeof label === 'string' ? label : ''}
     >
       <View
-        style={[
-          styles.checkbox,
-          checkboxControls?.checkboxStyle ||
-            checkboxComponentStyles?.checkboxStyle ||
-            checkboxStyle,
-          fillColor,
-        ]}
+        style={[styles.checkbox, checkboxStyle, fillColor]}
+        aria-checked={value}
       >
-        {checkboxControls?.checkboxComponent || checkboxComponent || (
+        {checkboxComponent || (
           <Image
             source={require('../../asset/check.png')}
             style={[
               {
-                height:
-                  checkboxControls?.checkboxSize ||
-                  checkboxComponentStyles?.checkboxSize ||
-                  checkboxSize ||
-                  CHECKBOX_SIZE,
-                width:
-                  checkboxControls?.checkboxSize ||
-                  checkboxComponentStyles?.checkboxSize ||
-                  checkboxSize ||
-                  CHECKBOX_SIZE,
+                height: checkboxSize || CHECKBOX_SIZE,
+                width: checkboxSize || CHECKBOX_SIZE,
               },
             ]}
           />
         )}
       </View>
       {label && label !== '' && (
-        <Text
-          style={[
-            checkboxControls?.checkboxLabelStyle ||
-              checkboxComponentStyles?.checkboxLabelStyle ||
-              checkboxLabelStyle,
-            styles.labelStyle,
-          ]}
-        >
-          {label}
-        </Text>
+        <Text style={[checkboxLabelStyle, styles.labelStyle]}>{label}</Text>
       )}
     </Pressable>
   );