@mycause/ui 0.0.0-c3e975f3 → 0.0.0-c3ea3c13

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 (75) hide show
  1. package/CHANGELOG.md +61 -0
  2. package/dist/components/date-picker/date-picker.stories.d.ts +6 -0
  3. package/dist/components/date-picker/index.d.ts +1 -0
  4. package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
  5. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +3 -2
  6. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +2 -2
  7. package/dist/components/field-helpers/field-label.d.ts +2 -1
  8. package/dist/components/index.d.ts +7 -9
  9. package/dist/components/input/InputDefault.d.ts +8 -3
  10. package/dist/components/input/index.d.ts +1 -1
  11. package/dist/components/input/input.stories.d.ts +12 -0
  12. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
  13. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
  14. package/dist/components/{choose-charity-card/choose-charity-card.stories.d.ts → my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts} +1 -1
  15. package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
  16. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -0
  17. package/dist/components/my-account-frp-closed/frp-information.d.ts +13 -0
  18. package/dist/components/my-account-frp-closed/index.d.ts +1 -0
  19. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +17 -0
  20. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
  21. package/dist/components/my-account-frp-preview/frp-information.d.ts +11 -1
  22. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +2 -1
  23. package/dist/components/my-account-frp-preview/index.d.ts +1 -1
  24. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +10 -1
  25. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +12 -0
  26. package/dist/components/my-account-sidebar/Icon.d.ts +4 -0
  27. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +8 -5
  28. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
  29. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +13 -0
  30. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +20 -0
  31. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +3 -3
  32. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +2 -3
  33. package/dist/components/nav/index.d.ts +1 -0
  34. package/dist/components/nav/nav-expanded-charity.d.ts +2 -1
  35. package/dist/components/nav/nav-myaccount.d.ts +22 -0
  36. package/dist/components/nav/nav.d.ts +1 -0
  37. package/dist/components/nav/nav.stories.d.ts +6 -0
  38. package/dist/components/phone-number-input/index.d.ts +2 -0
  39. package/dist/components/phone-number-input/phone-number-input-v1.d.ts +25 -0
  40. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -0
  41. package/dist/components/phone-number-input/phone-number-input.d.ts +2 -1
  42. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +24 -0
  43. package/dist/components/select/SelectV2.d.ts +24 -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 +4 -2
  48. package/dist/components/select/select.stories.d.ts +12 -0
  49. package/dist/components/table/partner-monthly-table.d.ts +2 -1
  50. package/dist/components/toast/Icons.d.ts +7 -0
  51. package/dist/components/toast/index.d.ts +1 -0
  52. package/dist/components/toast/toast.d.ts +8 -0
  53. package/dist/components/{green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts → toast/toast.stories.d.ts} +1 -1
  54. package/dist/components/transaction-card/Dot.d.ts +6 -0
  55. package/dist/components/transaction-card/index.d.ts +1 -0
  56. package/dist/components/transaction-card/transaction-card.d.ts +14 -0
  57. package/dist/components/{start-fundraise-card/start-fundraise-card.stories.d.ts → transaction-card/transaction-card.stories.d.ts} +2 -2
  58. package/dist/index.esm.js +6989 -651
  59. package/dist/index.js +7010 -661
  60. package/package.json +2 -1
  61. package/dist/components/choose-charity-card/choose-charity-card.d.ts +0 -10
  62. package/dist/components/choose-charity-card/index.d.ts +0 -1
  63. package/dist/components/green-dashboard-sidebar/Icon.d.ts +0 -11
  64. package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +0 -15
  65. package/dist/components/green-dashboard-sidebar/index.d.ts +0 -1
  66. package/dist/components/line-chart/index.d.ts +0 -2
  67. package/dist/components/line-chart/partner-line-chart-block.d.ts +0 -10
  68. package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +0 -12
  69. package/dist/components/line-chart/partner-line-chart.d.ts +0 -3
  70. package/dist/components/modal/modalImage.d.ts +0 -8
  71. package/dist/components/partner-dashboard-chart/chart.d.ts +0 -3
  72. package/dist/components/partner-dashboard-chart/chart.stories.d.ts +0 -14
  73. package/dist/components/partner-dashboard-chart/index.d.ts +0 -1
  74. package/dist/components/start-fundraise-card/index.d.ts +0 -1
  75. package/dist/components/start-fundraise-card/start-fundraise-card.d.ts +0 -10
@@ -0,0 +1,24 @@
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;
10
+ onChange: (e: React.FormEvent) => 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
+ }
23
+ declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, }: SelectProps) => JSX.Element;
24
+ export default SelectV2;
@@ -1,2 +1,4 @@
1
1
  export { default as Select } from "./select";
2
+ export { default as SelectEnhanced } from "./select-enhanced";
2
3
  export { default as SelectHelperText } from "./select-helper-text";
4
+ export { default as SelectV2 } from "./select-v2";
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
3
+ export declare type SelectOption = {
4
+ value: string;
5
+ label?: string;
6
+ disabled?: boolean;
7
+ };
8
+ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
9
+ label?: string;
10
+ value: string;
11
+ onChange: (value: any) => void;
12
+ externalLabel?: boolean;
13
+ large?: boolean;
14
+ options: Array<string> | Array<SelectOption>;
15
+ leadingIcon?: React.ReactElement;
16
+ helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
17
+ isHelperTextPersistent?: boolean;
18
+ noArrow?: boolean;
19
+ color?: string;
20
+ error?: boolean | string;
21
+ }
22
+ declare const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
23
+ export default SelectV2;
@@ -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;
@@ -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;
@@ -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
+ };
@@ -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;
@@ -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 popup: {
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("./start-fundraise-card").StartFundraiseCardProps) => 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 startFundraiseStory: {
9
+ export declare const TransactionCardStory: {
10
10
  (): JSX.Element;
11
11
  story: {
12
12
  name: string;