@mycause/ui 0.0.0-cf96d552 → 0.0.0-cfb0da03

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 (287) hide show
  1. package/README.md +17 -0
  2. package/dist/components/anchor/anchor.d.ts +1 -1
  3. package/dist/components/anchor/anchor.stories.d.ts +2 -2
  4. package/dist/components/anchor/bold-anchor.d.ts +1 -1
  5. package/dist/components/anchor/bold-anchor.stories.d.ts +2 -2
  6. package/dist/components/avatar/avatar.d.ts +3 -3
  7. package/dist/components/avatar/avatar.stories.d.ts +3 -3
  8. package/dist/components/avatar/image-avatar.d.ts +1 -1
  9. package/dist/components/avatar/text-avatar.d.ts +1 -1
  10. package/dist/components/button/button.d.ts +2 -2
  11. package/dist/components/button/button.stories.d.ts +10 -10
  12. package/dist/components/button-select/button-select-exhanced.d.ts +23 -0
  13. package/dist/components/button-select/button-select.d.ts +1 -1
  14. package/dist/components/button-select/button-select.stories.d.ts +8 -2
  15. package/dist/components/button-select/index.d.ts +1 -0
  16. package/dist/components/campaign-card/campaign-card.d.ts +2 -2
  17. package/dist/components/campaign-card/campaign-card.stories.d.ts +3 -3
  18. package/dist/components/campaign-of-month/campaign-of-month.d.ts +6 -3
  19. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +3 -3
  20. package/dist/components/charity-card/charity-card.d.ts +2 -2
  21. package/dist/components/charity-card/charity-card.stories.d.ts +3 -3
  22. package/dist/components/charity-tags-filter-button/FilterIcon.d.ts +6 -0
  23. package/dist/components/charity-tags-filter-button/charity-tags-filter-button.d.ts +36 -0
  24. package/dist/components/charity-tags-filter-button/charity-tags-filter-button.stories.d.ts +12 -0
  25. package/dist/components/charity-tags-filter-button/index.d.ts +1 -0
  26. package/dist/components/checkbox/checkbox.d.ts +1 -1
  27. package/dist/components/checkbox/checkbox.stories.d.ts +4 -4
  28. package/dist/components/chips/chip.d.ts +2 -2
  29. package/dist/components/chips/chips.d.ts +2 -2
  30. package/dist/components/chips/chips.stories.d.ts +4 -4
  31. package/dist/components/chips/input-chips.d.ts +1 -1
  32. package/dist/components/chips/input-chips.stories.d.ts +2 -2
  33. package/dist/components/collapse/collapse.d.ts +21 -0
  34. package/dist/components/collapse/collapse.stories.d.ts +19 -0
  35. package/dist/components/collapse/icons.d.ts +4 -0
  36. package/dist/components/collapse/index.d.ts +1 -0
  37. package/dist/components/combo-field/combo-field-expander.d.ts +1 -1
  38. package/dist/components/combo-field/combo-field.d.ts +1 -1
  39. package/dist/components/combo-field/combo-field.stories.d.ts +3 -3
  40. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  41. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  42. package/dist/components/comment-section/comment-section.d.ts +2 -10
  43. package/dist/components/comment-section/comment-section.stories.d.ts +8 -2
  44. package/dist/components/comment-section/comment-type.d.ts +10 -0
  45. package/dist/components/comment-section/index.d.ts +1 -0
  46. package/dist/components/comment-section/sub-comments.d.ts +4 -4
  47. package/dist/components/cropper/cropper.d.ts +1 -1
  48. package/dist/components/cropper/cropper.stories.d.ts +2 -2
  49. package/dist/components/date-picker/date-picker.d.ts +1 -1
  50. package/dist/components/date-picker/date-picker.stories.d.ts +11 -5
  51. package/dist/components/date-picker/index.d.ts +1 -0
  52. package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
  53. package/dist/components/date-picker/single-date-picker.d.ts +4 -3
  54. package/dist/components/donate-card/donate-card.d.ts +2 -2
  55. package/dist/components/donate-card/donate-card.stories.d.ts +3 -3
  56. package/dist/components/donation-form/donation-details.d.ts +1 -1
  57. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  58. package/dist/components/donation-form/donation-form.d.ts +2 -2
  59. package/dist/components/donation-form/donation-form.stories.d.ts +8 -2
  60. package/dist/components/donation-form/donation-payment.d.ts +2 -2
  61. package/dist/components/donation-form/donation-select.d.ts +2 -2
  62. package/dist/components/donation-form/index.d.ts +1 -0
  63. package/dist/components/donation.d.ts +18 -0
  64. package/dist/components/elevation/elevation.d.ts +1 -1
  65. package/dist/components/elevation/elevation.stories.d.ts +2 -2
  66. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +15 -0
  67. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -0
  68. package/dist/components/favorite-charity-item/index.d.ts +1 -0
  69. package/dist/components/{featured-campaign-card /featured-campaign-card.d.ts → featured-campaign-card/featured-campaign-card.d.ts} +6 -3
  70. package/dist/components/{featured-campaign-card /featured-campaign-card.stories.d.ts → featured-campaign-card/featured-campaign-card.stories.d.ts} +3 -3
  71. package/dist/components/field-helpers/field-helper-text.d.ts +2 -2
  72. package/dist/components/field-helpers/field-label.d.ts +2 -1
  73. package/dist/components/footerV2/footerV2.d.ts +35 -0
  74. package/dist/components/{icon/toggle-button.stories.d.ts → footerV2/footerV2.stories.d.ts} +5 -3
  75. package/dist/components/footerV2/index.d.ts +1 -0
  76. package/dist/components/fundraising-section/fundraising-section.d.ts +2 -2
  77. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +3 -3
  78. package/dist/components/hero-banner/hero-banner.d.ts +2 -2
  79. package/dist/components/hero-banner/hero-banner.stories.d.ts +3 -3
  80. package/dist/components/horizontalbar/horizontalbar.d.ts +2 -2
  81. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +5 -5
  82. package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts +1 -1
  83. package/dist/components/icon/facebook_6.svg.d.ts +1 -1
  84. package/dist/components/icon/heart-toggle.d.ts +1 -1
  85. package/dist/components/icon/heart-toggle.stories.d.ts +2 -2
  86. package/dist/components/icon/icon-button-group.d.ts +1 -1
  87. package/dist/components/icon/icon-button-group.stories.d.ts +2 -2
  88. package/dist/components/icon/icon-button.d.ts +1 -1
  89. package/dist/components/icon/icon-button.stories.d.ts +3 -3
  90. package/dist/components/icon/icon.d.ts +1 -1
  91. package/dist/components/icon/icon.stories.d.ts +4 -4
  92. package/dist/components/icon/material-icon.d.ts +2 -2
  93. package/dist/components/index.d.ts +32 -0
  94. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  95. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  96. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  97. package/dist/components/input/InputDefault.d.ts +13 -0
  98. package/dist/components/input/index.d.ts +1 -0
  99. package/dist/components/input/input.stories.d.ts +24 -0
  100. package/dist/components/input-social/Icons.d.ts +8 -0
  101. package/dist/components/input-social/InputSocial.d.ts +12 -0
  102. package/dist/components/input-social/index.d.ts +1 -0
  103. package/dist/components/input-social/input-social.stories.d.ts +12 -0
  104. package/dist/components/layout/box.d.ts +232 -224
  105. package/dist/components/layout/flex.d.ts +4 -4
  106. package/dist/components/layout/flex.stories.d.ts +2 -2
  107. package/dist/components/layout/grid.d.ts +2 -2
  108. package/dist/components/layout/grid.stories.d.ts +2 -2
  109. package/dist/components/layout/stack.d.ts +2 -2
  110. package/dist/components/layout/stack.stories.d.ts +4 -4
  111. package/dist/components/list/list.d.ts +3 -3
  112. package/dist/components/list/list.stories.d.ts +7 -7
  113. package/dist/components/login/login.d.ts +6 -3
  114. package/dist/components/login/login.stories.d.ts +3 -3
  115. package/dist/components/logo/logo-type.d.ts +4 -3
  116. package/dist/components/menu/menu-list-item.d.ts +2 -2
  117. package/dist/components/menu/menu-list.d.ts +2 -2
  118. package/dist/components/menu/menu.stories.d.ts +2 -2
  119. package/dist/components/modal/index.d.ts +1 -0
  120. package/dist/components/modal/modal-image.d.ts +8 -0
  121. package/dist/components/modal/modal.d.ts +4 -1
  122. package/dist/components/modal/modal.stories.d.ts +17 -5
  123. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
  124. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
  125. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -0
  126. package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
  127. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +8 -0
  128. package/dist/components/my-account-frp-closed/frp-information.d.ts +16 -0
  129. package/dist/components/my-account-frp-closed/index.d.ts +1 -0
  130. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +20 -0
  131. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
  132. package/dist/components/my-account-frp-preview/Icon.d.ts +5 -0
  133. package/dist/components/my-account-frp-preview/frp-information.d.ts +13 -0
  134. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +9 -0
  135. package/dist/components/my-account-frp-preview/index.d.ts +1 -0
  136. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +17 -0
  137. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -0
  138. package/dist/components/my-account-sidebar/Icon.d.ts +15 -0
  139. package/dist/components/my-account-sidebar/index.d.ts +1 -0
  140. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +19 -0
  141. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -0
  142. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
  143. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +13 -0
  144. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +20 -0
  145. package/dist/components/my-account-stats-donated/index.d.ts +1 -0
  146. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +8 -0
  147. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -0
  148. package/dist/components/my-account-stats-raised/index.d.ts +1 -0
  149. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +7 -0
  150. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -0
  151. package/dist/components/nav/charity.d.ts +3 -0
  152. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  153. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  154. package/dist/components/nav/index.d.ts +1 -0
  155. package/dist/components/nav/nav-actions.d.ts +1 -1
  156. package/dist/components/nav/nav-bar.d.ts +2 -2
  157. package/dist/components/nav/nav-call-to-action.d.ts +3 -3
  158. package/dist/components/nav/nav-charity.d.ts +7 -0
  159. package/dist/components/nav/nav-expanded-charity-new.d.ts +12 -0
  160. package/dist/components/nav/nav-expanded-charity.d.ts +14 -0
  161. package/dist/components/nav/nav-expanded.d.ts +5 -2
  162. package/dist/components/nav/nav-list.d.ts +8 -6
  163. package/dist/components/nav/nav-menu-control.d.ts +2 -1
  164. package/dist/components/nav/nav-menu.d.ts +3 -3
  165. package/dist/components/nav/nav-myaccount.d.ts +23 -0
  166. package/dist/components/nav/nav-search-control.d.ts +3 -2
  167. package/dist/components/nav/nav-search.d.ts +3 -2
  168. package/dist/components/nav/nav-sign-in-control.d.ts +2 -1
  169. package/dist/components/nav/nav-user-menu-items.d.ts +6 -6
  170. package/dist/components/nav/nav-user-menu.d.ts +4 -4
  171. package/dist/components/nav/nav.d.ts +18 -10
  172. package/dist/components/nav/nav.stories.d.ts +8 -2
  173. package/dist/components/navigation/navigation-actions.d.ts +1 -1
  174. package/dist/components/navigation/navigation-bar.d.ts +2 -2
  175. package/dist/components/navigation/navigation-call-to-action.d.ts +3 -3
  176. package/dist/components/navigation/navigation-expanded.d.ts +2 -2
  177. package/dist/components/navigation/navigation-list.d.ts +6 -6
  178. package/dist/components/navigation/navigation-menu-control.d.ts +1 -1
  179. package/dist/components/navigation/navigation-menu.d.ts +3 -3
  180. package/dist/components/navigation/navigation-search-control.d.ts +2 -2
  181. package/dist/components/navigation/navigation-search.d.ts +2 -2
  182. package/dist/components/navigation/navigation-sign-in-control.d.ts +1 -1
  183. package/dist/components/navigation/navigation-user-menu-items.d.ts +6 -6
  184. package/dist/components/navigation/navigation-user-menu.d.ts +4 -4
  185. package/dist/components/navigation/navigation.d.ts +8 -8
  186. package/dist/components/navigation/navigation.stories.d.ts +4 -4
  187. package/dist/components/partner-chart-stats/index.d.ts +1 -0
  188. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
  189. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
  190. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  191. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  192. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  193. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  194. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  195. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  196. package/dist/components/partner-toggle-button/index.d.ts +2 -0
  197. package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
  198. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
  199. package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
  200. package/dist/components/phone-number-input/index.d.ts +2 -0
  201. package/dist/components/phone-number-input/phone-number-input-v1.d.ts +27 -0
  202. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -0
  203. package/dist/components/phone-number-input/phone-number-input.d.ts +3 -2
  204. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +32 -2
  205. package/dist/components/popup/popup.d.ts +2 -2
  206. package/dist/components/popup/popup.stories.d.ts +3 -3
  207. package/dist/components/progressbar/progress-bar-circle.d.ts +10 -0
  208. package/dist/components/progressbar/progressbar.d.ts +2 -2
  209. package/dist/components/progressbar/progressbar.stories.d.ts +9 -3
  210. package/dist/components/radio/radio-group.d.ts +1 -1
  211. package/dist/components/radio/radio-group.stories.d.ts +2 -2
  212. package/dist/components/radio/radio.d.ts +1 -1
  213. package/dist/components/radio/radio.stories.d.ts +4 -4
  214. package/dist/components/select/index.d.ts +2 -0
  215. package/dist/components/select/select-enhanced.d.ts +24 -0
  216. package/dist/components/select/select-helper-text.d.ts +1 -1
  217. package/dist/components/select/select-v2.d.ts +27 -0
  218. package/dist/components/select/select.d.ts +5 -3
  219. package/dist/components/select/select.stories.d.ts +14 -2
  220. package/dist/components/spinner/spinner.d.ts +4 -3
  221. package/dist/components/spinner/spinner.stories.d.ts +8 -2
  222. package/dist/components/statistics/statistics.d.ts +1 -1
  223. package/dist/components/statistics/statistics.stories.d.ts +2 -2
  224. package/dist/components/switch/index.d.ts +1 -0
  225. package/dist/components/switch/switch-v2.d.ts +8 -0
  226. package/dist/components/switch/switch.d.ts +1 -1
  227. package/dist/components/switch/switch.stories.d.ts +10 -4
  228. package/dist/components/table/index.d.ts +1 -0
  229. package/dist/components/table/partner-monthly-table.d.ts +19 -0
  230. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  231. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  232. package/dist/components/tabs/tab-text-label.d.ts +1 -1
  233. package/dist/components/tabs/tabs.d.ts +1 -1
  234. package/dist/components/tabs/tabs.stories.d.ts +2 -2
  235. package/dist/components/text/text.d.ts +4 -5
  236. package/dist/components/text/text.stories.d.ts +7 -7
  237. package/dist/components/text-field/index.d.ts +1 -0
  238. package/dist/components/text-field/text-field-helper-text.d.ts +1 -1
  239. package/dist/components/text-field/text-field-search.d.ts +10 -0
  240. package/dist/components/text-field/text-field.d.ts +1 -0
  241. package/dist/components/text-field/text-field.stories.d.ts +8 -2
  242. package/dist/components/this-month-card/index.d.ts +1 -0
  243. package/dist/components/this-month-card/this-month-card.d.ts +15 -0
  244. package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
  245. package/dist/components/toast/Icons.d.ts +7 -0
  246. package/dist/components/toast/index.d.ts +1 -0
  247. package/dist/components/toast/toast.d.ts +8 -0
  248. package/dist/components/toast/toast.stories.d.ts +12 -0
  249. package/dist/components/transaction-card/Dot.d.ts +6 -0
  250. package/dist/components/transaction-card/index.d.ts +1 -0
  251. package/dist/components/transaction-card/transaction-card.d.ts +16 -0
  252. package/dist/components/transaction-card/transaction-card.stories.d.ts +20 -0
  253. package/dist/components/uploader/uploader.d.ts +1 -1
  254. package/dist/donation.css +2 -0
  255. package/dist/donation.css.map +1 -0
  256. package/dist/donation.d.ts +3 -0
  257. package/dist/donation.esm.css +2 -0
  258. package/dist/donation.esm.css.map +1 -0
  259. package/dist/donation.esm.js +25306 -0
  260. package/dist/donation.js +25361 -0
  261. package/dist/index.css +2 -0
  262. package/dist/index.css.map +1 -0
  263. package/dist/index.esm.css +2 -0
  264. package/dist/index.esm.css.map +1 -0
  265. package/dist/index.esm.js +28826 -8100
  266. package/dist/index.js +28867 -8096
  267. package/dist/theme/theme.d.ts +9 -5
  268. package/dist/utils/center-decorator.d.ts +1 -1
  269. package/dist/utils/component-matrix.d.ts +1 -1
  270. package/dist/utils/grid-decorator.d.ts +1 -1
  271. package/package.json +31 -19
  272. package/styles/index.css +5 -6883
  273. package/styles/index.css.map +1 -0
  274. package/styles/reset.css +2 -315
  275. package/styles/reset.css.map +1 -0
  276. package/CHANGELOG.md +0 -565
  277. package/dist/components/campain-card/campain-card.d.ts +0 -9
  278. package/dist/components/campain-card/campain-card.stories.d.ts +0 -14
  279. package/dist/components/featured-campain-card /featured-campain-card .stories.d.ts +0 -14
  280. package/dist/components/featured-campain-card /featured-campain-card.d.ts +0 -14
  281. package/dist/components/icon/toggle-button.d.ts +0 -11
  282. package/dist/components/start-campaign-card/index.d.ts +0 -1
  283. package/dist/components/start-campaign-card/start-campaign-card.d.ts +0 -8
  284. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +0 -14
  285. package/dist/components/start-campain-card/start-campain-card.d.ts +0 -8
  286. package/dist/components/start-campain-card/start-campain-card.stories.d.ts +0 -14
  287. /package/dist/components/{featured-campaign-card → featured-campaign-card}/index.d.ts +0 -0
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ };
7
+ export default _default;
8
+ export declare const CollapseStoriesDefault: {
9
+ (): React.JSX.Element;
10
+ story: {
11
+ name: string;
12
+ };
13
+ };
14
+ export declare const CollapseStoriesHideButton: {
15
+ (): React.JSX.Element;
16
+ story: {
17
+ name: string;
18
+ };
19
+ };
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ export declare const TrashCanIcon: (props: Record<string, unknown>) => React.JSX.Element;
3
+ export declare const ChevronDownIcon: () => React.JSX.Element;
4
+ export declare const ChevronUpIcon: () => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export { default as Collapse } from "./collapse";
@@ -7,5 +7,5 @@ interface ComboFieldExpander {
7
7
  * Makes a field in a combo-field expand to fill as
8
8
  * much size as it can.
9
9
  */
10
- declare function ComboFieldExpander({ children, className, ...props }: ComboFieldExpander): JSX.Element;
10
+ declare function ComboFieldExpander({ children, className, ...props }: ComboFieldExpander): React.JSX.Element;
11
11
  export default ComboFieldExpander;
@@ -17,5 +17,5 @@ interface ComboFieldProps {
17
17
  * - Button
18
18
  * - IconButtonGroup
19
19
  */
20
- declare function ComboField({ children, className, large, buttonBorder, buttonFullWidth, align, ...rest }: ComboFieldProps): JSX.Element;
20
+ declare function ComboField({ children, className, large, buttonBorder, buttonFullWidth, align, ...rest }: ComboFieldProps): React.JSX.Element;
21
21
  export default ComboField;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
@@ -6,13 +6,13 @@ declare const _default: {
6
6
  };
7
7
  export default _default;
8
8
  export declare const ComboFieldStory: {
9
- (): JSX.Element;
9
+ (): React.JSX.Element;
10
10
  story: {
11
11
  name: string;
12
12
  };
13
13
  };
14
14
  export declare const WithIconButton: {
15
- (): JSX.Element;
15
+ (): React.JSX.Element;
16
16
  story: {
17
17
  name: string;
18
18
  };
@@ -0,0 +1,31 @@
1
+ import React from "react";
2
+ import { SubCommentsV2Props } from "./sub-comments-v2";
3
+ export type CommentTypeV2 = {
4
+ amount?: number | string;
5
+ claps?: 0 | 1;
6
+ comment?: string | null;
7
+ donationDate?: string | number;
8
+ firstName?: string;
9
+ id?: number;
10
+ isAnonymous?: boolean;
11
+ kisses?: 0 | 1;
12
+ lastName?: string;
13
+ likes?: 0 | 1;
14
+ message?: string;
15
+ prays?: 1 | 0;
16
+ profileImage?: string | null;
17
+ tears?: 0 | 1;
18
+ thumbs?: 0 | 1;
19
+ userId?: number | string | null;
20
+ campaignCreator?: string;
21
+ subComment?: Array<SubCommentsV2Props>;
22
+ };
23
+ export declare const checkLastElement: (key: number, itemLength: number) => boolean;
24
+ interface ComboFieldProps {
25
+ comments: Array<CommentTypeV2 & {
26
+ subComment?: Array<CommentTypeV2>;
27
+ }>;
28
+ showMore?: () => void;
29
+ }
30
+ declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => React.JSX.Element;
31
+ export default CommentSectionV2;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ export type SubCommentsV2Props = {
3
+ profileImage: string;
4
+ firstName?: string;
5
+ lastName?: string;
6
+ comment: string;
7
+ };
8
+ declare const SubCommentsV2: ({ comments, }: {
9
+ comments: Array<SubCommentsV2Props>;
10
+ }) => React.JSX.Element;
11
+ export default SubCommentsV2;
@@ -1,13 +1,5 @@
1
1
  import React from "react";
2
- export declare type CommentType = {
3
- profileImage: string;
4
- username: string;
5
- comment?: string;
6
- liked: boolean;
7
- userId: string | number;
8
- donation?: number | string;
9
- };
10
- export declare const checkLastElement: (key: number, itemLength: number) => boolean;
2
+ import { CommentType } from "./comment-type";
11
3
  interface ComboFieldProps {
12
4
  comments: Array<CommentType & {
13
5
  subComment?: Array<CommentType>;
@@ -19,5 +11,5 @@ interface ComboFieldProps {
19
11
  likeCall?: (e: CommentType) => void;
20
12
  dp?: number;
21
13
  }
22
- declare const CommentSection: ({ comments, maxWidth, title, dissableCount, showMore, likeCall, dp, }: ComboFieldProps) => JSX.Element;
14
+ declare const CommentSection: ({ comments, maxWidth, title, dissableCount, showMore, likeCall, dp, }: ComboFieldProps) => React.JSX.Element;
23
15
  export default CommentSection;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
@@ -6,7 +6,13 @@ declare const _default: {
6
6
  };
7
7
  export default _default;
8
8
  export declare const CommentSectionStory: {
9
- (): JSX.Element;
9
+ (): React.JSX.Element;
10
+ story: {
11
+ name: string;
12
+ };
13
+ };
14
+ export declare const CommentSectionStoryV2: {
15
+ (): React.JSX.Element;
10
16
  story: {
11
17
  name: string;
12
18
  };
@@ -0,0 +1,10 @@
1
+ export type CommentType = {
2
+ profileImage: string;
3
+ username: string;
4
+ comment?: string;
5
+ liked: boolean;
6
+ userId: string | number;
7
+ donation?: number | string;
8
+ date?: string;
9
+ };
10
+ export declare const checkLastElement: (key: number, itemLength: number) => boolean;
@@ -1 +1,2 @@
1
1
  export { default as CommentSection } from "./comment-section";
2
+ export { default as CommentSectionV2 } from "./comment-section-v2/comment-section-v2";
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- import { CommentType } from "./comment-section";
1
+ import React from "react";
2
+ import { CommentType } from "./comment-type";
3
3
  declare const SubComments: ({ comments }: {
4
- comments: CommentType[];
5
- }) => JSX.Element;
4
+ comments: Array<CommentType>;
5
+ }) => React.JSX.Element;
6
6
  export default SubComments;
@@ -18,5 +18,5 @@ export interface CropperProps {
18
18
  quality?: number;
19
19
  imageType?: string;
20
20
  }
21
- declare const Cropper: ({ image, aspectRatio, cropImage, autoCropArea, quality, imageType, ...res }: CropperProps) => JSX.Element;
21
+ declare const Cropper: ({ image, aspectRatio, cropImage, autoCropArea, quality, imageType, ...res }: CropperProps) => React.JSX.Element;
22
22
  export default Cropper;
@@ -1,11 +1,11 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
4
  decorators: ((...args: any) => any)[];
5
5
  };
6
6
  export default _default;
7
7
  export declare const CropperStory: {
8
- (): JSX.Element;
8
+ (): React.JSX.Element;
9
9
  story: {
10
10
  name: string;
11
11
  };
@@ -23,5 +23,5 @@ export interface DatePickerProps {
23
23
  customArrowIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
24
24
  customCloseIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
25
25
  }
26
- declare const DatePicker: ({ color, setStartDate, setEndDate, setFocusedInput, hasArrowIcon, numberOfMonths, ...rest }: DatePickerProps) => JSX.Element;
26
+ declare const DatePicker: ({ color, setStartDate, setEndDate, setFocusedInput, hasArrowIcon, numberOfMonths, ...rest }: DatePickerProps) => React.JSX.Element;
27
27
  export default DatePicker;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import "react-dates/initialize";
3
3
  import CenterDecorator from "../../utils/center-decorator";
4
4
  declare const _default: {
@@ -7,25 +7,31 @@ declare const _default: {
7
7
  };
8
8
  export default _default;
9
9
  export declare const DatePickerStory: {
10
- (): JSX.Element;
10
+ (): React.JSX.Element;
11
11
  story: {
12
12
  name: string;
13
13
  };
14
14
  };
15
15
  export declare const DatePickerNoIconStory: {
16
- (): JSX.Element;
16
+ (): React.JSX.Element;
17
17
  story: {
18
18
  name: string;
19
19
  };
20
20
  };
21
21
  export declare const DatePickerCustomIconsStory: {
22
- (): JSX.Element;
22
+ (): React.JSX.Element;
23
23
  story: {
24
24
  name: string;
25
25
  };
26
26
  };
27
27
  export declare const SingleDatePickerStory: {
28
- (): JSX.Element;
28
+ (): React.JSX.Element;
29
+ story: {
30
+ name: string;
31
+ };
32
+ };
33
+ export declare const SingleDatePickerCustomHeaderStory: {
34
+ (): React.JSX.Element;
29
35
  story: {
30
36
  name: string;
31
37
  };
@@ -1,2 +1,3 @@
1
1
  export { default as DatePicker } from "./date-picker";
2
2
  export { default as SingleDatePicker } from "./single-date-picker";
3
+ export { default as CustomHeaderSingleDatePicker } from "./single-date-picker-custom-header";
@@ -0,0 +1,32 @@
1
+ import React from "react";
2
+ import moment, { Moment } from "moment";
3
+ export interface DatePickerProps {
4
+ id: string;
5
+ date: moment.Moment | null;
6
+ onDateChange: (date: moment.Moment | null) => void;
7
+ onFocusChange: (arg: boolean | null) => void;
8
+ focused: boolean | null;
9
+ placeholder?: string;
10
+ disabled?: boolean;
11
+ color?: string;
12
+ required?: boolean;
13
+ numberOfMonths?: number;
14
+ inputIconPosition?: "before" | "after";
15
+ orientation?: "horizontal" | "vertical";
16
+ customInputIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
17
+ customCloseIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
18
+ displayFormat?: string;
19
+ error?: boolean;
20
+ label?: string;
21
+ width?: string;
22
+ isOutsideRange?: (day: Moment) => boolean;
23
+ renderCalendarInfo?: () => string | JSX.Element;
24
+ calendarInfoPosition?: "before" | "after" | "top" | "bottom";
25
+ navPrev?: string | JSX.Element;
26
+ navNext?: string | JSX.Element;
27
+ showDefaultInputIcon?: boolean;
28
+ startYear?: number;
29
+ endYear?: number;
30
+ }
31
+ declare const CustomHeaderSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, startYear, endYear, ...rest }: DatePickerProps) => React.JSX.Element;
32
+ export default CustomHeaderSingleDatePicker;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import moment from "moment";
2
+ import moment, { Moment } from "moment";
3
3
  export interface DatePickerProps {
4
4
  id: string;
5
5
  date: moment.Moment | null;
@@ -19,7 +19,8 @@ export interface DatePickerProps {
19
19
  error?: boolean;
20
20
  label?: string;
21
21
  width?: string;
22
- isOutsideRange?: () => boolean;
22
+ isOutsideRange?: (day: Moment) => boolean;
23
+ showDefaultInputIcon?: boolean;
23
24
  }
24
- declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, ...rest }: DatePickerProps) => JSX.Element;
25
+ declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, required, id, ...rest }: DatePickerProps) => React.JSX.Element;
25
26
  export default CustomSingleDatePicker;
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  export interface DonateCardProps {
3
3
  className?: string;
4
4
  title?: string;
5
5
  description?: string;
6
6
  }
7
- declare const DonateCard: ({ className, title, description, }: DonateCardProps) => JSX.Element;
7
+ declare const DonateCard: ({ className, title, description, }: DonateCardProps) => React.JSX.Element;
8
8
  export default DonateCard;
@@ -1,13 +1,13 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
- component: ({ className, title, description, }: import("./donate-card").DonateCardProps) => JSX.Element;
6
+ component: ({ className, title, description, }: import("./donate-card").DonateCardProps) => React.JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const donatecard: {
10
- (): JSX.Element;
10
+ (): React.JSX.Element;
11
11
  story: {
12
12
  name: string;
13
13
  };
@@ -8,5 +8,5 @@ export interface DonationDetails {
8
8
  error: ErrorProps;
9
9
  color?: ColorSpecifier;
10
10
  }
11
- declare const DonationDetails: ({ formData, setFormData, getFormData, error, color, }: DonationDetails) => JSX.Element;
11
+ declare const DonationDetails: ({ formData, setFormData, getFormData, error, color, }: DonationDetails) => React.JSX.Element;
12
12
  export default DonationDetails;
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { DonationOptionsProps } from "../donation-form";
3
+ export interface DonationCampaignFormProps {
4
+ id?: string;
5
+ donationOption: Array<DonationOptionsProps>;
6
+ rised: number;
7
+ donation: number;
8
+ target: number;
9
+ clickOnShare: () => void;
10
+ clickOnDonation: () => void;
11
+ }
12
+ declare const DonationFormV2: ({ donationOption, rised, donation, target, clickOnShare, clickOnDonation, }: DonationCampaignFormProps) => React.JSX.Element;
13
+ export default DonationFormV2;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { ColorSpecifier } from "../../theme/theme";
3
3
  export interface PhoneProps {
4
4
  number: string;
@@ -60,5 +60,5 @@ export interface DonationFormProps {
60
60
  disableControl?: boolean;
61
61
  fees?: string | number;
62
62
  }
63
- declare const DonationForm: ({ isLoading, noContianer, currency, prefix, getOption, getDonation, getInHonor, getFormData, formDefault, hasCard, donationOption, submit, error, color, buttonDonationColor, buttonNextColor, width, disableControl, fees, }: DonationFormProps) => JSX.Element;
63
+ declare const DonationForm: ({ isLoading, noContianer, currency, prefix, getOption, getDonation, getInHonor, getFormData, formDefault, hasCard, donationOption, submit, error, color, buttonDonationColor, buttonNextColor, width, disableControl, fees, }: DonationFormProps) => React.JSX.Element;
64
64
  export default DonationForm;
@@ -1,11 +1,17 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
4
  decorators: ((...args: any) => any)[];
5
5
  };
6
6
  export default _default;
7
7
  export declare const DonationFormStories: {
8
- (): JSX.Element;
8
+ (): React.JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const DonationCampaignFormStories: {
14
+ (): React.JSX.Element;
9
15
  story: {
10
16
  name: string;
11
17
  };
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { ColorSpecifier } from "../../theme/theme";
3
3
  import { FormDataProps, ErrorProps } from "./donation-form";
4
4
  export interface DonationPaymentProps {
@@ -9,5 +9,5 @@ export interface DonationPaymentProps {
9
9
  color?: ColorSpecifier;
10
10
  hasCard?: boolean;
11
11
  }
12
- declare const DonationPayment: ({ formData, setFormData, getFormData, error, color, hasCard, }: DonationPaymentProps) => JSX.Element;
12
+ declare const DonationPayment: ({ formData, setFormData, getFormData, error, color, hasCard, }: DonationPaymentProps) => React.JSX.Element;
13
13
  export default DonationPayment;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { ColorSpecifier } from "../../theme/theme";
3
3
  import { DonationOptionsProps } from "./donation-form";
4
4
  interface DonationFormProps {
@@ -9,5 +9,5 @@ interface DonationFormProps {
9
9
  prefix: string;
10
10
  mode: string;
11
11
  }
12
- declare const DonationSelect: ({ color, items, click, currency, prefix, mode, }: DonationFormProps) => JSX.Element;
12
+ declare const DonationSelect: ({ color, items, click, currency, prefix, mode, }: DonationFormProps) => React.JSX.Element;
13
13
  export default DonationSelect;
@@ -1 +1,2 @@
1
1
  export { default as DonationForm } from "./donation-form";
2
+ export { default as DonationFormV2 } from "./donation-form-v2/donation-form-v2";
@@ -0,0 +1,18 @@
1
+ export * from "./button";
2
+ export * from "./button-select";
3
+ export * from "./checkbox";
4
+ export * from "./combo-field";
5
+ export * from "./date-picker";
6
+ export * from "./elevation";
7
+ export * from "./field-helpers";
8
+ export * from "./layout";
9
+ export * from "./modal";
10
+ export * from "./navigation";
11
+ export * from "./phone-number-input";
12
+ export * from "./radio";
13
+ export * from "./select";
14
+ export * from "./spinner";
15
+ export * from "./switch";
16
+ export * from "./text-field";
17
+ export * from "./text";
18
+ export * from "./input";
@@ -9,5 +9,5 @@ export interface ElevationProps extends BoxProps {
9
9
  transition?: boolean;
10
10
  children: React.ReactNode;
11
11
  }
12
- declare const Elevation: ({ dp, id, radius, children, className, transition, ...res }: ElevationProps) => JSX.Element;
12
+ declare const Elevation: ({ dp, id, radius, children, className, transition, ...res }: ElevationProps) => React.JSX.Element;
13
13
  export default Elevation;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
@@ -6,7 +6,7 @@ declare const _default: {
6
6
  };
7
7
  export default _default;
8
8
  export declare const ElevationExample: {
9
- (): JSX.Element;
9
+ (): React.JSX.Element;
10
10
  story: {
11
11
  name: string;
12
12
  };
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ export interface FavoriteCharityItemProps {
3
+ className?: string;
4
+ index?: number;
5
+ charityLogoLink?: string;
6
+ charityName?: string;
7
+ charityFavorites?: boolean;
8
+ handleClick?: () => void;
9
+ handleClickItem?: () => void;
10
+ showHeartToggle?: boolean;
11
+ charityTextLink?: string;
12
+ width?: string;
13
+ }
14
+ declare const FavoriteCharityItem: React.FC<FavoriteCharityItemProps>;
15
+ export default FavoriteCharityItem;
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ component: React.FC<import("./favorite-charity-item").FavoriteCharityItemProps>;
7
+ };
8
+ export default _default;
9
+ export declare const favoriteCharityItemStory1: {
10
+ (): React.JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
15
+ export declare const favoriteCharityItemStory: () => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export { default as FavoriteCharityItem } from "./favorite-charity-item";
@@ -1,14 +1,17 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  export interface FeaturedCampaignCardProps {
3
3
  className?: string;
4
4
  imageURL?: string;
5
5
  title?: string;
6
6
  description?: string;
7
7
  completed?: number;
8
- width?: number;
8
+ maxWidth?: number;
9
9
  donation?: number;
10
10
  raised?: number;
11
11
  goal?: number;
12
+ onClick: () => void;
13
+ fundraisingText: string;
14
+ handleImageError?: () => void;
12
15
  }
13
- declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, }: FeaturedCampaignCardProps) => JSX.Element;
16
+ declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => React.JSX.Element;
14
17
  export default FeaturedCampaignCard;
@@ -1,13 +1,13 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
- component: ({ className, imageURL, title, donation, raised, goal, completed, width, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
6
+ component: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => React.JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const featuredcampaigncard: {
10
- (): JSX.Element;
10
+ (): React.JSX.Element;
11
11
  story: {
12
12
  name: string;
13
13
  };
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- declare type FieldHelperTextProps = {
2
+ type FieldHelperTextProps = {
3
3
  hidden?: boolean;
4
4
  error?: React.ReactNode;
5
5
  children?: React.ReactNode;
6
6
  };
7
- declare function FieldHelperText({ hidden, children, error }: FieldHelperTextProps): JSX.Element;
7
+ declare function FieldHelperText({ hidden, children, error }: FieldHelperTextProps): React.JSX.Element;
8
8
  export default FieldHelperText;
@@ -3,6 +3,7 @@ interface FieldLabelProps extends React.HTMLProps<HTMLLabelElement> {
3
3
  large?: boolean;
4
4
  children?: React.ReactNode;
5
5
  required?: boolean;
6
+ asteriskColor?: string;
6
7
  }
7
- declare function FieldLabel({ large, className, children, required, ...rest }: FieldLabelProps): JSX.Element;
8
+ declare function FieldLabel({ large, className, children, required, asteriskColor, ...rest }: FieldLabelProps): React.JSX.Element;
8
9
  export default FieldLabel;
@@ -0,0 +1,35 @@
1
+ import React from "react";
2
+ interface PrismicFooterV2Document {
3
+ key: string;
4
+ total_member: string;
5
+ total_cause: string;
6
+ total_raised: string;
7
+ body: Array<{
8
+ primary: {
9
+ text: Array<{
10
+ type: string;
11
+ text: string;
12
+ spans: Array<any>;
13
+ }>;
14
+ };
15
+ items: Array<{
16
+ call_to_action_text: string | null;
17
+ call_to_action_link: {
18
+ link_type: string;
19
+ url?: string;
20
+ };
21
+ }>;
22
+ id: string;
23
+ slice_type: string;
24
+ slice_label: string | null;
25
+ }>;
26
+ }
27
+ declare function FooterV2({ className, dataFooter: document, bottomSectionOnly, OrangeCardUrl, OrangeCardFirstTitle, OrangeCardSecondTitle, }: {
28
+ className?: string;
29
+ dataFooter: PrismicFooterV2Document;
30
+ bottomSectionOnly?: boolean;
31
+ OrangeCardUrl?: string;
32
+ OrangeCardFirstTitle?: string;
33
+ OrangeCardSecondTitle?: string;
34
+ }): React.JSX.Element;
35
+ export default FooterV2;
@@ -1,12 +1,14 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
+ import FooterV2 from "./footerV2";
3
4
  declare const _default: {
4
5
  title: string;
5
6
  decorators: (typeof CenterDecorator)[];
7
+ component: typeof FooterV2;
6
8
  };
7
9
  export default _default;
8
- export declare const toggleButton: {
9
- (): JSX.Element;
10
+ export declare const FooterV2Story: {
11
+ (): React.JSX.Element;
10
12
  story: {
11
13
  name: string;
12
14
  };
@@ -0,0 +1 @@
1
+ export { default as FooterV2 } from "./footerV2";