dhre-ui-kit 0.0.190 → 0.0.191

package/lib/index.d.ts

@@ -629,6 +629,8 @@ interface CustomDropdownProps {
     itemTextStyle?: TextStyle;
     onValueChange?: (value: string) => void;
     itemContainerStyle?: ViewStyle;
+    keepPlaceholderOnFocus?: boolean;
+    selectedItemTextStyle?: TextStyle;
     menuContainerStyle?: ViewStyle;
     activeColor?: string;
     renderRightIcon?: (visible?: boolean) => JSX.Element | null | undefined;

package/lib/index.js

@@ -3418,7 +3418,9 @@ const CustomDropdown = (props) => {
     onValueChange,
     itemContainerStyle,
     menuContainerStyle,
-    activeColor
+    activeColor,
+    keepPlaceholderOnFocus = false,
+    selectedItemTextStyle
   } = props;
   const [value, setValue] = React.useState(defaultValue);
   const [isFocus, setIsFocus] = React.useState(false);
@@ -3446,6 +3448,22 @@ const CustomDropdown = (props) => {
       onValueChange(newValue);
     }
   };
+  const renderItem = (item) => {
+    const isSelected = item[valueField] === value;
+    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$7.itemContainer, itemContainerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
+      reactNative.Text,
+      {
+        style: [
+          styles$7.itemText,
+          itemTextStyle,
+          // Apply itemTextStyle to all items
+          isSelected && selectedItemTextStyle
+          // Apply selectedItemTextStyle to the selected item
+        ]
+      },
+      item[labelField]
+    ));
+  };
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$7.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default["default"].createElement(
     reactNativeElementDropdown.Dropdown,
     {
@@ -3461,13 +3479,14 @@ const CustomDropdown = (props) => {
       data: data ?? [],
       labelField,
       valueField,
-      placeholder: !isFocus ? placeholder : "",
+      placeholder: keepPlaceholderOnFocus || !isFocus ? placeholder : "",
       value,
       onFocus: () => setIsFocus(true),
       onBlur: () => setIsFocus(false),
       onChange: handleValueChange,
       iconColor,
       dropdownPosition: "bottom",
+      renderItem,
       itemTextStyle,
       containerStyle: menuContainerStyle,
       activeColor,
@@ -3510,6 +3529,13 @@ const styles$7 = reactNative.StyleSheet.create({
   },
   itemListStyle: {
     maxHeight: verticalScale(150)
+  },
+  itemContainer: {
+    paddingVertical: verticalScale(8),
+    paddingHorizontal: horizontalScale(12)
+  },
+  itemText: {
+    fontSize: verticalScale(14)
   }
 });