dhre-ui-kit 0.0.138 → 0.0.140

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -10,11 +10,7 @@ var blur = require('@react-native-community/blur');
10
10
  var Tooltip = require('rn-tooltip');
11
11
  var Pdf = require('react-native-pdf');
12
12
  var Progress = require('react-native-progress');
13
- var stylehelper = require('src/utils/stylehelper');
14
13
  var reactNativeCalendars = require('react-native-calendars');
15
- var appEnum = require('src/utils/appEnum');
16
- var withThemeProvider$1 = require('src/theme/withThemeProvider');
17
- var ThemeContext$1 = require('src/theme/ThemeContext');
18
14
  var CountryPicker = require('react-native-country-picker-modal');
19
15
  var reactNativePaper = require('react-native-paper');
20
16
  var reactNativeElementDropdown = require('react-native-element-dropdown');
@@ -254,8 +250,8 @@ const theme = {
254
250
  dark: "#404040"
255
251
  },
256
252
  [Theme.BORDER_SEPRATOR]: {
257
- light: "#F5F5F5",
258
- dark: "#282828"
253
+ light: "#0000001A",
254
+ dark: "#404040"
259
255
  },
260
256
  [Theme.BORDER_SEPERATOR_HEADER]: {
261
257
  light: "#E1E1E1",
@@ -660,7 +656,7 @@ const styles$C = reactNative.StyleSheet.create({
660
656
  alignItems: "center",
661
657
  marginTop: verticalScale(24)
662
658
  },
663
- title: { flex: 1, color: "#fff" },
659
+ title: { flex: 1, color: "#fff", textAlign: "left" },
664
660
  leftIconStyle: { marginRight: 8 },
665
661
  rightIconStyle: { marginLeft: 8 }
666
662
  });
@@ -2175,7 +2171,7 @@ const CustomSearchBar = ({
2175
2171
  style: [
2176
2172
  styles$m.inputContainer,
2177
2173
  {
2178
- height: stylehelper.verticalScale(height),
2174
+ height: verticalScale(height),
2179
2175
  borderColor: disabled ? disableBorderColor : value ? borderColor : "#A7A7A7"
2180
2176
  },
2181
2177
  inputContainerStyle
@@ -2192,8 +2188,8 @@ const CustomSearchBar = ({
2192
2188
  style: searchIconStyle
2193
2189
  },
2194
2190
  React__default["default"].cloneElement(searchIcon, {
2195
- width: stylehelper.moderateScale(24),
2196
- height: stylehelper.moderateScale(24),
2191
+ width: moderateScale(24),
2192
+ height: moderateScale(24),
2197
2193
  style: [styles$m.searchIconStyle, searchIconStyle]
2198
2194
  })
2199
2195
  ),
@@ -2307,9 +2303,6 @@ const styles$k = reactNative.StyleSheet.create({
2307
2303
  },
2308
2304
  actionBtn: {
2309
2305
  flexDirection: "row"
2310
- },
2311
- seprator: {
2312
- height: verticalScale(16)
2313
2306
  }
2314
2307
  });
2315
2308
 
@@ -2407,8 +2400,7 @@ const SwipableList = (props) => {
2407
2400
  {
2408
2401
  data,
2409
2402
  renderItem,
2410
- keyExtractor: (item) => item.id,
2411
- ItemSeparatorComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.seprator })
2403
+ keyExtractor: (item) => item.id
2412
2404
  }
2413
2405
  ));
2414
2406
  };
