@mycause/ui 0.0.0-c5e8d36a → 0.0.0-c5f5892a

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 (127) hide show
  1. package/CHANGELOG.md +61 -0
  2. package/dist/components/credit-card-form/CreditCardForm.d.ts +13 -0
  3. package/dist/components/credit-card-form/Icons.d.ts +7 -0
  4. package/dist/components/{line-chart copy/partner-line-chart-block.stories.d.ts → credit-card-form/credit-card.stories.d.ts} +1 -1
  5. package/dist/components/credit-card-form/index.d.ts +1 -0
  6. package/dist/components/{line-chart/parnert-line-chart.stories.d.ts → credit-card-form/toast.stories.d.ts} +1 -1
  7. package/dist/components/date-picker/date-picker.stories.d.ts +6 -0
  8. package/dist/components/date-picker/index.d.ts +1 -0
  9. package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
  10. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +3 -3
  11. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +2 -2
  12. package/dist/components/index.d.ts +5 -6
  13. package/dist/components/input/InputDefault.d.ts +7 -5
  14. package/dist/components/input/input.stories.d.ts +6 -0
  15. package/dist/components/input-social/Icons.d.ts +5 -0
  16. package/dist/components/input-social/InputSocial.d.ts +12 -0
  17. package/dist/components/input-social/index.d.ts +1 -0
  18. package/dist/components/{green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts → input-social/input-social.stories.d.ts} +1 -1
  19. package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
  20. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -0
  21. package/dist/components/my-account-frp-closed/frp-information.d.ts +13 -0
  22. package/dist/components/my-account-frp-closed/index.d.ts +1 -0
  23. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +17 -0
  24. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
  25. package/dist/components/my-account-frp-preview/frp-information.d.ts +2 -1
  26. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +2 -1
  27. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +3 -1
  28. package/dist/components/my-account-sidebar/Icon.d.ts +2 -0
  29. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +6 -3
  30. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +5 -3
  31. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +7 -1
  32. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +2 -3
  33. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +2 -3
  34. package/dist/components/nav/index.d.ts +1 -0
  35. package/dist/components/nav/nav-expanded-charity.d.ts +2 -1
  36. package/dist/components/nav/nav-myaccount.d.ts +22 -0
  37. package/dist/components/nav/nav.d.ts +1 -0
  38. package/dist/components/nav/nav.stories.d.ts +6 -0
  39. package/dist/components/phone-number-input/index.d.ts +1 -0
  40. package/dist/components/phone-number-input/phone-number-input-v1.d.ts +25 -0
  41. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +2 -1
  42. package/dist/components/phone-number-input/phone-number-input.d.ts +2 -1
  43. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +12 -0
  44. package/dist/components/select/index.d.ts +2 -0
  45. package/dist/components/select/select-enhanced.d.ts +23 -0
  46. package/dist/components/select/select-v2.d.ts +26 -0
  47. package/dist/components/select/select.d.ts +1 -1
  48. package/dist/components/select/select.stories.d.ts +12 -0
  49. package/dist/components/switch/index.d.ts +1 -0
  50. package/dist/components/switch/switch-v2.d.ts +8 -0
  51. package/dist/components/switch/switch.stories.d.ts +6 -0
  52. package/dist/components/table/partner-monthly-table.d.ts +2 -1
  53. package/dist/components/text-field/text-field-search.d.ts +2 -1
  54. package/dist/components/toast/Icons.d.ts +7 -0
  55. package/dist/components/toast/index.d.ts +1 -0
  56. package/dist/components/toast/toast.d.ts +8 -0
  57. package/dist/components/{line-chart/partner-line-chart-block.stories.d.ts → toast/toast.stories.d.ts} +1 -1
  58. package/dist/components/transaction-card/Dot.d.ts +6 -0
  59. package/dist/components/transaction-card/index.d.ts +1 -0
  60. package/dist/components/transaction-card/transaction-card.d.ts +14 -0
  61. package/dist/components/{choose-charity-card copy/choose-charity-card.stories.d.ts → transaction-card/transaction-card.stories.d.ts} +2 -2
  62. package/dist/components/uploader/Icons.d.ts +6 -0
  63. package/dist/components/uploader/index.d.ts +1 -0
  64. package/dist/components/uploader/uploadAndCropper.d.ts +13 -0
  65. package/dist/index.esm.js +7503 -1203
  66. package/dist/index.js +7513 -1201
  67. package/package.json +6 -1
  68. package/dist/components/choose-/index.d.ts +0 -1
  69. package/dist/components/choose-/start-fundraise-card.d.ts +0 -10
  70. package/dist/components/choose-/start-fundraise-card.stories.d.ts +0 -14
  71. package/dist/components/choose-charity-card/choose-charity-card.d.ts +0 -10
  72. package/dist/components/choose-charity-card/choose-charity-card.stories.d.ts +0 -14
  73. package/dist/components/choose-charity-card/index.d.ts +0 -1
  74. package/dist/components/choose-charity-card/start-fundraise-card.d.ts +0 -10
  75. package/dist/components/choose-charity-card/start-fundraise-card.stories.d.ts +0 -14
  76. package/dist/components/choose-charity-card copy/choose-charity-card.d.ts +0 -10
  77. package/dist/components/choose-charity-card copy/index.d.ts +0 -1
  78. package/dist/components/favorite-charity-item/choose-charity-card.d.ts +0 -10
  79. package/dist/components/favorite-charity-item/choose-charity-card.stories.d.ts +0 -14
  80. package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +0 -6
  81. package/dist/components/green-dashboard-sidebar/index.d.ts +0 -1
  82. package/dist/components/line-chart/index.d.ts +0 -1
  83. package/dist/components/line-chart/line-chart-component.d.ts +0 -6
  84. package/dist/components/line-chart/line-chart.d.ts +0 -6
  85. package/dist/components/line-chart/line-chart.stories.d.ts +0 -9
  86. package/dist/components/line-chart/parnert-line-chart.d.ts +0 -3
  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 +0 -10
  89. package/dist/components/line-chart/partner-line-chart.d.ts +0 -3
  90. package/dist/components/line-chart/partner-line-chart.stories-block.d.ts +0 -12
  91. package/dist/components/line-chart/partner-line-chart.stories.d.ts +0 -12
  92. package/dist/components/line-chart copy/index.d.ts +0 -2
  93. package/dist/components/line-chart copy/partner-line-chart-block.d.ts +0 -10
  94. package/dist/components/line-chart copy/partner-line-chart.d.ts +0 -3
  95. package/dist/components/line-chartjs/index.d.ts +0 -1
  96. package/dist/components/line-chartjs/partner-line-chart-block.d.ts +0 -10
  97. package/dist/components/line-chartjs/partner-line-chart-block.stories.d.ts +0 -12
  98. package/dist/components/line-chartjs/partner-line-chart.d.ts +0 -3
  99. package/dist/components/my-account-choose-charity-card/choose-charity-card.d.ts +0 -10
  100. package/dist/components/my-account-choose-charity-card/choose-charity-card.stories.d.ts +0 -14
  101. package/dist/components/my-account-start-fundraise-card/start-fundraise-card.d.ts +0 -10
  102. package/dist/components/my-account-start-fundraise-card/start-fundraise-card.stories.d.ts +0 -14
  103. package/dist/components/parnert-monthly-stats/index.d.ts +0 -1
  104. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts +0 -7
  105. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts +0 -12
  106. package/dist/components/partner-chart-stats/partner-monthly-stats.d.ts +0 -7
  107. package/dist/components/partner-chart-stats/partner-monthly-stats.stories.d.ts +0 -12
  108. package/dist/components/partner-monthly-stats copy/index.d.ts +0 -1
  109. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.d.ts +0 -7
  110. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.stories.d.ts +0 -12
  111. package/dist/components/partner-monthly-table/index.d.ts +0 -1
  112. package/dist/components/partner-monthly-table/partner-monthly-table.d.ts +0 -7
  113. package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts +0 -12
  114. package/dist/components/partner-thismonth-stats/index.d.ts +0 -1
  115. package/dist/components/partner-thismonth-stats/partner-monthly-stats.d.ts +0 -7
  116. package/dist/components/partner-thismonth-stats/partner-monthly-stats.stories.d.ts +0 -12
  117. package/dist/components/start-campaign-card copy/index.d.ts +0 -1
  118. package/dist/components/start-campaign-card copy/start-campaign-card.d.ts +0 -8
  119. package/dist/components/start-campaign-card copy/start-campaign-card.stories.d.ts +0 -14
  120. package/dist/components/start-fundraise-card/index.d.ts +0 -1
  121. package/dist/components/start-fundraise-card/start-campaign-card.d.ts +0 -8
  122. package/dist/components/start-fundraise-card/start-campaign-card.stories.d.ts +0 -14
  123. package/dist/components/start-fundraise-card/start-fundraise-card.d.ts +0 -10
  124. package/dist/components/start-fundraise-card/start-fundraise-card.stories.d.ts +0 -14
  125. package/dist/components/start-fundraise-card copy/index.d.ts +0 -1
  126. package/dist/components/start-fundraise-card copy/start-fundraise-card.d.ts +0 -10
  127. package/dist/components/start-fundraise-card copy/start-fundraise-card.stories.d.ts +0 -14
