@mycause/ui 0.0.0-cc52c524 → 0.0.0-cc99c334

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 (91) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/README.md +1 -1
  3. package/dist/components/campaign-of-month/campaign-of-month.d.ts +2 -1
  4. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +1 -1
  5. package/dist/components/choose-charity-card/choose-charity-card.d.ts +10 -0
  6. package/dist/components/choose-charity-card/choose-charity-card.stories.d.ts +14 -0
  7. package/dist/components/choose-charity-card/index.d.ts +1 -0
  8. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +15 -0
  9. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -0
  10. package/dist/components/favorite-charity-item/index.d.ts +1 -0
  11. package/dist/components/field-helpers/field-label.d.ts +2 -1
  12. package/dist/components/footerV2/footerV2.d.ts +35 -0
  13. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  14. package/dist/components/footerV2/index.d.ts +1 -0
  15. package/dist/components/green-dashboard-sidebar/Icon.d.ts +11 -0
  16. package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +15 -0
  17. package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts +12 -0
  18. package/dist/components/green-dashboard-sidebar/index.d.ts +1 -0
  19. package/dist/components/index.d.ts +21 -0
  20. package/dist/components/input/InputDefault.d.ts +11 -0
  21. package/dist/components/input/index.d.ts +1 -0
  22. package/dist/components/input/input.stories.d.ts +18 -0
  23. package/dist/components/line-chart/index.d.ts +2 -0
  24. package/dist/components/line-chart/partner-line-chart-block.d.ts +10 -0
  25. package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +12 -0
  26. package/dist/components/line-chart/partner-line-chart.d.ts +3 -0
  27. package/dist/components/modal/index.d.ts +1 -0
  28. package/dist/components/modal/modal-image.d.ts +8 -0
  29. package/dist/components/modal/modal.d.ts +4 -1
  30. package/dist/components/modal/modal.stories.d.ts +12 -0
  31. package/dist/components/modal/modalImage.d.ts +8 -0
  32. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
  33. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
  34. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -0
  35. package/dist/components/my-account-frp-preview/Icon.d.ts +5 -0
  36. package/dist/components/my-account-frp-preview/frp-information.d.ts +12 -0
  37. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +8 -0
  38. package/dist/components/my-account-frp-preview/index.d.ts +1 -0
  39. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +15 -0
  40. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -0
  41. package/dist/components/my-account-sidebar/Icon.d.ts +13 -0
  42. package/dist/components/my-account-sidebar/index.d.ts +1 -0
  43. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +16 -0
  44. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -0
  45. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
  46. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +11 -0
  47. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +14 -0
  48. package/dist/components/my-account-stats-donated/index.d.ts +1 -0
  49. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +8 -0
  50. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -0
  51. package/dist/components/my-account-stats-raised/index.d.ts +1 -0
  52. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +8 -0
  53. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -0
  54. package/dist/components/partner-chart-stats/index.d.ts +1 -0
  55. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
  56. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
  57. package/dist/components/partner-dashboard-chart/chart.d.ts +3 -0
  58. package/dist/components/partner-dashboard-chart/chart.stories.d.ts +14 -0
  59. package/dist/components/partner-dashboard-chart/index.d.ts +1 -0
  60. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  61. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  62. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  63. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  64. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  65. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  66. package/dist/components/partner-toggle-button/index.d.ts +2 -0
  67. package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
  68. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
  69. package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
  70. package/dist/components/phone-number-input/index.d.ts +1 -0
  71. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +18 -0
  72. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +12 -0
  73. package/dist/components/progressbar/progress-bar-circle.d.ts +10 -0
  74. package/dist/components/progressbar/progressbar.stories.d.ts +6 -0
  75. package/dist/components/select/select.d.ts +3 -1
  76. package/dist/components/start-fundraise-card/index.d.ts +1 -0
  77. package/dist/components/start-fundraise-card/start-fundraise-card.d.ts +10 -0
  78. package/dist/components/start-fundraise-card/start-fundraise-card.stories.d.ts +14 -0
  79. package/dist/components/table/index.d.ts +1 -0
  80. package/dist/components/table/partner-monthly-table.d.ts +16 -0
  81. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  82. package/dist/components/text-field/index.d.ts +1 -0
  83. package/dist/components/text-field/text-field-search.d.ts +9 -0
  84. package/dist/components/text-field/text-field.stories.d.ts +6 -0
  85. package/dist/components/this-month-card/index.d.ts +1 -0
  86. package/dist/components/this-month-card/this-month-card.d.ts +15 -0
  87. package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
  88. package/dist/index.esm.js +19035 -210
  89. package/dist/index.js +19061 -216
  90. package/dist/theme/theme.d.ts +2 -0
  91. package/package.json +1 -1
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ declare const LineChart: () => JSX.Element;
3
+ export default LineChart;
@@ -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: () => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const progressbar: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -0,0 +1 @@
1
+ export { default as Chart } from "./chart";
@@ -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,2 @@
1
+ export { default as PartnerToggleButton } from "./partner-toggle-button";
2
+ export { default as PartnerToggleButtonBlock, } from "./partner-toggle-button-block";
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ interface PartnerToggleButtonBlockProps {
3
+ labelLeft: string;
4
+ labelRight: string;
5
+ onClickLeft: () => void;
6
+ onClickRight: () => void;
7
+ className?: string;
8
+ isActive?: boolean;
9
+ }
10
+ declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => JSX.Element;
11
+ export default PartnerToggleButtonBlock;
@@ -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 PartnerToggleButtonBlockStory: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ interface PartnerToggleButtonProps {
3
+ label: string;
4
+ active: boolean;
5
+ onClick: () => void;
6
+ }
7
+ declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => JSX.Element;
8
+ export default PartnerToggleButton;
@@ -1,2 +1,3 @@
1
1
  export { default as PhoneNumberInput } from "./phone-number-input";
