From 975e234ef8b1afd953e4cd1294370e395ce0f00e Mon Sep 17 00:00:00 2001
From: Dakota Kallas <kallas.dakota@gmail.com>
Date: Tue, 14 May 2024 16:53:11 -0500
Subject: [PATCH] Add activeItemTextStyle

---
 README.md                            | 2 ++
 src/components/Dropdown/index.tsx    | 3 +++
 src/components/Dropdown/model.ts     | 1 +
 src/components/MultiSelect/index.tsx | 3 +++
 src/components/MultiSelect/model.ts  | 1 +
 5 files changed, 10 insertions(+)

diff --git a/README.md b/README.md
index 52cdf22..80987a1 100644
--- a/README.md
+++ b/README.md
@@ -61,6 +61,7 @@ yarn add react-native-element-dropdown
 | itemContainerStyle | TextStyle                                       | No        | Styling for item container in list                                  |
 | itemTextStyle      | TextStyle                                       | No        | Styling for text item in list                                       |
 | activeColor        | String                                          | No        | Background color for item selected in list container                |
+| activeItemTextStyle | TextStyle                                      | No        | Text style for item selected in list container                      |
 | search             | Boolean                                         | No        | Show or hide input search                                           |
 | searchQuery        | (keyword: string, labelValue: string) => Boolean| No        | Callback used to filter the list of items                           |
 | inputSearchStyle   | ViewStyle                                       | No        | Styling for input search                                            |
@@ -113,6 +114,7 @@ yarn add react-native-element-dropdown
 | iconStyle          | ImageStyle                                           | No        | Styling for icon                                                    |
 | iconColor          | String                                               | No        | Color of icons                                                      |
 | activeColor        | String                                               | No        | Background color for item selected in list container                |
+| activeItemTextStyle | TextStyle                                           | No        | Text style for item selected in list container                      |
 | itemContainerStyle | TextStyle                                            | No        | Styling for item container in list                                  |
 | itemTextStyle      | TextStyle                                            | No        | Styling for text item in list                                       |
 | selectedStyle      | ViewStyle                                            | No        | Styling for selected view                                           |
diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx
index eef6ed8..9a43a06 100644
--- a/src/components/Dropdown/index.tsx
+++ b/src/components/Dropdown/index.tsx
@@ -61,6 +61,7 @@ const DropdownComponent: <T>(
       searchField,
       value,
       activeColor = '#F6F7F8',
+      activeItemTextStyle,
       fontFamily,
       iconColor = 'gray',
       searchPlaceholder,
@@ -486,6 +487,7 @@ const DropdownComponent: <T>(
                     style={StyleSheet.flatten([
                       styles.textItem,
                       itemTextStyle,
+                      selected && activeItemTextStyle,
                       font(),
                     ])}
                   >
@@ -500,6 +502,7 @@ const DropdownComponent: <T>(
       [
         accessibilityLabel,
         activeColor,
+        activeItemTextStyle,
         currentValue,
         font,
         itemAccessibilityLabelField,
diff --git a/src/components/Dropdown/model.ts b/src/components/Dropdown/model.ts
index 0e029b2..e0d165e 100644
--- a/src/components/Dropdown/model.ts
+++ b/src/components/Dropdown/model.ts
@@ -34,6 +34,7 @@ export interface DropdownProps<T> {
   fontFamily?: string;
   iconColor?: string;
   activeColor?: string;
+  activeItemTextStyle?: StyleProp<TextStyle>;
   data: T[];
   value?: T | string | null | undefined;
   placeholder?: string;
diff --git a/src/components/MultiSelect/index.tsx b/src/components/MultiSelect/index.tsx
index 1a3cd2e..c636e99 100644
--- a/src/components/MultiSelect/index.tsx
+++ b/src/components/MultiSelect/index.tsx
@@ -57,6 +57,7 @@ const MultiSelectComponent: <T>(
       itemTextStyle,
       iconStyle,
       activeColor = '#F6F7F8',
+      activeItemTextStyle,
       containerStyle,
       fontFamily,
       placeholderStyle,
@@ -479,6 +480,7 @@ const MultiSelectComponent: <T>(
                     style={StyleSheet.flatten([
                       styles.textItem,
                       itemTextStyle,
+                      selected && activeItemTextStyle,
                       font(),
                     ])}
                   >
@@ -493,6 +495,7 @@ const MultiSelectComponent: <T>(
       [
         accessibilityLabel,
         activeColor,
+        activeItemTextStyle,
         checkSelected,
         font,
         itemAccessibilityLabelField,
diff --git a/src/components/MultiSelect/model.ts b/src/components/MultiSelect/model.ts
index 4ac4d70..19f4e53 100644
--- a/src/components/MultiSelect/model.ts
+++ b/src/components/MultiSelect/model.ts
@@ -34,6 +34,7 @@ export interface MultiSelectProps<T> {
   fontFamily?: string;
   iconColor?: string;
   activeColor?: string;
+  activeItemTextStyle?: StyleProp<TextStyle>;
   data: T[];
   value?: string[] | null | undefined;
   placeholder?: string;