@v-miniapp/ui-react 1.0.37 → 1.0.38

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 (203) hide show
  1. package/dist/components/alert/alert.d.ts +12 -0
  2. package/dist/components/alert/index.d.ts +1 -0
  3. package/dist/components/app/components/app.d.ts +13 -0
  4. package/dist/components/app/components/bottom-tab-bar.d.ts +2 -0
  5. package/dist/components/app/components/link.d.ts +8 -0
  6. package/dist/components/app/components/navigation-analytic.d.ts +2 -0
  7. package/dist/components/app/components/navigation-bar.d.ts +2 -0
  8. package/dist/components/app/components/page-layout.d.ts +3 -0
  9. package/dist/components/app/components/pages-render.d.ts +2 -0
  10. package/dist/components/app/context/location-key.d.ts +4 -0
  11. package/dist/components/app/hooks/use-app-pause.d.ts +1 -0
  12. package/dist/components/app/hooks/use-app-resume.d.ts +1 -0
  13. package/dist/components/app/hooks/use-app-state.d.ts +7 -0
  14. package/dist/components/app/hooks/use-bottom-tab-bar.d.ts +13 -0
  15. package/dist/components/app/hooks/use-custom-icon-event.d.ts +1 -0
  16. package/dist/components/app/hooks/use-did-hide.d.ts +1 -0
  17. package/dist/components/app/hooks/use-did-show.d.ts +1 -0
  18. package/dist/components/app/hooks/use-history.d.ts +2 -0
  19. package/dist/components/app/hooks/use-location.d.ts +1 -0
  20. package/dist/components/app/hooks/use-navigate.d.ts +1 -0
  21. package/dist/components/app/hooks/use-navigation-bar.d.ts +12 -0
  22. package/dist/components/app/hooks/use-navigation-type.d.ts +1 -0
  23. package/dist/components/app/hooks/use-page-config.d.ts +1 -0
  24. package/dist/components/app/hooks/use-page-layout.d.ts +14 -0
  25. package/dist/components/app/hooks/use-page-scroll.d.ts +5 -0
  26. package/dist/components/app/hooks/use-page-state.d.ts +6 -0
  27. package/dist/components/app/hooks/use-settings-changed.d.ts +3 -0
  28. package/dist/components/app/index.d.ts +18 -0
  29. package/dist/components/app/stores/app.d.ts +24 -0
  30. package/dist/components/app/stores/app.selector.d.ts +11 -0
  31. package/dist/components/app/types/app.d.ts +55 -0
  32. package/dist/components/app/types/navigation.d.ts +30 -0
  33. package/dist/components/app/utils/animation.d.ts +2 -0
  34. package/dist/components/app/utils/data-theme.d.ts +5 -0
  35. package/dist/components/app/utils/history.d.ts +7 -0
  36. package/dist/components/avatar/avatar.d.ts +15 -0
  37. package/dist/components/avatar/index.d.ts +1 -0
  38. package/dist/components/badge/badge.d.ts +8 -0
  39. package/dist/components/badge/index.d.ts +1 -0
  40. package/dist/components/bottom-tab-bar/bottom-tab-bar.d.ts +22 -0
  41. package/dist/components/bottom-tab-bar/index.d.ts +1 -0
  42. package/dist/components/button/button.const.d.ts +3 -0
  43. package/dist/components/button/button.d.ts +20 -0
  44. package/dist/components/button/index.d.ts +1 -0
  45. package/dist/components/calendar/calendar-range-sheet.d.ts +14 -0
  46. package/dist/components/calendar/calendar-single-sheet.d.ts +14 -0
  47. package/dist/components/calendar/calendar.d.ts +10 -0
  48. package/dist/components/calendar/default-render.d.ts +3 -0
  49. package/dist/components/calendar/index.d.ts +1 -0
  50. package/dist/components/calendar/range-picker.d.ts +11 -0
  51. package/dist/components/calendar/single-picker.d.ts +9 -0
  52. package/dist/components/calendar/utils.d.ts +60 -0
  53. package/dist/components/carousel/carousel.d.ts +15 -0
  54. package/dist/components/carousel/index.d.ts +1 -0
  55. package/dist/components/carousel/use-carousel.d.ts +27 -0
  56. package/dist/components/checkbox/check-icon.d.ts +6 -0
  57. package/dist/components/checkbox/checkbox.d.ts +24 -0
  58. package/dist/components/checkbox/indeterminate-icon.d.ts +6 -0
  59. package/dist/components/checkbox/index.d.ts +1 -0
  60. package/dist/components/chip/chip.d.ts +16 -0
  61. package/dist/components/chip/index.d.ts +1 -0
  62. package/dist/components/date-field/date-field-range.d.ts +76 -0
  63. package/dist/components/date-field/date-field.d.ts +56 -0
  64. package/dist/components/date-field/index.d.ts +2 -0
  65. package/dist/components/date-field/input.d.ts +6 -0
  66. package/dist/components/date-picker/date-picker-base.d.ts +32 -0
  67. package/dist/components/date-picker/date-picker-item.d.ts +14 -0
  68. package/dist/components/date-picker/date-picker-sheet.d.ts +14 -0
  69. package/dist/components/date-picker/date-picker.constant.d.ts +8 -0
  70. package/dist/components/date-picker/date-picker.d.ts +17 -0
  71. package/dist/components/date-picker/date-picker.utils.d.ts +31 -0
  72. package/dist/components/date-picker/index.d.ts +2 -0
  73. package/dist/components/dialog/dialog.d.ts +20 -0
  74. package/dist/components/dialog/index.d.ts +1 -0
  75. package/dist/components/dropdown/dropdown-base.d.ts +6 -0
  76. package/dist/components/dropdown/dropdown.d.ts +33 -0
  77. package/dist/components/dropdown/index.d.ts +2 -0
  78. package/dist/components/error/error-boundary.d.ts +15 -0
  79. package/dist/components/error/error.d.ts +10 -0
  80. package/dist/components/error/index.d.ts +1 -0
  81. package/dist/components/freeze/index.d.ts +11 -0
  82. package/dist/components/icon/icon-mapping.d.ts +246 -0
  83. package/dist/components/icon/icon.d.ts +29 -0
  84. package/dist/components/icon/index.d.ts +1 -0
  85. package/dist/components/image/image.d.ts +10 -0
  86. package/dist/components/image/index.d.ts +1 -0
  87. package/dist/components/index.d.ts +43 -0
  88. package/dist/components/input-wrapper/index.d.ts +1 -0
  89. package/dist/components/input-wrapper/input-wrapper.d.ts +33 -0
  90. package/dist/components/label/index.d.ts +1 -0
  91. package/dist/components/label/label.d.ts +11 -0
  92. package/dist/components/layout/app.d.ts +3 -0
  93. package/dist/components/layout/index.d.ts +2 -0
  94. package/dist/components/layout/page-loading.d.ts +6 -0
  95. package/dist/components/layout/page.d.ts +18 -0
  96. package/dist/components/list-item/index.d.ts +1 -0
  97. package/dist/components/list-item/list-item.d.ts +12 -0
  98. package/dist/components/navigation-bar/index.d.ts +1 -0
  99. package/dist/components/navigation-bar/navigation-bar.d.ts +26 -0
  100. package/dist/components/number-field/index.d.ts +1 -0
  101. package/dist/components/number-field/number-field.d.ts +23 -0
  102. package/dist/components/old-date-picker/date-picker-base.d.ts +32 -0
  103. package/dist/components/old-date-picker/date-picker-item.d.ts +11 -0
  104. package/dist/components/old-date-picker/date-picker-sheet.d.ts +14 -0
  105. package/dist/components/old-date-picker/date-picker.constant.d.ts +3 -0
  106. package/dist/components/old-date-picker/date-picker.d.ts +21 -0
  107. package/dist/components/old-date-picker/index.d.ts +2 -0
  108. package/dist/components/option-item/index.d.ts +1 -0
  109. package/dist/components/option-item/option-item.d.ts +10 -0
  110. package/dist/components/pagination/index.d.ts +1 -0
  111. package/dist/components/pagination/pagination.d.ts +7 -0
  112. package/dist/components/pull-to-refresh/index.d.ts +1 -0
  113. package/dist/components/pull-to-refresh/pull-to-refresh.d.ts +17 -0
  114. package/dist/components/radio/index.d.ts +1 -0
  115. package/dist/components/radio/radio.d.ts +19 -0
  116. package/dist/components/rating/index.d.ts +1 -0
  117. package/dist/components/rating/rating.d.ts +12 -0
  118. package/dist/components/rating/star.d.ts +6 -0
  119. package/dist/components/search-field/index.d.ts +1 -0
  120. package/dist/components/search-field/search-field.d.ts +4 -0
  121. package/dist/components/section/index.d.ts +3 -0
  122. package/dist/components/section/section-content.d.ts +3 -0
  123. package/dist/components/section/section-title.d.ts +12 -0
  124. package/dist/components/section/section.d.ts +6 -0
  125. package/dist/components/seo/index.d.ts +2 -0
  126. package/dist/components/seo/seo.d.ts +7 -0
  127. package/dist/components/seo/seo.type.d.ts +85 -0
  128. package/dist/components/sheet/index.d.ts +4 -0
  129. package/dist/components/sheet/sheet-body.d.ts +6 -0
  130. package/dist/components/sheet/sheet-footer.d.ts +5 -0
  131. package/dist/components/sheet/sheet-header.d.ts +11 -0
  132. package/dist/components/sheet/sheet.d.ts +11 -0
  133. package/dist/components/skeleton/index.d.ts +1 -0
  134. package/dist/components/skeleton/skeleton.d.ts +13 -0
  135. package/dist/components/switch/index.d.ts +1 -0
  136. package/dist/components/switch/switch.d.ts +16 -0
  137. package/dist/components/tab-bar/index.d.ts +1 -0
  138. package/dist/components/tab-bar/tab-bar.d.ts +26 -0
  139. package/dist/components/tab-bar/tab.d.ts +6 -0
  140. package/dist/components/text-area/index.d.ts +1 -0
  141. package/dist/components/text-area/text-area.d.ts +15 -0
  142. package/dist/components/text-field/index.d.ts +1 -0
  143. package/dist/components/text-field/text-field.d.ts +18 -0
  144. package/dist/components/toast/index.d.ts +1 -0
  145. package/dist/components/toast/toast-provider.d.ts +2 -0
  146. package/dist/components/toast/toast.d.ts +20 -0
  147. package/dist/components/toast/toast.store.d.ts +25 -0
  148. package/dist/components/tooltip/index.d.ts +1 -0
  149. package/dist/components/tooltip/tooltip.d.ts +10 -0
  150. package/dist/components/typography/index.d.ts +1 -0
  151. package/dist/components/typography/typography.d.ts +13 -0
  152. package/dist/components/uploader/helper.d.ts +5 -0
  153. package/dist/components/uploader/index.d.ts +1 -0
  154. package/dist/components/uploader/type.d.ts +9 -0
  155. package/dist/components/uploader/uploader.d.ts +18 -0
  156. package/dist/components/visibility-sensor/index.d.ts +1 -0
  157. package/dist/components/visibility-sensor/visibility-sensor.d.ts +9 -0
  158. package/dist/external/index.js +15758 -0
  159. package/dist/external/styles.css +1 -0
  160. package/dist/hooks/use-analytic.d.ts +1 -0
  161. package/dist/hooks/use-is-using-app.d.ts +1 -0
  162. package/dist/hooks/use-is-using-locales.d.ts +1 -0
  163. package/dist/hooks/use-swipe-navigation.d.ts +2 -0
  164. package/dist/index.d.ts +3 -0
  165. package/dist/index.js +7677 -0
  166. package/dist/locales/defaultResources/en.d.ts +27 -0
  167. package/dist/locales/defaultResources/vi.d.ts +27 -0
  168. package/dist/locales/fns.d.ts +6 -0
  169. package/dist/locales/hooks.d.ts +9 -0
  170. package/dist/locales/index.d.ts +4 -0
  171. package/dist/locales/provider.d.ts +6 -0
  172. package/dist/locales/store.d.ts +13 -0
  173. package/dist/locales/types.d.ts +37 -0
  174. package/dist/locales/utils.d.ts +2 -0
  175. package/dist/styles.css +1 -0
  176. package/dist/styles.d.ts +1 -0
  177. package/dist/tailwind/colors.css +369 -0
  178. package/dist/tailwind/styles.css +5 -0
  179. package/dist/types/colors.d.ts +3 -0
  180. package/dist/types/util.d.ts +1 -0
  181. package/dist/utils/analytic.d.ts +17 -0
  182. package/dist/utils/bound.d.ts +1 -0
  183. package/dist/utils/can-use-dom.d.ts +1 -0
  184. package/dist/utils/classname.d.ts +3 -0
  185. package/dist/utils/colors.d.ts +2 -0
  186. package/dist/utils/colors.gen.d.ts +368 -0
  187. package/dist/utils/convert-px.d.ts +1 -0
  188. package/dist/utils/date.d.ts +2 -0
  189. package/dist/utils/deep-clone.d.ts +1 -0
  190. package/dist/utils/dev-log.d.ts +3 -0
  191. package/dist/utils/event-emitter.d.ts +7 -0
  192. package/dist/utils/get-scroll-parent.d.ts +3 -0
  193. package/dist/utils/is-dev.d.ts +1 -0
  194. package/dist/utils/omit.d.ts +1 -0
  195. package/dist/utils/render-node.d.ts +2 -0
  196. package/dist/utils/rubberband.d.ts +2 -0
  197. package/dist/utils/sleep.d.ts +1 -0
  198. package/dist/utils/supports-passive.d.ts +1 -0
  199. package/dist/utils/to-css-length.d.ts +1 -0
  200. package/dist/utils/url.d.ts +1 -0
  201. package/dist/vsf/choose-image.d.ts +4 -0
  202. package/dist/vsf/index.d.ts +1 -0
  203. package/package.json +1 -1
