dhre-ui-kit 0.0.54 → 0.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhre-ui-kit",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "main": "src/index.ts",
   "files": [
     "src",

package/src/components/countryPicker/CountryPicker.tsx

@@ -29,14 +29,14 @@ interface MobileNumberInputProps {
   defaultCallingCode?: string;
   placeholder: string;
   onChangeText: (text: string) => void;
-  value: string;
+  value?: string;
   containerStyle?: ViewStyle;
   inputStyle?: TextStyle;
   countryPickerStyle?: ViewStyle;
   callingCodeStyle?: TextStyle;
   getCountryCode: (countryCode: string) => void;
   maxLength: number;
-  errorMessage: string;
+  errorMessage?: string;
   label: string;
 }
 

package/src/components/dropDown/DropDown.tsx

@@ -27,6 +27,7 @@ interface CustomDropdownProps {
   iconColor?: string;
   itemTextStyle?: TextStyle;
   onValueChange?: (value: string) => void;
+  itemContainerStyle?: ViewStyle;
 }
 
 const CustomDropdown: React.FC<CustomDropdownProps> = ({
@@ -45,6 +46,7 @@ const CustomDropdown: React.FC<CustomDropdownProps> = ({
   iconColor,
   itemTextStyle,
   onValueChange,
+  itemContainerStyle,
 }) => {
   const [value, setValue] = useState<string | undefined>(defaultValue);
   const [isFocus, setIsFocus] = useState<boolean>(false);
@@ -97,6 +99,7 @@ const CustomDropdown: React.FC<CustomDropdownProps> = ({
         iconColor={iconColor}
         dropdownPosition="bottom"
         itemTextStyle={itemTextStyle}
+        itemContainerStyle={[styles.itemListStyle, itemContainerStyle]}
       />
     </View>
   );
@@ -134,6 +137,9 @@ const styles = StyleSheet.create({
     width: horizontalScale(20),
     height: verticalScale(20),
   },
+  itemListStyle: {
+    maxHeight: verticalScale(150),
+  },
 });
 
 export default CustomDropdown;

package/src/components/textInput/Textinput.tsx

@@ -8,7 +8,7 @@ import theme from '../../theme/themes';
 
 interface CommonTextInputProps {
   label: string;
-  value: string;
+  value?: string;
   onChangeText: (text: string) => void;
   placeholderText?: string;
   isSecureTextEntry?: boolean;
@@ -40,7 +40,7 @@ const CommonTextInput: React.FC<CommonTextInputProps> = ({
         mode="outlined"
         outlineStyle={{
           ...styles.outlineStyle,
-          borderColor: value.length ? activeBorderColor : inactiveBorderColor,
+          borderColor: value?.length ? activeBorderColor : inactiveBorderColor,
         }}
         label={label}
         value={value}