2
+ export { default as PhoneInput } from "./phone-number-input-v2";
2
3
  export * from "./util";
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { CountryCode } from "libphonenumber-js";
3
+ declare type PhoneInputProps = {
4
+ values: {
5
+ number: string;
6
+ countryCallingCode: string;
7
+ country: string;
8
+ };
9
+ onChange: (value: string, name: string) => void;
10
+ label?: React.ReactNode;
11
+ error?: string | null;
12
+ required?: boolean;
13
+ defaultCountry?: CountryCode;
14
+ placeholder?: string;
15
+ color?: string;
16
+ };
17
+ declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, }: PhoneInputProps): JSX.Element;
18
+ export default PhoneInput;
@@ -11,3 +11,15 @@ export declare const PhoneNumberInputStory: {
11
11
  name: string;
12
12
  };
13
13
  };
14
+ export declare const PhoneInputStory: {
15
+ (): JSX.Element;
16
+ story: {
17
+ name: string;
18
+ };
19
+ };
20
+ export declare const PhoneNumberInputV2: {
21
+ (): JSX.Element;
22
+ story: {
23
+ name: string;
24
+ };
25
+ };
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface CircularProgressProps {
3
+ percentage: number;
4
+ strokeWidth: number;
5
+ sqSize: number;
6
+ color: string;
7
+ centerContent?: JSX.Element;
8
+ }
9
+ declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => JSX.Element;
10
+ export default CircularProgress;
@@ -12,3 +12,9 @@ export declare const progressbar: {
12
12
  name: string;
13
13
  };
14
14
  };
15
+ export declare const progressbarCircle: {
16
+ (): JSX.Element;
17
+ story: {
18
+ name: string;
19
+ };
20
+ };
@@ -17,7 +17,9 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
17
17
  isHelperTextPersistent?: boolean;
18
18
  noArrow?: boolean;
19
19
  color?: string;
20
+ asteriskColor?: string;
20
21
  error?: boolean | string;
22
+ customTrailingIcon?: boolean;
21
23
  }
22
- declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
24
+ declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => JSX.Element;
23
25
  export default Select;
@@ -0,0 +1 @@
1
+ export { default as StartFundraiseCard } from "./start-fundraise-card";
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ export interface StartFundraiseCardProps {
3
+ className?: string;
4
+ title?: string;
5
+ description?: string;
6
+ buttonText?: string;
7
+ onClick?: () => void;
8
+ }
9
+ declare const StartFundraiseCard: ({ className, title, buttonText, onClick, }: StartFundraiseCardProps) => JSX.Element;
10
+ export default StartFundraiseCard;
@@ -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 PartnerMonthlyTable } from "./partner-monthly-table";
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ export declare type ColumnTableProps = {
3
+ key: string;
4
+ label: string;
5
+ align: "center" | "left" | "right";
6
+ rowPrefixIcon?: string;
7
+ renderCell: (item: any) => React.ReactNode;
8
+ };
9
+ export interface PartnerMonthlyTableProps {
10
+ columns: Array<ColumnTableProps>;
11
+ data: Array<object>;
12
+ title?: string;
13
+ tooltip?: string;
14
+ }
15
+ declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
16
+ export default PartnerMonthlyTable;
@@ -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 PartnerMonthlyTableStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const PartnerMonthlyTableStories2: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
@@ -1,2 +1,3 @@
1
1
  export { default as TextField } from "./text-field";
2
+ export { default as TextFieldSearch } from "./text-field-search";
2
3
  export { default as TextFieldHelperText } from "./text-field-helper-text";
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface TextFieldSearchProps {
3
+ value?: string;
4
+ onChange: (value: string) => void;
5
+ onSubmit: () => void;
6
+ placeholder?: string;
7
+ }
8
+ declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
9
+ export default TextFieldSearch;
@@ -10,3 +10,9 @@ export declare const TextFieldStory: {
10
10
  name: string;
11
11
  };
12
12
  };
13
+ export declare const TextFieldSearchStory: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export { default as ThisMonthCard } from "./this-month-card";
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ interface MonthData {
3
+ itemAmount?: number;
4
+ itemText?: string;
5
+ }
6
+ interface ThisMonthCardProps {
7
+ totalDonations: number;
8
+ thisMonthData?: Array<MonthData>;
9
+ imgLink: string;
10
+ buttonLink: string;
11
+ buttonText: string;
12
+ className?: string;
13
+ }
14
+ declare const ThisMonthCard: ({ totalDonations, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
15
+ export default ThisMonthCard;
@@ -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 ThisMonthCardStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };