dhre-ui-kit 2.0.23 → 3.0.1

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.
Files changed (84) hide show
  1. package/lib/components/accordion/Accordion.styles.d.ts +0 -1
  2. package/lib/components/avatar/Avatar.d.ts +4 -0
  3. package/lib/components/avatar/Avatar.interface.d.ts +97 -0
  4. package/lib/components/avatar/Avatar.styles.d.ts +342 -0
  5. package/lib/components/avatar/index.d.ts +2 -0
  6. package/lib/components/background/Background.d.ts +4 -0
  7. package/lib/components/background/Background.interface.d.ts +16 -0
  8. package/lib/components/background/Background.styles.d.ts +10 -0
  9. package/lib/components/background/index.d.ts +2 -0
  10. package/lib/components/bottomDrawer/BottomDrawer.d.ts +2 -2
  11. package/lib/components/bottomDrawer/BottomDrawer.styles.d.ts +7 -1
  12. package/lib/components/button/Button.interface.d.ts +54 -2
  13. package/lib/components/button/Button.styles.d.ts +123 -0
  14. package/lib/components/checkBox/CheckBox.d.ts +2 -2
  15. package/lib/components/checkBox/CheckBox.interface.d.ts +35 -0
  16. package/lib/components/checkBox/CheckBox.styles.d.ts +4 -22
  17. package/lib/components/chip/Chip.d.ts +4 -0
  18. package/lib/components/chip/Chip.interface.d.ts +52 -0
  19. package/lib/components/chip/Chip.styles.d.ts +42 -0
  20. package/lib/components/chip/index.d.ts +2 -0
  21. package/lib/components/customDocumentPicker/CustomDocumentPicker.d.ts +0 -4
  22. package/lib/components/customDocumentPicker/CustomDocumentPicker.interface.d.ts +0 -16
  23. package/lib/components/customDocumentPicker/index.d.ts +0 -1
  24. package/lib/components/customHeader/CustomHeader.interface.d.ts +37 -6
  25. package/lib/components/customHeader/CustomHeader.styles.d.ts +10 -7
  26. package/lib/components/customIcon/CustomIcon.d.ts +2 -2
  27. package/lib/components/customIcon/CustomIcon.interface.d.ts +32 -2
  28. package/lib/components/customIcon/CustomIcon.styles.d.ts +76 -1
  29. package/lib/components/customInputText/CustomInputText.styles.d.ts +22 -53
  30. package/lib/components/customSearchBar/CustomSearchBar.d.ts +2 -2
  31. package/lib/components/customSearchBar/CustomSearchBar.interface.d.ts +1 -0
  32. package/lib/components/customSearchBar/CustomSearchBar.styles.d.ts +38 -59
  33. package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts +26 -157
  34. package/lib/components/dropDown/DropDown.d.ts +7 -2
  35. package/lib/components/feedback/feedback.d.ts +1 -0
  36. package/lib/components/feedback/feedback.style.d.ts +20 -22
  37. package/lib/components/loader/Loader.d.ts +21 -0
  38. package/lib/components/loader/Loader.interface.d.ts +53 -0
  39. package/lib/components/loader/Loader.styles.d.ts +45 -0
  40. package/lib/components/loader/index.d.ts +2 -0
  41. package/lib/components/notificationBandge/NotificationBandge.styles.d.ts +22 -53
  42. package/lib/components/otp/otp.interface.d.ts +2 -0
  43. package/lib/components/otp/styles.d.ts +7 -4
  44. package/lib/components/progressBar/ProgressBar.d.ts +3 -23
  45. package/lib/components/progressBar/ProgressBar.interface.d.ts +94 -0
  46. package/lib/components/progressBar/ProgressBar.styles.d.ts +16 -0
  47. package/lib/components/property-details/property-details.interface.d.ts +1 -0
  48. package/lib/components/property-details/styles.d.ts +17 -10
  49. package/lib/components/scrollList/CategoryItem.d.ts +11 -0
  50. package/lib/components/scrollList/category.d.ts +2 -60
  51. package/lib/components/scrollList/category.interface.d.ts +46 -0
  52. package/lib/components/scrollList/category.styles.d.ts +67 -0
  53. package/lib/components/singleSelectionTag/TagSingleSelection.d.ts +2 -47
  54. package/lib/components/singleSelectionTag/TagSingleSelection.interface.d.ts +13 -0
  55. package/lib/components/singleSelectionTag/TagSingleSelection.styles.d.ts +33 -0
  56. package/lib/components/tabs/Tabs.styles.d.ts +1 -1
  57. package/lib/components/textInput/Textinput.d.ts +5 -7
  58. package/lib/components/toast/Toast.d.ts +2 -2
  59. package/lib/components/toast/Toast.styles.d.ts +19 -15
  60. package/lib/index.d.ts +13 -1
  61. package/lib/index.js +8644 -6494
  62. package/lib/index.js.map +1 -1
  63. package/lib/index.mjs +8510 -6386
  64. package/lib/index.mjs.map +1 -1
  65. package/lib/theme/borderRadius.d.ts +34 -0
  66. package/lib/theme/colors.d.ts +82 -0
  67. package/lib/theme/fonts.d.ts +6 -6
  68. package/lib/theme/padding.d.ts +32 -0
  69. package/lib/theme/sizing.d.ts +53 -0
  70. package/lib/theme/spacing.d.ts +50 -0
  71. package/lib/theme/stroke.d.ts +15 -0
  72. package/lib/theme/themes.d.ts +180 -0
  73. package/lib/utils/appEnum.d.ts +78 -9
  74. package/package.json +9 -6
  75. package/src/assets/fonts/Inter-Bold.ttf +0 -0
  76. package/src/assets/fonts/Inter-Light.ttf +0 -0
  77. package/src/assets/fonts/Inter-Medium.ttf +0 -0
  78. package/src/assets/fonts/Meraas Aktiv Bold.ttf +0 -0
  79. package/src/assets/fonts/Meraas Aktiv Light.ttf +0 -0
  80. package/src/assets/fonts/Meraas Aktiv Regular.ttf +0 -0
  81. package/src/assets/fonts/Nakheel-HeadlineBold.otf +0 -0
  82. package/src/assets/fonts/Nakheel-HeadlineRegular.otf +0 -0
  83. package/src/assets/fonts/Nakheel-TextBold.otf +0 -0
  84. package/src/assets/fonts/Nakheel-TextRegular.otf +0 -0
