dhre-ui-kit 0.0.95 → 0.0.97

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 (218) hide show
  1. package/{src/assets/index.ts → lib/assets/index.d.ts} +1 -18
  2. package/lib/index.d.ts +862 -0
  3. package/lib/index.esm.js +2 -0
  4. package/lib/index.esm.js.map +1 -0
  5. package/lib/index.js +4333 -0
  6. package/lib/index.js.map +1 -0
  7. package/lib/index.mjs +4248 -0
  8. package/lib/index.mjs.map +1 -0
  9. package/lib/theme/ThemeContext.d.ts +10 -0
  10. package/lib/theme/colors.d.ts +166 -0
  11. package/lib/theme/fonts.d.ts +8 -0
  12. package/lib/theme/themes.d.ts +131 -0
  13. package/lib/theme/withThemeProvider.d.ts +2 -0
  14. package/lib/utils/appEnum.d.ts +90 -0
  15. package/lib/utils/commonStyles.d.ts +15 -0
  16. package/lib/utils/constants.d.ts +19 -0
  17. package/lib/utils/deviceUtils.d.ts +7 -0
  18. package/lib/utils/regex.d.ts +1 -0
  19. package/lib/utils/stylehelper.d.ts +5 -0
  20. package/package.json +76 -67
  21. package/README.md +0 -1
  22. package/__mocks__/custom-text.mock.tsx +0 -19
  23. package/__mocks__/setup-tests.ts +0 -24
  24. package/__mocks__/svgMock.ts +0 -2
  25. package/src/App.tsx +0 -43
  26. package/src/assets/fonts/MeraasAktiv_Bd.ttf +0 -0
  27. package/src/assets/fonts/MeraasAktiv_Lt.ttf +0 -0
  28. package/src/assets/fonts/MeraasAktiv_Rg.ttf +0 -0
  29. package/src/assets/images/arrowLeft.svg +0 -3
  30. package/src/assets/images/bellSimple.svg +0 -3
  31. package/src/assets/images/calenderDots.svg +0 -1
  32. package/src/assets/images/caretDown.svg +0 -3
  33. package/src/assets/images/caretLeft.svg +0 -3
  34. package/src/assets/images/caretRight.svg +0 -3
  35. package/src/assets/images/caretUp.svg +0 -3
  36. package/src/assets/images/checkWhite.svg +0 -3
  37. package/src/assets/images/circleTick.svg +0 -3
  38. package/src/assets/images/crossIcon.svg +0 -3
  39. package/src/assets/images/dotsThreeVertical.svg +0 -5
  40. package/src/assets/images/fileIcon.svg +0 -8
  41. package/src/assets/images/searchIcon.svg +0 -4
  42. package/src/assets/images/trash.svg +0 -7
  43. package/src/assets/images/uploadFileIcon.svg +0 -12
  44. package/src/components/ContactModel/ContactModel.tsx +0 -206
  45. package/src/components/ContactModel/index.ts +0 -1
  46. package/src/components/OutOfOffice/OurOffices.tsx +0 -91
  47. package/src/components/OutOfOffice/index.ts +0 -1
  48. package/src/components/accordion/Accordion.interface.ts +0 -16
  49. package/src/components/accordion/Accordion.styles.ts +0 -28
  50. package/src/components/accordion/Accordion.test.tsx +0 -21
  51. package/src/components/accordion/Accordion.tsx +0 -85
  52. package/src/components/accordion/index.ts +0 -1
  53. package/src/components/autoOtpReader/AutoOtpReader.test.tsx +0 -56
  54. package/src/components/autoOtpReader/AutoOtpReader.tsx +0 -79
  55. package/src/components/autoOtpReader/index.ts +0 -1
  56. package/src/components/badge/Badge.styles.ts +0 -20
  57. package/src/components/badge/Badge.test.tsx +0 -57
  58. package/src/components/badge/Badge.tsx +0 -48
  59. package/src/components/badge/index.ts +0 -1
  60. package/src/components/bottomDrawer/BottomDrawer.interface.ts +0 -23
  61. package/src/components/bottomDrawer/BottomDrawer.styles.ts +0 -47
  62. package/src/components/bottomDrawer/BottomDrawer.test.tsx +0 -19
  63. package/src/components/bottomDrawer/BottomDrawer.tsx +0 -92
  64. package/src/components/bottomDrawer/index.ts +0 -1
  65. package/src/components/button/Button.interface.ts +0 -19
  66. package/src/components/button/Button.styles.ts +0 -78
  67. package/src/components/button/Button.test.tsx +0 -43
  68. package/src/components/button/Button.tsx +0 -82
  69. package/src/components/button/index.ts +0 -1
  70. package/src/components/cards/Cards.interface.ts +0 -13
  71. package/src/components/cards/Cards.styles.ts +0 -59
  72. package/src/components/cards/Cards.test.tsx +0 -41
  73. package/src/components/cards/Cards.tsx +0 -69
  74. package/src/components/cards/index.ts +0 -1
  75. package/src/components/checkBox/CheckBox.interface.ts +0 -15
  76. package/src/components/checkBox/CheckBox.styles.ts +0 -35
  77. package/src/components/checkBox/CheckBox.test.tsx +0 -46
  78. package/src/components/checkBox/CheckBox.tsx +0 -50
  79. package/src/components/checkBox/index.ts +0 -1
  80. package/src/components/countryPicker/CountryPicker.tsx +0 -169
  81. package/src/components/countryPicker/index.ts +0 -1
  82. package/src/components/customDocumentPicker/CustomDocumentPicker.interface.ts +0 -13
  83. package/src/components/customDocumentPicker/CustomDocumentPicker.styles.ts +0 -33
  84. package/src/components/customDocumentPicker/CustomDocumentPicker.tsx +0 -100
  85. package/src/components/customDocumentPicker/index.ts +0 -1
  86. package/src/components/customDropdown/CustomDropdown.interface.ts +0 -15
  87. package/src/components/customDropdown/CustomDropdown.styles.tsx +0 -46
  88. package/src/components/customDropdown/CustomDropdown.test.tsx +0 -30
  89. package/src/components/customDropdown/CustomDropdown.tsx +0 -106
  90. package/src/components/customDropdown/index.ts +0 -1
  91. package/src/components/customHeader/CustomHeader.interface.tsx +0 -10
  92. package/src/components/customHeader/CustomHeader.styles.ts +0 -26
  93. package/src/components/customHeader/CustomHeader.test.tsx +0 -14
  94. package/src/components/customHeader/CustomHeader.tsx +0 -46
  95. package/src/components/customHeader/index.ts +0 -1
  96. package/src/components/customIcon/CustomIcon.interface.ts +0 -12
  97. package/src/components/customIcon/CustomIcon.styles.ts +0 -13
  98. package/src/components/customIcon/CustomIcon.test.tsx +0 -14
  99. package/src/components/customIcon/CustomIcon.tsx +0 -33
  100. package/src/components/customIcon/index.ts +0 -1
  101. package/src/components/customInputText/CustomInputText.interface.ts +0 -20
  102. package/src/components/customInputText/CustomInputText.styles.ts +0 -56
  103. package/src/components/customInputText/CustomInputText.test.tsx +0 -37
  104. package/src/components/customInputText/CustomInputText.tsx +0 -120
  105. package/src/components/customInputText/index.ts +0 -1
  106. package/src/components/customLoader/CustomLoader.inteface.ts +0 -3
  107. package/src/components/customLoader/CustomLoader.styles.ts +0 -16
  108. package/src/components/customLoader/CustomLoader.tsx +0 -16
  109. package/src/components/customLoader/index.ts +0 -1
  110. package/src/components/customSearchBar/CustomSearchBar.interface.ts +0 -21
  111. package/src/components/customSearchBar/CustomSearchBar.styles.ts +0 -23
  112. package/src/components/customSearchBar/CustomSearchBar.test.tsx +0 -27
  113. package/src/components/customSearchBar/CustomSearchBar.tsx +0 -87
  114. package/src/components/customSearchBar/index.ts +0 -1
  115. package/src/components/customSlideButton/custom-slide-button.interface.ts +0 -4
  116. package/src/components/customSlideButton/index.tsx +0 -78
  117. package/src/components/customSlideButton/styles.ts +0 -39
  118. package/src/components/customSwitchBtn/customSwitchBtn.interface.ts +0 -15
  119. package/src/components/customSwitchBtn/customSwitchBtn.styles.ts +0 -34
  120. package/src/components/customSwitchBtn/customSwitchBtn.tsx +0 -63
  121. package/src/components/customSwitchBtn/index.ts +0 -1
  122. package/src/components/customText/CustomText.tsx +0 -33
  123. package/src/components/customText/index.ts +0 -1
  124. package/src/components/customTooltip/CustomTooltip.interface.ts +0 -14
  125. package/src/components/customTooltip/CustomTooltip.styles.ts +0 -23
  126. package/src/components/customTooltip/CustomTooltip.test.tsx +0 -18
  127. package/src/components/customTooltip/CustomTooltip.tsx +0 -46
  128. package/src/components/customTooltip/index.ts +0 -1
  129. package/src/components/customTypography/CustomTypography.test.tsx +0 -12
  130. package/src/components/customTypography/CustomTypography.tsx +0 -27
  131. package/src/components/customTypography/index.ts +0 -1
  132. package/src/components/dateRangePicker/DateRangePicker.interface.ts +0 -19
  133. package/src/components/dateRangePicker/DateRangePicker.styles.ts +0 -19
  134. package/src/components/dateRangePicker/DateRangePicker.tsx +0 -108
  135. package/src/components/dateRangePicker/index.ts +0 -1
  136. package/src/components/dropDown/DropDown.tsx +0 -145
  137. package/src/components/dropDown/index.ts +0 -1
  138. package/src/components/feedback/feedback.style.ts +0 -48
  139. package/src/components/feedback/feedback.tsx +0 -61
  140. package/src/components/feedback/index.ts +0 -1
  141. package/src/components/fileUpload/FileUpload.styles.ts +0 -41
  142. package/src/components/fileUpload/FileUpload.test.tsx +0 -39
  143. package/src/components/fileUpload/FileUpload.tsx +0 -65
  144. package/src/components/fileUpload/index.ts +0 -1
  145. package/src/components/horizontalLine/Line.tsx +0 -26
  146. package/src/components/horizontalLine/index.ts +0 -1
  147. package/src/components/notificationBandge/NotificationBandge.interface.tsx +0 -3
  148. package/src/components/notificationBandge/NotificationBandge.styles.tsx +0 -26
  149. package/src/components/notificationBandge/NotificationBandge.tsx +0 -26
  150. package/src/components/notificationBandge/index.tsx +0 -1
  151. package/src/components/otp/index.tsx +0 -166
  152. package/src/components/otp/otp.interface.ts +0 -14
  153. package/src/components/otp/styles.ts +0 -29
  154. package/src/components/pdfView/PdfView.test.tsx +0 -12
  155. package/src/components/pdfView/PdfView.tsx +0 -8
  156. package/src/components/pdfView/index.ts +0 -1
  157. package/src/components/popup/PopUp.interface.ts +0 -9
  158. package/src/components/popup/PopUp.styles.ts +0 -52
  159. package/src/components/popup/PopUp.test.tsx +0 -35
  160. package/src/components/popup/PopUp.tsx +0 -60
  161. package/src/components/popup/index.ts +0 -1
  162. package/src/components/progressBar/ProgressBar.test.tsx +0 -78
  163. package/src/components/progressBar/ProgressBar.tsx +0 -120
  164. package/src/components/progressBar/index.ts +0 -1
  165. package/src/components/property360View/Property360View.test.tsx +0 -24
  166. package/src/components/property360View/Property360View.tsx +0 -19
  167. package/src/components/property360View/index.ts +0 -1
  168. package/src/components/rating/index.ts +0 -1
  169. package/src/components/rating/rating.styles.ts +0 -13
  170. package/src/components/rating/rating.test.tsx +0 -61
  171. package/src/components/rating/rating.tsx +0 -96
  172. package/src/components/scrollList/category.tsx +0 -110
  173. package/src/components/scrollList/index.ts +0 -1
  174. package/src/components/singleSelectionTag/TagSingleSelection.tsx +0 -105
  175. package/src/components/singleSelectionTag/index.ts +0 -1
  176. package/src/components/stepper/index.tsx +0 -105
  177. package/src/components/stepper/stepper.interface.ts +0 -24
  178. package/src/components/stepper/styles.ts +0 -74
  179. package/src/components/swipableList/SwipableList.interface.ts +0 -52
  180. package/src/components/swipableList/SwipableList.styles.ts +0 -30
  181. package/src/components/swipableList/SwipableList.test.tsx +0 -209
  182. package/src/components/swipableList/SwipableList.tsx +0 -137
  183. package/src/components/swipableList/index.ts +0 -1
  184. package/src/components/tabs/Tabs.interface.ts +0 -10
  185. package/src/components/tabs/Tabs.styles.ts +0 -24
  186. package/src/components/tabs/Tabs.tsx +0 -74
  187. package/src/components/tabs/index.ts +0 -1
  188. package/src/components/tags/Tags.interface.ts +0 -12
  189. package/src/components/tags/Tags.styles.ts +0 -36
  190. package/src/components/tags/Tags.test.tsx +0 -22
  191. package/src/components/tags/Tags.tsx +0 -76
  192. package/src/components/tags/index.ts +0 -1
  193. package/src/components/textInput/Textinput.tsx +0 -120
  194. package/src/components/textInput/index.ts +0 -1
  195. package/src/components/toast/Toast.interface.ts +0 -39
  196. package/src/components/toast/Toast.styles.ts +0 -41
  197. package/src/components/toast/Toast.test.tsx +0 -13
  198. package/src/components/toast/Toast.tsx +0 -115
  199. package/src/components/toast/ToastService.ts +0 -30
  200. package/src/components/toast/index.ts +0 -1
  201. package/src/components/toggleButton/ToggleButton.styles.ts +0 -40
  202. package/src/components/toggleButton/ToggleButton.test.tsx +0 -33
  203. package/src/components/toggleButton/ToggleButton.tsx +0 -78
  204. package/src/components/toggleButton/index.ts +0 -1
  205. package/src/components/topic/Topic.tsx +0 -85
  206. package/src/components/topic/index.ts +0 -1
  207. package/src/index.ts +0 -59
  208. package/src/theme/ThemeContext.tsx +0 -38
  209. package/src/theme/colors.ts +0 -186
  210. package/src/theme/fonts.ts +0 -72
  211. package/src/theme/themes.ts +0 -137
  212. package/src/theme/withThemeProvider.tsx +0 -14
  213. package/src/utils/appEnum.ts +0 -109
  214. package/src/utils/commonStyles.ts +0 -17
  215. package/src/utils/constants.ts +0 -20
  216. package/src/utils/deviceUtils.ts +0 -14
  217. package/src/utils/regex.ts +0 -1
  218. package/src/utils/stylehelper.ts +0 -13
