dhre-ui-kit 0.0.28 → 0.0.30

package/package.json

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

package/src/App.tsx

@@ -1,43 +1,38 @@
 import React from 'react';
-import {ThemeProvider} from './theme/ThemeContext';
-import {Badge, Line} from './index';
-import {ArrowLeft, CalenderDots} from './assets';
-import {View} from 'react-native';
-import CustomButton from './components/button/Button';
+import {View, StyleSheet, Text} from 'react-native';
+import BottomDrawer from './components/bottomDrawer';
 
 const App = () => {
   return (
-    <ThemeProvider>
-      <View style={{marginTop: 50}}>
-        <Badge
-          handleIconPress={function (): void {}}
-          text="gggsdfghjhgf"
-          style={{margin: 20}}
-          iconName={<CalenderDots width={20} height={20} />}
-          textStyle={{color: 'black'}}
-          iconStyle={{}}
-        />
-        <Line />
-        <CustomButton
-          title="Yes"
-          onPress={() => console.log('Yes Button Pressed')}
-          leftIcon={<ArrowLeft />}
-          // titleColor={color.CONTENT_SECONDRY[currentTheme]}
-          titleVariant="L2_REGULAR"
-          containerStyle={[
-            {
-              borderWidth: 1,
-              borderRadius: 20,
-
-              height: 40,
-            },
-          ]}
-          // iconStyle={styles.iconStyle}
-          imagePosition="left"
-        />
-      </View>
-    </ThemeProvider>
+    <View style={styles.container}>
+      <Text>SSS</Text>
+      <BottomDrawer isModalVisible={true} toggleModal={() => {}} title={''}>
+        <Text style={styles.text}>Hello, World!</Text>
+      </BottomDrawer>
+    </View>
   );
 };
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor:"#000"
+  },
+  image: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  absolute: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    color: 'red',
+    fontSize: 24,
+  },
+});
+
 export default App;

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

@@ -10,7 +10,14 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'flex-end',
   },
-  blurView: {...StyleSheet.absoluteFillObject},
+  blurView: {
+    ...StyleSheet.absoluteFillObject,
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+  },
   modalContainer: {
     flex: 0.5,
     backgroundColor: '#000',

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

@@ -11,5 +11,4 @@ export interface CustomSearchBarProps extends TextInputProps {
   onSearchIconPress?: () => void;
   onCrossIconPress?: () => void;
   handleOnChangeText?: (text: string) => void;
-  rightIcon?:React.ReactElement;
 }

package/src/components/customSearchBar/CustomSearchBar.tsx

@@ -16,7 +16,6 @@ const CustomSearchBar = ({
   onSearchIconPress,
   onCrossIconPress,
   handleOnChangeText,
-  rightIcon=<CrossIcon/>,
   ...props
 }: CustomSearchBarProps) => {
   const [value, setValue] = useState('');
@@ -63,7 +62,7 @@ const CustomSearchBar = ({
             onCrossIconPress?.(); // Call custom handler if provided
           }}
           style={crossIconStyle}>
-          {React.cloneElement(rightIcon, {
+          {React.cloneElement(<CrossIcon />, {
             width: moderateScale(24),
             height: moderateScale(24),
             style: [styles.crossIconStyle, crossIconStyle],

package/src/theme/ThemeContext.tsx

@@ -14,8 +14,8 @@ interface ThemeProviderProps {
 
 export const ThemeProvider: React.FC<ThemeProviderProps> = ({children}) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const mode = useSelector((state: any) => state.theme.currentTheme);
-  // const mode = 'light'
+  // const mode = useSelector((state: any) => state.theme.currentTheme);
+  const mode = 'light'
   // Filter the theme based on the mode (light or dark)
   const filteredTheme = Object.keys(theme).reduce((acc, key) => {
     acc[key] = theme[key][mode];