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 +26 -33
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +26 -33
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
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: "#
|
|
258
|
-
dark: "#
|
|
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:
|
|
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:
|
|
2196
|
-
height:
|
|
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
|
-
|
|
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[
|
|
3027
|
+
backgroundColor: theme[Theme.SURFACE_PRIMARY]
|
|
3035
3028
|
},
|
|
3036
3029
|
headerText: {
|
|
3037
|
-
color: theme[
|
|
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[
|
|
3036
|
+
color: theme[Theme.CONTENT_SECONDRY],
|
|
3044
3037
|
textAlignVertical: "top",
|
|
3045
3038
|
minHeight: 100,
|
|
3046
|
-
borderColor: theme[
|
|
3039
|
+
borderColor: theme[Theme.BORDER_PRIMARY]
|
|
3047
3040
|
},
|
|
3048
3041
|
charCounter: {
|
|
3049
3042
|
textAlign: "left",
|
|
3050
3043
|
marginTop: 10,
|
|
3051
|
-
color: theme[
|
|
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[
|
|
3059
|
-
borderColor: theme[
|
|
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 } =
|
|
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:
|
|
3090
|
-
textColor:
|
|
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:
|
|
3109
|
-
textColor:
|
|
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:
|
|
3117
|
-
textColor:
|
|
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:
|
|
3124
|
-
textColor:
|
|
3116
|
+
variant: FontStyle.L1_REGULAR,
|
|
3117
|
+
textColor: Theme.CONTENT_PRIMARY
|
|
3125
3118
|
}
|
|
3126
3119
|
))));
|
|
3127
3120
|
};
|
|
3128
|
-
var feedback = withThemeProvider
|
|
3121
|
+
var feedback = withThemeProvider(FeedbackForm);
|
|
3129
3122
|
|
|
3130
3123
|
const DEFAULT_COUNTRY_CODE = "AE";
|
|
3131
3124
|
const DEFAULT_CALLING_CODE = "+971";
|