@@ -0,0 +1,26 @@
1
+ import React from "react";
2
+ export declare type SelectOption = {
3
+ value: string;
4
+ label?: string;
5
+ disabled?: boolean;
6
+ };
7
+ export interface SelectProps {
8
+ label?: string;
9
+ value: string | number;
10
+ onChange: (value: string) => void;
11
+ externalLabel?: boolean;
12
+ large?: boolean;
13
+ options: Array<SelectOption>;
14
+ leadingIcon?: React.ReactElement;
15
+ helperText?: string | null;
16
+ isHelperTextPersistent?: boolean;
17
+ noArrow?: boolean;
18
+ color?: string;
19
+ asteriskColor?: string;
20
+ itemHoverColor?: string;
21
+ error?: boolean | string;
22
+ trailingIcon?: React.ReactElement;
23
+ bgColor?: string;
24
+ }
25
+ declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, }: SelectProps) => JSX.Element;
26
+ export default SelectV2;
@@ -5,7 +5,7 @@ export declare type SelectOption = {
5
5
  label?: string;
6
6
  disabled?: boolean;
7
7
  };
8
- export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
8
+ export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
9
9
  label?: string;
10
10
  value: string;
11
11
  onChange: (e: React.FormEvent) => void;
@@ -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
+ };
@@ -11,6 +11,7 @@ export interface PartnerMonthlyTableProps {
11
11
  data: Array<object>;
12
12
  title?: string;
13
13
  tooltip?: string;
14
+ customBottomRow?: React.ReactNode;
14
15
  }