@@ -2736,7 +2728,8 @@ var ContactModel = withThemeProvider(ContactModal);
2736
2728
  const styles$e = reactNative.StyleSheet.create({
2737
2729
  applyButton: {
2738
2730
  marginTop: verticalScale(24),
2739
- height: verticalScale(48),
2731
+ paddingVertical: verticalScale(24),
2732
+ justifyContent: "center",
2740
2733
  alignItems: "center",
2741
2734
  borderRadius: moderateScale(25)
2742
2735
  },
@@ -3031,32 +3024,32 @@ const createStyles = (theme) => {
3031
3024
  flex: 1,
3032
3025
  padding: 20,
3033
3026
  justifyContent: "center",
3034
- backgroundColor: theme[appEnum.Theme.SURFACE_PRIMARY]
3027
+ backgroundColor: theme[Theme.SURFACE_PRIMARY]
3035
3028
  },
3036
3029
  headerText: {
3037
- color: theme[appEnum.Theme.CONTENT_PRIMARY],
3030
+ color: theme[Theme.CONTENT_PRIMARY],
3038
3031
  marginBottom: 20
3039
3032
  },
3040
3033
  textInput: {
3041
3034
  borderRadius: 10,
3042
3035
  padding: 15,
3043
- color: theme[appEnum.Theme.CONTENT_SECONDRY],
3036
+ color: theme[Theme.CONTENT_SECONDRY],
3044
3037
  textAlignVertical: "top",
3045
3038
  minHeight: 100,
3046
- borderColor: theme[appEnum.Theme.BORDER_PRIMARY]
3039
+ borderColor: theme[Theme.BORDER_PRIMARY]
3047
3040
  },
3048
3041
  charCounter: {
3049
3042
  textAlign: "left",
3050
3043
  marginTop: 10,
3051
- color: theme[appEnum.Theme.CONTENT_SECONDRY]
3044
+ color: theme[Theme.CONTENT_SECONDRY]
3052
3045
  },
3053
3046
  buttonContainer: {
3054
3047
  flexDirection: "row",
3055
3048
  marginTop: 20
3056
3049
  },
3057
3050
  feedbackButton: {
3058
- backgroundColor: theme[appEnum.Theme.SURFACE_PRIMARY],
3059
- borderColor: theme[appEnum.Theme.BORDER_INVERTED],
3051
+ backgroundColor: theme[Theme.SURFACE_PRIMARY],
3052
+ borderColor: theme[Theme.BORDER_INVERTED],
3060
3053
  borderWidth: 1,
3061
3054
  paddingVertical: 10,
3062
3055
  paddingHorizontal: 20,
@@ -3080,14 +3073,14 @@ const FeedbackForm = ({
3080
3073
  setFeedback
3081
3074
  }) => {
3082
3075
  const maxChars = 200;
3083
- const { theme } = ThemeContext$1.useTheme();
3076
+ const { theme } = useTheme();
3084
3077
  const styles = createStyles({ theme });
3085
3078
  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.container }, /* @__PURE__ */ React__default["default"].createElement(
3086
3079
  CustomText$1,
3087
3080
  {
3088
3081
  text: title,
3089
- variant: appEnum.FontStyle.L1_REGULAR,
3090
- textColor: appEnum.Theme.CONTENT_SECONDRY,
3082
+ variant: FontStyle.L1_REGULAR,
3083
+ textColor: Theme.CONTENT_SECONDRY,
3091
3084
  style: styles.headerText
3092
3085
  }
3093
3086
  ), /* @__PURE__ */ React__default["default"].createElement(
@@ -3105,27 +3098,27 @@ const FeedbackForm = ({
3105
3098
  CustomText$1,
3106
3099
  {
3107
3100
  text: `${feedback.length}/${maxChars} characters`,
3108
- variant: appEnum.FontStyle.L2_REGULAR,
3109
- textColor: appEnum.Theme.CONTENT_SECONDRY,
3101
+ variant: FontStyle.L2_REGULAR,
3102
+ textColor: Theme.CONTENT_SECONDRY,
3110
3103
  style: styles.charCounter
3111
3104
  }
3112
3105
  ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.buttonContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React__default["default"].createElement(
3113
3106
  CustomText$1,
3114
3107
  {
3115
3108
  text: leftBtnTxt,
3116
- variant: appEnum.FontStyle.L1_REGULAR,
3117
- textColor: appEnum.Theme.CONTENT_PRIMARY
3109
+ variant: FontStyle.L1_REGULAR,
3110
+ textColor: Theme.CONTENT_PRIMARY
3118
3111
  }
3119
3112
  )), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default["default"].createElement(
3120
3113
  CustomText$1,
3121
3114
  {
3122
3115
  text: rightBtnTxt,
3123
- variant: appEnum.FontStyle.L1_REGULAR,
3124
- textColor: appEnum.Theme.CONTENT_PRIMARY
3116
+ variant: FontStyle.L1_REGULAR,
3117
+ textColor: Theme.CONTENT_PRIMARY
3125
3118
  }
3126
3119
  ))));
3127
3120
  };
3128
- var feedback = withThemeProvider$1.withThemeProvider(FeedbackForm);
3121
+ var feedback = withThemeProvider(FeedbackForm);
3129
3122
 
3130
3123
  const DEFAULT_COUNTRY_CODE = "AE";
3131
3124
  const DEFAULT_CALLING_CODE = "+971";