dhre-ui-kit 0.0.138 → 0.0.139
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 +20 -24
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +20 -24
- 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');
|
|
@@ -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
|
),
|
|
@@ -3031,32 +3027,32 @@ const createStyles = (theme) => {
|
|
|
3031
3027
|
flex: 1,
|
|
3032
3028
|
padding: 20,
|
|
3033
3029
|
justifyContent: "center",
|
|
3034
|
-
backgroundColor: theme[
|
|
3030
|
+
backgroundColor: theme[Theme.SURFACE_PRIMARY]
|
|
3035
3031
|
},
|
|
3036
3032
|
headerText: {
|
|
3037
|
-
color: theme[
|
|
3033
|
+
color: theme[Theme.CONTENT_PRIMARY],
|
|
3038
3034
|
marginBottom: 20
|
|
3039
3035
|
},
|
|
3040
3036
|
textInput: {
|
|
3041
3037
|
borderRadius: 10,
|
|
3042
3038
|
padding: 15,
|
|
3043
|
-
color: theme[
|
|
3039
|
+
color: theme[Theme.CONTENT_SECONDRY],
|
|
3044
3040
|
textAlignVertical: "top",
|
|
3045
3041
|
minHeight: 100,
|
|
3046
|
-
borderColor: theme[
|
|
3042
|
+
borderColor: theme[Theme.BORDER_PRIMARY]
|
|
3047
3043
|
},
|
|
3048
3044
|
charCounter: {
|
|
3049
3045
|
textAlign: "left",
|
|
3050
3046
|
marginTop: 10,
|
|
3051
|
-
color: theme[
|
|
3047
|
+
color: theme[Theme.CONTENT_SECONDRY]
|
|
3052
3048
|
},
|
|
3053
3049
|
buttonContainer: {
|
|
3054
3050
|
flexDirection: "row",
|
|
3055
3051
|
marginTop: 20
|
|
3056
3052
|
},
|
|
3057
3053
|
feedbackButton: {
|
|
3058
|
-
backgroundColor: theme[
|
|
3059
|
-
borderColor: theme[
|
|
3054
|
+
backgroundColor: theme[Theme.SURFACE_PRIMARY],
|
|
3055
|
+
borderColor: theme[Theme.BORDER_INVERTED],
|
|
3060
3056
|
borderWidth: 1,
|
|
3061
3057
|
paddingVertical: 10,
|
|
3062
3058
|
paddingHorizontal: 20,
|
|
@@ -3080,14 +3076,14 @@ const FeedbackForm = ({
|
|
|
3080
3076
|
setFeedback
|
|
3081
3077
|
}) => {
|
|
3082
3078
|
const maxChars = 200;
|
|
3083
|
-
const { theme } =
|
|
3079
|
+
const { theme } = useTheme();
|
|
3084
3080
|
const styles = createStyles({ theme });
|
|
3085
3081
|
return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.container }, /* @__PURE__ */ React__default["default"].createElement(
|
|
3086
3082
|
CustomText$1,
|
|
3087
3083
|
{
|
|
3088
3084
|
text: title,
|
|
3089
|
-
variant:
|
|
3090
|
-
textColor:
|
|
3085
|
+
variant: FontStyle.L1_REGULAR,
|
|
3086
|
+
textColor: Theme.CONTENT_SECONDRY,
|
|
3091
3087
|
style: styles.headerText
|
|
3092
3088
|
}
|
|
3093
3089
|
), /* @__PURE__ */ React__default["default"].createElement(
|
|
@@ -3105,27 +3101,27 @@ const FeedbackForm = ({
|
|
|
3105
3101
|
CustomText$1,
|
|
3106
3102
|
{
|
|
3107
3103
|
text: `${feedback.length}/${maxChars} characters`,
|
|
3108
|
-
variant:
|
|
3109
|
-
textColor:
|
|
3104
|
+
variant: FontStyle.L2_REGULAR,
|
|
3105
|
+
textColor: Theme.CONTENT_SECONDRY,
|
|
3110
3106
|
style: styles.charCounter
|
|
3111
3107
|
}
|
|
3112
3108
|
), /* @__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
3109
|
CustomText$1,
|
|
3114
3110
|
{
|
|
3115
3111
|
text: leftBtnTxt,
|
|
3116
|
-
variant:
|
|
3117
|
-
textColor:
|
|
3112
|
+
variant: FontStyle.L1_REGULAR,
|
|
3113
|
+
textColor: Theme.CONTENT_PRIMARY
|
|
3118
3114
|
}
|
|
3119
3115
|
)), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default["default"].createElement(
|
|
3120
3116
|
CustomText$1,
|
|
3121
3117
|
{
|
|
3122
3118
|
text: rightBtnTxt,
|
|
3123
|
-
variant:
|
|
3124
|
-
textColor:
|
|
3119
|
+
variant: FontStyle.L1_REGULAR,
|
|
3120
|
+
textColor: Theme.CONTENT_PRIMARY
|
|
3125
3121
|
}
|
|
3126
3122
|
))));
|
|
3127
3123
|
};
|
|
3128
|
-
var feedback = withThemeProvider
|
|
3124
|
+
var feedback = withThemeProvider(FeedbackForm);
|
|
3129
3125
|
|
|
3130
3126
|
const DEFAULT_COUNTRY_CODE = "AE";
|
|
3131
3127
|
const DEFAULT_CALLING_CODE = "+971";
|