@mycause/ui 0.0.0-c764fd85 → 0.0.0-c78d28e3

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 (119) hide show
  1. package/CHANGELOG.md +135 -0
  2. package/dist/components/campaign-of-month/campaign-of-month.d.ts +3 -2
  3. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +1 -1
  4. package/dist/components/credit-card-form/CreditCardForm.d.ts +13 -0
  5. package/dist/components/credit-card-form/Icons.d.ts +7 -0
  6. package/dist/components/credit-card-form/credit-card.stories.d.ts +12 -0
  7. package/dist/components/credit-card-form/index.d.ts +1 -0
  8. package/dist/components/credit-card-form/toast.stories.d.ts +12 -0
  9. package/dist/components/date-picker/date-picker.stories.d.ts +7 -0
  10. package/dist/components/date-picker/index.d.ts +1 -0
  11. package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
  12. package/dist/components/date-picker/single-date-picker.d.ts +2 -1
  13. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +15 -0
  14. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -0
  15. package/dist/components/favorite-charity-item/index.d.ts +1 -0
  16. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +3 -2
  17. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +1 -1
  18. package/dist/components/field-helpers/field-label.d.ts +2 -1
  19. package/dist/components/footerV2/footerV2.d.ts +35 -0
  20. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  21. package/dist/components/footerV2/index.d.ts +1 -0
  22. package/dist/components/index.d.ts +19 -0
  23. package/dist/components/input/InputDefault.d.ts +13 -0
  24. package/dist/components/input/index.d.ts +1 -0
  25. package/dist/components/input/input.stories.d.ts +24 -0
  26. package/dist/components/input-social/Icons.d.ts +5 -0
  27. package/dist/components/input-social/InputSocial.d.ts +12 -0
  28. package/dist/components/input-social/index.d.ts +1 -0
  29. package/dist/components/input-social/input-social.stories.d.ts +12 -0
  30. package/dist/components/modal/index.d.ts +1 -0
  31. package/dist/components/modal/modal-image.d.ts +8 -0
  32. package/dist/components/modal/modal.d.ts +4 -1
  33. package/dist/components/modal/modal.stories.d.ts +12 -0
  34. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
  35. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
  36. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -0
  37. package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
  38. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -0
  39. package/dist/components/my-account-frp-closed/frp-information.d.ts +13 -0
  40. package/dist/components/my-account-frp-closed/index.d.ts +1 -0
  41. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +17 -0
  42. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
  43. package/dist/components/my-account-frp-preview/Icon.d.ts +5 -0
  44. package/dist/components/my-account-frp-preview/frp-information.d.ts +13 -0
  45. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +9 -0
  46. package/dist/components/my-account-frp-preview/index.d.ts +1 -0
  47. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +17 -0
  48. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -0
  49. package/dist/components/my-account-sidebar/Icon.d.ts +15 -0
  50. package/dist/components/my-account-sidebar/index.d.ts +1 -0
  51. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +19 -0
  52. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -0
  53. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
  54. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +13 -0
  55. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +20 -0
  56. package/dist/components/my-account-stats-donated/index.d.ts +1 -0
  57. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +8 -0
  58. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -0
  59. package/dist/components/my-account-stats-raised/index.d.ts +1 -0
  60. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +7 -0
  61. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -0
  62. package/dist/components/nav/index.d.ts +1 -0
  63. package/dist/components/nav/nav-expanded-charity.d.ts +2 -1
  64. package/dist/components/nav/nav-myaccount.d.ts +22 -0
  65. package/dist/components/nav/nav.d.ts +1 -0
  66. package/dist/components/nav/nav.stories.d.ts +6 -0
  67. package/dist/components/partner-chart-stats/index.d.ts +1 -0
  68. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
  69. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
  70. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  71. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  72. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  73. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  74. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  75. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  76. package/dist/components/partner-toggle-button/index.d.ts +2 -0
  77. package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
  78. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
  79. package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
  80. package/dist/components/phone-number-input/index.d.ts +2 -0
  81. package/dist/components/phone-number-input/phone-number-input-v1.d.ts +26 -0
  82. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -0
  83. package/dist/components/phone-number-input/phone-number-input.d.ts +2 -1
  84. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +30 -0
  85. package/dist/components/progressbar/progress-bar-circle.d.ts +10 -0
  86. package/dist/components/progressbar/progressbar.stories.d.ts +6 -0
  87. package/dist/components/select/index.d.ts +2 -0
  88. package/dist/components/select/select-enhanced.d.ts +24 -0
  89. package/dist/components/select/select-v2.d.ts +27 -0
  90. package/dist/components/select/select.d.ts +4 -2
  91. package/dist/components/select/select.stories.d.ts +12 -0
  92. package/dist/components/switch/index.d.ts +1 -0
  93. package/dist/components/switch/switch-v2.d.ts +8 -0
  94. package/dist/components/switch/switch.stories.d.ts +6 -0
  95. package/dist/components/table/index.d.ts +1 -0
  96. package/dist/components/table/partner-monthly-table.d.ts +19 -0
  97. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  98. package/dist/components/text-field/index.d.ts +1 -0
  99. package/dist/components/text-field/text-field-search.d.ts +10 -0
  100. package/dist/components/text-field/text-field.d.ts +1 -0
  101. package/dist/components/text-field/text-field.stories.d.ts +6 -0
  102. package/dist/components/this-month-card/index.d.ts +1 -0
  103. package/dist/components/this-month-card/this-month-card.d.ts +15 -0
  104. package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
  105. package/dist/components/toast/Icons.d.ts +7 -0
  106. package/dist/components/toast/index.d.ts +1 -0
  107. package/dist/components/toast/toast.d.ts +8 -0
  108. package/dist/components/toast/toast.stories.d.ts +12 -0
  109. package/dist/components/transaction-card/Dot.d.ts +6 -0
  110. package/dist/components/transaction-card/index.d.ts +1 -0
  111. package/dist/components/transaction-card/transaction-card.d.ts +16 -0
  112. package/dist/components/transaction-card/transaction-card.stories.d.ts +20 -0
  113. package/dist/components/uploader/Icons.d.ts +6 -0
  114. package/dist/components/uploader/uploadAndCropper.d.ts +13 -0
  115. package/dist/index.esm.js +23697 -3559
  116. package/dist/index.js +24855 -4687
  117. package/dist/theme/theme.d.ts +2 -0
  118. package/package.json +9 -3
  119. package/styles/index.css +7 -6
