dhre-ui-kit 0.0.178 → 0.0.180

package/lib/index.d.ts

@@ -632,7 +632,7 @@ interface CustomDropdownProps {
     menuContainerStyle?: ViewStyle;
     activeColor?: string;
 }
-declare const CustomDropdown: React$1.FC<CustomDropdownProps>;
+declare const CustomDropdown: (props: CustomDropdownProps) => React$1.JSX.Element;
 
 interface CustomSwitchBtnProps {
     value: boolean;

package/lib/index.js

@@ -251,12 +251,12 @@ const theme = {
     dark: "#404040"
   },
   [Theme.BORDER_SEPRATOR]: {
-    light: "#0000001A",
-    dark: "#404040"
+    light: "#F5F5F5",
+    dark: "#282828"
   },
   [Theme.BORDER_SEPERATOR_HEADER]: {
     light: "#E1E1E1",
-    dark: "#404040"
+    dark: "#373737"
   },
   [Theme.WARNING]: {
     light: "#B65E01",
@@ -3368,28 +3368,28 @@ const styles$8 = reactNative.StyleSheet.create({
   }
 });
 
-const CustomDropdown = ({
-  data,
-  labelField = "label",
-  valueField = "value",
-  label,
-  placeholder,
-  containerStyle,
-  dropdownStyle,
-  dropdownFocusStyle,
-  placeholderStyle,
-  selectedTextStyle,
-  iconStyle,
-  labelStyle,
-  labelFocusStyle,
-  defaultValue,
-  iconColor,
-  itemTextStyle,
-  onValueChange,
-  itemContainerStyle,
-  menuContainerStyle,
-  activeColor
-}) => {
+const CustomDropdown = (props) => {
+  const {
+    labelField = "label",
+    valueField = "value",
+    label,
+    placeholder,
+    containerStyle,
+    dropdownStyle,
+    dropdownFocusStyle,
+    placeholderStyle,
+    selectedTextStyle,
+    iconStyle,
+    labelStyle,
+    labelFocusStyle,
+    defaultValue,
+    iconColor,
+    itemTextStyle,
+    onValueChange,
+    itemContainerStyle,
+    menuContainerStyle,
+    activeColor
+  } = props;
   const [value, setValue] = React.useState(defaultValue);
   const [isFocus, setIsFocus] = React.useState(false);
   const renderLabel = () => {
@@ -3427,7 +3427,6 @@ const CustomDropdown = ({
       placeholderStyle: [styles$7.placeholderStyle, placeholderStyle],
       selectedTextStyle: [styles$7.selectedTextStyle, selectedTextStyle],
       iconStyle: [styles$7.iconStyle, iconStyle],
-      data: data ?? [],
       labelField,
       valueField,
       placeholder: !isFocus ? placeholder : "",
@@ -3440,7 +3439,8 @@ const CustomDropdown = ({
       itemTextStyle,
       containerStyle: menuContainerStyle,
       activeColor,
-      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
+      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
+      ...props
     }
   ));
 };