@@ -0,0 +1,10 @@
1
+ import React, { ReactNode } from 'react';
2
+ interface ThemeContextType {
3
+ theme: Record<string, string>;
4
+ }
5
+ interface ThemeProviderProps {
6
+ children: ReactNode;
7
+ }
8
+ export declare const ThemeProvider: React.FC<ThemeProviderProps>;
9
+ export declare const useTheme: () => ThemeContextType;
10
+ export {};
@@ -0,0 +1,166 @@
1
+ export declare const DHRE_COLORS_PRIMARY: {
2
+ DH_BLACK_25: string;
3
+ DH_BLACK_50: string;
4
+ DH_BLACK_75: string;
5
+ DH_BLACK_100: string;
6
+ DH_RED_25: string;
7
+ DH_RED_50: string;
8
+ DH_RED_75: string;
9
+ DH_RED_100: string;
10
+ DH_GREY_25: string;
11
+ DH_GREY_50: string;
12
+ DH_GREY_75: string;
13
+ DH_GREY_100: string;
14
+ };
15
+ export declare const DHRE_COLORS_SECONDARY: {
16
+ DH_LIGHT_SKY_25: string;
17
+ DH_LIGHT_SKY_50: string;
18
+ DH_LIGHT_SKY_75: string;
19
+ DH_LIGHT_SKY_100: string;
20
+ DH_BIEGE_25: string;
21
+ DH_BIEGE_50: string;
22
+ DH_BIEGE_75: string;
23
+ DH_BIEGE_100: string;
24
+ DH_GREEN_DARK_0: string;
25
+ DH_GREEN_DARK_100: string;
26
+ DH_GREEN_DARK_200: string;
27
+ DH_GREEN_DARK_300: string;
28
+ DH_GREEN_DARK_400: string;
29
+ DH_GREEN_DARK_500: string;
30
+ DH_GREEN_DARK_600: string;
31
+ DH_GREEN_DARK_700: string;
32
+ DH_GREEN_DARK_800: string;
33
+ DH_GREEN_DARK_900: string;
34
+ DH_GREEN_DARK: string;
35
+ DH_BLUE_DARK_0: string;
36
+ DH_BLUE_DARK_100: string;
37
+ DH_BLUE_DARK_200: string;
38
+ DH_BLUE_DARK_300: string;
39
+ DH_BLUE_DARK_400: string;
40
+ DH_BLUE_DARK_500: string;
41
+ DH_BLUE_DARK_600: string;
42
+ DH_BLUE_DARK_700: string;
43
+ DH_BLUE_DARK_800: string;
44
+ DH_BLUE_DARK_900: string;
45
+ DH_BLUE_DARK: string;
46
+ DH_BLUE_0: string;
47
+ DH_BLUE_100: string;
48
+ DH_BLUE_200: string;
49
+ DH_BLUE_300: string;
50
+ DH_BLUE_400: string;
51
+ DH_BLUE_500: string;
52
+ DH_BLUE_600: string;
53
+ DH_BLUE_700: string;
54
+ DH_BLUE_800: string;
55
+ DH_BLUE_900: string;
56
+ DH_BLUE: string;
57
+ };
58
+ export declare const DHRE_COLORS_ALERT: {
59
+ DH_SUCCESS_GREEN_0: string;
60
+ DH_SUCCESS_GREEN_100: string;
61
+ DH_SUCCESS_GREEN_200: string;
62
+ DH_SUCCESS_GREEN_300: string;
63
+ DH_SUCCESS_GREEN_400: string;
64
+ DH_SUCCESS_GREEN_500: string;
65
+ DH_SUCCESS_GREEN_600: string;
66
+ DH_SUCCESS_GREEN_700: string;
67
+ DH_SUCCESS_GREEN_800: string;
68
+ DH_SUCCESS_GREEN_900: string;
69
+ DH_SUCCESS_GREEN: string;
70
+ DH_SUCCESS_GREEN_ACCENT: string;
71
+ DH_INFO_BLUE_0: string;
72
+ DH_INFO_BLUE_100: string;
73
+ DH_INFO_BLUE_200: string;
74
+ DH_INFO_BLUE_300: string;
75
+ DH_INFO_BLUE_400: string;
76
+ DH_INFO_BLUE_500: string;
77
+ DH_INFO_BLUE_600: string;
78
+ DH_INFO_BLUE_700: string;
79
+ DH_INFO_BLUE_800: string;
80
+ DH_INFO_BLUE_900: string;
81
+ DH_INFO_BLUE: string;
82
+ DH_ALERT_ORANGE_0: string;
83
+ DH_ALERT_ORANGE_100: string;
84
+ DH_ALERT_ORANGE_200: string;
85
+ DH_ALERT_ORANGE_300: string;
86
+ DH_ALERT_ORANGE_400: string;
87
+ DH_ALERT_ORANGE_500: string;
88
+ DH_ALERT_ORANGE_600: string;
89
+ DH_ALERT_ORANGE_700: string;
90
+ DH_ALERT_ORANGE_800: string;
91
+ DH_ALERT_ORANGE_900: string;
92
+ DH_ALERT_ORANGE: string;
93
+ DH_WARNING_YELLOW_0: string;
94
+ DH_WARNING_YELLOW_100: string;
95
+ DH_WARNING_YELLOW_200: string;
96
+ DH_WARNING_YELLOW_300: string;
97
+ DH_WARNING_YELLOW_400: string;
98
+ DH_WARNING_YELLOW_500: string;
99
+ DH_WARNING_YELLOW_600: string;
100
+ DH_WARNING_YELLOW_700: string;
101
+ DH_WARNING_YELLOW_800: string;
102
+ DH_WARNING_YELLOW_900: string;
103
+ DH_WARNING_YELLOW: string;
104
+ };
105
+ export declare const DHRE_COLORS_BG: {
106
+ DH_LINE_GREY_0: string;
107
+ DH_LINE_GREY_100: string;
108
+ DH_LINE_GREY_200: string;
109
+ DH_LINE_GREY_300: string;
110
+ DH_LINE_GREY_400: string;
111
+ DH_LINE_GREY_500: string;
112
+ DH_LINE_GREY_600: string;
113
+ DH_LINE_GREY_700: string;
114
+ DH_LINE_GREY_800: string;
115
+ DH_LINE_GREY_900: string;
116
+ DH_GREY1: string;
117
+ DH_BG_GREY_0: string;
118
+ DH_BG_GREY_100: string;
119
+ DH_BG_GREY_200: string;
120
+ DH_BG_GREY_300: string;
121
+ DH_BG_GREY_400: string;
122
+ DH_BG_GREY_500: string;
123
+ DH_BG_GREY_600: string;
124
+ DH_BG_GREY_700: string;
125
+ DH_BG_GREY_800: string;
126
+ DH_BG_GREY_900: string;
127
+ DH_BG_GREY: string;
128
+ };
129
+ export declare const DHRE_DEFAULT: {
130
+ DH_LINE_GREY_0: string;
131
+ DH_LINE_GREY_100: string;
132
+ DH_LINE_GREY_200: string;
133
+ DH_LINE_GREY_300: string;
134
+ DH_LINE_GREY_400: string;
135
+ DH_LINE_GREY_500: string;
136
+ DH_LINE_GREY_600: string;
137
+ DH_LINE_GREY_700: string;
138
+ DH_LINE_GREY_800: string;
139
+ DH_NETURAL_GRAY_800: string;
140
+ DH_BLUE: string;
141
+ DH_BG_GREY_0: string;
142
+ DH_BG_GREY_100: string;
143
+ DH_BG_GREY_200: string;
144
+ DH_BG_GREY_300: string;
145
+ DH_BG_GREY_400: string;
146
+ DH_BG_GREY_500: string;
147
+ DH_BG_GREY_600: string;
148
+ DH_BG_GREY_700: string;
149
+ DH_BG_GREY_800: string;
150
+ DH_BG_GREY_900: string;
151
+ DH_BG_GREY: string;
152
+ DH_SUCESS: string;
153
+ DH_ERROR: string;
154
+ DH_INFO: string;
155
+ DH_SEMENTIC_ERROR: string;
156
+ DH_SEMENTIC_WARNING: string;
157
+ };
158
+ export declare const DHRE_COLORS_TEXT: {
159
+ DH_BLACK: string;
160
+ DH_WHITE: string;
161
+ DH_TEXTDARK: string;
162
+ DH_TEXTLIGHT: string;
163
+ DH_TEXTLIGHTEST: string;
164
+ DH_TEXTDISABLED: string;
165
+ DH_LIGHTGREEN: string;
166
+ };
@@ -0,0 +1,8 @@
1
+ import { TextStyle } from 'react-native';
2
+ interface FontStyles {
3
+ [key: string]: TextStyle;
4
+ }
5
+ export declare const meraasActivFontfamily: TextStyle;
6
+ export declare const serifActivFontfamily: TextStyle;
7
+ export declare const FONT_STYLES: FontStyles;
8
+ export {};
@@ -0,0 +1,131 @@
1
+ declare const theme: {
2
+ SURFACE_PRIMARY: {
3
+ light: string;
4
+ dark: string;
5
+ };
6
+ SURFACE_SECONDARY: {
7
+ light: string;
8
+ dark: string;
9
+ };
10
+ SURFACE_TERTIARY: {
11
+ light: string;
12
+ dark: string;
13
+ };
14
+ SURFACE_STATIC: {
15
+ light: string;
16
+ dark: string;
17
+ };
18
+ SURFACE_BRAND_STATIC: {
19
+ light: string;
20
+ dark: string;
21
+ };
22
+ SURFACE_BRAND_TRANSPARENT_STATIC: {
23
+ light: string;
24
+ dark: string;
25
+ };
26
+ SURFACE_DISABLE: {
27
+ light: string;
28
+ dark: string;
29
+ };
30
+ SURFACE_INVERTED: {
31
+ light: string;
32
+ dark: string;
33
+ };
34
+ SURFACE_INVERTED_TRANSPARENT: {
35
+ light: string;
36
+ dark: string;
37
+ };
38
+ SURFACE_DROP_SHADOW: {
39
+ light: string;
40
+ dark: string;
41
+ };
42
+ SURFACE_BLUR: {
43
+ light: string;
44
+ dark: string;
45
+ };
46
+ CONTENT_PRIMARY: {
47
+ light: string;
48
+ dark: string;
49
+ };
50
+ CONTENT_SECONDRY: {
51
+ light: string;
52
+ dark: string;
53
+ };
54
+ CONTENT_DISABLE: {
55
+ light: string;
56
+ dark: string;
57
+ };
58
+ CONTENT_INVERTED: {
59
+ light: string;
60
+ dark: string;
61
+ };
62
+ CONTENT_STATIC: {
63
+ light: string;
64
+ dark: string;
65
+ };
66
+ CONTENT_PRIMARY_STATIC: {
67
+ light: string;
68
+ dark: string;
69
+ };
70
+ CONTENT_SECONDRY_STATIC: {
71
+ light: string;
72
+ dark: string;
73
+ };
74
+ BORDER_PRIMARY: {
75
+ light: string;
76
+ dark: string;
77
+ };
78
+ BORDER_SECONDRY: {
79
+ light: string;
80
+ dark: string;
81
+ };
82
+ BORDER_DISABLE: {
83
+ light: string;
84
+ dark: string;
85
+ };
86
+ BORDER_INVERTED: {
87
+ light: string;
88
+ dark: string;
89
+ };
90
+ BORDER_BRAND_STATIC: {
91
+ light: string;
92
+ dark: string;
93
+ };
94
+ BORDER_BRAND_TRANSPARENT_STATIC: {
95
+ light: string;
96
+ dark: string;
97
+ };
98
+ BORDER_STATIC: {
99
+ light: string;
100
+ dark: string;
101
+ };
102
+ BORDER_TEXT_FIELD: {
103
+ light: string;
104
+ dark: string;
105
+ };
106
+ BORDER_SEPRATOR: {
107
+ light: string;
108
+ dark: string;
109
+ };
110
+ BORDER_SEPERATOR_HEADER: {
111
+ light: string;
112
+ dark: string;
113
+ };
114
+ WARNING: {
115
+ light: string;
116
+ dark: string;
117
+ };
118
+ SUCCESS: {
119
+ light: string;
120
+ dark: string;
121
+ };
122
+ INFO: {
123
+ light: string;
124
+ dark: string;
125
+ };
126
+ ERROR: {
127
+ light: string;
128
+ dark: string;
129
+ };
130
+ };
131
+ export default theme;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const withThemeProvider: <P extends object>(Component: React.ComponentType<P>) => (props: P) => React.JSX.Element;
@@ -0,0 +1,90 @@
1
+ export declare enum ShapeType {
2
+ LINE = "line",
3
+ CIRCLE = "circle"
4
+ }
5
+ export declare enum ToggleButtonType {
6
+ SMALL = "small",
7
+ LARGE = "large"
8
+ }
9
+ export declare enum TextDirectType {
10
+ left = "left",
11
+ right = "right"
12
+ }
13
+ export declare enum ToggleTextType {
14
+ ON = "ON",
15
+ OFF = "OFF"
16
+ }
17
+ export declare enum FontStyle {
18
+ H1_BOLD = "H1_BOLD",
19
+ H2_BOLD = "H2_BOLD",
20
+ H3_BOLD = "H3_BOLD",
21
+ H4_BOLD = "H4_BOLD",
22
+ H5_BOLD = "H5_BOLD",
23
+ H6_BOLD = "H6_BOLD",
24
+ H7_BOLD = "H7_BOLD",
25
+ H8_BOLD = "H8_BOLD",
26
+ H1_REGULAR = "H1_REGULAR",
27
+ H2_REGULAR = "H2_REGULAR",
28
+ H3_REGULAR = "H3_REGULAR",
29
+ H4_REGULAR = "H4_REGULAR",
30
+ H5_REGULAR = "H5_REGULAR",
31
+ H6_REGULAR = "H6_REGULAR",
32
+ H7_REGULAR = "H7_REGULAR",
33
+ H8_REGULAR = "H8_REGULAR",
34
+ H1_LIGHT = "H1_LIGHT",
35
+ H2_LIGHT = "H2_LIGHT",
36
+ H3_LIGHT = "H3_LIGHT",
37
+ H4_LIGHT = "H4_LIGHT",
38
+ H5_LIGHT = "H5_LIGHT",
39
+ H6_LIGHT = "H6_LIGHT",
40
+ H7_LIGHT = "H7_LIGHT",
41
+ H8_LIGHT = "H8_LIGHT",
42
+ B1_BOLD = "B1_BOLD",
43
+ B2_BOLD = "B2_BOLD",
44
+ B3_BOLD = "B3_BOLD",
45
+ B4_BOLD = "B4_BOLD",
46
+ B1_REGULAR = "B1_REGULAR",
47
+ B2_REGULAR = "B2_REGULAR",
48
+ B3_REGULAR = "B3_REGULAR",
49
+ B4_REGULAR = "B4_REGULAR",
50
+ L1_BOLD = "L1_BOLD",
51
+ L2_BOLD = "L2_BOLD",
52
+ L3_BOLD = "L3_BOLD",
53
+ L1_REGULAR = "L1_REGULAR",
54
+ L2_REGULAR = "L2_REGULAR",
55
+ L3_REGULAR = "L3_REGULAR"
56
+ }
57
+ export declare enum Theme {
58
+ SURFACE_PRIMARY = "SURFACE_PRIMARY",
59
+ SURFACE_SECONDARY = "SURFACE_SECONDARY",
60
+ SURFACE_TERTIARY = "SURFACE_TERTIARY",
61
+ SURFACE_STATIC = "SURFACE_STATIC",
62
+ SURFACE_BRAND_STATIC = "SURFACE_BRAND_STATIC",
63
+ SURFACE_BRAND_TRANSPARENT_STATIC = "SURFACE_BRAND_TRANSPARENT_STATIC",
64
+ SURFACE_DISABLE = "SURFACE_DISABLE",
65
+ SURFACE_INVERTED = "SURFACE_INVERTED",
66
+ SURFACE_INVERTED_TRANSPARENT = "SURFACE_INVERTED_TRANSPARENT",
67
+ SURFACE_DROP_SHADOW = "SURFACE_DROP_SHADOW",
68
+ SURFACE_BLUR = "SURFACE_BLUR",
69
+ CONTENT_PRIMARY = "CONTENT_PRIMARY",
70
+ CONTENT_SECONDRY = "CONTENT_SECONDRY",
71
+ CONTENT_DISABLE = "CONTENT_DISABLE",
72
+ CONTENT_INVERTED = "CONTENT_INVERTED",
73
+ CONTENT_STATIC = "CONTENT_STATIC",
74
+ CONTENT_PRIMARY_STATIC = "CONTENT_PRIMARY_STATIC",
75
+ CONTENT_SECONDRY_STATIC = "CONTENT_SECONDRY_STATIC",
76
+ BORDER_PRIMARY = "BORDER_PRIMARY",
77
+ BORDER_SECONDRY = "BORDER_SECONDRY",
78
+ BORDER_DISABLE = "BORDER_DISABLE",
79
+ BORDER_INVERTED = "BORDER_INVERTED",
80
+ BORDER_BRAND_STATIC = "BORDER_BRAND_STATIC",
81
+ BORDER_BRAND_TRANSPARENT_STATIC = "BORDER_BRAND_TRANSPARENT_STATIC",
82
+ BORDER_TEXT_FIELD = "BORDER_TEXT_FIELD",
83
+ BORDER_SEPERATOR_HEADER = "BORDER_SEPERATOR_HEADER",
84
+ BORDER_STATIC = "BORDER_STATIC",
85
+ BORDER_SEPRATOR = "BORDER_SEPRATOR",
86
+ WARNING = "WARNING",
87
+ SUCCESS = "SUCCESS",
88
+ INFO = "INFO",
89
+ ERROR = "ERROR"
90
+ }
@@ -0,0 +1,15 @@
1
+ declare const commonStyles: {
2
+ flexOne: {
3
+ flex: number;
4
+ };
5
+ centeredContainer: {
6
+ justifyContent: "center";
7
+ alignItems: "center";
8
+ };
9
+ centerRow: {
10
+ alignItems: "center";
11
+ justifyContent: "center";
12
+ flexDirection: "row";
13
+ };
14
+ };
15
+ export default commonStyles;
@@ -0,0 +1,19 @@
1
+ export declare const BUTTON_TYPES: {
2
+ PRIMARY: string;
3
+ SECONDARY: string;
4
+ DISABLE: string;
5
+ TERTIARY: string;
6
+ FUNCTION_PRIMARY: string;
7
+ FUNCTION_SECONDARY: string;
8
+ FUNCTION_NOTICE: string;
9
+ PRIMARY_TEXT: string;
10
+ SECONDARY_TEXT: string;
11
+ DISABLE_TEXT: string;
12
+ TERTIARY_TEXT: string;
13
+ FUNCTION_PRIMARY_TEXT: string;
14
+ FUNCTION_SECONDARY_TEXT: string;
15
+ FUNCTION_NOTICE_TEXT: string;
16
+ TEXT: string;
17
+ };
18
+ export declare const DEFAULT_COUNTRY_CODE = "AE";
19
+ export declare const DEFAULT_CALLING_CODE = "+971";
@@ -0,0 +1,7 @@
1
+ export declare enum OS {
2
+ ios = "ios",
3
+ android = "android"
4
+ }
5
+ export declare const isIos: () => boolean;
6
+ export declare const isAndroid: () => boolean;
7
+ export declare const copyToClipboard: (textToCopy: string) => void;
@@ -0,0 +1 @@
1
+ export declare const stringLengthRegex: RegExp;
@@ -0,0 +1,5 @@
1
+ declare const width: number, height: number;
2
+ declare const horizontalScale: (size: number) => number;
3
+ declare const verticalScale: (size: number) => number;
4
+ declare const moderateScale: (size: number, factor?: number) => number;
5
+ export { horizontalScale, verticalScale, moderateScale, width, height };
package/package.json CHANGED
@@ -1,16 +1,20 @@
1
1
  {
2
2
  "name": "dhre-ui-kit",
3
- "version": "0.0.95",
4
- "main": "src/index.ts",
3
+ "version": "0.0.97",
4
+ "main": "lib/index.js",
5
+ "module": "lib/index.mjs",
6
+ "typings": "lib/index.d.ts",
5
7
  "files": [
6
- "src",
7
- "README.md",
8
- "__mocks__"
8
+ "lib/**/*"
9
+ ],
10
+ "keywords": [
11
+ "react-native",
12
+ "component",
13
+ "library"
9
14
  ],
10
15
  "scripts": {
11
- "android": "react-native run-android",
12
- "ios": "react-native run-ios",
13
- "start": "react-native start",
16
+ "prepublishOnly": "npm run build",
17
+ "build": "rollup -c",
14
18
  "test": "jest",
15
19
  "tsc": "tsc",
16
20
  "lint": "npx eslint ./src",
@@ -18,17 +22,17 @@
18
22
  "lint:report": "eslint . --format=json --output-file=eslint-report.json",
19
23
  "prettier": "npx prettier ./src --check",
20
24
  "prettier:fix": "npm run prettier ./src -- --write",
21
- "build": "bob build",
22
- "prepublishOnly": "npm run build",
23
25
  "prepare": "husky"
24
26
  },
27
+ "author": "",
28
+ "license": "ISC",
29
+ "description": "",
25
30
  "dependencies": {
26
31
  "@react-native-clipboard/clipboard": "^1.14.2",
27
32
  "@react-native-community/blur": "^4.4.1",
28
33
  "@testing-library/react-native": "^12.5.1",
29
- "lint-staged": "^15.2.7",
30
- "react": "18.2.0",
31
- "react-native": "0.74.3",
34
+ "react": "^17.0.0 || ^18.0.0",
35
+ "react-native": ">=0.60.0",
32
36
  "react-native-blob-util": "^0.19.11",
33
37
  "react-native-calendars": "^1.1306.0",
34
38
  "react-native-country-picker-modal": "^2.0.0",
@@ -44,71 +48,76 @@
44
48
  "react-native-svg-transformer": "^1.5.0",
45
49
  "react-native-webview": "^13.12.0",
46
50
  "react-redux": "^9.1.2",
47
- "rn-tooltip": "^3.0.3"
51
+ "rn-tooltip": "^3.0.3",
52
+ "rollup-plugin-dts": "^6.1.1",
53
+ "rollup-plugin-esbuild": "^6.1.1",
54
+ "lint-staged": "^15.2.7"
48
55
  },
49
56
  "devDependencies": {
50
- "@babel/core": "^7.25.2",
51
- "@babel/preset-env": "^7.25.4",
52
- "@babel/runtime": "^7.20.0",
53
- "@eslint/js": "^9.7.0",
54
- "@react-native/babel-preset": "0.74.85",
55
- "@react-native/eslint-config": "0.74.85",
56
- "@react-native/metro-config": "0.74.85",
57
- "@react-native/typescript-config": "0.74.85",
57
+ "@babel/preset-env": "^7.25.7",
58
+ "@babel/preset-react": "^7.25.7",
59
+ "@babel/preset-typescript": "^7.25.7",
60
+ "@eslint/js": "^9.12.0",
61
+ "@rollup/plugin-babel": "^6.0.4",
62
+ "@rollup/plugin-commonjs": "^28.0.0",
63
+ "@rollup/plugin-node-resolve": "^15.3.0",
64
+ "@rollup/plugin-typescript": "^12.1.0",
65
+ "@svgr/rollup": "^8.1.0",
58
66
  "@types/jest": "^29.5.12",
59
- "@types/react": "^18.2.6",
67
+ "@types/react": "^18.3.11",
60
68
  "@types/react-native": "^0.73.0",
61
- "@types/react-test-renderer": "^18.0.0",
62
- "@typescript-eslint/eslint-plugin": "^7.17.0",
63
- "@typescript-eslint/parser": "^7.17.0",
69
+ "@typescript-eslint/eslint-plugin": "^8.9.0",
70
+ "@typescript-eslint/parser": "^8.9.0",
64
71
  "babel-jest": "^29.7.0",
65
- "babel-plugin-module-resolver": "^5.0.2",
66
- "eslint": "^8.57.0",
67
- "eslint-config-prettier": "9.1.0",
68
- "eslint-plugin-react": "^7.35.0",
69
- "globals": "^15.8.0",
70
- "husky": "^9.1.1",
72
+ "eslint": "^9.12.0",
73
+ "eslint-config-prettier": "^9.1.0",
74
+ "eslint-plugin-prettier": "^5.2.1",
75
+ "eslint-plugin-react": "^7.37.1",
76
+ "eslint-plugin-react-native": "^4.1.0",
77
+ "globals": "^15.11.0",
78
+ "husky": "^9.1.6",
71
79
  "jest": "^29.7.0",
72
- "metro-runtime": "^0.80.10",
73
- "prettier": "2.8.8",
74
- "react-native-builder-bob": "^0.30.0",
75
- "react-native-typescript-transformer": "^1.2.13",
76
- "react-test-renderer": "18.2.0",
77
- "typescript": "^5.0.4",
78
- "typescript-eslint": "^7.17.0"
80
+ "lint-staged": "^15.2.10",
81
+ "prettier": "^3.3.3",
82
+ "rollup": "^2.79.1",
83
+ "rollup-plugin-commonjs": "^10.1.0",
84
+ "rollup-plugin-node-resolve": "^5.2.0",
85
+ "rollup-plugin-peer-deps-external": "^2.2.4",
86
+ "rollup-plugin-svg": "^2.0.0",
87
+ "rollup-plugin-svg-import": "^3.0.0",
88
+ "rollup-plugin-terser": "^7.0.2",
89
+ "rollup-plugin-typescript2": "^0.36.0",
90
+ "typescript": "^5.6.3",
91
+ "typescript-eslint": "^8.9.0"
92
+ },
93
+ "peerDependencies": {
94
+ "@react-native-clipboard/clipboard": "^1.14.2",
95
+ "@react-native-community/blur": "^4.4.1",
96
+ "@testing-library/react-native": "^12.5.1",
97
+ "lint-staged": "^15.2.7",
98
+ "react": "^17.0.0 || ^18.0.0",
99
+ "react-native": ">=0.60.0",
100
+ "react-native-blob-util": "^0.19.11",
101
+ "react-native-calendars": "^1.1306.0",
102
+ "react-native-country-picker-modal": "^2.0.0",
103
+ "react-native-document-picker": "^9.3.1",
104
+ "react-native-element-dropdown": "^2.12.1",
105
+ "react-native-fs": "^2.20.0",
106
+ "react-native-gesture-handler": "2.17.0",
107
+ "react-native-otp-verify": "^1.1.8",
108
+ "react-native-paper": "^5.12.5",
109
+ "react-native-pdf": "^6.7.5",
110
+ "react-native-progress": "^5.0.1",
111
+ "react-native-svg": "^15.4.0",
112
+ "react-native-svg-transformer": "^1.5.0",
113
+ "react-native-webview": "^13.12.0",
114
+ "react-redux": "^9.1.2",
115
+ "rn-tooltip": "^3.0.3"
79
116
  },
80
117
  "lint-staged": {
81
118
  "*.{ts,tsx}": [
82
119
  "eslint ./src --fix",
83
120
  "prettier ./src --write"
84
121
  ]
85
- },
86
- "engines": {
87
- "node": ">=18"
88
- },
89
- "packageManager": "yarn@3.6.4",
90
- "react-native-builder-bob": {
91
- "source": "src",
92
- "output": "dist",
93
- "targets": [
94
- [
95
- "commonjs",
96
- {
97
- "esm": true
98
- }
99
- ],
100
- [
101
- "module",
102
- {
103
- "esm": true
104
- }
105
- ],
106
- [
107
- "typescript",
108
- {
109
- "esm": true
110
- }
111
- ]
112
- ]
113
122
  }
114
123
  }
package/README.md DELETED
@@ -1 +0,0 @@
1
- ## Component library for mobile
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import {CustomTextProps} from '../src/components/customText/CustomText';
3
- import CustomTypography from '../src/components/customTypography/CustomTypography';
4
-
5
- // const mockProps: CustomTextProps = {
6
- // text: 'string',
7
- // variant: 'string',
8
- // };
9
-
10
- // const CustomText = jest.requireActual(
11
- // 'dhre-ui-kit/src/components/customText/CustomText.tsx',
12
- // );
13
-
14
- export default {
15
- CustomText: (mockProps: CustomTextProps) => {
16
- const {text, variant} = mockProps;
17
- return <CustomTypography variant={variant} text={text || ''} />;
18
- },
19
- };