@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.
- package/CHANGELOG.md +180 -0
- package/README.md +9 -0
- package/dist/components/campaign-card/campaign-card.d.ts +9 -0
- package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
- package/dist/components/campaign-card/index.d.ts +1 -0
- package/dist/components/campaign-of-month/campaign-of-month.d.ts +14 -0
- package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
- package/dist/components/campaign-of-month/index.d.ts +1 -0
- package/dist/components/charity-card/charity-card.d.ts +7 -0
- package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
- package/dist/components/charity-card/index.d.ts +1 -0
- package/dist/components/combo-field/combo-field.d.ts +4 -1
- package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
- package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
- package/dist/components/comment-section/comment-section.d.ts +23 -2
- package/dist/components/comment-section/comment-section.stories.d.ts +6 -0
- package/dist/components/comment-section/index.d.ts +2 -1
- package/dist/components/comment-section/sub-comments.d.ts +6 -0
- package/dist/components/cropper/cropper.d.ts +4 -2
- package/dist/components/cropper/cropper.stories.d.ts +1 -2
- package/dist/components/date-picker/single-date-picker.d.ts +3 -2
- package/dist/components/donate-card/donate-card.d.ts +8 -0
- package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
- package/dist/components/donate-card/index.d.ts +1 -0
- package/dist/components/donation-form/donation-details.d.ts +12 -0
- package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
- package/dist/components/donation-form/donation-form.d.ts +64 -0
- package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
- package/dist/components/donation-form/donation-payment.d.ts +13 -0
- package/dist/components/donation-form/donation-select.d.ts +13 -0
- package/dist/components/donation-form/index.d.ts +2 -0
- package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
- package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
- package/dist/components/featured-campaign-card/index.d.ts +1 -0
- package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
- package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
- package/dist/components/fundraising-section/index.d.ts +1 -0
- package/dist/components/hero-banner/hero-banner.d.ts +9 -0
- package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
- package/dist/components/hero-banner/index.d.ts +1 -0
- package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
- package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
- package/dist/components/horizontalbar/index.d.ts +1 -0
- package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts} +3 -3
- package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +1 -1
- package/dist/components/icon/index.d.ts +1 -1
- package/dist/components/index.d.ts +16 -0
- package/dist/components/info-represent-campaign/index.d.ts +1 -0
- package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
- package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
- package/dist/components/list/list.d.ts +28 -14
- package/dist/components/list/list.stories.d.ts +8 -2
- package/dist/components/login/index.d.ts +1 -0
- package/dist/components/login/login.d.ts +15 -0
- package/dist/components/{phone-number-input/phone-number-field.stories.d.ts → login/login.stories.d.ts} +2 -2
- package/dist/components/logo/logo-type.d.ts +2 -1
- package/dist/components/modal/modal.d.ts +1 -1
- package/dist/components/nav/icons/IconBigger.d.ts +5 -0
- package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
- package/dist/components/nav/index.d.ts +1 -0
- package/dist/components/nav/nav-actions.d.ts +5 -0
- package/dist/components/nav/nav-bar.d.ts +7 -0
- package/dist/components/nav/nav-call-to-action.d.ts +5 -0
- package/dist/components/nav/nav-expanded-charity.d.ts +13 -0
- package/dist/components/nav/nav-expanded.d.ts +14 -0
- package/dist/components/nav/nav-list.d.ts +29 -0
- package/dist/components/nav/nav-menu-control.d.ts +8 -0
- package/dist/components/nav/nav-menu.d.ts +12 -0
- package/dist/components/nav/nav-search-control.d.ts +8 -0
- package/dist/components/nav/nav-search.d.ts +10 -0
- package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
- package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
- package/dist/components/nav/nav-user-menu.d.ts +18 -0
- package/dist/components/nav/nav.d.ts +56 -0
- package/dist/components/nav/nav.stories.d.ts +11 -0
- package/dist/components/navigation/navigation-list.d.ts +3 -1
- package/dist/components/navigation/navigation-menu.d.ts +2 -1
- package/dist/components/navigation/navigation-sign-in-control.d.ts +6 -3
- package/dist/components/navigation/navigation.d.ts +12 -1
- package/dist/components/navigation/navigation.stories.d.ts +3 -21
- package/dist/components/partner-dashboard-chart/chart.d.ts +3 -0
- package/dist/components/partner-dashboard-chart/chart.stories.d.ts +14 -0
- package/dist/components/partner-dashboard-chart/index.d.ts +1 -0
- package/dist/components/phone-number-input/phone-number-input.d.ts +3 -1
- package/dist/components/popup/index.d.ts +1 -0
- package/dist/components/popup/popup.d.ts +8 -0
- package/dist/components/popup/popup.stories.d.ts +14 -0
- package/dist/components/progressbar/index.d.ts +1 -0
- package/dist/components/progressbar/progressbar.d.ts +8 -0
- package/dist/components/progressbar/progressbar.stories.d.ts +14 -0
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/spinner/index.d.ts +1 -0
- package/dist/components/spinner/spinner.d.ts +8 -0
- package/dist/components/{comments/comments.stories.d.ts → spinner/spinner.stories.d.ts} +3 -2
- package/dist/components/start-campaign-card/index.d.ts +1 -0
- package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
- package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
- package/dist/components/statistics/statistics.d.ts +2 -1
- package/dist/components/tabs/nav-tabs.d.ts +18 -0
- package/dist/components/tabs/tabs.d.ts +3 -1
- package/dist/components/text-field/text-field.d.ts +1 -0
- package/dist/index.esm.js +4433 -1501
- package/dist/index.js +4452 -1502
- package/dist/theme/theme.d.ts +4 -0
- package/dist/utils/parse-numbers.d.ts +2 -0
- package/package.json +4 -1
- package/styles/index.css +4 -0
- package/dist/components/comments/comments.d.ts +0 -5
- package/dist/components/comments/index.d.ts +0 -1
- 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
|
-
|
|
2
|
+
import { ColorSpecifier } from "../../theme/theme";
|
|
3
|
+
interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
|
|
3
4
|
analyticsId?: string;
|
|
4
5
|
compact?: boolean;
|
|
5
|
-
|
|
6
|
+
handleonRequestSignIn: () => void;
|
|
7
|
+
color?: ColorSpecifier;
|
|
8
|
+
noIcon?: boolean;
|
|
6
9
|
}
|
|
7
|
-
declare function NavigationSignInControl({ analyticsId,
|
|
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
|
|
6
|
+
export declare const NavigationDemo: {
|
|
7
7
|
(): JSX.Element;
|
|
8
8
|
story: {
|
|
9
9
|
name: string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const NavigationDemo2: {
|
|
13
13
|
(): JSX.Element;
|
|
14
14
|
story: {
|
|
15
15
|
name: string;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
|
-
export declare const
|
|
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,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,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";
|
|
@@ -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
|
|
8
|
-
():
|
|
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>>;
|