@@ -0,0 +1,246 @@
1
+ import { FunctionComponent } from 'react';
2
+ export declare const iconMapping: {
3
+ 'add-magic-fill': string;
4
+ 'add-magic-outline': string;
5
+ 'arrow-door-out-fill': string;
6
+ 'arrow-door-out-outline': string;
7
+ 'arrow-left-from-line-fill': string;
8
+ 'arrow-left-from-line-outline': string;
9
+ 'arrow-right-fill': string;
10
+ 'arrow-right-from-line-fill': string;
11
+ 'arrow-right-from-line-outline': string;
12
+ 'arrow-right-outline': string;
13
+ 'arrow-rotate-anticlockwise-fill': string;
14
+ 'arrow-rotate-anticlockwise-outline': string;
15
+ 'arrow-rotate-clockwise-fill': string;
16
+ 'arrow-rotate-clockwise-outline': string;
17
+ 'arrow-trend-down-fill': string;
18
+ 'arrow-trend-down-outline': string;
19
+ 'arrow-trend-up-fill': string;
20
+ 'arrow-trend-up-outline': string;
21
+ 'arrows-expand-fill': string;
22
+ 'arrows-expand-outline': string;
23
+ 'atm-machine-fill': string;
24
+ 'atm-machine-outline': string;
25
+ 'badge-check-fill': string;
26
+ 'badge-check-outline': string;
27
+ 'ballot-circle-fill': string;
28
+ 'ballot-circle-outline': string;
29
+ 'battery-alert-fill': string;
30
+ 'battery-alert-outline': string;
31
+ 'battery-charging-fill': string;
32
+ 'battery-charging-outline': string;
33
+ 'bell-fill': string;
34
+ 'bell-outline': string;
35
+ 'bell-slash-fill': string;
36
+ 'bell-slash-outline': string;
37
+ 'bolt-fill': string;
38
+ 'bolt-outline': string;
39
+ 'bolt-slash-fill': string;
40
+ 'bolt-slash-outline': string;
41
+ 'book-open-fill': string;
42
+ 'book-open-outline': string;
43
+ 'bug-slash-fill': string;
44
+ 'bug-slash-outline': string;
45
+ 'calendar-fill': string;
46
+ 'calendar-outline': string;
47
+ 'camera-fill': string;
48
+ 'camera-outline': string;
49
+ 'car-electric-fill': string;
50
+ 'car-electric-outline': string;
51
+ 'car-side-fill': string;
52
+ 'car-side-outline': string;
53
+ 'charging-station-fill': string;
54
+ 'charging-station-outline': string;
55
+ 'chart-column-trend-up-fill': string;
56
+ 'chart-column-trend-up-outline': string;
57
+ 'chart-donut-fill': string;
58
+ 'chart-donut-outline': string;
59
+ 'check-double-fill': string;
60
+ 'check-double-outline': string;
61
+ 'check-fill': string;
62
+ 'check-outline': string;
63
+ 'chevron-down-fill': string;
64
+ 'chevron-down-outline': string;
65
+ 'chevron-left-fill': string;
66
+ 'chevron-left-outline': string;
67
+ 'chevron-right-fill': string;
68
+ 'chevron-right-outline': string;
69
+ 'chevron-up-fill': string;
70
+ 'chevron-up-outline': string;
71
+ 'circle-check-fill': string;
72
+ 'circle-check-outline': string;
73
+ 'circle-info-fill': string;
74
+ 'circle-info-outline': string;
75
+ 'circle-question-fill': string;
76
+ 'circle-question-outline': string;
77
+ 'circle-xmark-fill': string;
78
+ 'circle-xmark-outline': string;
79
+ 'clipboard-list-fill': string;
80
+ 'clipboard-list-outline': string;
81
+ 'clock-fill': string;
82
+ 'clock-outline': string;
83
+ 'clone-fill': string;
84
+ 'clone-outline': string;
85
+ 'credit-card-fill': string;
86
+ 'credit-card-outline': string;
87
+ 'credit-card-plus-fill': string;
88
+ 'credit-card-plus-outline': string;
89
+ 'crown-fill': string;
90
+ 'crown-outline': string;
91
+ 'discount-code-fill': string;
92
+ 'discount-code-outline': string;
93
+ 'dots-fill': string;
94
+ 'dots-outline': string;
95
+ 'double-chevron-left-fill': string;
96
+ 'double-chevron-left-outline': string;
97
+ 'double-chevron-right-fill': string;
98
+ 'double-chevron-right-outline': string;
99
+ 'download-fill': string;
100
+ 'download-outline': string;
101
+ 'envelope-fill': string;
102
+ 'envelope-outline': string;
103
+ 'eye-fill': string;
104
+ 'eye-outline': string;
105
+ 'eye-slash-fill': string;
106
+ 'eye-slash-outline': string;
107
+ 'facial-recognition-fill': string;
108
+ 'facial-recognition-outline': string;
109
+ 'file-content-fill': string;
110
+ 'file-content-outline': string;
111
+ 'filter-fill': string;
112
+ 'filter-outline': string;
113
+ 'fingerprint-fill': string;
114
+ 'fingerprint-outline': string;
115
+ 'flag-fill': string;
116
+ 'flag-outline': string;
117
+ 'folder-fill': string;
118
+ 'folder-open-fill': string;
119
+ 'folder-open-outline': string;
120
+ 'folder-outline': string;
121
+ 'gear-fill': string;
122
+ 'gear-outline': string;
123
+ 'gift-fill': string;
124
+ 'gift-outline': string;
125
+ 'graduation-cap-fill': string;
126
+ 'graduation-cap-outline': string;
127
+ 'grid-fill': string;
128
+ 'grid-outline': string;
129
+ 'grid-plus-fill': string;
130
+ 'grid-plus-outline': string;
131
+ 'headset-fill': string;
132
+ 'headset-outline': string;
133
+ 'heart-fill': string;
134
+ 'heart-outline': string;
135
+ 'history-fill': string;
136
+ 'history-outline': string;
137
+ 'house-fill': string;
138
+ 'house-outline': string;
139
+ 'image-fill': string;
140
+ 'image-outline': string;
141
+ 'input-password-fill': string;
142
+ 'input-password-outline': string;
143
+ 'language-fill': string;
144
+ 'language-outline': string;
145
+ 'lightbulb-fill': string;
146
+ 'lightbulb-outline': string;
147
+ 'link-fill': string;
148
+ 'link-outline': string;
149
+ 'link-slash-fill': string;
150
+ 'link-slash-outline': string;
151
+ 'loader-fill': string;
152
+ 'loader-outline': string;
153
+ 'lock-fill': string;
154
+ 'lock-outline': string;
155
+ 'magnifier-fill': string;
156
+ 'magnifier-outline': string;
157
+ 'media-next-fill': string;
158
+ 'media-next-outline': string;
159
+ 'media-pause-fill': string;
160
+ 'media-pause-outline': string;
161
+ 'media-play-fill': string;
162
+ 'media-play-outline': string;
163
+ 'media-previous-fill': string;
164
+ 'media-previous-outline': string;
165
+ 'media-stop-fill': string;
166
+ 'media-stop-outline': string;
167
+ 'menu-fill': string;
168
+ 'menu-outline': string;
169
+ 'message-content-fill': string;
170
+ 'message-content-outline': string;
171
+ 'microphone-fill': string;
172
+ 'microphone-outline': string;
173
+ 'minus-fill': string;
174
+ 'minus-outline': string;
175
+ 'money-bill-coin-fill': string;
176
+ 'money-bill-coin-outline': string;
177
+ 'msg-fill': string;
178
+ 'msg-outline': string;
179
+ 'newspaper-fill': string;
180
+ 'newspaper-outline': string;
181
+ 'nodes-fill': string;
182
+ 'nodes-outline': string;
183
+ 'office-fill': string;
184
+ 'office-outline': string;
185
+ 'paper-plane-fill': string;
186
+ 'paper-plane-outline': string;
187
+ 'pen-fill': string;
188
+ 'pen-outline': string;
189
+ 'phone-fill': string;
190
+ 'phone-outline': string;
191
+ 'pin-fill': string;
192
+ 'pin-outline': string;
193
+ 'pin-tack-fill': string;
194
+ 'pin-tack-outline': string;
195
+ 'plane-fill': string;
196
+ 'plane-outline': string;
197
+ 'plus-fill': string;
198
+ 'plus-outline': string;
199
+ 'qrcode-fill': string;
200
+ 'qrcode-outline': string;
201
+ 'receipt-fill': string;
202
+ 'receipt-outline': string;
203
+ 'scan-fill': string;
204
+ 'scan-outline': string;
205
+ 'scooter-front-fill': string;
206
+ 'scooter-front-outline': string;
207
+ 'share-right-fill': string;
208
+ 'share-right-outline': string;
209
+ 'shield-check-fill': string;
210
+ 'shield-check-outline': string;
211
+ 'stack-x-plus-fill': string;
212
+ 'stack-x-plus-outline': string;
213
+ 'star-fill': string;
214
+ 'star-outline': string;
215
+ 'text-prompt-fill': string;
216
+ 'text-prompt-outline': string;
217
+ 'text-size-fill': string;
218
+ 'text-size-outline': string;
219
+ 'thumbs-down-fill': string;
220
+ 'thumbs-down-outline': string;
221
+ 'thumbs-up-fill': string;
222
+ 'thumbs-up-outline': string;
223
+ 'trash-fill': string;
224
+ 'trash-outline': string;
225
+ 'triangle-warning-fill': string;
226
+ 'triangle-warning-outline': string;
227
+ 'user-bubble-check-fill': string;
228
+ 'user-bubble-check-outline': string;
229
+ 'user-fill': string;
230
+ 'user-outline': string;
231
+ 'user-shield-fill': string;
232
+ 'user-shield-outline': string;
233
+ 'user-xmark-fill': string;
234
+ 'user-xmark-outline': string;
235
+ 'users-plus-fill': string;
236
+ 'users-plus-outline': string;
237
+ 'wallet-fill': string;
238
+ 'wallet-outline': string;
239
+ 'waveform-lines-fill': string;
240
+ 'waveform-lines-outline': string;
241
+ 'xmark-fill': string;
242
+ 'xmark-outline': string;
243
+ 'placeholder-fill': string;
244
+ 'placeholder-outline': string;
245
+ };
246
+ export declare const iconSvgMapping: Partial<Record<keyof typeof iconMapping, FunctionComponent>>;
@@ -0,0 +1,29 @@
1
+ import { ComponentType, FC, ReactNode } from 'react';
2
+ import { iconMapping } from './icon-mapping';
3
+ import { IColor } from '../../types/colors';
4
+ import { IOverride } from '../../types/util';
5
+ export type IIconFullName = keyof typeof iconMapping;
6
+ type IRemoveIconSuffix<T extends string> = T extends `${infer R}-outline` ? R : T extends `${infer R}-fill` ? R : never;
7
+ export type IIconName = IRemoveIconSuffix<IIconFullName>;
8
+ export declare const iconNames: IIconName[];
9
+ export type IIconAnimation = 'spin' | 'ping' | 'pulse' | 'bounce';
10
+ export type ISVGComponentProps = React.ComponentProps<'svg'> & {
11
+ title?: string;
12
+ titleId?: string;
13
+ desc?: string;
14
+ descId?: string;
15
+ };
16
+ export type IBaseIconProps = {
17
+ size?: number | string;
18
+ color?: IColor;
19
+ animation?: IIconAnimation;
20
+ } & ({
21
+ name: IIconName;
22
+ type?: 'outline' | 'fill';
23
+ } | {
24
+ children: ReactNode;
25
+ });
26
+ export type IIconProps = IOverride<Omit<ISVGComponentProps, 'name' | 'type' | 'children'>, IBaseIconProps>;
27
+ export declare const Icon: FC<IIconProps>;
28
+ export declare const renderIcon: (icon?: IIconProps | ComponentType | ReactNode) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | null;
29
+ export {};
@@ -0,0 +1 @@
1
+ export * from './icon';
@@ -0,0 +1,10 @@
1
+ import { ComponentPropsWithRef, FC, ReactNode } from 'react';
2
+ import { IOverride } from '../../types/util';
3
+ export type IImageProps = IOverride<ComponentPropsWithRef<'img'>, {
4
+ ref?: ComponentPropsWithRef<'div'>['ref'];
5
+ fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
6
+ placeholder?: ReactNode;
7
+ fallback?: ReactNode;
8
+ lazy?: boolean;
9
+ }>;
10
+ export declare const Image: FC<IImageProps>;
@@ -0,0 +1 @@
1
+ export * from './image';
@@ -0,0 +1,43 @@
1
+ export * from './app';
2
+ export * from './layout';
3
+ export * from './typography';
4
+ export * from './icon';
5
+ export * from './button';
6
+ export * from './navigation-bar';
7
+ export * from './bottom-tab-bar';
8
+ export * from './carousel';
9
+ export * from './pagination';
10
+ export * from './sheet';
11
+ export * from './dialog';
12
+ export * from './section';
13
+ export * from './list-item';
14
+ export * from './option-item';
15
+ export * from './image';
16
+ export * from './visibility-sensor';
17
+ export * from './pull-to-refresh';
18
+ export * from './alert';
19
+ export * from './skeleton';
20
+ export * from './label';
21
+ export * from './input-wrapper';
22
+ export * from './text-field';
23
+ export * from './number-field';
24
+ export * from './checkbox';
25
+ export * from './chip';
26
+ export * from './radio';
27
+ export * from './date-field';
28
+ export * from './search-field';
29
+ export * from './text-area';
30
+ export * from './dropdown';
31
+ export * from './date-picker';
32
+ export * from './error';
33
+ export * from './avatar';
34
+ export * from './number-field';
35
+ export * from './uploader';
36
+ export * from './badge';
37
+ export * from './switch';
38
+ export * from './tab-bar';
39
+ export * from './seo';
40
+ export * from './rating';
41
+ export * from './tooltip';
42
+ export * from './calendar';
43
+ export * from './toast';
@@ -0,0 +1 @@
1
+ export * from './input-wrapper';
@@ -0,0 +1,33 @@
1
+ import { ComponentProps, FC, ReactNode } from 'react';
2
+ import { IIconProps } from '../icon';
3
+ import { ILabelProps } from '../label';
4
+ import { IOverride } from '../../types/util';
5
+ export type IInputShape = 'rounded' | 'pill';
6
+ export type IBasicInputProps = {
7
+ shape?: IInputShape;
8
+ disabled?: boolean;
9
+ success?: boolean;
10
+ successMessage?: ReactNode;
11
+ error?: boolean;
12
+ errorMessage?: ReactNode;
13
+ label?: ILabelProps;
14
+ leadingIcon?: IIconProps | ReactNode;
15
+ onLeadingIconClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
16
+ trailingIcon?: IIconProps | ReactNode;
17
+ onTrailingIconClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
18
+ prefix?: ReactNode;
19
+ suffix?: ReactNode;
20
+ className?: string;
21
+ };
22
+ export type IInputWrapperProps = IOverride<ComponentProps<'div'>, IBasicInputProps & {
23
+ isFocus?: boolean;
24
+ align?: 'start' | 'center' | 'end';
25
+ bottomInput?: ReactNode;
26
+ onInputClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
27
+ loadingNode?: ReactNode;
28
+ }>;
29
+ export declare function getInputProps<T extends IBasicInputProps>(allProps: T): {
30
+ wrapper: Pick<T, "label" | "className" | "disabled" | "prefix" | "error" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
31
+ props: import('lodash').Omit<T, "label" | "className" | "disabled" | "prefix" | "error" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
32
+ };
33
+ export declare const InputWrapper: FC<IInputWrapperProps>;
@@ -0,0 +1 @@
1
+ export * from './label';
@@ -0,0 +1,11 @@
1
+ import { ComponentPropsWithRef, FC, ReactNode } from 'react';
2
+ import { IIconProps } from '../icon';
3
+ export type ILabelProps = ComponentPropsWithRef<'label'> & {
4
+ disabled?: boolean;
5
+ required?: boolean;
6
+ icon?: IIconProps | ReactNode;
7
+ text?: ReactNode;
8
+ helperText?: ReactNode;
9
+ loading?: boolean;
10
+ };
11
+ export declare const Label: FC<ILabelProps>;
@@ -0,0 +1,3 @@
1
+ import { default as React, ComponentPropsWithRef } from 'react';
2
+ export type IAppProps = ComponentPropsWithRef<'div'>;
3
+ export declare const App: React.FC<IAppProps>;
@@ -0,0 +1,2 @@
1
+ export * from './page-loading';
2
+ export * from './page';
@@ -0,0 +1,6 @@
1
+ import { IColor } from '../../types/colors';
2
+ import { default as React } from 'react';
3
+ export interface IPageLoadingProps {
4
+ color?: IColor;
5
+ }
6
+ export declare const PageLoading: React.FC;
@@ -0,0 +1,18 @@
1
+ import { ComponentPropsWithRef, FC } from 'react';
2
+ import { IPullToRefreshBasProps } from '../pull-to-refresh';
3
+ import { IOverride } from '../../types/util';
4
+ export type IPageBaseProps = {
5
+ hasSpacing?: boolean;
6
+ headerOffset?: boolean;
7
+ safeAreaTopOffset?: boolean;
8
+ safeAreaBottomOffset?: boolean;
9
+ contentClassName?: string;
10
+ pullToRefresh?: IPullToRefreshBasProps;
11
+ onEndReached?: () => void;
12
+ onEndReachedThreshold?: number;
13
+ id?: string;
14
+ className?: string;
15
+ style?: React.CSSProperties;
16
+ };
17
+ export type IPageProps = IOverride<ComponentPropsWithRef<'div'>, IPageBaseProps>;
18
+ export declare const Page: FC<IPageProps>;
@@ -0,0 +1 @@
1
+ export * from './list-item';
@@ -0,0 +1,12 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentPropsWithRef, FC, ReactNode } from 'react';
3
+ export type IListItemProps = IOverride<ComponentPropsWithRef<'div'>, {
4
+ label?: ReactNode;
5
+ description?: ReactNode;
6
+ prefix?: ReactNode;
7
+ suffix?: ReactNode;
8
+ leadContent?: ReactNode;
9
+ trailContent?: ReactNode;
10
+ divider?: boolean;
11
+ }>;
12
+ export declare const ListItem: FC<IListItemProps>;
@@ -0,0 +1 @@
1
+ export * from './navigation-bar';
@@ -0,0 +1,26 @@
1
+ import { IColor } from '../../types/colors';
2
+ import { FC, PropsWithChildren, ReactNode } from 'react';
3
+ import { IIconProps } from '../icon';
4
+ export type INavigationBarTransparent = 'auto' | 'always' | 'none';
5
+ export type INavigationBarTheme = 'default' | 'inverse';
6
+ export type INavigationBarProps = {
7
+ className?: string;
8
+ scrollElementSelector?: (() => HTMLElement) | HTMLElement | string;
9
+ transparent?: INavigationBarTransparent;
10
+ theme?: INavigationBarTheme;
11
+ color?: IColor;
12
+ title?: string | ReactNode;
13
+ scrollThreshold?: number;
14
+ backIcon?: boolean | IIconProps | ReactNode;
15
+ onBackClick?: () => void;
16
+ leftIcon?: IIconProps | ReactNode;
17
+ onLeftIconClick?: () => void;
18
+ left?: ReactNode;
19
+ rightIcon?: IIconProps | ReactNode;
20
+ onRightIconClick?: () => void;
21
+ right?: ReactNode;
22
+ divider?: boolean;
23
+ locationKey?: string;
24
+ };
25
+ export declare const NavigationBar: FC<INavigationBarProps>;
26
+ export declare const NavigationBarPage: FC<PropsWithChildren<INavigationBarProps>>;
@@ -0,0 +1 @@
1
+ export * from './number-field';
@@ -0,0 +1,23 @@
1
+ import { default as React, ComponentProps } from 'react';
2
+ import { IOverride } from '../../types/util';
3
+ export type INumberFieldShape = 'rounded' | 'pill';
4
+ export type INumberFieldProps = IOverride<ComponentProps<'div'>, {
5
+ length?: number;
6
+ errorMessage?: string;
7
+ label?: string;
8
+ shape?: INumberFieldShape;
9
+ disabled?: boolean;
10
+ loading?: boolean;
11
+ masked?: boolean;
12
+ className?: string;
13
+ /** Controlled mode: value controlled by parent */
14
+ value?: string;
15
+ /** Uncontrolled mode: initial value */
16
+ defaultValue?: string;
17
+ onChange?: (value: string) => void;
18
+ }>;
19
+ export type INumberFieldInstance = {
20
+ focus: () => void;
21
+ blur: () => void;
22
+ };
23
+ export declare const NumberField: React.ForwardRefExoticComponent<Omit<INumberFieldProps, "ref"> & React.RefAttributes<INumberFieldInstance>>;
@@ -0,0 +1,32 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentProps, FC } from 'react';
3
+ export type IDatePickerBaseValue = {
4
+ minutes: number;
5
+ hours: number;
6
+ days: number;
7
+ months: number;
8
+ years: number;
9
+ dayOfWeeks: number;
10
+ };
11
+ type IItemProps = {
12
+ step?: number;
13
+ min?: number;
14
+ max?: number;
15
+ renderLabel?: (item: number) => string;
16
+ };
17
+ export type IDatePickerBaseProps = IOverride<ComponentProps<'div'>, {
18
+ hour?: boolean;
19
+ day?: boolean;
20
+ month?: boolean;
21
+ year?: boolean;
22
+ minutesProps?: IItemProps;
23
+ hoursProps?: IItemProps;
24
+ daysProps?: IItemProps;
25
+ monthsProps?: IItemProps;
26
+ yearsProps?: IItemProps;
27
+ dayOfWeeksProps?: IItemProps;
28
+ value?: IDatePickerBaseValue;
29
+ onChange?: (value: IDatePickerBaseValue) => void;
30
+ }>;
31
+ export declare const DatePickerBase: FC<IDatePickerBaseProps>;
32
+ export {};
@@ -0,0 +1,11 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentProps, FC } from 'react';
3
+ export type IDatePickerItemProps = IOverride<ComponentProps<'div'>, {
4
+ items: number[];
5
+ min?: number;
6
+ max?: number;
7
+ renderLabel?: (item: number) => string;
8
+ activeIndex?: number;
9
+ onChange?: (item: number) => void;
10
+ }>;
11
+ export declare const DatePickerItem: FC<IDatePickerItemProps>;
@@ -0,0 +1,14 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { IButtonProps } from '../button';
3
+ import { IDatePickerProps } from './date-picker';
4
+ import { IOverride } from '../../types/util';
5
+ export type IDatePickerSheetProps = IOverride<Omit<IDatePickerProps, 'value' | 'onChange'>, {
6
+ title?: ReactNode;
7
+ confirmButton?: IButtonProps;
8
+ open?: boolean;
9
+ onCancel?: () => void;
10
+ value?: Date | null;
11
+ defaultValue?: Date | null;
12
+ onSelect?: (value: Date) => void;
13
+ }>;
14
+ export declare const DatePickerSheet: FC<IDatePickerSheetProps>;
@@ -0,0 +1,3 @@
1
+ export declare const ITEM_HEIGHT = 24;
2
+ export declare const OFFSET_NUMBER = 2;
3
+ export declare const ITEMS_NUMBER = 500;
@@ -0,0 +1,21 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentProps, FC } from 'react';
3
+ export type IDatePickerProps = IOverride<ComponentProps<'div'>, {
4
+ hour?: boolean;
5
+ day?: boolean;
6
+ month?: boolean;
7
+ year?: boolean;
8
+ min?: Date | null;
9
+ max?: Date | null;
10
+ renderLabels?: {
11
+ minutes?: (value: number) => string;
12
+ hours?: (value: number) => string;
13
+ days?: (value: number) => string;
14
+ months?: (value: number) => string;
15
+ years?: (value: number) => string;
16
+ dayOfWeeks?: (value: number) => string;
17
+ };
18
+ value?: Date;
19
+ onChange?: (value: Date) => void;
20
+ }>;
21
+ export declare const DatePicker: FC<IDatePickerProps>;
@@ -0,0 +1,2 @@
1
+ export * from './date-picker';
2
+ export * from './date-picker-base';
@@ -0,0 +1 @@
1
+ export * from './option-item';
@@ -0,0 +1,10 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentProps, FC } from 'react';
3
+ export type IOptionItemProps = IOverride<ComponentProps<'div'>, {
4
+ theme?: 'brand' | 'neutral';
5
+ selected?: boolean;
6
+ defaultSelected?: boolean;
7
+ divider?: boolean;
8
+ onChange?: (selected: boolean) => void;
9
+ }>;
10
+ export declare const OptionItem: FC<IOptionItemProps>;
@@ -0,0 +1 @@
1
+ export * from './pagination';
@@ -0,0 +1,7 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentProps, FC } from 'react';
3
+ export type IPaginationProps = IOverride<ComponentProps<'div'>, {
4
+ total: number;
5
+ activeIndex: number;
6
+ }>;
7
+ export declare const Pagination: FC<IPaginationProps>;
@@ -0,0 +1 @@
1
+ export * from './pull-to-refresh';
@@ -0,0 +1,17 @@
1
+ import { IOverride } from '../../types/util';
2
+ import { ComponentPropsWithRef, FC, ReactNode } from 'react';
3
+ export type IPullToRefreshStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
4
+ export type IPullToRefreshBasProps = {
5
+ onRefresh?: () => Promise<unknown> | unknown;
6
+ pullingText?: ReactNode;
7
+ canReleaseText?: ReactNode;
8
+ refreshingText?: ReactNode;
9
+ completeText?: ReactNode;
10
+ completeDelay?: number;
11
+ headHeight?: number;
12
+ threshold?: number;
13
+ disabled?: boolean;
14
+ renderText?: (status: IPullToRefreshStatus) => ReactNode;
15
+ };
16
+ export type IPullToRefreshProps = IOverride<ComponentPropsWithRef<'div'>, IPullToRefreshBasProps>;
17
+ export declare const PullToRefresh: FC<IPullToRefreshProps>;
@@ -0,0 +1 @@
1
+ export * from './radio';