react-native-input-select 1.3.17 → 2.0.0

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/{Dropdown → List}/DropdownFlatList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FlatListProps } from 'react-native';
-import { TFlatList } from 'src/types/index.types';
+import { TFlatList } from '../../types/index.types';
 declare const DropdownFlatList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, checkboxComponent, 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,8VAsBnB,GAAG,GAAG,aAAa,CAAC,SAAS,CAAC,sBAuEhC,CAAC;AA2BF,eAAe,gBAAgB,CAAC"}

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,8VAsBtB,GAAG,sBA+GL,CAAC;AA+BF,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,15 @@
+import { ModalProps } from 'react-native';
+import { TCustomModalControls } from '../types/index.types';
+interface UseModalProps {
+    resetOptionsRelatedState: () => void;
+    disabled?: boolean;
+    modalProps?: ModalProps;
+    modalControls?: TCustomModalControls;
+}
+export declare const useModal: ({ resetOptionsRelatedState, disabled, modalProps, 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":"AACA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,aAAa;IACrB,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,uEAKlB,aAAa;;;;CA2Bf,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 & import("./types/index.types").TSearchProps & import("./types/index.types").TCheckboxProps & import("./types/index.types").TCustomModalProps & import("./types/index.types").TListProps & {
+    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;
+    };
+} & 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,EAKd,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;;;;;;;;;;;;;;;;;8CAoS1B,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 & TSearchProps & TCheckboxProps & TCustomModalProps & TListProps & TControls;
 export type CommonDropdownProps = {
     testID?: string;
     label?: string;
     options: TFlatList | TSectionList;
     optionLabel?: string;
     optionValue?: string;
-    onValueChange: Function;
-    selectedValue?: string | boolean | number | string[] | boolean[] | number[] | null;
+    onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
+    selectedValue: TSelectedItem | TSelectedItem[];
     autoCloseOnSelect?: boolean;
+    maxSelectableItems?: number;
 };
 export type TDropdownInputProps = {
     placeholder?: string;
@@ -30,19 +31,26 @@ export type TDropdownInputProps = {
     primaryColor?: ColorValue;
     disabled?: boolean;
     placeholderStyle?: TextStyle;
+    /** @deprecated Use useRef to access the open and close props.*/
     hideModal?: boolean;
 };
-export type TSearchControls = {
+type TControls = {
+    searchControls?: TSearchControls;
+    checkboxControls?: TCheckboxControls;
+    modalControls?: TCustomModalControls;
+    listControls?: TListControls;
+};
+export type TSearchProps = {
     /** @deprecated Use `searchControls = {{textInputStyle: ViewStyle | TextStyle }}` instead.*/
     searchInputStyle?: ViewStyle;
-    searchControls?: {
-        textInputStyle?: ViewStyle | TextStyle;
-        textInputContainerStyle?: ViewStyle;
-        textInputProps?: TextInputProps;
-        searchCallback?: (value: string) => void;
-    };
 };
-export type TCheckboxControls = {
+type TSearchControls = {
+    textInputStyle?: ViewStyle | TextStyle;
+    textInputContainerStyle?: ViewStyle;
+    textInputProps?: TextInputProps;
+    searchCallback?: (value: string) => void;
+};
+export type TCheckboxProps = {
     /** @deprecated Use `checkboxControls = {{checkboxSize: number }}` instead.*/
     checkboxSize?: number;
     /** @deprecated Use `checkboxControls = {{checkboxStyle: ViewStyle }}` instead.*/
@@ -57,32 +65,35 @@ export type TCheckboxControls = {
     };
     /** @deprecated Use `checkboxControls = {{checkboxComponent: <View></View> }}` instead.*/
     checkboxComponent?: React.ReactNode;
-    checkboxControls?: {
-        checkboxSize?: number;
-        checkboxStyle?: ViewStyle;
-        checkboxLabelStyle?: TextStyle;
-        checkboxComponent?: React.ReactNode;
-        checkboxDisabledStyle?: ViewStyle;
-        checkboxUnselectedColor?: ColorValue;
-    };
 };
-export type TCustomModalControls = {
+export type TCheckboxControls = {
+    checkboxSize?: number;
+    checkboxStyle?: ViewStyle;
+    checkboxLabelStyle?: TextStyle;
+    checkboxComponent?: React.ReactNode;
+    checkboxDisabledStyle?: ViewStyle;
+    checkboxUnselectedColor?: ColorValue;
+};
+export type TCustomModalProps = {
     /** @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;
+    modalProps?: ModalProps & {
+        /** @deprecated Use `onDismiss` instead.*/
+        closeModal?: () => void;
     };
-} & TCloseModal;
-type TCloseModal = {
-    closeModal?: () => void;
 };
-export type TListControls = {
+export type TCustomModalControls = {
+    modalBackgroundStyle?: ViewStyle;
+    modalOptionsContainerStyle?: ViewStyle;
+    modalProps?: ModalProps & {
+        /** @deprecated Use `onDismiss` instead.*/
+        closeModal?: () => void;
+    };
+};
+export type TListProps = {
     listHeaderComponent?: React.ReactNode;
     listFooterComponent?: React.ReactNode;
     listComponentStyles?: {
@@ -91,23 +102,29 @@ export type TListControls = {
         sectionHeaderStyle?: TextStyle;
     };
     listEmptyComponent?: React.ReactNode;
-    listControls?: {
-        selectAllText?: string;
-        unselectAllText?: string;
-        selectAllCallback?: () => void;
-        unselectAllCallback?: () => void;
-        hideSelectAll?: boolean;
-        emptyListMessage?: string;
-    };
 };
+type TListControls = {
+    selectAllText?: string;
+    unselectAllText?: string;
+    selectAllCallback?: () => void;
+    unselectAllCallback?: () => void;
+    hideSelectAll?: boolean;
+    emptyListMessage?: string;
+};
+export type TSelectedItem = string | number | boolean;
+export type TSelectedItemWithReactComponent = TSelectedItem | React.ReactElement;
 export type TFlatList = TFlatListItem[];
 export type TFlatListItem = {
-    [key: string]: string | number | boolean | 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAC7C,mBAAmB,GACnB,eAAe,GACf,iBAAiB,GACjB,oBAAoB,GACpB,aAAa,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,GAAG,YAAY,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,EAAE,GACR,OAAO,EAAE,GACT,MAAM,EAAE,GACR,IAAI,CAAC;IACT,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE;QACf,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QACvC,uBAAuB,CAAC,EAAE,SAAS,CAAC;QACpC,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KAC1C,CAAC;CACH,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iDAAiD;IACjD,uBAAuB,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,SAAS,CAAC;KAChC,CAAC;IACF,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACpC,qBAAqB,CAAC,EAAE,SAAS,CAAC;QAClC,uBAAuB,CAAC,EAAE,UAAU,CAAC;KACtC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,0FAA0F;IAC1F,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE;QACd,oBAAoB,CAAC,EAAE,SAAS,CAAC;QACjC,0BAA0B,CAAC,EAAE,SAAS,CAAC;QACvC,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;KACvC,CAAC;CACH,GAAG,WAAW,CAAC;AAEhB,KAAK,WAAW,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE;QACpB,uBAAuB,CAAC,EAAE,SAAS,CAAC;QACpC,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,kBAAkB,CAAC,EAAE,SAAS,CAAC;KAChC,CAAC;IACF,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE;QACb,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;QAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;QACjC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;AAC9C,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC"}
+{"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[] | undefined;
 //# 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,oFAsBA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-select",
-  "version": "1.3.17",
+  "version": "2.0.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, TCheckboxProps } 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 } & TCheckboxProps;

package/src/components/CheckBox/index.tsx

@@ -2,7 +2,7 @@ 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,
@@ -22,11 +22,11 @@ const CheckBox = ({
       ? checkboxControls?.checkboxDisabledStyle?.backgroundColor ||
         colors.disabled
       : value
-        ? checkboxControls?.checkboxStyle?.backgroundColor ||
-          checkboxComponentStyles?.checkboxStyle?.backgroundColor ||
-          checkboxStyle?.backgroundColor ||
-          primaryColor
-        : checkboxControls?.checkboxUnselectedColor || 'white',
+      ? checkboxControls?.checkboxStyle?.backgroundColor ||
+        checkboxComponentStyles?.checkboxStyle?.backgroundColor ||
+        checkboxStyle?.backgroundColor ||
+        primaryColor
+      : checkboxControls?.checkboxUnselectedColor || 'white',
     borderColor: disabled
       ? checkboxControls?.checkboxDisabledStyle?.borderColor || colors.disabled
       : checkboxControls?.checkboxStyle?.borderColor ||
@@ -40,6 +40,7 @@ const CheckBox = ({
       onPress={onChange ? () => onChange(!value) : null}
       style={[styles.checkboxContainer]}
       disabled={disabled}
+      aria-label={typeof label === 'string' ? label : ''}
     >
       <View
         style={[
@@ -49,6 +50,7 @@ const CheckBox = ({
             checkboxStyle,
           fillColor,
         ]}
+        aria-checked={value}
       >
         {checkboxControls?.checkboxComponent || checkboxComponent || (
           <Image

package/src/components/CustomModal/index.tsx

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+/* eslint-disable react-native/no-inline-styles */
+import React, { PropsWithChildren, ReactElement } from 'react';
 import {
   KeyboardAvoidingView,
   Modal,
@@ -10,17 +11,11 @@ import {
   TouchableWithoutFeedback,
 } from 'react-native';
 import { colors } from '../../styles/colors';
-import { TCustomModalControls } from 'src/types/index.types';
-
-type ScreenWrapperProps = {
-  children: React.ReactNode;
-};
+import { TCustomModalControls, TCustomModalProps } from 'src/types/index.types';
 
 // In iOS, `SafeAreaView` does not automatically account on keyboard.
 // Therefore, for iOS we need to wrap the content in `KeyboardAvoidingView`.
-const ModalContentWrapper = ({
-  children,
-}: ScreenWrapperProps): ReactElement => {
+const ModalContentWrapper = ({ children }: PropsWithChildren): ReactElement => {
   return Platform.OS === 'ios' ? (
     <KeyboardAvoidingView style={[{ flex: 1 }]} behavior="padding">
       {children}
@@ -32,18 +27,20 @@ const ModalContentWrapper = ({
 
 const CustomModal = ({
   visible,
-  closeModal,
   modalBackgroundStyle, //kept for backwards compatibility
   modalOptionsContainerStyle, //kept for backwards compatibility
   modalControls,
   modalProps, //kept for backwards compatibility
   children,
-}: TCustomModalControls & ModalProps) => {
+  onRequestClose,
+}: TCustomModalProps & {
+  modalControls?: TCustomModalControls;
+} & ModalProps) => {
   return (
     <Modal
-      transparent={true}
       visible={visible}
-      onRequestClose={() => closeModal?.()}
+      testID="react-native-input-select-modal"
+      transparent={true}
       animationType="fade"
       {...modalControls?.modalProps}
       {...modalProps} //kept for backwards compatibility
@@ -51,23 +48,23 @@ const CustomModal = ({
       {/*Used to fix the select with search box behavior in iOS*/}
       <ModalContentWrapper>
         <TouchableOpacity
-          onPress={() =>
-            closeModal?.() || modalControls?.modalProps?.closeModal?.()
-          }
+          onPress={onRequestClose}
           style={[
             styles.modalContainer,
             styles.modalBackgroundStyle,
             modalControls?.modalBackgroundStyle || modalBackgroundStyle,
           ]}
+          aria-label="close modal"
         >
           {/* Added this `TouchableWithoutFeedback` wrapper because of the closing modal on expo web */}
-          <TouchableWithoutFeedback onPress={() => {}}>
+          <TouchableWithoutFeedback accessible={false}>
             <SafeAreaView
               style={[
                 styles.modalOptionsContainer,
                 modalControls?.modalOptionsContainerStyle ||
                   modalOptionsContainerStyle,
               ]}
+              testID="react-native-input-select-modal-body"
             >
               {children}
             </SafeAreaView>

package/src/components/Dropdown/Dropdown.tsx

@@ -10,7 +10,7 @@ const Dropdown = ({
   placeholder,
   helperText,
   error,
-  getSelectedItemsLabel,
+  labelsOfSelectedItems,
   openModal,
   closeModal,
   isMultiple,
@@ -35,6 +35,7 @@ const Dropdown = ({
     <View
       style={[styles.dropdownInputContainer, dropdownContainerStyle]}
       accessibilityRole="combobox"
+      pointerEvents="box-none"
       testID={testID}
     >
       {label && label !== '' && (
@@ -44,7 +45,7 @@ const Dropdown = ({
       <DropdownSelectedItemsView
         placeholder={placeholder}
         error={error}
-        getSelectedItemsLabel={getSelectedItemsLabel}
+        labelsOfSelectedItems={labelsOfSelectedItems}
         openModal={openModal}
         closeModal={closeModal}
         isMultiple={isMultiple}

package/src/components/Dropdown/DropdownListItem.tsx

@@ -20,9 +20,7 @@ const DropdownListItem = ({
   return (
     <TouchableOpacity
       style={styles.listItemContainerStyle}
-      onPress={
-        item.disabled ? () => {} : () => onChange(item[optionValue]) // intentionally didn't use the disable property
-      }
+      onPress={item.disabled ? () => {} : () => onChange(item[optionValue])}
     >
       <CheckBox
         value={