@mycause/ui 0.0.0-cfca5315 → 0.0.0-cff699ab

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 (110) hide show
  1. package/CHANGELOG.md +180 -0
  2. package/README.md +9 -0
  3. package/dist/components/campaign-card/campaign-card.d.ts +9 -0
  4. package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
  5. package/dist/components/campaign-card/index.d.ts +1 -0
  6. package/dist/components/campaign-of-month/campaign-of-month.d.ts +14 -0
  7. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
  8. package/dist/components/campaign-of-month/index.d.ts +1 -0
  9. package/dist/components/charity-card/charity-card.d.ts +7 -0
  10. package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
  11. package/dist/components/charity-card/index.d.ts +1 -0
  12. package/dist/components/combo-field/combo-field.d.ts +4 -1
  13. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  14. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  15. package/dist/components/comment-section/comment-section.d.ts +23 -2
  16. package/dist/components/comment-section/comment-section.stories.d.ts +6 -0
  17. package/dist/components/comment-section/index.d.ts +2 -1
  18. package/dist/components/comment-section/sub-comments.d.ts +6 -0
  19. package/dist/components/cropper/cropper.d.ts +4 -2
  20. package/dist/components/cropper/cropper.stories.d.ts +1 -2
  21. package/dist/components/date-picker/single-date-picker.d.ts +3 -2
  22. package/dist/components/donate-card/donate-card.d.ts +8 -0
  23. package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
  24. package/dist/components/donate-card/index.d.ts +1 -0
  25. package/dist/components/donation-form/donation-details.d.ts +12 -0
  26. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  27. package/dist/components/donation-form/donation-form.d.ts +64 -0
  28. package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
  29. package/dist/components/donation-form/donation-payment.d.ts +13 -0
  30. package/dist/components/donation-form/donation-select.d.ts +13 -0
  31. package/dist/components/donation-form/index.d.ts +2 -0
  32. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
  33. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
  34. package/dist/components/featured-campaign-card/index.d.ts +1 -0
  35. package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
  36. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
  37. package/dist/components/fundraising-section/index.d.ts +1 -0
  38. package/dist/components/hero-banner/hero-banner.d.ts +9 -0
  39. package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
  40. package/dist/components/hero-banner/index.d.ts +1 -0
  41. package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
  42. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
  43. package/dist/components/horizontalbar/index.d.ts +1 -0
  44. package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts} +3 -3
  45. package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +1 -1
  46. package/dist/components/icon/index.d.ts +1 -1
  47. package/dist/components/index.d.ts +16 -0
  48. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  49. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  50. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  51. package/dist/components/list/list.d.ts +28 -14
  52. package/dist/components/list/list.stories.d.ts +8 -2
  53. package/dist/components/login/index.d.ts +1 -0
  54. package/dist/components/login/login.d.ts +15 -0
  55. package/dist/components/{phone-number-input/phone-number-field.stories.d.ts → login/login.stories.d.ts} +2 -2
  56. package/dist/components/logo/logo-type.d.ts +2 -1
  57. package/dist/components/modal/modal.d.ts +1 -1
  58. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  59. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  60. package/dist/components/nav/index.d.ts +1 -0
  61. package/dist/components/nav/nav-actions.d.ts +5 -0
  62. package/dist/components/nav/nav-bar.d.ts +7 -0
  63. package/dist/components/nav/nav-call-to-action.d.ts +5 -0
  64. package/dist/components/nav/nav-expanded-charity.d.ts +13 -0
  65. package/dist/components/nav/nav-expanded.d.ts +14 -0
  66. package/dist/components/nav/nav-list.d.ts +29 -0
  67. package/dist/components/nav/nav-menu-control.d.ts +8 -0
  68. package/dist/components/nav/nav-menu.d.ts +12 -0
  69. package/dist/components/nav/nav-search-control.d.ts +8 -0
  70. package/dist/components/nav/nav-search.d.ts +10 -0
  71. package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
  72. package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
  73. package/dist/components/nav/nav-user-menu.d.ts +18 -0
  74. package/dist/components/nav/nav.d.ts +56 -0
  75. package/dist/components/nav/nav.stories.d.ts +11 -0
  76. package/dist/components/navigation/navigation-list.d.ts +3 -1
  77. package/dist/components/navigation/navigation-menu.d.ts +2 -1
  78. package/dist/components/navigation/navigation-sign-in-control.d.ts +6 -3
  79. package/dist/components/navigation/navigation.d.ts +12 -1
  80. package/dist/components/navigation/navigation.stories.d.ts +3 -21
  81. package/dist/components/partner-dashboard-chart/chart.d.ts +3 -0
  82. package/dist/components/partner-dashboard-chart/chart.stories.d.ts +14 -0
  83. package/dist/components/partner-dashboard-chart/index.d.ts +1 -0
  84. package/dist/components/phone-number-input/phone-number-input.d.ts +3 -1
  85. package/dist/components/popup/index.d.ts +1 -0
  86. package/dist/components/popup/popup.d.ts +8 -0
  87. package/dist/components/popup/popup.stories.d.ts +14 -0
  88. package/dist/components/progressbar/index.d.ts +1 -0
  89. package/dist/components/progressbar/progressbar.d.ts +8 -0
  90. package/dist/components/progressbar/progressbar.stories.d.ts +14 -0
  91. package/dist/components/select/select.d.ts +2 -1
  92. package/dist/components/spinner/index.d.ts +1 -0
  93. package/dist/components/spinner/spinner.d.ts +8 -0
  94. package/dist/components/{comments/comments.stories.d.ts → spinner/spinner.stories.d.ts} +3 -2
  95. package/dist/components/start-campaign-card/index.d.ts +1 -0
  96. package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
  97. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
  98. package/dist/components/statistics/statistics.d.ts +2 -1
  99. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  100. package/dist/components/tabs/tabs.d.ts +3 -1
  101. package/dist/components/text-field/text-field.d.ts +1 -0
  102. package/dist/index.esm.js +4433 -1501
  103. package/dist/index.js +4452 -1502
  104. package/dist/theme/theme.d.ts +4 -0
  105. package/dist/utils/parse-numbers.d.ts +2 -0
  106. package/package.json +4 -1
  107. package/styles/index.css +4 -0
  108. package/dist/components/comments/comments.d.ts +0 -5
  109. package/dist/components/comments/index.d.ts +0 -1
  110. package/dist/components/phone-number-input/phone-number-field.d.ts +0 -23