@@ -10,3 +10,15 @@ export declare const SelectStory: {
10
10
  name: string;
11
11
  };
12
12
  };
13
+ export declare const SelectStoryV2: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
19
+ export declare const SelectEnhancedStory: {
20
+ (): JSX.Element;
21
+ story: {
22
+ name: string;
23
+ };
24
+ };
@@ -1 +1,2 @@
1
1
  export { default as Switch } from "./switch";
2
+ export { default as SwitchV2 } from "./switch-v2";
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface SwitchV2Props {
3
+ checked?: boolean;
4
+ onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
5
+ color?: string;
6
+ }
7
+ declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
8
+ export default SwitchV2;
@@ -23,3 +23,9 @@ export declare const SwitchDisabled: {
23
23
  name: string;
24
24
  };
25
25
  };
26
+ export declare const SwitchV2Story: {
27
+ (): JSX.Element;
28
+ story: {
29
+ name: string;
30
+ };
31
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyTable } from "./partner-monthly-table";
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ export declare type ColumnTableProps = {
3
+ key: string;
4
+ label: string | React.ReactNode;
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
+ customBottomRow?: React.ReactNode;
15
+ onClickRow?: (item: any, rowIndex: number) => void;
16
+ getBackgroundRow?: (item: any, rowIndex: number) => string;
17
+ }
18
+ declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, onClickRow, getBackgroundRow, }: PartnerMonthlyTableProps) => JSX.Element;
19
+ 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,10 @@
1
+ /// <reference types="react" />
2
+ interface TextFieldSearchProps {
3
+ value?: string;
4
+ onChange: (value: string) => void;
5
+ onSubmit: () => void;
6
+ placeholder?: string;
7
+ isFocus?: boolean;
8
+ }
9
+ declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): JSX.Element;
10
+ export default TextFieldSearch;
@@ -20,6 +20,7 @@ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>,
20
20
  className?: string;
21
21
  required?: boolean;
22
22
  color?: string;
23
+ outlined?: boolean;
23
24
  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
24
25
  }
25
26
  declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -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
+ };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ declare const Icons: {
3
+ close: (props: any) => JSX.Element;
4
+ error: (props: any) => JSX.Element;
5
+ warning: () => JSX.Element;
6
+ };
7
+ export default Icons;
@@ -0,0 +1 @@
1
+ export { default as Toast } from "./toast";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ToastContainerProps } from "react-toastify";
3
+ import "react-toastify/dist/ReactToastify.css";
4
+ export interface ToastProps extends ToastContainerProps {
5
+ color?: string;
6
+ }
7
+ declare function Toast({ ...props }: ToastProps): JSX.Element;
8
+ export default Toast;
@@ -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 SwitchDefault: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ interface DotProps {
3
+ color: string;
4
+ }
5
+ export declare function Dot(props: DotProps): JSX.Element;
6
+ export {};
@@ -0,0 +1 @@
1
+ export { default as TransactionCard } from "./transaction-card";
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ export interface TransactionCardProps {
3
+ className?: string;
4
+ amount?: React.ReactNode | string;
5
+ recipient?: React.ReactNode | string;
6
+ receiptNo?: React.ReactNode | string;
7
+ details?: React.ReactNode | string;
8
+ tax?: React.ReactNode | string;
9
+ date?: React.ReactNode | string;
10
+ statusAsText?: React.ReactNode | string;
11
+ action?: React.ReactNode | string;
12
+ onClick?: () => void;
13
+ notShowIcon?: boolean;
14
+ }
15
+ declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: TransactionCardProps) => JSX.Element;
16
+ export default TransactionCard;
@@ -0,0 +1,20 @@
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, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const TransactionCardStory: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
15
+ export declare const RegistrationCard: {
16
+ (): JSX.Element;
17
+ story: {
18
+ name: string;
19
+ };
20
+ };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ declare const Icons: {
3
+ upload: (props?: {}) => JSX.Element;
4
+ remove: (props?: {}) => JSX.Element;
5
+ };
6
+ export default Icons;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ export interface UploadAndCropperProps {
3
+ imageDefault: string;
4
+ width?: number;
5
+ border?: number;
6
+ borderRadius?: number;
7
+ color?: Array<number> | undefined;
8
+ handleOnRemove?: () => void;
9
+ imagePreview?: string;
10
+ setImagePreview?: (e: any) => void;
11
+ }
12
+ declare const UploadAndCropper: ({ width, border, borderRadius, color, handleOnRemove, imagePreview, setImagePreview, }: UploadAndCropperProps) => JSX.Element;
13
+ export default UploadAndCropper;