@mycause/ui 0.0.0-c8988de1 → 0.0.0-c8a1cdcf

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 (241) hide show
  1. package/CHANGELOG.md +275 -0
  2. package/README.md +9 -0
  3. package/dist/components/button-select/button-select.d.ts +12 -0
  4. package/dist/components/button-select/button-select.stories.d.ts +13 -0
  5. package/dist/components/button-select/index.d.ts +1 -0
  6. package/dist/components/campaign-card/campaign-card.d.ts +9 -0
  7. package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
  8. package/dist/components/campaign-card/index.d.ts +1 -0
  9. package/dist/components/campaign-of-month/campaign-of-month.d.ts +15 -0
  10. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
  11. package/dist/components/campaign-of-month/index.d.ts +1 -0
  12. package/dist/components/charity-card/charity-card.d.ts +7 -0
  13. package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
  14. package/dist/components/charity-card/index.d.ts +1 -0
  15. package/dist/components/choose-/index.d.ts +1 -0
  16. package/dist/components/choose-/start-fundraise-card.d.ts +10 -0
  17. package/dist/components/choose-/start-fundraise-card.stories.d.ts +14 -0
  18. package/dist/components/choose-charity-card/choose-charity-card.d.ts +10 -0
  19. package/dist/components/choose-charity-card/choose-charity-card.stories.d.ts +14 -0
  20. package/dist/components/choose-charity-card/index.d.ts +1 -0
  21. package/dist/components/choose-charity-card/start-fundraise-card.d.ts +10 -0
  22. package/dist/components/choose-charity-card/start-fundraise-card.stories.d.ts +14 -0
  23. package/dist/components/choose-charity-card copy/choose-charity-card.d.ts +10 -0
  24. package/dist/components/choose-charity-card copy/choose-charity-card.stories.d.ts +14 -0
  25. package/dist/components/choose-charity-card copy/index.d.ts +1 -0
  26. package/dist/components/combo-field/combo-field.d.ts +4 -1
  27. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  28. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  29. package/dist/components/comment-section/comment-section.d.ts +24 -0
  30. package/dist/components/comment-section/comment-section.stories.d.ts +19 -0
  31. package/dist/components/comment-section/index.d.ts +2 -0
  32. package/dist/components/comment-section/sub-comments.d.ts +6 -0
  33. package/dist/components/cropper/cropper.d.ts +5 -2
  34. package/dist/components/cropper/cropper.stories.d.ts +1 -2
  35. package/dist/components/date-picker/single-date-picker.d.ts +3 -2
  36. package/dist/components/donate-card/donate-card.d.ts +8 -0
  37. package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
  38. package/dist/components/donate-card/index.d.ts +1 -0
  39. package/dist/components/donation-form/donation-details.d.ts +12 -0
  40. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  41. package/dist/components/donation-form/donation-form.d.ts +64 -0
  42. package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
  43. package/dist/components/donation-form/donation-payment.d.ts +13 -0
  44. package/dist/components/donation-form/donation-select.d.ts +13 -0
  45. package/dist/components/donation-form/index.d.ts +2 -0
  46. package/dist/components/elevation/elevation.d.ts +2 -1
  47. package/dist/components/favorite-charity-item/choose-charity-card.d.ts +10 -0
  48. package/dist/components/favorite-charity-item/choose-charity-card.stories.d.ts +14 -0
  49. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +15 -0
  50. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -0
  51. package/dist/components/favorite-charity-item/index.d.ts +1 -0
  52. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
  53. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
  54. package/dist/components/featured-campaign-card/index.d.ts +1 -0
  55. package/dist/components/field-helpers/field-label.d.ts +2 -1
  56. package/dist/components/footerV2/footerV2.d.ts +35 -0
  57. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  58. package/dist/components/footerV2/index.d.ts +1 -0
  59. package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
  60. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
  61. package/dist/components/fundraising-section/index.d.ts +1 -0
  62. package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +6 -0
  63. package/dist/components/{phone-number-field/phone-number-field.stories.d.ts → green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts} +1 -1
  64. package/dist/components/green-dashboard-sidebar/index.d.ts +1 -0
  65. package/dist/components/hero-banner/hero-banner.d.ts +9 -0
  66. package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
  67. package/dist/components/hero-banner/index.d.ts +1 -0
  68. package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
  69. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
  70. package/dist/components/horizontalbar/index.d.ts +1 -0
  71. package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts} +3 -3
  72. package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +1 -1
  73. package/dist/components/icon/index.d.ts +1 -1
  74. package/dist/components/index.d.ts +39 -1
  75. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  76. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  77. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  78. package/dist/components/input/InputDefault.d.ts +10 -0
  79. package/dist/components/input/index.d.ts +1 -0
  80. package/dist/components/input/input.stories.d.ts +12 -0
  81. package/dist/components/line-chart/index.d.ts +1 -0
  82. package/dist/components/line-chart/line-chart-component.d.ts +6 -0
  83. package/dist/components/line-chart/line-chart.d.ts +6 -0
  84. package/dist/components/line-chart/line-chart.stories.d.ts +9 -0
  85. package/dist/components/line-chart/parnert-line-chart.d.ts +3 -0
  86. package/dist/components/line-chart/parnert-line-chart.stories.d.ts +12 -0
  87. package/dist/components/line-chart/partner-line-chart-block copy.d.ts +0 -0
  88. package/dist/components/line-chart/partner-line-chart-block.d.ts +10 -0
  89. package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +12 -0
  90. package/dist/components/line-chart/partner-line-chart.d.ts +3 -0
  91. package/dist/components/line-chart/partner-line-chart.stories-block.d.ts +12 -0
  92. package/dist/components/line-chart/partner-line-chart.stories.d.ts +12 -0
  93. package/dist/components/line-chart copy/index.d.ts +2 -0
  94. package/dist/components/line-chart copy/partner-line-chart-block.d.ts +10 -0
  95. package/dist/components/line-chart copy/partner-line-chart-block.stories.d.ts +12 -0
  96. package/dist/components/line-chart copy/partner-line-chart.d.ts +3 -0
  97. package/dist/components/line-chartjs/index.d.ts +1 -0
  98. package/dist/components/line-chartjs/partner-line-chart-block.d.ts +10 -0
  99. package/dist/components/line-chartjs/partner-line-chart-block.stories.d.ts +12 -0
  100. package/dist/components/line-chartjs/partner-line-chart.d.ts +3 -0
  101. package/dist/components/list/list.d.ts +29 -14
  102. package/dist/components/list/list.stories.d.ts +8 -2
  103. package/dist/components/login/login.d.ts +13 -6
  104. package/dist/components/login/login.stories.d.ts +2 -3
  105. package/dist/components/logo/logo-type.d.ts +2 -1
  106. package/dist/components/modal/index.d.ts +1 -0
  107. package/dist/components/modal/modal-image.d.ts +8 -0
  108. package/dist/components/modal/modal.d.ts +7 -3
  109. package/dist/components/modal/modal.stories.d.ts +18 -0
  110. package/dist/components/my-account-choose-charity-card/choose-charity-card.d.ts +10 -0
  111. package/dist/components/my-account-choose-charity-card/choose-charity-card.stories.d.ts +14 -0
  112. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
  113. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
  114. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -0
  115. package/dist/components/my-account-frp-preview/Icon.d.ts +5 -0
  116. package/dist/components/my-account-frp-preview/frp-information.d.ts +12 -0
  117. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +8 -0
  118. package/dist/components/my-account-frp-preview/index.d.ts +1 -0
  119. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +15 -0
  120. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -0
  121. package/dist/components/my-account-sidebar/Icon.d.ts +13 -0
  122. package/dist/components/my-account-sidebar/index.d.ts +1 -0
  123. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +16 -0
  124. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -0
  125. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
  126. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +11 -0
  127. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +14 -0
  128. package/dist/components/my-account-start-fundraise-card/start-fundraise-card.d.ts +10 -0
  129. package/dist/components/my-account-start-fundraise-card/start-fundraise-card.stories.d.ts +14 -0
  130. package/dist/components/my-account-stats-donated/index.d.ts +1 -0
  131. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +9 -0
  132. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -0
  133. package/dist/components/my-account-stats-raised/index.d.ts +1 -0
  134. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +8 -0
  135. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -0
  136. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  137. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  138. package/dist/components/nav/index.d.ts +1 -0
  139. package/dist/components/nav/nav-actions.d.ts +5 -0
  140. package/dist/components/nav/nav-bar.d.ts +7 -0
  141. package/dist/components/nav/nav-call-to-action.d.ts +5 -0
  142. package/dist/components/nav/nav-expanded-charity.d.ts +13 -0
  143. package/dist/components/nav/nav-expanded.d.ts +14 -0
  144. package/dist/components/nav/nav-list.d.ts +29 -0
  145. package/dist/components/nav/nav-menu-control.d.ts +8 -0
  146. package/dist/components/nav/nav-menu.d.ts +12 -0
  147. package/dist/components/nav/nav-search-control.d.ts +8 -0
  148. package/dist/components/nav/nav-search.d.ts +10 -0
  149. package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
  150. package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
  151. package/dist/components/nav/nav-user-menu.d.ts +18 -0
  152. package/dist/components/nav/nav.d.ts +56 -0
  153. package/dist/components/nav/nav.stories.d.ts +11 -0
  154. package/dist/components/navigation/navigation-list.d.ts +3 -1
  155. package/dist/components/navigation/navigation-menu.d.ts +2 -1
  156. package/dist/components/navigation/navigation-sign-in-control.d.ts +6 -3
  157. package/dist/components/navigation/navigation.d.ts +12 -1
  158. package/dist/components/navigation/navigation.stories.d.ts +3 -21
  159. package/dist/components/parnert-monthly-stats/index.d.ts +1 -0
  160. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts +7 -0
  161. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts +12 -0
  162. package/dist/components/partner-chart-stats/index.d.ts +1 -0
  163. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
  164. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
  165. package/dist/components/partner-chart-stats/partner-monthly-stats.d.ts +7 -0
  166. package/dist/components/partner-chart-stats/partner-monthly-stats.stories.d.ts +12 -0
  167. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  168. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  169. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  170. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  171. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  172. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  173. package/dist/components/partner-monthly-stats copy/index.d.ts +1 -0
  174. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.d.ts +7 -0
  175. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.stories.d.ts +12 -0
  176. package/dist/components/partner-monthly-table/index.d.ts +1 -0
  177. package/dist/components/partner-monthly-table/partner-monthly-table.d.ts +7 -0
  178. package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts +12 -0
  179. package/dist/components/partner-thismonth-stats/index.d.ts +1 -0
  180. package/dist/components/partner-thismonth-stats/partner-monthly-stats.d.ts +7 -0
  181. package/dist/components/partner-thismonth-stats/partner-monthly-stats.stories.d.ts +12 -0
  182. package/dist/components/partner-toggle-button/index.d.ts +2 -0
  183. package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
  184. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
  185. package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
  186. package/dist/components/phone-number-input/index.d.ts +2 -0
  187. package/dist/components/{phone-number-field/phone-number-field.d.ts → phone-number-input/phone-number-input.d.ts} +5 -3
  188. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +13 -0
  189. package/dist/components/popup/index.d.ts +1 -0
  190. package/dist/components/popup/popup.d.ts +8 -0
  191. package/dist/components/popup/popup.stories.d.ts +14 -0
  192. package/dist/components/progressbar/index.d.ts +1 -0
  193. package/dist/components/progressbar/progress-bar-circle.d.ts +10 -0
  194. package/dist/components/progressbar/progressbar.d.ts +8 -0
  195. package/dist/components/progressbar/progressbar.stories.d.ts +20 -0
  196. package/dist/components/select/select.d.ts +4 -1
  197. package/dist/components/spinner/index.d.ts +1 -0
  198. package/dist/components/spinner/spinner.d.ts +8 -0
  199. package/dist/components/spinner/spinner.stories.d.ts +13 -0
  200. package/dist/components/start-campaign-card/index.d.ts +1 -0
  201. package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
  202. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
  203. package/dist/components/start-campaign-card copy/index.d.ts +1 -0
  204. package/dist/components/start-campaign-card copy/start-campaign-card.d.ts +8 -0
  205. package/dist/components/start-campaign-card copy/start-campaign-card.stories.d.ts +14 -0
  206. package/dist/components/start-fundraise-card/index.d.ts +1 -0
  207. package/dist/components/start-fundraise-card/start-campaign-card.d.ts +8 -0
  208. package/dist/components/start-fundraise-card/start-campaign-card.stories.d.ts +14 -0
  209. package/dist/components/start-fundraise-card/start-fundraise-card.d.ts +10 -0
  210. package/dist/components/start-fundraise-card/start-fundraise-card.stories.d.ts +14 -0
  211. package/dist/components/start-fundraise-card copy/index.d.ts +1 -0
  212. package/dist/components/start-fundraise-card copy/start-fundraise-card.d.ts +10 -0
  213. package/dist/components/start-fundraise-card copy/start-fundraise-card.stories.d.ts +14 -0
  214. package/dist/components/statistics/statistics.d.ts +2 -1
  215. package/dist/components/table/index.d.ts +1 -0
  216. package/dist/components/table/partner-monthly-table.d.ts +16 -0
  217. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  218. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  219. package/dist/components/tabs/tabs.d.ts +3 -1
  220. package/dist/components/text/text.d.ts +1 -1
  221. package/dist/components/text-field/index.d.ts +1 -0
  222. package/dist/components/text-field/text-field-search.d.ts +9 -0
  223. package/dist/components/text-field/text-field.d.ts +1 -0
  224. package/dist/components/text-field/text-field.stories.d.ts +6 -0
  225. package/dist/components/this-month-card/index.d.ts +1 -0
  226. package/dist/components/this-month-card/this-month-card.d.ts +15 -0
  227. package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
  228. package/dist/components/uploader/uploader.d.ts +2 -3
  229. package/dist/index.esm.js +28213 -6553
  230. package/dist/index.js +28258 -6560
  231. package/dist/theme/theme.d.ts +4 -0
  232. package/dist/utils/parse-numbers.d.ts +2 -0
  233. package/package.json +4 -1
  234. package/styles/index.css +365 -360
  235. package/dist/components/login/login-email.d.ts +0 -3
  236. package/dist/components/login/login-register-email.d.ts +0 -3
  237. package/dist/components/login/login-select.d.ts +0 -3
  238. package/dist/components/mycause-statistics/index.d.ts +0 -1
  239. package/dist/components/mycause-statistics/mycause-statistics.d.ts +0 -12
  240. package/dist/components/phone-number-field/index.d.ts +0 -2
  241. /package/dist/components/{phone-number-field → phone-number-input}/util.d.ts +0 -0
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ component: ({ className, title, buttonText, onClick, }: import("./start-fundraise-card").StartFundraiseCardProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const startFundraiseStory: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -0,0 +1 @@
1
+ export { default as MyAccountStatsDonated } from "./my-account-stats-donated";
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export interface MyAccountStatsDonatedProps {
3
+ number: number;
4
+ donations: number;
5
+ campaigns: number;
6
+ viewDonationLink?: string;
7
+ }
8
+ declare const MyAccountStatsDonated: ({ number, donations, viewDonationLink, }: MyAccountStatsDonatedProps) => JSX.Element;
9
+ export default MyAccountStatsDonated;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const MyAccountStatsDonatedStory: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as MyAccountStatsRaised } from "./my-account-stats-raised";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface MyAccountStatsRaisedProps {
3
+ number: number;
4
+ donations: number;
5
+ campaigns: number;
6
+ }
7
+ declare const MyAccountStatsRaised: ({ number, donations, campaigns, }: MyAccountStatsRaisedProps) => JSX.Element;
8
+ export default MyAccountStatsRaised;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const MyAccountStatsRaisedStory: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export interface IconProps {
3
+ stroke?: string;
4
+ }
5
+ export default function IconBigger({ stroke }: IconProps): JSX.Element;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export interface IconProps {
3
+ stroke?: string;
4
+ }
5
+ export default function IconBigger({ stroke }: IconProps): JSX.Element;
@@ -0,0 +1 @@
1
+ export { default as Nav } from "./nav";
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ declare function NavigationActions({ children }: {
3
+ children: React.ReactNode;
4
+ }): JSX.Element;
5
+ export default NavigationActions;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export declare type NavigationBarProps = {
3
+ children?: React.ReactNode;
4
+ isCompactHeight?: boolean;
5
+ };
6
+ declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
7
+ export default NavigationBar;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from "../button/button";
3
+ declare type NavigationCallToActionProps = Omit<ButtonProps, "color">;
4
+ declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
5
+ export default NavigationCallToAction;
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export declare type NavigationExpandedCharityProps = {
4
+ links?: Array<HybridNavigationLink>;
5
+ children?: React.ReactNode;
6
+ banner?: React.ReactNode;
7
+ onRequestClose: () => void;
8
+ className?: string;
9
+ action: HybridNavigationLink | null;
10
+ actionRaised?: HybridNavigationLink | null;
11
+ };
12
+ declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
13
+ export default NavigationExpandedCharity;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export declare type NavigationExpandedProps = {
4
+ links?: Array<HybridNavigationLink>;
5
+ children?: React.ReactNode;
6
+ banner?: React.ReactNode;
7
+ onRequestClose: () => void;
8
+ className?: string;
9
+ action: HybridNavigationLink | null;
10
+ actionRaised?: HybridNavigationLink | null;
11
+ isSubMenu?: boolean;
12
+ };
13
+ declare function NavigationExpanded({ links, children, onRequestClose, className, banner, action, actionRaised, isSubMenu, }: NavigationExpandedProps): JSX.Element;
14
+ export default NavigationExpanded;
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ export declare type HrefNavigationLink = {
3
+ href: string;
4
+ label: React.ReactNode;
5
+ subLabel: string;
6
+ analyticsId?: string;
7
+ icon?: string;
8
+ };
9
+ export declare type ClickNavigationLink = {
10
+ onClick?: () => void;
11
+ id: string;
12
+ label: React.ReactNode;
13
+ subLabel: string;
14
+ more?: boolean;
15
+ analyticsId?: string;
16
+ icon?: string;
17
+ };
18
+ export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
19
+ export declare type NavigationListItem = HybridNavigationLink & {
20
+ children?: React.ReactNode;
21
+ };
22
+ export declare type NavigationMenuListProps = {
23
+ items: Array<NavigationListItem>;
24
+ onClickItem?: (id: string) => void;
25
+ size?: "normal" | "large" | "long";
26
+ active?: string | null;
27
+ };
28
+ declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
29
+ export default NavigationList;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
3
+ isMenuOpen: boolean;
4
+ onChangeMenuOpen: (isOpen: boolean) => void;
5
+ isDark?: boolean;
6
+ }
7
+ declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): JSX.Element;
8
+ export default NavigationMenuControl;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export declare type NavigationMenuProps = {
4
+ links: Array<HybridNavigationLink>;
5
+ onClickItem: (id: string) => void;
6
+ sublinks: Array<HybridNavigationLink> | null;
7
+ action: HybridNavigationLink | null;
8
+ actionRaised?: HybridNavigationLink | null;
9
+ active: string | null;
10
+ };
11
+ export declare function NavigationMenu({ links, sublinks, active, onClickItem, }: NavigationMenuProps): JSX.Element;
12
+ export default NavigationMenu;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ interface NavigationSearchControlProps {
3
+ onChangeSearchOpen: (isOpen: boolean) => void;
4
+ analyticsId?: string;
5
+ isDark?: boolean;
6
+ }
7
+ declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
8
+ export default NavigationSearchControl;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface NavigationSearchProps {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ onSubmit: () => void;
6
+ onCancel: () => void;
7
+ isDark?: boolean;
8
+ }
9
+ declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): JSX.Element;
10
+ export default NavigationSearch;
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
4
+ analyticsId?: string;
5
+ compact?: boolean;
6
+ handleonRequestSignIn: () => void;
7
+ color?: ColorSpecifier;
8
+ noIcon?: boolean;
9
+ isDark?: boolean;
10
+ }
11
+ declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, isDark, ...rest }: NavigationSignInControlProps): JSX.Element;
12
+ export default NavigationSignInControl;
@@ -0,0 +1,20 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "../icon/icon";
3
+ export declare type UserMenuItem = {
4
+ icon: IconProps;
5
+ label: string;
6
+ onClick?: () => void;
7
+ href?: string;
8
+ id?: string;
9
+ };
10
+ export declare type UserMenuItemWithSubmenu = UserMenuItem & {
11
+ submenu?: Array<Omit<UserMenuItem, "icon">>;
12
+ };
13
+ export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
14
+ isSubmenuOpen?: boolean;
15
+ };
16
+ declare type NavigationUserMenuItemsProps = {
17
+ items: Array<UserMenuItemWithSubmenu>;
18
+ };
19
+ declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
20
+ export default NavigationUserMenuItems;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
3
+ export declare type UserData = {
4
+ name: string;
5
+ avatar?: {
6
+ src: string;
7
+ };
8
+ };
9
+ export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
10
+ interface NavigationUserMenuProps {
11
+ user: UserData;
12
+ items?: UserMenuItems;
13
+ isOpen?: boolean;
14
+ onChangeOpen: (isOpen: boolean) => void;
15
+ isCompact?: boolean;
16
+ }
17
+ declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
18
+ export default NavigationUserMenu;
@@ -0,0 +1,56 @@
1
+ import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ import { ButtonProps } from "../button/button";
4
+ import NavigationMenu from "./nav-menu";
5
+ import { HybridNavigationLink } from "./nav-list";
6
+ import { UserData } from "./nav-user-menu";
7
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
8
+ declare type NavigationMenu = {
9
+ id: string;
10
+ label: React.ReactNode;
11
+ analyticsId?: string;
12
+ hidden?: boolean;
13
+ items: Array<HybridNavigationLink & {
14
+ submenu?: Array<HybridNavigationLink>;
15
+ }>;
16
+ action?: HybridNavigationLink;
17
+ actionRaised?: HybridNavigationLink;
18
+ onClick?: () => void;
19
+ };
20
+ declare type SearchAction = {
21
+ analyticsId?: string;
22
+ onSearch: (query: string) => void;
23
+ };
24
+ declare type LoginAction = {
25
+ analyticsId?: string;
26
+ onLogin: () => void;
27
+ color?: ColorSpecifier;
28
+ noIcon?: boolean;
29
+ };
30
+ declare type StatsItemProps = {
31
+ id: string;
32
+ label: string;
33
+ value: string;
34
+ logo: string;
35
+ };
36
+ export declare type NavigationProps = {
37
+ logo?: React.ReactNode;
38
+ menus?: Array<NavigationMenu>;
39
+ links?: Array<HybridNavigationLink>;
40
+ stats?: Array<StatsItemProps>;
41
+ cta?: ButtonProps | null;
42
+ cta2?: ButtonProps & {
43
+ targetTab?: string;
44
+ } | null;
45
+ user?: UserData | null;
46
+ login?: LoginAction | null;
47
+ userMenu?: Array<UserMenuItemWithSubmenu>;
48
+ search?: SearchAction | null;
49
+ isSticky?: boolean;
50
+ isCompactHeight?: boolean;
51
+ setSearchToLeft?: boolean;
52
+ menuReverse?: boolean;
53
+ isDark?: boolean;
54
+ };
55
+ declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
56
+ export default Navigation;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const NavigationDemo2SupportLink: {
7
+ (): JSX.Element;
8
+ story: {
9
+ name: string;
10
+ };
11
+ };
@@ -3,6 +3,7 @@ export declare type HrefNavigationLink = {
3
3
  href: string;
4
4
  label: React.ReactNode;
5
5
  analyticsId?: string;
6
+ icon?: string;
6
7
  };
7
8
  export declare type ClickNavigationLink = {
8
9
  onClick?: () => void;
@@ -10,6 +11,7 @@ export declare type ClickNavigationLink = {
10
11
  label: React.ReactNode;
11
12
  more?: boolean;
12
13
  analyticsId?: string;
14
+ icon?: string;
13
15
  };
14
16
  export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
15
17
  export declare type NavigationListItem = HybridNavigationLink & {
@@ -18,7 +20,7 @@ export declare type NavigationListItem = HybridNavigationLink & {
18
20
  export declare type NavigationMenuListProps = {
19
21
  items: Array<NavigationListItem>;
20
22
  onClickItem?: (id: string) => void;
21
- size?: "normal" | "large";
23
+ size?: "normal" | "large" | "long";
22
24
  active?: string | null;
23
25
  };
24
26
  declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
@@ -5,7 +5,8 @@ export declare type NavigationMenuProps = {
5
5
  onClickItem: (id: string) => void;
6
6
  sublinks: Array<HybridNavigationLink> | null;
7
7
  action: HybridNavigationLink | null;
8
+ actionRaised?: HybridNavigationLink | null;
8
9
  active: string | null;
9
10
  };
10
- export declare function NavigationMenu({ links, sublinks, action, active, onClickItem, }: NavigationMenuProps): JSX.Element;
11
+ export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): JSX.Element;
11
12
  export default NavigationMenu;
@@ -1,8 +1,11 @@
1
1
  import React from "react";
2
- interface NavigationSignInControlProps extends React.HTMLProps<HTMLDivElement> {
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
3
4
  analyticsId?: string;
4
5
  compact?: boolean;
5
- onRequestSignIn: () => void;
6
+ handleonRequestSignIn: () => void;
7
+ color?: ColorSpecifier;
8
+ noIcon?: boolean;
6
9
  }
7
- declare function NavigationSignInControl({ analyticsId, onRequestSignIn, compact, className, ...rest }: NavigationSignInControlProps): JSX.Element;
10
+ declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
8
11
  export default NavigationSignInControl;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
2
3
  import { ButtonProps } from "../button/button";
3
4
  import NavigationMenu from "./navigation-menu";
4
5
  import { HybridNavigationLink } from "./navigation-list";
@@ -8,10 +9,13 @@ declare type NavigationMenu = {
8
9
  id: string;
9
10
  label: React.ReactNode;
10
11
  analyticsId?: string;
12
+ hidden?: boolean;
11
13
  items: Array<HybridNavigationLink & {
12
14
  submenu?: Array<HybridNavigationLink>;
13
15
  }>;
14
16
  action?: HybridNavigationLink;
17
+ actionRaised?: HybridNavigationLink;
18
+ onClick?: () => void;
15
19
  };
16
20
  declare type SearchAction = {
17
21
  analyticsId?: string;
@@ -20,6 +24,8 @@ declare type SearchAction = {
20
24
  declare type LoginAction = {
21
25
  analyticsId?: string;
22
26
  onLogin: () => void;
27
+ color?: ColorSpecifier;
28
+ noIcon?: boolean;
23
29
  };
24
30
  declare type StatsItemProps = {
25
31
  id: string;
@@ -33,12 +39,17 @@ export declare type NavigationProps = {
33
39
  links?: Array<HybridNavigationLink>;
34
40
  stats?: Array<StatsItemProps>;
35
41
  cta?: ButtonProps | null;
42
+ cta2?: ButtonProps & {
43
+ targetTab?: string;
44
+ } | null;
36
45
  user?: UserData | null;
37
46
  login?: LoginAction | null;
38
47
  userMenu?: Array<UserMenuItemWithSubmenu>;
39
48
  search?: SearchAction | null;
40
49
  isSticky?: boolean;
41
50
  isCompactHeight?: boolean;
51
+ setSearchToLeft?: boolean;
52
+ menuReverse?: boolean;
42
53
  };
43
- declare function Navigation({ logo, menus, links, stats, cta, user, userMenu, search, login, isSticky, isCompactHeight, }: NavigationProps): JSX.Element;
54
+ declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
44
55
  export default Navigation;
@@ -3,37 +3,19 @@ declare const _default: {
3
3
  title: string;
4
4
  };
5
5
  export default _default;
6
- export declare const full: {
6
+ export declare const NavigationDemo: {
7
7
  (): JSX.Element;
8
8
  story: {
9
9
  name: string;
10
10
  };
11
11
  };
12
- export declare const list: {
12
+ export declare const NavigationDemo2: {
13
13
  (): JSX.Element;
14
14
  story: {
15
15
  name: string;
16
16
  };
17
17
  };
18
- export declare const listLarge: {
19
- (): JSX.Element;
20
- story: {
21
- name: string;
22
- };
23
- };
24
- export declare const menu: {
25
- (): JSX.Element;
26
- story: {
27
- name: string;
28
- };
29
- };
30
- export declare const expanded: {
31
- (): JSX.Element;
32
- story: {
33
- name: string;
34
- };
35
- };
36
- export declare const search: {
18
+ export declare const NavigationDemo2SupportLink: {
37
19
  (): JSX.Element;
38
20
  story: {
39
21
  name: string;
@@ -0,0 +1 @@
1
+ export { default as PartnertMonthlyStart } from "./parnert-monthly-stats";
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PartnertMonthlyStatsProps {
3
+ numeric: number;
4
+ title: string;
5
+ }
6
+ declare const PartnertMonthlyStats: ({ numeric, title, }: PartnertMonthlyStatsProps) => JSX.Element;
7
+ export default PartnertMonthlyStats;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnertMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerChartStats } from "./partner-chart-stats";
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerChartStatsProps {
3
+ currentYearData?: Array<number>;
4
+ totalDonation?: string;
5
+ amount?: number;
6
+ title: string;
7
+ active?: boolean;
8
+ className?: string;
9
+ }
10
+ declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
11
+ export default PartnerChartStats;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerChartStatsActive: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const PartnerChartStatsStories: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyStatsProps {
3
+ numeric?: number;
4
+ title: string;
5
+ }
6
+ declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
7
+ export default PartnerMonthlyStats;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyDonations, } from "./partner-monthly-donations";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyDonationsProps {
3
+ totalAmount?: number;
4
+ numberOfDonations?: number;
5
+ donationsLink?: string;
6
+ }
7
+ declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
8
+ export default PartnerMonthlyDonations;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyStats } from "./partner-monthly-stats";
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyStatsProps {
3
+ numeric?: number;
4
+ title: string;
5
+ }
6
+ declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
7
+ export default PartnerMonthlyStats;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyStats } from "./partner-monthly-stats";
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyStatsProps {
3
+ numeric?: number;
4
+ title: string;
5
+ }
6
+ declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
7
+ export default PartnerMonthlyStats;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyTable } from "./partner-monthly-table";