react-native-input-select 0.28.0 → 0.30.0

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ViewStyle, ColorValue, TextStyle } from 'react-native';
-export type DropdownProps = {
+export declare type DropdownProps = {
     placeholder?: string;
     label?: string;
     error?: string;
@@ -12,13 +12,15 @@ export type DropdownProps = {
     selectedValue?: string | any[] | null;
     isMultiple?: boolean;
     isSearchable?: boolean;
+    dropdownIcon?: React.ReactNode;
     labelStyle?: TextStyle;
     dropdownStyle?: ViewStyle;
+    dropdownIconStyle?: ViewStyle;
     dropdownContainerStyle?: ViewStyle;
     dropdownErrorStyle?: ViewStyle;
     dropdownErrorTextStyle?: TextStyle;
     dropdownHelperTextStyle?: TextStyle;
-    selectedItemStyle?: ViewStyle;
+    selectedItemStyle?: TextStyle;
     multipleSelectedItemStyle?: ViewStyle;
     modalBackgroundStyle?: ViewStyle;
     modalOptionsContainer?: ViewStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-select",
-  "version": "0.28.0",
+  "version": "0.30.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",

package/src/components/Dropdown/Dropdown.tsx

@@ -14,8 +14,10 @@ const Dropdown = ({
   isMultiple,
   selectedItem,
   selectedItems,
+  dropdownIcon,
   labelStyle,
   dropdownStyle,
+  dropdownIconStyle,
   dropdownContainerStyle,
   selectedItemStyle,
   placeholderStyle,
@@ -39,7 +41,9 @@ const Dropdown = ({
         isMultiple={isMultiple}
         selectedItem={selectedItem}
         selectedItems={selectedItems}
+        dropdownIcon={dropdownIcon}
         dropdownStyle={dropdownStyle}
+        dropdownIconStyle={dropdownIconStyle}
         selectedItemStyle={selectedItemStyle}
         multipleSelectedItemStyle={multipleSelectedItemStyle}
         dropdownErrorStyle={dropdownErrorStyle}
@@ -63,11 +67,6 @@ const Dropdown = ({
 
 const styles = StyleSheet.create({
   label: { marginBottom: 16, color: colors.gray, ...typography.caption },
-  inputFocusErrorState: {
-    borderWidth: 2,
-    borderStyle: 'solid',
-    borderColor: colors.red,
-  },
   error: { color: colors.red, marginTop: 8, ...typography.caption },
   helper: { marginTop: 8, color: colors.primary, ...typography.caption },
   dropdownInputContainer: { marginBottom: 23, width: '100%' },

package/src/components/Dropdown/DropdownSelectedItemsView.tsx

@@ -19,7 +19,9 @@ const DropdownSelectedItemsView = ({
   isMultiple,
   selectedItem,
   selectedItems,
+  dropdownIcon,
   dropdownStyle,
+  dropdownIconStyle,
   selectedItemStyle,
   placeholderStyle,
   multipleSelectedItemStyle,
@@ -91,8 +93,10 @@ const DropdownSelectedItemsView = ({
           </Text>
         )}
       </ScrollView>
-      <View style={styles.iconStyle}>
-        <Image source={require('../../asset/arrow-down.png')} />
+      <View style={[styles.iconStyle, dropdownIconStyle]}>
+        {dropdownIcon || (
+          <Image source={require('../../asset/arrow-down.png')} />
+        )}
       </View>
     </Pressable>
   );

package/src/index.tsx

@@ -21,9 +21,11 @@ export const DropdownSelect = ({
   selectedValue,
   isMultiple,
   isSearchable,
+  dropdownIcon,
   labelStyle,
   placeholderStyle,
   dropdownStyle,
+  dropdownIconStyle,
   dropdownContainerStyle,
   dropdownErrorStyle,
   dropdownErrorTextStyle,
@@ -182,7 +184,9 @@ export const DropdownSelect = ({
         selectedItems={selectedItems}
         handleToggleModal={handleToggleModal}
         labelStyle={labelStyle}
+        dropdownIcon={dropdownIcon}
         dropdownStyle={dropdownStyle}
+        dropdownIconStyle={dropdownIconStyle}
         dropdownContainerStyle={dropdownContainerStyle}
         dropdownErrorStyle={dropdownErrorStyle}
         dropdownErrorTextStyle={dropdownErrorTextStyle}

package/src/types/index.types.ts

@@ -12,13 +12,15 @@ export type DropdownProps = {
   selectedValue?: string | any[] | null;
   isMultiple?: boolean;
   isSearchable?: boolean;
+  dropdownIcon?: React.ReactNode;
   labelStyle?: TextStyle;
   dropdownStyle?: ViewStyle;
+  dropdownIconStyle?: ViewStyle;
   dropdownContainerStyle?: ViewStyle;
   dropdownErrorStyle?: ViewStyle;
   dropdownErrorTextStyle?: TextStyle;
   dropdownHelperTextStyle?: TextStyle;
-  selectedItemStyle?: ViewStyle;
+  selectedItemStyle?: TextStyle;
   multipleSelectedItemStyle?: ViewStyle;
   modalBackgroundStyle?: ViewStyle;
   modalOptionsContainer?: ViewStyle;