dhre-ui-kit 0.0.73 → 0.0.75

package/package.json

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

package/src/App.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {ThemeProvider} from './theme/ThemeContext';
-import {Badge, DateRangePicker, Line} from './index';
+import {Badge, Line} from './index';
 import {ArrowLeft, CalenderDots} from './assets';
 import {View} from 'react-native';
 import CustomButton from './components/button/Button';
@@ -8,7 +8,34 @@ import CustomButton from './components/button/Button';
 const App = () => {
   return (
     <ThemeProvider>
-      <DateRangePicker onButtonPress={() => {}} />
+      <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/scrollList/category.tsx

@@ -6,13 +6,14 @@ import {withThemeProvider} from '../../theme/withThemeProvider';
 
 interface ScrollableListProps {
   data: {name: string; value: string; isError?: boolean}[] | undefined;
-  handleSelectCategory: (value: string) => void;
+  handleSelectCategory: (name: string, value: string) => void;
   containerStyle?: object;
   scrollViewContentStyle?: object;
   itemStyle?: object;
   selectedItemStyle?: object;
   selectedItemTextColor?: string;
   defaultItemTextColor?: string;
+  activeTab?: string;
 }
 
 const ScrollableList = ({
@@ -24,6 +25,7 @@ const ScrollableList = ({
   selectedItemStyle,
   selectedItemTextColor = 'CONTENT_PRIMARY',
   defaultItemTextColor = 'CONTENT_SECONDRY',
+  activeTab,
 }: ScrollableListProps) => {
   const [selectedItem, setSelectedItem] = useState<string | null>(
     data && data.length > 0 ? data[0].name : null,
@@ -44,20 +46,20 @@ const ScrollableList = ({
             style={[
               styles.item,
               itemStyle,
-              selectedItem === item.name && [
+              (activeTab ?? selectedItem) === item.name && [
                 styles.selectedItem,
                 selectedItemStyle,
               ],
             ]}
             onPress={() => {
               setSelectedItem(item.name);
-              handleSelectCategory(item.name);
+              handleSelectCategory(item.name, item.value);
             }}>
             <CustomText
               text={item.name}
               variant="L1_REGULAR"
               textColor={
-                selectedItem === item.name
+                (activeTab ?? selectedItem) === item.name
                   ? selectedItemTextColor
                   : defaultItemTextColor
               }

package/src/components/textInput/Textinput.tsx

@@ -19,6 +19,7 @@ interface CommonTextInputProps {
   keyboardType?: 'default' | 'numeric' | 'email-address' | 'phone-pad';
   maxLength?: number;
   errorMessage?: string;
+  editable?: boolean;
 }
 
 const CommonTextInput: React.FC<CommonTextInputProps> = ({
@@ -33,6 +34,7 @@ const CommonTextInput: React.FC<CommonTextInputProps> = ({
   inputStyle,
   maxLength,
   errorMessage,
+  editable = true,
 }) => {
   return (
     <>
@@ -51,6 +53,7 @@ const CommonTextInput: React.FC<CommonTextInputProps> = ({
         style={[errorMessage ? styles.errorInput : styles.input, inputStyle]}
         maxLength={maxLength}
         placeholder={placeholderText}
+        editable={editable}
       />
       {errorMessage ? (
         <CustomTypography

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];