@@ -18,7 +18,7 @@ declare const styles: {
18
18
  fontFamily?: string | undefined;
19
19
  fontSize?: number | undefined;
20
20
  fontStyle?: "normal" | "italic" | undefined;
21
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
21
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
22
22
  letterSpacing?: number | undefined;
23
23
  lineHeight?: number | undefined;
24
24
  textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -32,7 +32,7 @@ declare const styles: {
32
32
  } | undefined;
33
33
  textShadowRadius?: number | undefined;
34
34
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
35
- userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
35
+ testID?: string | undefined;
36
36
  fontVariant?: import("react-native").FontVariant[] | undefined;
37
37
  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
38
38
  backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -41,41 +41,31 @@ declare const styles: {
41
41
  borderBlockEndColor?: import("react-native").ColorValue | undefined;
42
42
  borderBlockStartColor?: import("react-native").ColorValue | undefined;
43
43
  borderBottomColor?: import("react-native").ColorValue | undefined;
44
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
45
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
46
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
47
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
44
+ borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
45
+ borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
46
+ borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
47
+ borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
48
48
  borderColor?: import("react-native").ColorValue | undefined;
49
49
  borderCurve?: "circular" | "continuous" | undefined;
50
50
  borderEndColor?: import("react-native").ColorValue | undefined;
51
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
52
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
51
+ borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
52
+ borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
53
53
  borderLeftColor?: import("react-native").ColorValue | undefined;
54
- borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
54
+ borderRadius?: import("react-native").AnimatableNumericValue | undefined;
55
55
  borderRightColor?: import("react-native").ColorValue | undefined;
56
56
  borderStartColor?: import("react-native").ColorValue | undefined;
57
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
58
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
57
+ borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
58
+ borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
59
59
  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
60
60
  borderTopColor?: import("react-native").ColorValue | undefined;
61
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
62
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
63
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
64
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
65
- outlineColor?: import("react-native").ColorValue | undefined;
66
- outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
67
- outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
68
- outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
61
+ borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
62
+ borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
63
+ borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
64
+ borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
69
65
  opacity?: import("react-native").AnimatableNumericValue | undefined;
70
66
  elevation?: number | undefined;
71
67
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
72
- isolation?: "auto" | "isolate" | undefined;
73
- cursor?: import("react-native").CursorValue | undefined;
74
- boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
75
- filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
76
- mixBlendMode?: import("react-native").BlendMode | undefined;
77
- experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
78
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
68
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
79
69
  alignItems?: import("react-native").FlexAlignType | undefined;
80
70
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
81
71
  aspectRatio?: number | string | undefined;
@@ -87,15 +77,14 @@ declare const styles: {
87
77
  borderTopWidth?: number | undefined;
88
78
  borderWidth?: number | undefined;
89
79
  bottom?: import("react-native").DimensionValue | undefined;
90
- boxSizing?: "border-box" | "content-box" | undefined;
91
- display?: "none" | "flex" | "contents" | undefined;
80
+ display?: "none" | "flex" | undefined;
92
81
  end?: import("react-native").DimensionValue | undefined;
93
82
  flex: number;
94
83
  flexBasis?: import("react-native").DimensionValue | undefined;
95
84
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
96
- rowGap?: number | string | undefined;
97
- gap?: number | string | undefined;
98
- columnGap?: number | string | undefined;
85
+ rowGap?: number | undefined;
86
+ gap?: number | undefined;
87
+ columnGap?: number | undefined;
99
88
  flexGrow?: number | undefined;
100
89
  flexShrink?: number | undefined;
101
90
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -125,32 +114,13 @@ declare const styles: {
125
114
  paddingStart?: import("react-native").DimensionValue | undefined;
126
115
  paddingTop?: import("react-native").DimensionValue | undefined;
127
116
  paddingVertical?: import("react-native").DimensionValue | undefined;
128
- position?: "absolute" | "relative" | "static" | undefined;
117
+ position?: "absolute" | "relative" | undefined;
129
118
  right?: import("react-native").DimensionValue | undefined;
130
119
  start?: import("react-native").DimensionValue | undefined;
131
120
  top?: import("react-native").DimensionValue | undefined;
132
121
  width?: import("react-native").DimensionValue | undefined;
133
122
  zIndex?: number | undefined;
134
123
  direction?: "inherit" | "ltr" | "rtl" | undefined;
135
- inset?: import("react-native").DimensionValue | undefined;
136
- insetBlock?: import("react-native").DimensionValue | undefined;
137
- insetBlockEnd?: import("react-native").DimensionValue | undefined;
138
- insetBlockStart?: import("react-native").DimensionValue | undefined;
139
- insetInline?: import("react-native").DimensionValue | undefined;
140
- insetInlineEnd?: import("react-native").DimensionValue | undefined;
141
- insetInlineStart?: import("react-native").DimensionValue | undefined;
142
- marginBlock?: import("react-native").DimensionValue | undefined;
143
- marginBlockEnd?: import("react-native").DimensionValue | undefined;
144
- marginBlockStart?: import("react-native").DimensionValue | undefined;
145
- marginInline?: import("react-native").DimensionValue | undefined;
146
- marginInlineEnd?: import("react-native").DimensionValue | undefined;
147
- marginInlineStart?: import("react-native").DimensionValue | undefined;
148
- paddingBlock?: import("react-native").DimensionValue | undefined;
149
- paddingBlockEnd?: import("react-native").DimensionValue | undefined;
150
- paddingBlockStart?: import("react-native").DimensionValue | undefined;
151
- paddingInline?: import("react-native").DimensionValue | undefined;
152
- paddingInlineEnd?: import("react-native").DimensionValue | undefined;
153
- paddingInlineStart?: import("react-native").DimensionValue | undefined;
154
124
  shadowColor?: import("react-native").ColorValue | undefined;
155
125
  shadowOffset?: Readonly<{
156
126
  width: number;
@@ -158,8 +128,7 @@ declare const styles: {
158
128
  }> | undefined;
159
129
  shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
160
130
  shadowRadius?: number | undefined;
161
- transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
162
- transformOrigin?: Array<string | number> | string | undefined;
131
+ transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
163
132
  transformMatrix?: Array<number> | undefined;
164
133
  rotation?: import("react-native").AnimatableNumericValue | undefined;
165
134
  scaleX?: import("react-native").AnimatableNumericValue | undefined;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { CustomSearchBarProps } from './CustomSearchBar.interface';
3
- declare const CustomSearchBar: ({ value, height, disabled, testID, inputContainerStyle, searchIconStyle, crossIconStyle, inputStyle, onSearchIconPress, onCrossIconPress, handleOnChangeText, setValue, searchIcon, rightIcon, disableBorderColor, borderColor, disablePlaceHolderStyle, enablePlaceHolderStyle, handlePress, pointerEvents, autoFocus, ...props }: CustomSearchBarProps) => React.JSX.Element;
4
- export default CustomSearchBar;
3
+ declare const _default: (props: CustomSearchBarProps) => React.JSX.Element;
4
+ export default _default;
@@ -1,6 +1,7 @@
1
1
  import { GestureResponderEvent, TextInputProps, TextStyle, ViewStyle } from 'react-native';
2
2
  export interface CustomSearchBarProps extends TextInputProps {
3
3
  height?: number;
4
+ size?: 'large' | 'small';
4
5
  disabled?: boolean;
5
6
  testID?: string;
6
7
  inputContainerStyle?: ViewStyle;
@@ -7,15 +7,26 @@ declare const styles: {
7
7
  borderRadius: number;
8
8
  borderWidth: number;
9
9
  };
10
+ inputContainerLarge: {
11
+ paddingVertical: number;
12
+ maxHeight: number;
13
+ height: number;
14
+ };
15
+ inputContainerSmall: {
16
+ paddingVertical: number;
17
+ maxHeight: number;
18
+ height: number;
19
+ };
10
20
  input: {
11
- color: string;
12
21
  textAlignVertical: "center";
13
- paddingVertical: number;
22
+ paddingVertical: 0;
14
23
  paddingBottom: number;
24
+ height: number;
25
+ color?: import("react-native").ColorValue | undefined;
15
26
  fontFamily?: string | undefined;
16
27
  fontSize?: number | undefined;
17
28
  fontStyle?: "normal" | "italic" | undefined;
18
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
29
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
19
30
  letterSpacing?: number | undefined;
20
31
  lineHeight?: number | undefined;
21
32
  textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -29,7 +40,7 @@ declare const styles: {
29
40
  } | undefined;
30
41
  textShadowRadius?: number | undefined;
31
42
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
32
- userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
43
+ testID?: string | undefined;
33
44
  fontVariant?: import("react-native").FontVariant[] | undefined;
34
45
  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
35
46
  backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -38,41 +49,31 @@ declare const styles: {
38
49
  borderBlockEndColor?: import("react-native").ColorValue | undefined;
39
50
  borderBlockStartColor?: import("react-native").ColorValue | undefined;
40
51
  borderBottomColor?: import("react-native").ColorValue | undefined;
41
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
42
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
43
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
44
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
52
+ borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
53
+ borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
54
+ borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
55
+ borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
45
56
  borderColor?: import("react-native").ColorValue | undefined;
46
57
  borderCurve?: "circular" | "continuous" | undefined;
47
58
  borderEndColor?: import("react-native").ColorValue | undefined;
48
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
49
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
59
+ borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
60
+ borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
50
61
  borderLeftColor?: import("react-native").ColorValue | undefined;
51
- borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
62
+ borderRadius?: import("react-native").AnimatableNumericValue | undefined;
52
63
  borderRightColor?: import("react-native").ColorValue | undefined;
53
64
  borderStartColor?: import("react-native").ColorValue | undefined;
54
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
55
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
65
+ borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
66
+ borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
56
67
  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
57
68
  borderTopColor?: import("react-native").ColorValue | undefined;
58
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
59
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
60
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
61
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
62
- outlineColor?: import("react-native").ColorValue | undefined;
63
- outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
64
- outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
65
- outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
69
+ borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
70
+ borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
71
+ borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
72
+ borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
66
73
  opacity?: import("react-native").AnimatableNumericValue | undefined;
67
74
  elevation?: number | undefined;
68
75
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
69
- isolation?: "auto" | "isolate" | undefined;
70
- cursor?: import("react-native").CursorValue | undefined;
71
- boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
72
- filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
73
- mixBlendMode?: import("react-native").BlendMode | undefined;
74
- experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
75
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
76
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
76
77
  alignItems?: import("react-native").FlexAlignType | undefined;
77
78
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
78
79
  aspectRatio?: number | string | undefined;
@@ -84,19 +85,17 @@ declare const styles: {
84
85
  borderTopWidth?: number | undefined;
85
86
  borderWidth?: number | undefined;
86
87
  bottom?: import("react-native").DimensionValue | undefined;
87
- boxSizing?: "border-box" | "content-box" | undefined;
88
- display?: "none" | "flex" | "contents" | undefined;
88
+ display?: "none" | "flex" | undefined;
89
89
  end?: import("react-native").DimensionValue | undefined;
90
90
  flex: number;
91
91
  flexBasis?: import("react-native").DimensionValue | undefined;
92
92
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
93
- rowGap?: number | string | undefined;
94
- gap?: number | string | undefined;
95
- columnGap?: number | string | undefined;
93
+ rowGap?: number | undefined;
94
+ gap?: number | undefined;
95
+ columnGap?: number | undefined;
96
96
  flexGrow?: number | undefined;
97
97
  flexShrink?: number | undefined;
98
98
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
99
- height?: import("react-native").DimensionValue | undefined;
100
99
  justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
101
100
  left?: import("react-native").DimensionValue | undefined;
102
101
  margin?: import("react-native").DimensionValue | undefined;
@@ -120,32 +119,13 @@ declare const styles: {
120
119
  paddingRight?: import("react-native").DimensionValue | undefined;
121
120
  paddingStart?: import("react-native").DimensionValue | undefined;
122
121
  paddingTop?: import("react-native").DimensionValue | undefined;
123
- position?: "absolute" | "relative" | "static" | undefined;
122
+ position?: "absolute" | "relative" | undefined;
124
123
  right?: import("react-native").DimensionValue | undefined;
125
124
  start?: import("react-native").DimensionValue | undefined;
126
125
  top?: import("react-native").DimensionValue | undefined;
127
126
  width?: import("react-native").DimensionValue | undefined;
128
127
  zIndex?: number | undefined;
129
128
  direction?: "inherit" | "ltr" | "rtl" | undefined;
130
- inset?: import("react-native").DimensionValue | undefined;
131
- insetBlock?: import("react-native").DimensionValue | undefined;
132
- insetBlockEnd?: import("react-native").DimensionValue | undefined;
133
- insetBlockStart?: import("react-native").DimensionValue | undefined;
134
- insetInline?: import("react-native").DimensionValue | undefined;
135
- insetInlineEnd?: import("react-native").DimensionValue | undefined;
136
- insetInlineStart?: import("react-native").DimensionValue | undefined;
137
- marginBlock?: import("react-native").DimensionValue | undefined;
138
- marginBlockEnd?: import("react-native").DimensionValue | undefined;
139
- marginBlockStart?: import("react-native").DimensionValue | undefined;
140
- marginInline?: import("react-native").DimensionValue | undefined;
141
- marginInlineEnd?: import("react-native").DimensionValue | undefined;
142
- marginInlineStart?: import("react-native").DimensionValue | undefined;
143
- paddingBlock?: import("react-native").DimensionValue | undefined;
144
- paddingBlockEnd?: import("react-native").DimensionValue | undefined;
145
- paddingBlockStart?: import("react-native").DimensionValue | undefined;
146
- paddingInline?: import("react-native").DimensionValue | undefined;
147
- paddingInlineEnd?: import("react-native").DimensionValue | undefined;
148
- paddingInlineStart?: import("react-native").DimensionValue | undefined;
149
129
  shadowColor?: import("react-native").ColorValue | undefined;
150
130
  shadowOffset?: Readonly<{
151
131
  width: number;
@@ -153,8 +133,7 @@ declare const styles: {
153
133
  }> | undefined;
154
134
  shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
155
135
  shadowRadius?: number | undefined;
156
- transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
157
- transformOrigin?: Array<string | number> | string | undefined;
136
+ transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
158
137
  transformMatrix?: Array<number> | undefined;
159
138
  rotation?: import("react-native").AnimatableNumericValue | undefined;
160
139
  scaleX?: import("react-native").AnimatableNumericValue | undefined;
@@ -164,11 +143,11 @@ declare const styles: {
164
143
  verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
165
144
  includeFontPadding?: boolean | undefined;
166
145
  };
167
- crossIconStyle: {
168
- marginLeft: number;
169
- };
170
146
  searchIconStyle: {
171
147
  marginRight: number;
172
148
  };
149
+ crossIconStyle: {
150
+ marginLeft: number;
151
+ };
173
152
  };
174
153
  export default styles;
@@ -1,167 +1,36 @@
1
1
  declare const styles: {
2
+ calendarCard: {
3
+ borderRadius: number;
4
+ padding: number;
5
+ overflow: "hidden";
6
+ };
7
+ calendarHeader: {
8
+ flex: number;
9
+ flexDirection: "row";
10
+ justifyContent: "space-between";
11
+ alignItems: "center";
12
+ paddingBottom: number;
13
+ borderBottomWidth: number;
14
+ };
15
+ monthText: {
16
+ fontSize: number;
17
+ fontWeight: "300";
18
+ lineHeight: number;
19
+ };
20
+ arrowsContainer: {
21
+ flexDirection: "row";
22
+ gap: number;
23
+ };
2
24
  applyButton: {
3
25
  marginTop: number;
26
+ height: number;
27
+ minHeight: number;
28
+ paddingHorizontal: number;
4
29
  paddingVertical: number;
5
30
  justifyContent: "center";
6
31
  alignItems: "center";
7
32
  borderRadius: number;
8
- };
9
- applyButtonText: {
10
- color?: import("react-native").ColorValue | undefined;
11
- fontFamily?: string | undefined;
12
- fontSize?: number | undefined;
13
- fontStyle?: "normal" | "italic" | undefined;
14
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
15
- letterSpacing?: number | undefined;
16
- lineHeight?: number | undefined;
17
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
18
- textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
19
- textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
20
- textDecorationColor?: import("react-native").ColorValue | undefined;
21
- textShadowColor?: import("react-native").ColorValue | undefined;
22
- textShadowOffset?: {
23
- width: number;
24
- height: number;
25
- } | undefined;
26
- textShadowRadius?: number | undefined;
27
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
28
- userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
29
- fontVariant?: import("react-native").FontVariant[] | undefined;
30
- writingDirection?: "auto" | "ltr" | "rtl" | undefined;
31
- backfaceVisibility?: "visible" | "hidden" | undefined;
32
- backgroundColor?: import("react-native").ColorValue | undefined;
33
- borderBlockColor?: import("react-native").ColorValue | undefined;
34
- borderBlockEndColor?: import("react-native").ColorValue | undefined;
35
- borderBlockStartColor?: import("react-native").ColorValue | undefined;
36
- borderBottomColor?: import("react-native").ColorValue | undefined;
37
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
38
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
39
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
40
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
41
- borderColor?: import("react-native").ColorValue | undefined;
42
- borderCurve?: "circular" | "continuous" | undefined;
43
- borderEndColor?: import("react-native").ColorValue | undefined;
44
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
45
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
46
- borderLeftColor?: import("react-native").ColorValue | undefined;
47
- borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
48
- borderRightColor?: import("react-native").ColorValue | undefined;
49
- borderStartColor?: import("react-native").ColorValue | undefined;
50
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
51
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
52
- borderStyle?: "solid" | "dotted" | "dashed" | undefined;
53
- borderTopColor?: import("react-native").ColorValue | undefined;
54
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
55
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
56
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
57
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
58
- outlineColor?: import("react-native").ColorValue | undefined;
59
- outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
60
- outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
61
- outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
62
- opacity?: import("react-native").AnimatableNumericValue | undefined;
63
- elevation?: number | undefined;
64
- pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
65
- isolation?: "auto" | "isolate" | undefined;
66
- cursor?: import("react-native").CursorValue | undefined;
67
- boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
68
- filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
69
- mixBlendMode?: import("react-native").BlendMode | undefined;
70
- experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
71
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
72
- alignItems?: import("react-native").FlexAlignType | undefined;
73
- alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
74
- aspectRatio?: number | string | undefined;
75
- borderBottomWidth?: number | undefined;
76
- borderEndWidth?: number | undefined;
77
- borderLeftWidth?: number | undefined;
78
- borderRightWidth?: number | undefined;
79
- borderStartWidth?: number | undefined;
80
- borderTopWidth?: number | undefined;
81
- borderWidth?: number | undefined;
82
- bottom?: import("react-native").DimensionValue | undefined;
83
- boxSizing?: "border-box" | "content-box" | undefined;
84
- display?: "none" | "flex" | "contents" | undefined;
85
- end?: import("react-native").DimensionValue | undefined;
86
- flex?: number | undefined;
87
- flexBasis?: import("react-native").DimensionValue | undefined;
88
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
89
- rowGap?: number | string | undefined;
90
- gap?: number | string | undefined;
91
- columnGap?: number | string | undefined;
92
- flexGrow?: number | undefined;
93
- flexShrink?: number | undefined;
94
- flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
95
- height?: import("react-native").DimensionValue | undefined;
96
- justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
97
- left?: import("react-native").DimensionValue | undefined;
98
- margin?: import("react-native").DimensionValue | undefined;
99
- marginBottom?: import("react-native").DimensionValue | undefined;
100
- marginEnd?: import("react-native").DimensionValue | undefined;
101
- marginHorizontal?: import("react-native").DimensionValue | undefined;
102
- marginLeft?: import("react-native").DimensionValue | undefined;
103
- marginRight?: import("react-native").DimensionValue | undefined;
104
- marginStart?: import("react-native").DimensionValue | undefined;
105
- marginTop?: import("react-native").DimensionValue | undefined;
106
- marginVertical?: import("react-native").DimensionValue | undefined;
107
- maxHeight?: import("react-native").DimensionValue | undefined;
108
- maxWidth?: import("react-native").DimensionValue | undefined;
109
- minHeight?: import("react-native").DimensionValue | undefined;
110
- minWidth?: import("react-native").DimensionValue | undefined;
111
- overflow?: "visible" | "hidden" | "scroll" | undefined;
112
- padding?: import("react-native").DimensionValue | undefined;
113
- paddingBottom?: import("react-native").DimensionValue | undefined;
114
- paddingEnd?: import("react-native").DimensionValue | undefined;
115
- paddingHorizontal?: import("react-native").DimensionValue | undefined;
116
- paddingLeft?: import("react-native").DimensionValue | undefined;
117
- paddingRight?: import("react-native").DimensionValue | undefined;
118
- paddingStart?: import("react-native").DimensionValue | undefined;
119
- paddingTop?: import("react-native").DimensionValue | undefined;
120
- paddingVertical?: import("react-native").DimensionValue | undefined;
121
- position?: "absolute" | "relative" | "static" | undefined;
122
- right?: import("react-native").DimensionValue | undefined;
123
- start?: import("react-native").DimensionValue | undefined;
124
- top?: import("react-native").DimensionValue | undefined;
125
- width?: import("react-native").DimensionValue | undefined;
126
- zIndex?: number | undefined;
127
- direction?: "inherit" | "ltr" | "rtl" | undefined;
128
- inset?: import("react-native").DimensionValue | undefined;
129
- insetBlock?: import("react-native").DimensionValue | undefined;
130
- insetBlockEnd?: import("react-native").DimensionValue | undefined;
131
- insetBlockStart?: import("react-native").DimensionValue | undefined;
132
- insetInline?: import("react-native").DimensionValue | undefined;
133
- insetInlineEnd?: import("react-native").DimensionValue | undefined;
134
- insetInlineStart?: import("react-native").DimensionValue | undefined;
135
- marginBlock?: import("react-native").DimensionValue | undefined;
136
- marginBlockEnd?: import("react-native").DimensionValue | undefined;
137
- marginBlockStart?: import("react-native").DimensionValue | undefined;
138
- marginInline?: import("react-native").DimensionValue | undefined;
139
- marginInlineEnd?: import("react-native").DimensionValue | undefined;
140
- marginInlineStart?: import("react-native").DimensionValue | undefined;
141
- paddingBlock?: import("react-native").DimensionValue | undefined;
142
- paddingBlockEnd?: import("react-native").DimensionValue | undefined;
143
- paddingBlockStart?: import("react-native").DimensionValue | undefined;
144
- paddingInline?: import("react-native").DimensionValue | undefined;
145
- paddingInlineEnd?: import("react-native").DimensionValue | undefined;
146
- paddingInlineStart?: import("react-native").DimensionValue | undefined;
147
- shadowColor?: import("react-native").ColorValue | undefined;
148
- shadowOffset?: Readonly<{
149
- width: number;
150
- height: number;
151
- }> | undefined;
152
- shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
153
- shadowRadius?: number | undefined;
154
- transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
155
- transformOrigin?: Array<string | number> | string | undefined;
156
- transformMatrix?: Array<number> | undefined;
157
- rotation?: import("react-native").AnimatableNumericValue | undefined;
158
- scaleX?: import("react-native").AnimatableNumericValue | undefined;
159
- scaleY?: import("react-native").AnimatableNumericValue | undefined;
160
- translateX?: import("react-native").AnimatableNumericValue | undefined;
161
- translateY?: import("react-native").AnimatableNumericValue | undefined;
162
- textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
163
- verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
164
- includeFontPadding?: boolean | undefined;
33
+ borderWidth: number;
165
34
  };
166
35
  };
167
36
  export default styles;
@@ -28,9 +28,14 @@ interface CustomDropdownProps {
28
28
  menuContainerStyle?: ViewStyle;
29
29
  activeColor?: string;
30
30
  renderRightIcon?: (visible?: boolean) => JSX.Element | null;
31
+ leftIcon?: () => React.ReactElement | null;
32
+ helperText?: string;
33
+ errorMessage?: string;
31
34
  disable?: boolean;
32
35
  autoScroll?: boolean;
33
36
  selectedTextProps?: import('react-native').TextProps;
37
+ dropdownPosition?: 'auto' | 'top' | 'bottom';
38
+ flatListProps?: import('react-native').FlatListProps<Record<string, string>>;
34
39
  }
35
- declare const CustomDropdown: (props: CustomDropdownProps) => React.JSX.Element;
36
- export default CustomDropdown;
40
+ declare const _default: (props: CustomDropdownProps) => React.JSX.Element;
41
+ export default _default;
@@ -4,6 +4,7 @@ declare const _default: (props: {
4
4
  title: string;
5
5
  feedback: string;
6
6
  inputText: string;
7
+ inputLabel?: string;
7
8
  rightBtnTxt: string;
8
9
  leftBtnTxt: string;
9
10
  clearAllData?: () => void;
@@ -3,47 +3,45 @@ export declare const createStyles: (theme: any) => {
3
3
  flex: number;
4
4
  padding: number;
5
5
  justifyContent: "center";
6
- backgroundColor: any;
7
6
  };
8
7
  headerText: {
9
8
  color: any;
10
9
  marginBottom: number;
11
10
  };
12
- textInput: {
11
+ inputContainer: {
13
12
  borderRadius: number;
14
13
  padding: number;
15
- color: string;
16
- textAlignVertical: "top";
17
14
  minHeight: number;
18
15
  borderColor: any;
19
16
  borderWidth: number;
20
17
  backgroundColor: string;
21
18
  };
19
+ inputLabelWrapper: {
20
+ position: "absolute";
21
+ top: number;
22
+ left: number;
23
+ backgroundColor: any;
24
+ paddingHorizontal: number;
25
+ };
26
+ inputLabel: {
27
+ color: any;
28
+ };
29
+ textInput: {
30
+ flex: number;
31
+ color: any;
32
+ textAlignVertical: "top";
33
+ padding: number;
34
+ };
22
35
  charCounter: {
23
36
  textAlign: "left";
24
37
  marginTop: number;
38
+ padding: number;
25
39
  color: any;
26
40
  };
27
41
  buttonContainer: {
28
42
  flexDirection: "row";
29
43
  marginTop: number;
30
- };
31
- feedbackButton: {
32
- backgroundColor: any;
33
- borderColor: any;
34
- borderWidth: number;
35
- paddingVertical: number;
36
- paddingHorizontal: number;
37
- };
38
- feedbackButtonDisable: {
39
- backgroundColor: any;
40
- borderColor: any;
41
- borderWidth: number;
42
- paddingVertical: number;
43
- paddingHorizontal: number;
44
- };
45
- cancelButton: {
46
- paddingVertical: number;
47
- paddingHorizontal: number;
44
+ gap: number;
45
+ alignItems: "center";
48
46
  };
49
47
  };