@@ -5,7 +5,8 @@ export declare type NavigationMenuProps = {
5
5
  onClickItem: (id: string) => void;
6
6
  sublinks: Array<HybridNavigationLink> | null;
7
7
  action: HybridNavigationLink | null;
8
+ actionRaised?: HybridNavigationLink | null;
8
9
  active: string | null;
9
10
  };
10
- export declare function NavigationMenu({ links, sublinks, action, active, onClickItem, }: NavigationMenuProps): JSX.Element;
11
+ export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): JSX.Element;
11
12
  export default NavigationMenu;
@@ -1,8 +1,11 @@
1
1
  import React from "react";
2
- interface NavigationSignInControlProps extends React.HTMLProps<HTMLDivElement> {
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
3
4
  analyticsId?: string;
4
5
  compact?: boolean;
5
- onRequestSignIn: () => void;
6
+ handleonRequestSignIn: () => void;
7
+ color?: ColorSpecifier;
8
+ noIcon?: boolean;
6
9
  }
7
- declare function NavigationSignInControl({ analyticsId, onRequestSignIn, compact, className, ...rest }: NavigationSignInControlProps): JSX.Element;
10
+ declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
8
11
  export default NavigationSignInControl;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
2
3
  import { ButtonProps } from "../button/button";
3
4
  import NavigationMenu from "./navigation-menu";
4
5
  import { HybridNavigationLink } from "./navigation-list";
@@ -8,10 +9,13 @@ declare type NavigationMenu = {
8
9
  id: string;
9
10
  label: React.ReactNode;
10
11
  analyticsId?: string;
12
+ hidden?: boolean;
11
13
  items: Array<HybridNavigationLink & {
12
14
  submenu?: Array<HybridNavigationLink>;
13
15
  }>;
14
16
  action?: HybridNavigationLink;
17
+ actionRaised?: HybridNavigationLink;
18
+ onClick?: () => void;
15
19
  };
