@mycause/ui 0.0.0-cfca5315 → 0.0.0-cfddcbe2
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 +283 -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 +15 -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/date-picker.stories.d.ts +6 -0
- package/dist/components/date-picker/index.d.ts +1 -0
- package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
- 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/favorite-charity-item/favorite-charity-item.d.ts +15 -0
- package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -0
- package/dist/components/favorite-charity-item/index.d.ts +1 -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/field-helpers/field-label.d.ts +2 -1
- package/dist/components/footerV2/footerV2.d.ts +35 -0
- package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
- package/dist/components/footerV2/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 +35 -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/input/InputDefault.d.ts +13 -0
- package/dist/components/input/index.d.ts +1 -0
- package/dist/components/input/input.stories.d.ts +24 -0
- package/dist/components/input-social/Icons.d.ts +5 -0
- package/dist/components/input-social/InputSocial.d.ts +12 -0
- package/dist/components/input-social/index.d.ts +1 -0
- package/dist/components/input-social/input-social.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/index.d.ts +1 -0
- package/dist/components/modal/modal-image.d.ts +8 -0
- package/dist/components/modal/modal.d.ts +5 -2
- package/dist/components/modal/modal.stories.d.ts +12 -0
- package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
- package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
- package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -0
- package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
- package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -0
- package/dist/components/my-account-frp-closed/frp-information.d.ts +13 -0
- package/dist/components/my-account-frp-closed/index.d.ts +1 -0
- package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +17 -0
- package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
- package/dist/components/my-account-frp-preview/Icon.d.ts +5 -0
- package/dist/components/my-account-frp-preview/frp-information.d.ts +13 -0
- package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +9 -0
- package/dist/components/my-account-frp-preview/index.d.ts +1 -0
- package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +17 -0
- package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -0
- package/dist/components/my-account-sidebar/Icon.d.ts +15 -0
- package/dist/components/my-account-sidebar/index.d.ts +1 -0
- package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +19 -0
- package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -0
- package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +13 -0
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +20 -0
- package/dist/components/my-account-stats-donated/index.d.ts +1 -0
- package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +8 -0
- package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -0
- package/dist/components/my-account-stats-raised/index.d.ts +1 -0
- package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +7 -0
- package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -0
- 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 +2 -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 +14 -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-myaccount.d.ts +22 -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 +57 -0
- package/dist/components/nav/nav.stories.d.ts +17 -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-chart-stats/index.d.ts +1 -0
- package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
- package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
- package/dist/components/partner-monthly-donations/index.d.ts +1 -0
- package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
- package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
- package/dist/components/partner-monthly-stats/index.d.ts +1 -0
- package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
- package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
- package/dist/components/partner-toggle-button/index.d.ts +2 -0
- package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
- package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
- package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
- package/dist/components/phone-number-input/index.d.ts +2 -0
- package/dist/components/phone-number-input/{phone-number-field.d.ts → phone-number-input-v1.d.ts} +5 -3
- package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -0
- package/dist/components/phone-number-input/phone-number-input.d.ts +4 -1
- package/dist/components/phone-number-input/phone-number-input.stories.d.ts +24 -0
- 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/progress-bar-circle.d.ts +10 -0
- package/dist/components/progressbar/progressbar.d.ts +8 -0
- package/dist/components/progressbar/progressbar.stories.d.ts +20 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/select-enhanced.d.ts +23 -0
- package/dist/components/select/select-v2.d.ts +26 -0
- package/dist/components/select/select.d.ts +5 -2
- package/dist/components/select/select.stories.d.ts +12 -0
- 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/switch/index.d.ts +1 -0
- package/dist/components/switch/switch-v2.d.ts +8 -0
- package/dist/components/switch/switch.stories.d.ts +6 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/table/partner-monthly-table.d.ts +17 -0
- package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
- package/dist/components/tabs/nav-tabs.d.ts +18 -0
- package/dist/components/tabs/tabs.d.ts +3 -1
- package/dist/components/text-field/index.d.ts +1 -0
- package/dist/components/text-field/text-field-search.d.ts +10 -0
- package/dist/components/text-field/text-field.d.ts +1 -0
- package/dist/components/text-field/text-field.stories.d.ts +6 -0
- package/dist/components/this-month-card/index.d.ts +1 -0
- package/dist/components/this-month-card/this-month-card.d.ts +15 -0
- package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
- package/dist/components/toast/Icons.d.ts +7 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/toast/toast.d.ts +8 -0
- package/dist/components/toast/toast.stories.d.ts +12 -0
- package/dist/components/transaction-card/Dot.d.ts +6 -0
- package/dist/components/transaction-card/index.d.ts +1 -0
- package/dist/components/transaction-card/transaction-card.d.ts +14 -0
- package/dist/components/transaction-card/transaction-card.stories.d.ts +14 -0
- package/dist/components/uploader/Icons.d.ts +6 -0
- package/dist/components/uploader/index.d.ts +1 -0
- package/dist/components/uploader/uploadAndCropper.d.ts +13 -0
- package/dist/index.esm.js +29704 -1762
- package/dist/index.js +29750 -1759
- package/dist/theme/theme.d.ts +4 -0
- package/dist/utils/parse-numbers.d.ts +2 -0
- package/package.json +7 -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
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
|
|
3
|
+
export declare type UserData = {
|
|
4
|
+
name: string;
|
|
5
|
+
avatar?: {
|
|
6
|
+
src: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
|
|
10
|
+
interface NavigationUserMenuProps {
|
|
11
|
+
user: UserData;
|
|
12
|
+
items?: UserMenuItems;
|
|
13
|
+
isOpen?: boolean;
|
|
14
|
+
onChangeOpen: (isOpen: boolean) => void;
|
|
15
|
+
isCompact?: boolean;
|
|
16
|
+
}
|
|
17
|
+
declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
|
|
18
|
+
export default NavigationUserMenu;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColorSpecifier } from "../../theme/theme";
|
|
3
|
+
import { ButtonProps } from "../button/button";
|
|
4
|
+
import NavigationMenu from "./nav-menu";
|
|
5
|
+
import { HybridNavigationLink } from "./nav-list";
|
|
6
|
+
import { UserData } from "./nav-user-menu";
|
|
7
|
+
import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
|
|
8
|
+
declare type NavigationMenu = {
|
|
9
|
+
id: string;
|
|
10
|
+
label: React.ReactNode;
|
|
11
|
+
analyticsId?: string;
|
|
12
|
+
hidden?: boolean;
|
|
13
|
+
items: Array<HybridNavigationLink & {
|
|
14
|
+
submenu?: Array<HybridNavigationLink>;
|
|
15
|
+
}>;
|
|
16
|
+
action?: HybridNavigationLink;
|
|
17
|
+
actionRaised?: HybridNavigationLink;
|
|
18
|
+
loginRaised?: HybridNavigationLink | null;
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
};
|
|
21
|
+
declare type SearchAction = {
|
|
22
|
+
analyticsId?: string;
|
|
23
|
+
onSearch: (query: string) => void;
|
|
24
|
+
};
|
|
25
|
+
declare type LoginAction = {
|
|
26
|
+
analyticsId?: string;
|
|
27
|
+
onLogin: () => void;
|
|
28
|
+
color?: ColorSpecifier;
|
|
29
|
+
noIcon?: boolean;
|
|
30
|
+
};
|
|
31
|
+
declare type StatsItemProps = {
|
|
32
|
+
id: string;
|
|
33
|
+
label: string;
|
|
34
|
+
value: string;
|
|
35
|
+
logo: string;
|
|
36
|
+
};
|
|
37
|
+
export declare type NavigationProps = {
|
|
38
|
+
logo?: React.ReactNode;
|
|
39
|
+
menus?: Array<NavigationMenu>;
|
|
40
|
+
links?: Array<HybridNavigationLink>;
|
|
41
|
+
stats?: Array<StatsItemProps>;
|
|
42
|
+
cta?: ButtonProps | null;
|
|
43
|
+
cta2?: ButtonProps & {
|
|
44
|
+
targetTab?: string;
|
|
45
|
+
} | null;
|
|
46
|
+
user?: UserData | null;
|
|
47
|
+
login?: LoginAction | null;
|
|
48
|
+
userMenu?: Array<UserMenuItemWithSubmenu>;
|
|
49
|
+
search?: SearchAction | null;
|
|
50
|
+
isSticky?: boolean;
|
|
51
|
+
isCompactHeight?: boolean;
|
|
52
|
+
setSearchToLeft?: boolean;
|
|
53
|
+
menuReverse?: boolean;
|
|
54
|
+
isDark?: boolean;
|
|
55
|
+
};
|
|
56
|
+
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
|
|
57
|
+
export default Navigation;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const NavigationDemo2SupportLink: {
|
|
7
|
+
(): JSX.Element;
|
|
8
|
+
story: {
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const NavigationMyaccount: {
|
|
13
|
+
(): JSX.Element;
|
|
14
|
+
story: {
|
|
15
|
+
name: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -3,6 +3,7 @@ export declare type HrefNavigationLink = {
|
|
|
3
3
|
href: string;
|
|
4
4
|
label: React.ReactNode;
|
|
5
5
|
analyticsId?: string;
|
|
6
|
+
icon?: string;
|
|
6
7
|
};
|
|
7
8
|
export declare type ClickNavigationLink = {
|
|
8
9
|
onClick?: () => void;
|
|
@@ -10,6 +11,7 @@ export declare type ClickNavigationLink = {
|
|
|
10
11
|
label: React.ReactNode;
|
|
11
12
|
more?: boolean;
|
|
12
13
|
analyticsId?: string;
|
|
14
|
+
icon?: string;
|
|
13
15
|
};
|
|
14
16
|
export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
|
|
15
17
|
export declare type NavigationListItem = HybridNavigationLink & {
|
|
@@ -18,7 +20,7 @@ export declare type NavigationListItem = HybridNavigationLink & {
|
|
|
18
20
|
export declare type NavigationMenuListProps = {
|
|
19
21
|
items: Array<NavigationListItem>;
|
|
20
22
|
onClickItem?: (id: string) => void;
|
|
21
|
-
size?: "normal" | "large";
|
|
23
|
+
size?: "normal" | "large" | "long";
|
|
22
24
|
active?: string | null;
|
|
23
25
|
};
|
|
24
26
|
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
|
|
@@ -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 @@
|
|
|
1
|
+
export { default as PartnerChartStats } from "./partner-chart-stats";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PartnerChartStatsProps {
|
|
3
|
+
currentYearData?: Array<number>;
|
|
4
|
+
totalDonation?: string;
|
|
5
|
+
amount?: number;
|
|
6
|
+
title: string;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
|
|
11
|
+
export default PartnerChartStats;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const PartnerChartStatsActive: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export declare const PartnerChartStatsStories: {
|
|
14
|
+
(): JSX.Element;
|
|
15
|
+
story: {
|
|
16
|
+
name: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PartnerMonthlyDonations, } from "./partner-monthly-donations";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PartnerMonthlyDonationsProps {
|
|
3
|
+
totalAmount?: number;
|
|
4
|
+
numberOfDonations?: number;
|
|
5
|
+
donationsLink?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
|
|
8
|
+
export default PartnerMonthlyDonations;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const PartnerMonthlyStatsStories: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PartnerMonthlyStats } from "./partner-monthly-stats";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const PartnerMonthlyStatsStories: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface PartnerToggleButtonBlockProps {
|
|
3
|
+
labelLeft: string;
|
|
4
|
+
labelRight: string;
|
|
5
|
+
onClickLeft: () => void;
|
|
6
|
+
onClickRight: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
isActive?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => JSX.Element;
|
|
11
|
+
export default PartnerToggleButtonBlock;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const PartnerToggleButtonBlockStory: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface PartnerToggleButtonProps {
|
|
3
|
+
label: string;
|
|
4
|
+
active: boolean;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
}
|
|
7
|
+
declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => JSX.Element;
|
|
8
|
+
export default PartnerToggleButton;
|
package/dist/components/phone-number-input/{phone-number-field.d.ts → phone-number-input-v1.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CountryCode } from "libphonenumber-js";
|
|
3
|
-
declare type
|
|
3
|
+
declare type PhoneNumberInputProps = {
|
|
4
4
|
values: {
|
|
5
5
|
number: string;
|
|
6
6
|
countryCallingCode: string;
|
|
@@ -18,6 +18,8 @@ declare type PhoneNumberFieldProps = {
|
|
|
18
18
|
helperText?: React.ReactNode;
|
|
19
19
|
required?: boolean;
|
|
20
20
|
defaultCountry?: CountryCode;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
color?: string;
|
|
21
23
|
};
|
|
22
|
-
declare function
|
|
23
|
-
export default
|
|
24
|
+
declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
|
|
25
|
+
export default PhoneNumberInputV1;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { CountryCode } from "libphonenumber-js";
|
|
3
|
+
declare type PhoneInputProps = {
|
|
4
|
+
values: {
|
|
5
|
+
number: string;
|
|
6
|
+
countryCallingCode: string;
|
|
7
|
+
country: string;
|
|
8
|
+
};
|
|
9
|
+
onChange: (value: string, name: string) => void;
|
|
10
|
+
label?: React.ReactNode;
|
|
11
|
+
error?: string | null;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
defaultCountry?: CountryCode;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
color?: string;
|
|
16
|
+
name?: string;
|
|
17
|
+
};
|
|
18
|
+
declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, name, }: PhoneInputProps): JSX.Element;
|
|
19
|
+
export default PhoneInput;
|
|
@@ -18,6 +18,9 @@ declare type PhoneNumberInputProps = {
|
|
|
18
18
|
helperText?: React.ReactNode;
|
|
19
19
|
required?: boolean;
|
|
20
20
|
defaultCountry?: CountryCode;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
color?: string;
|
|
23
|
+
disabled?: boolean;
|
|
21
24
|
};
|
|
22
|
-
declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, }: PhoneNumberInputProps): JSX.Element;
|
|
25
|
+
declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, disabled, }: PhoneNumberInputProps): JSX.Element;
|
|
23
26
|
export default PhoneNumberInput;
|
|
@@ -11,3 +11,27 @@ export declare const PhoneNumberInputStory: {
|
|
|
11
11
|
name: string;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
+
export declare const PhoneNumberInputDisableStory: {
|
|
15
|
+
(): JSX.Element;
|
|
16
|
+
story: {
|
|
17
|
+
name: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export declare const PhoneInputStory: {
|
|
21
|
+
(): JSX.Element;
|
|
22
|
+
story: {
|
|
23
|
+
name: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare const PhoneNumberInputV2: {
|
|
27
|
+
(): JSX.Element;
|
|
28
|
+
story: {
|
|
29
|
+
name: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export declare const PhoneNumberInputStoryV1: {
|
|
33
|
+
(): JSX.Element;
|
|
34
|
+
story: {
|
|
35
|
+
name: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -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,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface CircularProgressProps {
|
|
3
|
+
percentage: number;
|
|
4
|
+
strokeWidth: number;
|
|
5
|
+
sqSize: number;
|
|
6
|
+
color: string;
|
|
7
|
+
centerContent?: JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => JSX.Element;
|
|
10
|
+
export default CircularProgress;
|
|
@@ -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,20 @@
|
|
|
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
|
+
};
|
|
15
|
+
export declare const progressbarCircle: {
|
|
16
|
+
(): JSX.Element;
|
|
17
|
+
story: {
|
|
18
|
+
name: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -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, "
|
|
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;
|
|
@@ -16,7 +16,10 @@ 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;
|
|
20
|
+
asteriskColor?: string;
|
|
19
21
|
error?: boolean | string;
|
|
22
|
+
customTrailingIcon?: boolean;
|
|
20
23
|
}
|
|
21
|
-
declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, ...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;
|
|
22
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
|
+
};
|
|
@@ -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";
|