15
- declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
16
+ declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, }: PartnerMonthlyTableProps) => JSX.Element;
16
17
  export default PartnerMonthlyTable;
@@ -4,6 +4,7 @@ interface TextFieldSearchProps {
4
4
  onChange: (value: string) => void;
5
5
  onSubmit: () => void;
6
6
  placeholder?: string;
7
+ isFocus?: boolean;
7
8
  }
8
- declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
9
+ declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): JSX.Element;
9
10
  export default TextFieldSearch;
@@ -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;
@@ -4,7 +4,7 @@ declare const _default: {
4
4
  decorators: ((...args: any) => any)[];
5
5
  };
6
6
  export default _default;
7
- export declare const PartnertLineChartStories: {
7
+ export declare const SwitchDefault: {
8
8
  (): JSX.Element;
9
9
  story: {
10
10
  name: string;
@@ -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,14 @@
1
+ import React from "react";
2
+ export interface TransactionCardProps {
3
+ className?: string;
4
+ amount?: string;
5
+ recipient?: string;
6
+ receiptNo?: string;
7
+ details?: string;
8
+ tax?: string;
9
+ date?: string;
10
+ action?: React.ReactNode;
11
+ onClick?: () => void;
12
+ }
13
+ declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: TransactionCardProps) => JSX.Element;
14
+ export default TransactionCard;
@@ -3,10 +3,10 @@ import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
- component: ({ className, title, buttonText, onClick }: import("./choose-charity-card").ChooseCharityCardProps) => JSX.Element;
6
+ component: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
- export declare const chooseCharityStory: {
9
+ export declare const TransactionCardStory: {
10
10
  (): JSX.Element;
11
11
  story: {
12
12
  name: string;
@@ -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;
@@ -1 +1,2 @@
1
1
  export { default as Uploader } from "./uploader";
2
+ export { default as UploadAndCropper } from "./uploadAndCropper";
@@ -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;