16
20
  declare type SearchAction = {
17
21
  analyticsId?: string;
@@ -20,6 +24,8 @@ declare type SearchAction = {
20
24
  declare type LoginAction = {
21
25
  analyticsId?: string;
22
26
  onLogin: () => void;
27
+ color?: ColorSpecifier;
28
+ noIcon?: boolean;
23
29
  };
24
30
  declare type StatsItemProps = {
25
31
  id: string;
@@ -33,12 +39,17 @@ export declare type NavigationProps = {
33
39
  links?: Array<HybridNavigationLink>;
34
40
  stats?: Array<StatsItemProps>;
35
41
  cta?: ButtonProps | null;
42
+ cta2?: ButtonProps & {
43
+ targetTab?: string;
44
+ } | null;
36
45
  user?: UserData | null;
37
46
  login?: LoginAction | null;
38
47
  userMenu?: Array<UserMenuItemWithSubmenu>;
39
48
  search?: SearchAction | null;
40
49
  isSticky?: boolean;
41
50
  isCompactHeight?: boolean;
51
+ setSearchToLeft?: boolean;
52
+ menuReverse?: boolean;
42
53
  };
43
- declare function Navigation({ logo, menus, links, stats, cta, user, userMenu, search, login, isSticky, isCompactHeight, }: NavigationProps): JSX.Element;
54
+ declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
44
55
  export default Navigation;
@@ -3,37 +3,19 @@ declare const _default: {
3
3
  title: string;
4
4
  };
5
5
  export default _default;
6
- export declare const full: {
6
+ export declare const NavigationDemo: {
7
7
  (): JSX.Element;
8
8
  story: {
9
9
  name: string;
10
10
  };
11
11
  };
12
- export declare const list: {
12
+ export declare const NavigationDemo2: {
13
13
  (): JSX.Element;
14
14
  story: {
15
15
  name: string;
16
16
  };
17
17
  };
18
- export declare const listLarge: {
19
- (): JSX.Element;
20
- story: {
21
- name: string;
22
- };
23
- };
24
- export declare const menu: {
25
- (): JSX.Element;
26
- story: {
27
- name: string;
28
- };
29
- };
30
- export declare const expanded: {
31
- (): JSX.Element;
32
- story: {
33
- name: string;
34
- };
35
- };
36
- export declare const search: {
18
+ export declare const NavigationDemo2SupportLink: {
37
19
  (): JSX.Element;
38
20
  story: {
39
21
  name: string;
@@ -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";
@@ -18,6 +18,8 @@ declare type PhoneNumberInputProps = {
18
18
  helperText?: React.ReactNode;
19
19
  required?: boolean;
20
20
  defaultCountry?: CountryCode;
21
+ placeholder?: string;
22
+ color?: string;
21
23
  };
22
- declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, }: PhoneNumberInputProps): JSX.Element;
24
+ declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
23
25
  export default PhoneNumberInput;
@@ -0,0 +1 @@
1
+ export { default as Popup } from "./popup";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface CampaignCardProps {
3
+ className?: string;
4
+ title?: string;
5
+ description?: string;
6
+ }
7
+ declare const Popup: ({ className, title, description, }: CampaignCardProps) => JSX.Element;
8
+ export default Popup;
@@ -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, description, }: import("./popup").CampaignCardProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const popup: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -0,0 +1 @@
1
+ export { default as ProgressBar } from "./progressbar";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface ProgressBarProps {
3
+ className?: string;
4
+ completed?: number;
5
+ barColor?: string;
6
+ }
7
+ declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => JSX.Element;
8
+ export default ProgressBar;
@@ -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, completed, barColor, }: import("./progressbar").ProgressBarProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const progressbar: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -16,7 +16,8 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
16
16
  helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
17
17
  isHelperTextPersistent?: boolean;
18
18
  noArrow?: boolean;
19
+ color?: string;
19
20
  error?: boolean | string;
20
21
  }
21
- declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, ...rest }: SelectProps) => JSX.Element;
22
+ declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
22
23
  export default Select;
@@ -0,0 +1 @@
1
+ export { default as Spinner } from "./spinner";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface SpinnerProps {
3
+ id?: string;
4
+ className?: string;
5
+ style?: any;
6
+ }
7
+ declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => JSX.Element;
8
+ export default Spinner;
@@ -1,11 +1,12 @@
1
+ /// <reference types="react" />
1
2
  import CenterDecorator from "../../utils/center-decorator";
2
3
  declare const _default: {
3
4
  title: string;
4
5
  decorators: (typeof CenterDecorator)[];
5
6
  };
6
7
  export default _default;
7
- export declare const CommentsStory: {
8
- (): boolean;
8
+ export declare const SpinnerStoriesDefault: {
9
+ (): JSX.Element;
9
10
  story: {
10
11
  name: string;
11
12
  };
@@ -0,0 +1 @@
1
+ export { default as StartCampaignCard } from "./start-campaign-card";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface StartCampaignCardProps {
3
+ className?: string;
4
+ title?: string;
5
+ description?: string;
6
+ }
7
+ declare const StartCampaignCard: ({ className, title, description, }: StartCampaignCardProps) => JSX.Element;
8
+ export default StartCampaignCard;
@@ -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, description, }: import("./start-campaign-card").StartCampaignCardProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const startcampaincard: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -7,6 +7,7 @@ export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
7
7
  logo: string;
8
8
  }>;
9
9
  title: string;
10
+ dark?: boolean;
10
11
  }
11
- declare function Statistics({ title, stats, className, ...rest }: StatisticsProps): JSX.Element;
12
+ declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): JSX.Element;
12
13
  export default Statistics;
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { TabBarProps } from "./tab-bar";
3
+ import { TabProps } from "./tab";
4
+ interface TabOptions extends Omit<TabProps, "children" | "label"> {
5
+ key: string;
6
+ label: React.ReactNode;
7
+ }
8
+ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
9
+ tabs: Array<TabOptions & {
10
+ hidden?: boolean;
11
+ }>;
12
+ active?: string | null;
13
+ onActiveUpdate: (key: string) => void;
14
+ isCompactHeight?: boolean;
15
+ isDark?: boolean;
16
+ }
17
+ declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
18
+ export default NavTabs;
@@ -6,7 +6,9 @@ interface TabOptions extends Omit<TabProps, "children" | "label"> {
6
6
  label: React.ReactNode;
7
7
  }
8
8
  interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
9
- tabs: Array<TabOptions>;
9
+ tabs: Array<TabOptions & {
10
+ hidden?: boolean;
11
+ }>;
10
12
  active?: string | null;
11
13
  onActiveUpdate: (key: string) => void;
12
14
  isCompactHeight?: boolean;
@@ -19,6 +19,7 @@ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>,
19
19
  list?: string;
20
20
  className?: string;
21
21
  required?: boolean;
22
+ color?: string;
22
23
  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
23
24
  }
24
25
  declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;