dhre-ui-kit 0.0.58 → 0.0.60

package/package.json

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

package/src/App.tsx

@@ -1,15 +1,42 @@
 import React from 'react';
-import {SafeAreaView} from 'react-native';
-import ToastProvider from './components/toast/ToastProvider';
-import YourComponent from './components/toast/yourCompo';
+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';
 
 const App = () => {
   return (
-    <ToastProvider>
-      <SafeAreaView style={{flex: 1}}>
-        <YourComponent />
-      </SafeAreaView>
-    </ToastProvider>
+    <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>
   );
 };
 

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

@@ -17,5 +17,5 @@ export interface CustomSearchBarProps extends TextInputProps {
   enablePlaceHolderStyle?: string;
   borderColor?: string;
   setValue: (val: string) => void;
-  value: string;
+  value: string | undefined;
 }

package/src/index.ts

@@ -49,6 +49,6 @@ export {
 } from './utils/stylehelper';
 
 export {default} from './theme/themes';
-export {default as useToast} from './components/toast/ToastProvider';
+export {useToast} from './components/toast/ToastProvider';
 export {default as ToastProvider} from './components/toast/ToastProvider';
 export {default as CustomTextTest} from '../__mocks__/custom-text.mock';

package/src/components/toast/yourCompo.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import {View, Button} from 'react-native';
-import {useToast} from './ToastProvider'; // Adjust the path as necessary
-
-const YourComponent = () => {
-  const {showToast} = useToast();
-
-  const handleShowToast = () => {
-    showToast('This is a toast message!', 3000, true, 'Close', () => {
-      console.log('Button pressed!');
-    });
-  };
-
-  return (
-    <View>
-      <Button title="Show Toast" onPress={handleShowToast} />
-    </View>
-  );
-};
-
-export default YourComponent;