@mycause/ui 0.0.0-c3fb4084 → 0.0.0-c404c032

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 (124) 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 -3
  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 +5 -6
  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/input-social/Icons.d.ts +5 -0
  13. package/dist/components/input-social/InputSocial.d.ts +12 -0
  14. package/dist/components/input-social/index.d.ts +1 -0
  15. package/dist/components/{green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts → input-social/input-social.stories.d.ts} +1 -1
  16. package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
  17. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -0
  18. package/dist/components/my-account-frp-closed/frp-information.d.ts +13 -0
  19. package/dist/components/my-account-frp-closed/index.d.ts +1 -0
  20. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +17 -0
  21. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
  22. package/dist/components/my-account-frp-preview/frp-information.d.ts +2 -1
  23. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +2 -1
  24. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +3 -1
  25. package/dist/components/my-account-sidebar/Icon.d.ts +2 -0
  26. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +6 -3
  27. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +5 -3
  28. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +7 -1
  29. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +2 -3
  30. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +2 -3
  31. package/dist/components/nav/index.d.ts +1 -0
  32. package/dist/components/nav/nav-expanded-charity.d.ts +2 -1
  33. package/dist/components/nav/nav-myaccount.d.ts +22 -0
  34. package/dist/components/nav/nav.d.ts +1 -0
  35. package/dist/components/nav/nav.stories.d.ts +6 -0
  36. package/dist/components/phone-number-input/index.d.ts +2 -0
  37. package/dist/components/phone-number-input/phone-number-input-v1.d.ts +25 -0
  38. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -0
  39. package/dist/components/phone-number-input/phone-number-input.d.ts +2 -1
  40. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +24 -0
  41. package/dist/components/select/SelectV2.d.ts +24 -0
  42. package/dist/components/select/index.d.ts +2 -0
  43. package/dist/components/select/select-enhanced.d.ts +23 -0
  44. package/dist/components/select/select-v2.d.ts +26 -0
  45. package/dist/components/select/select.d.ts +4 -2
  46. package/dist/components/select/select.stories.d.ts +12 -0
  47. package/dist/components/switch/index.d.ts +1 -0
  48. package/dist/components/switch/switch-v2.d.ts +8 -0
  49. package/dist/components/switch/switch.stories.d.ts +6 -0
  50. package/dist/components/table/partner-monthly-table.d.ts +2 -1
  51. package/dist/components/text-field/text-field-search.d.ts +2 -1
  52. package/dist/components/toast/Icons.d.ts +7 -0
  53. package/dist/components/toast/index.d.ts +1 -0
  54. package/dist/components/toast/toast.d.ts +8 -0
  55. package/dist/components/{line-chart copy/partner-line-chart-block.stories.d.ts → toast/toast.stories.d.ts} +1 -1
  56. package/dist/components/transaction-card/Dot.d.ts +6 -0
  57. package/dist/components/transaction-card/index.d.ts +1 -0
  58. package/dist/components/transaction-card/transaction-card.d.ts +14 -0
  59. package/dist/components/{choose-charity-card copy/choose-charity-card.stories.d.ts → transaction-card/transaction-card.stories.d.ts} +2 -2
  60. package/dist/index.esm.js +6632 -546
  61. package/dist/index.js +6639 -541
  62. package/package.json +2 -1
  63. package/dist/components/choose-/index.d.ts +0 -1
  64. package/dist/components/choose-/start-fundraise-card.d.ts +0 -10
  65. package/dist/components/choose-/start-fundraise-card.stories.d.ts +0 -14
  66. package/dist/components/choose-charity-card/choose-charity-card.d.ts +0 -10
  67. package/dist/components/choose-charity-card/choose-charity-card.stories.d.ts +0 -14
  68. package/dist/components/choose-charity-card/index.d.ts +0 -1
  69. package/dist/components/choose-charity-card/start-fundraise-card.d.ts +0 -10
  70. package/dist/components/choose-charity-card/start-fundraise-card.stories.d.ts +0 -14
  71. package/dist/components/choose-charity-card copy/choose-charity-card.d.ts +0 -10
  72. package/dist/components/choose-charity-card copy/index.d.ts +0 -1
  73. package/dist/components/favorite-charity-item/choose-charity-card.d.ts +0 -10
  74. package/dist/components/favorite-charity-item/choose-charity-card.stories.d.ts +0 -14
  75. package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +0 -6
  76. package/dist/components/green-dashboard-sidebar/index.d.ts +0 -1
  77. package/dist/components/line-chart/index.d.ts +0 -1
  78. package/dist/components/line-chart/line-chart-component.d.ts +0 -6
  79. package/dist/components/line-chart/line-chart.d.ts +0 -6
  80. package/dist/components/line-chart/line-chart.stories.d.ts +0 -9
  81. package/dist/components/line-chart/parnert-line-chart.d.ts +0 -3
  82. package/dist/components/line-chart/parnert-line-chart.stories.d.ts +0 -12
  83. package/dist/components/line-chart/partner-line-chart-block copy.d.ts +0 -0
  84. package/dist/components/line-chart/partner-line-chart-block.d.ts +0 -10
  85. package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +0 -12
  86. package/dist/components/line-chart/partner-line-chart.d.ts +0 -3
  87. package/dist/components/line-chart/partner-line-chart.stories-block.d.ts +0 -12
  88. package/dist/components/line-chart/partner-line-chart.stories.d.ts +0 -12
  89. package/dist/components/line-chart copy/index.d.ts +0 -2
  90. package/dist/components/line-chart copy/partner-line-chart-block.d.ts +0 -10
  91. package/dist/components/line-chart copy/partner-line-chart.d.ts +0 -3
  92. package/dist/components/line-chartjs/index.d.ts +0 -1
  93. package/dist/components/line-chartjs/partner-line-chart-block.d.ts +0 -10
  94. package/dist/components/line-chartjs/partner-line-chart-block.stories.d.ts +0 -12
  95. package/dist/components/line-chartjs/partner-line-chart.d.ts +0 -3
  96. package/dist/components/my-account-choose-charity-card/choose-charity-card.d.ts +0 -10
  97. package/dist/components/my-account-choose-charity-card/choose-charity-card.stories.d.ts +0 -14
  98. package/dist/components/my-account-start-fundraise-card/start-fundraise-card.d.ts +0 -10
  99. package/dist/components/my-account-start-fundraise-card/start-fundraise-card.stories.d.ts +0 -14
  100. package/dist/components/parnert-monthly-stats/index.d.ts +0 -1
  101. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts +0 -7
  102. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts +0 -12
  103. package/dist/components/partner-chart-stats/partner-monthly-stats.d.ts +0 -7
  104. package/dist/components/partner-chart-stats/partner-monthly-stats.stories.d.ts +0 -12
  105. package/dist/components/partner-monthly-stats copy/index.d.ts +0 -1
  106. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.d.ts +0 -7
  107. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.stories.d.ts +0 -12
  108. package/dist/components/partner-monthly-table/index.d.ts +0 -1
  109. package/dist/components/partner-monthly-table/partner-monthly-table.d.ts +0 -7
  110. package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts +0 -12
  111. package/dist/components/partner-thismonth-stats/index.d.ts +0 -1
  112. package/dist/components/partner-thismonth-stats/partner-monthly-stats.d.ts +0 -7
  113. package/dist/components/partner-thismonth-stats/partner-monthly-stats.stories.d.ts +0 -12
  114. package/dist/components/start-campaign-card copy/index.d.ts +0 -1
  115. package/dist/components/start-campaign-card copy/start-campaign-card.d.ts +0 -8
  116. package/dist/components/start-campaign-card copy/start-campaign-card.stories.d.ts +0 -14
  117. package/dist/components/start-fundraise-card/index.d.ts +0 -1
  118. package/dist/components/start-fundraise-card/start-campaign-card.d.ts +0 -8
  119. package/dist/components/start-fundraise-card/start-campaign-card.stories.d.ts +0 -14
  120. package/dist/components/start-fundraise-card/start-fundraise-card.d.ts +0 -10
  121. package/dist/components/start-fundraise-card/start-fundraise-card.stories.d.ts +0 -14
  122. package/dist/components/start-fundraise-card copy/index.d.ts +0 -1
  123. package/dist/components/start-fundraise-card copy/start-fundraise-card.d.ts +0 -10
  124. package/dist/components/start-fundraise-card copy/start-fundraise-card.stories.d.ts +0 -14
@@ -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
+ };
@@ -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;