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.mjs
CHANGED
|
@@ -6,11 +6,7 @@ import { BlurView } from '@react-native-community/blur';
|
|
|
6
6
|
import Tooltip from 'rn-tooltip';
|
|
7
7
|
import Pdf from 'react-native-pdf';
|
|
8
8
|
import * as Progress from 'react-native-progress';
|
|
9
|
-
import { verticalScale as verticalScale$1, moderateScale as moderateScale$1 } from 'src/utils/stylehelper';
|
|
10
9
|
import { Calendar } from 'react-native-calendars';
|
|
11
|
-
import { Theme as Theme$1, FontStyle as FontStyle$1 } from 'src/utils/appEnum';
|
|
12
|
-
import { withThemeProvider as withThemeProvider$1 } from 'src/theme/withThemeProvider';
|
|
13
|
-
import { useTheme as useTheme$1 } from 'src/theme/ThemeContext';
|
|
14
10
|
import CountryPicker from 'react-native-country-picker-modal';
|
|
15
11
|
import { TextInput as TextInput$1 } from 'react-native-paper';
|
|
16
12
|
import { Dropdown } from 'react-native-element-dropdown';
|
|
@@ -2142,7 +2138,7 @@ const CustomSearchBar = ({
|
|
|
2142
2138
|
style: [
|
|
2143
2139
|
styles$m.inputContainer,
|
|
2144
2140
|
{
|
|
2145
|
-
height: verticalScale
|
|
2141
|
+
height: verticalScale(height),
|
|
2146
2142
|
borderColor: disabled ? disableBorderColor : value ? borderColor : "#A7A7A7"
|
|
2147
2143
|
},
|
|
2148
2144
|
inputContainerStyle
|
|
@@ -2159,8 +2155,8 @@ const CustomSearchBar = ({
|
|
|
2159
2155
|
style: searchIconStyle
|
|
2160
2156
|
},
|
|
2161
2157
|
React.cloneElement(searchIcon, {
|
|
2162
|
-
width: moderateScale
|
|
2163
|
-
height: moderateScale
|
|
2158
|
+
width: moderateScale(24),
|
|
2159
|
+
height: moderateScale(24),
|
|
2164
2160
|
style: [styles$m.searchIconStyle, searchIconStyle]
|
|
2165
2161
|
})
|
|
2166
2162
|
),
|
|
@@ -2998,32 +2994,32 @@ const createStyles = (theme) => {
|
|
|
2998
2994
|
flex: 1,
|
|
2999
2995
|
padding: 20,
|
|
3000
2996
|
justifyContent: "center",
|
|
3001
|
-
backgroundColor: theme[Theme
|
|
2997
|
+
backgroundColor: theme[Theme.SURFACE_PRIMARY]
|
|
3002
2998
|
},
|
|
3003
2999
|
headerText: {
|
|
3004
|
-
color: theme[Theme
|
|
3000
|
+
color: theme[Theme.CONTENT_PRIMARY],
|
|
3005
3001
|
marginBottom: 20
|
|
3006
3002
|
},
|
|
3007
3003
|
textInput: {
|
|
3008
3004
|
borderRadius: 10,
|
|
3009
3005
|
padding: 15,
|
|
3010
|
-
color: theme[Theme
|
|
3006
|
+
color: theme[Theme.CONTENT_SECONDRY],
|
|
3011
3007
|
textAlignVertical: "top",
|
|
3012
3008
|
minHeight: 100,
|
|
3013
|
-
borderColor: theme[Theme
|
|
3009
|
+
borderColor: theme[Theme.BORDER_PRIMARY]
|
|
3014
3010
|
},
|
|
3015
3011
|
charCounter: {
|
|
3016
3012
|
textAlign: "left",
|
|
3017
3013
|
marginTop: 10,
|
|
3018
|
-
color: theme[Theme
|
|
3014
|
+
color: theme[Theme.CONTENT_SECONDRY]
|
|
3019
3015
|
},
|
|
3020
3016
|
buttonContainer: {
|
|
3021
3017
|
flexDirection: "row",
|
|
3022
3018
|
marginTop: 20
|
|
3023
3019
|
},
|
|
3024
3020
|
feedbackButton: {
|
|
3025
|
-
backgroundColor: theme[Theme
|
|
3026
|
-
borderColor: theme[Theme
|
|
3021
|
+
backgroundColor: theme[Theme.SURFACE_PRIMARY],
|
|
3022
|
+
borderColor: theme[Theme.BORDER_INVERTED],
|
|
3027
3023
|
borderWidth: 1,
|
|
3028
3024
|
paddingVertical: 10,
|
|
3029
3025
|
paddingHorizontal: 20,
|
|
@@ -3047,14 +3043,14 @@ const FeedbackForm = ({
|
|
|
3047
3043
|
setFeedback
|
|
3048
3044
|
}) => {
|
|
3049
3045
|
const maxChars = 200;
|
|
3050
|
-
const { theme } = useTheme
|
|
3046
|
+
const { theme } = useTheme();
|
|
3051
3047
|
const styles = createStyles({ theme });
|
|
3052
3048
|
return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(
|
|
3053
3049
|
CustomText$1,
|
|
3054
3050
|
{
|
|
3055
3051
|
text: title,
|
|
3056
|
-
variant: FontStyle
|
|
3057
|
-
textColor: Theme
|
|
3052
|
+
variant: FontStyle.L1_REGULAR,
|
|
3053
|
+
textColor: Theme.CONTENT_SECONDRY,
|
|
3058
3054
|
style: styles.headerText
|
|
3059
3055
|
}
|
|
3060
3056
|
), /* @__PURE__ */ React.createElement(
|
|
@@ -3072,27 +3068,27 @@ const FeedbackForm = ({
|
|
|
3072
3068
|
CustomText$1,
|
|
3073
3069
|
{
|
|
3074
3070
|
text: `${feedback.length}/${maxChars} characters`,
|
|
3075
|
-
variant: FontStyle
|
|
3076
|
-
textColor: Theme
|
|
3071
|
+
variant: FontStyle.L2_REGULAR,
|
|
3072
|
+
textColor: Theme.CONTENT_SECONDRY,
|
|
3077
3073
|
style: styles.charCounter
|
|
3078
3074
|
}
|
|
3079
3075
|
), /* @__PURE__ */ React.createElement(View, { style: styles.buttonContainer }, /* @__PURE__ */ React.createElement(Pressable, { style: styles.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React.createElement(
|
|
3080
3076
|
CustomText$1,
|
|
3081
3077
|
{
|
|
3082
3078
|
text: leftBtnTxt,
|
|
3083
|
-
variant: FontStyle
|
|
3084
|
-
textColor: Theme
|
|
3079
|
+
variant: FontStyle.L1_REGULAR,
|
|
3080
|
+
textColor: Theme.CONTENT_PRIMARY
|
|
3085
3081
|
}
|
|
3086
3082
|
)), /* @__PURE__ */ React.createElement(Pressable, { style: styles.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React.createElement(
|
|
3087
3083
|
CustomText$1,
|
|
3088
3084
|
{
|
|
3089
3085
|
text: rightBtnTxt,
|
|
3090
|
-
variant: FontStyle
|
|
3091
|
-
textColor: Theme
|
|
3086
|
+
variant: FontStyle.L1_REGULAR,
|
|
3087
|
+
textColor: Theme.CONTENT_PRIMARY
|
|
3092
3088
|
}
|
|
3093
3089
|
))));
|
|
3094
3090
|
};
|
|
3095
|
-
var feedback = withThemeProvider
|
|
3091
|
+
var feedback = withThemeProvider(FeedbackForm);
|
|
3096
3092
|
|
|
3097
3093
|
const DEFAULT_COUNTRY_CODE = "AE";
|
|
3098
3094
|
const DEFAULT_CALLING_CODE = "+971";
|