dhre-ui-kit 0.0.32 → 0.0.34

package/package.json

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

package/src/components/bottomDrawer/BottomDrawer.interface.ts

@@ -1,4 +1,4 @@
-import {ViewStyle} from 'react-native';
+import {TextStyle, ViewStyle} from 'react-native';
 
 export interface BottomDrawerProps {
   isModalVisible: boolean;
@@ -16,4 +16,5 @@ export interface BottomDrawerProps {
   showLeftIcon?: boolean;
   showRightIcon?: boolean;
   onLeftIconPress?: () => void;
+  titleStyle?: TextStyle;
 }

package/src/components/bottomDrawer/BottomDrawer.tsx

@@ -22,6 +22,7 @@ const BottomDrawer: React.FC<BottomDrawerProps> = ({
   leftIcon = <ArrowLeft />,
   rightIcon = <CrossIcon />,
   onLeftIconPress,
+  titleStyle,
 }) => {
   return (
     <Modal
@@ -48,7 +49,7 @@ const BottomDrawer: React.FC<BottomDrawerProps> = ({
             <CustomTypography
               variant="B2_REGULAR"
               text={title}
-              style={styles.title}
+              style={[styles.title, titleStyle]}
             />
             {showRightIcon &&
               React.cloneElement(rightIcon, {

package/src/components/customSearchBar/CustomSearchBar.interface.ts

@@ -12,4 +12,8 @@ export interface CustomSearchBarProps extends TextInputProps {
   onCrossIconPress?: () => void;
   handleOnChangeText?: (text: string) => void;
   rightIcon?: React.ReactElement;
+  disableBorderColor?: string;
+  disablePlaceHolderStyle?: string;
+  enablePlaceHolderStyle?: string;
+  borderColor?: string;
 }

package/src/components/customSearchBar/CustomSearchBar.tsx

@@ -17,6 +17,10 @@ const CustomSearchBar = ({
   onCrossIconPress,
   handleOnChangeText,
   rightIcon = <CrossIcon />,
+  disableBorderColor = '#4F4F4F',
+  borderColor = '#FFFFFF',
+  disablePlaceHolderStyle = '#686868',
+  enablePlaceHolderStyle = '#A7A7A7',
   ...props
 }: CustomSearchBarProps) => {
   const [value, setValue] = useState('');
@@ -28,7 +32,11 @@ const CustomSearchBar = ({
         styles.inputContainer,
         {
           height: verticalScale(height),
-          borderColor: disabled ? '#4F4F4F' : value ? '#fff' : '#A7A7A7',
+          borderColor: disabled
+            ? disableBorderColor
+            : value
+            ? borderColor
+            : '#A7A7A7',
         },
         inputContainerStyle,
       ]}>
@@ -50,7 +58,9 @@ const CustomSearchBar = ({
         style={[styles.input, inputStyle]} // Apply custom input styles
         editable={!disabled}
         value={value}
-        placeholderTextColor={disabled ? '#686868' : '#A7A7A7'}
+        placeholderTextColor={
+          disabled ? disablePlaceHolderStyle : enablePlaceHolderStyle
+        }
         onChangeText={val => {
           setValue(val);
           handleOnChangeText?.(val);

package/src/index.ts

@@ -31,7 +31,7 @@ export {default as ContactModel} from './components/ContactModel';
 export {default as DateRangePicker} from './components/dateRangePicker';
 export {default as OurOfficesButton} from './components/OutOfOffice';
 export {default as NotificationBandge} from './components/notificationBandge';
-export {default as category} from './components/scrollList';
+export {default as Category} from './components/scrollList';
 export {default as FeedbackForm} from './components/feedback';
 
 export {FONT_STYLES} from './theme/fonts';