dhre-ui-kit 0.0.138 → 0.0.140

package/lib/index.mjs

@@ -6,11 +6,7 @@ import { BlurView } from '@react-native-community/blur';
 import Tooltip from 'rn-tooltip';
 import Pdf from 'react-native-pdf';
 import * as Progress from 'react-native-progress';
-import { verticalScale as verticalScale$1, moderateScale as moderateScale$1 } from 'src/utils/stylehelper';
 import { Calendar } from 'react-native-calendars';
-import { Theme as Theme$1, FontStyle as FontStyle$1 } from 'src/utils/appEnum';
-import { withThemeProvider as withThemeProvider$1 } from 'src/theme/withThemeProvider';
-import { useTheme as useTheme$1 } from 'src/theme/ThemeContext';
 import CountryPicker from 'react-native-country-picker-modal';
 import { TextInput as TextInput$1 } from 'react-native-paper';
 import { Dropdown } from 'react-native-element-dropdown';
@@ -221,8 +217,8 @@ const theme = {
     dark: "#404040"
   },
   [Theme.BORDER_SEPRATOR]: {
-    light: "#F5F5F5",
-    dark: "#282828"
+    light: "#0000001A",
+    dark: "#404040"
   },
   [Theme.BORDER_SEPERATOR_HEADER]: {
     light: "#E1E1E1",
@@ -627,7 +623,7 @@ const styles$C = StyleSheet.create({
     alignItems: "center",
     marginTop: verticalScale(24)
   },
-  title: { flex: 1, color: "#fff" },
+  title: { flex: 1, color: "#fff", textAlign: "left" },
   leftIconStyle: { marginRight: 8 },
   rightIconStyle: { marginLeft: 8 }
 });
@@ -2142,7 +2138,7 @@ const CustomSearchBar = ({
       style: [
         styles$m.inputContainer,
         {
-          height: verticalScale$1(height),
+          height: verticalScale(height),
           borderColor: disabled ? disableBorderColor : value ? borderColor : "#A7A7A7"
         },
         inputContainerStyle
@@ -2159,8 +2155,8 @@ const CustomSearchBar = ({
         style: searchIconStyle
       },
       React.cloneElement(searchIcon, {
-        width: moderateScale$1(24),
-        height: moderateScale$1(24),
+        width: moderateScale(24),
+        height: moderateScale(24),
         style: [styles$m.searchIconStyle, searchIconStyle]
       })
     ),
@@ -2274,9 +2270,6 @@ const styles$k = StyleSheet.create({
   },
   actionBtn: {
     flexDirection: "row"
-  },
-  seprator: {
-    height: verticalScale(16)
   }
 });
 
@@ -2374,8 +2367,7 @@ const SwipableList = (props) => {
     {
       data,
       renderItem,
-      keyExtractor: (item) => item.id,
-      ItemSeparatorComponent: () => /* @__PURE__ */ React.createElement(View, { style: styles$k.seprator })
+      keyExtractor: (item) => item.id
     }
   ));
 };
@@ -2703,7 +2695,8 @@ var ContactModel = withThemeProvider(ContactModal);
 const styles$e = StyleSheet.create({
   applyButton: {
     marginTop: verticalScale(24),
-    height: verticalScale(48),
+    paddingVertical: verticalScale(24),
+    justifyContent: "center",
     alignItems: "center",
     borderRadius: moderateScale(25)
   },
@@ -2998,32 +2991,32 @@ const createStyles = (theme) => {
       flex: 1,
       padding: 20,
       justifyContent: "center",
-      backgroundColor: theme[Theme$1.SURFACE_PRIMARY]
+      backgroundColor: theme[Theme.SURFACE_PRIMARY]
     },
     headerText: {
-      color: theme[Theme$1.CONTENT_PRIMARY],
+      color: theme[Theme.CONTENT_PRIMARY],
       marginBottom: 20
     },
     textInput: {
       borderRadius: 10,
       padding: 15,
-      color: theme[Theme$1.CONTENT_SECONDRY],
+      color: theme[Theme.CONTENT_SECONDRY],
       textAlignVertical: "top",
       minHeight: 100,
-      borderColor: theme[Theme$1.BORDER_PRIMARY]
+      borderColor: theme[Theme.BORDER_PRIMARY]
     },
     charCounter: {
       textAlign: "left",
       marginTop: 10,
-      color: theme[Theme$1.CONTENT_SECONDRY]
+      color: theme[Theme.CONTENT_SECONDRY]
     },
     buttonContainer: {
       flexDirection: "row",
       marginTop: 20
     },
     feedbackButton: {
-      backgroundColor: theme[Theme$1.SURFACE_PRIMARY],
-      borderColor: theme[Theme$1.BORDER_INVERTED],
+      backgroundColor: theme[Theme.SURFACE_PRIMARY],
+      borderColor: theme[Theme.BORDER_INVERTED],
       borderWidth: 1,
       paddingVertical: 10,
       paddingHorizontal: 20,
@@ -3047,14 +3040,14 @@ const FeedbackForm = ({
   setFeedback
 }) => {
   const maxChars = 200;
-  const { theme } = useTheme$1();
+  const { theme } = useTheme();
   const styles = createStyles({ theme });
   return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       text: title,
-      variant: FontStyle$1.L1_REGULAR,
-      textColor: Theme$1.CONTENT_SECONDRY,
+      variant: FontStyle.L1_REGULAR,
+      textColor: Theme.CONTENT_SECONDRY,
       style: styles.headerText
     }
   ), /* @__PURE__ */ React.createElement(
@@ -3072,27 +3065,27 @@ const FeedbackForm = ({
     CustomText$1,
     {
       text: `${feedback.length}/${maxChars} characters`,
-      variant: FontStyle$1.L2_REGULAR,
-      textColor: Theme$1.CONTENT_SECONDRY,
+      variant: FontStyle.L2_REGULAR,
+      textColor: Theme.CONTENT_SECONDRY,
       style: styles.charCounter
     }
   ), /* @__PURE__ */ React.createElement(View, { style: styles.buttonContainer }, /* @__PURE__ */ React.createElement(Pressable, { style: styles.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       text: leftBtnTxt,
-      variant: FontStyle$1.L1_REGULAR,
-      textColor: Theme$1.CONTENT_PRIMARY
+      variant: FontStyle.L1_REGULAR,
+      textColor: Theme.CONTENT_PRIMARY
     }
   )), /* @__PURE__ */ React.createElement(Pressable, { style: styles.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       text: rightBtnTxt,
-      variant: FontStyle$1.L1_REGULAR,
-      textColor: Theme$1.CONTENT_PRIMARY
+      variant: FontStyle.L1_REGULAR,
+      textColor: Theme.CONTENT_PRIMARY
     }
   ))));
 };
-var feedback = withThemeProvider$1(FeedbackForm);
+var feedback = withThemeProvider(FeedbackForm);
 
 const DEFAULT_COUNTRY_CODE = "AE";
 const DEFAULT_CALLING_CODE = "+971";