@mycause/ui 0.0.0-ce0170ad → 0.0.0-ce28c209
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 +289 -0
- package/README.md +9 -0
- package/dist/components/button-select/button-select.d.ts +12 -0
- package/dist/components/button-select/button-select.stories.d.ts +13 -0
- package/dist/components/button-select/index.d.ts +1 -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 +24 -0
- package/dist/components/comment-section/comment-section.stories.d.ts +19 -0
- package/dist/components/comment-section/index.d.ts +2 -0
- package/dist/components/comment-section/sub-comments.d.ts +6 -0
- package/dist/components/cropper/cropper.d.ts +5 -2
- package/dist/components/cropper/cropper.stories.d.ts +1 -2
- package/dist/components/date-picker/date-picker.d.ts +3 -3
- package/dist/components/date-picker/single-date-picker.d.ts +4 -3
- 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/elevation/elevation.d.ts +2 -1
- 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/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 +24 -1
- 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/line-chart/index.d.ts +2 -0
- package/dist/components/line-chart/parnert-line-chart.d.ts +3 -0
- package/dist/components/line-chart/parnert-line-chart.stories.d.ts +12 -0
- package/dist/components/line-chart/partner-line-chart-block copy.d.ts +0 -0
- package/dist/components/line-chart/partner-line-chart-block.d.ts +10 -0
- package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +12 -0
- package/dist/components/line-chart/partner-line-chart.d.ts +3 -0
- package/dist/components/line-chart/partner-line-chart.stories-block.d.ts +12 -0
- package/dist/components/line-chart/partner-line-chart.stories.d.ts +12 -0
- package/dist/components/list/list.d.ts +30 -14
- package/dist/components/list/list.stories.d.ts +8 -2
- package/dist/components/login/login.d.ts +13 -6
- package/dist/components/login/login.stories.d.ts +2 -3
- package/dist/components/logo/logo-type.d.ts +2 -1
- package/dist/components/modal/modal.d.ts +5 -3
- package/dist/components/modal/modal.stories.d.ts +6 -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 +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/parnert-monthly-stats/index.d.ts +1 -0
- package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts +7 -0
- package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts +12 -0
- 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-chart-stats/partner-monthly-stats.d.ts +7 -0
- package/dist/components/partner-chart-stats/partner-monthly-stats.stories.d.ts +12 -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-monthly-stats copy/index.d.ts +1 -0
- package/dist/components/partner-monthly-stats copy/partner-monthly-stats.d.ts +7 -0
- package/dist/components/partner-monthly-stats copy/partner-monthly-stats.stories.d.ts +12 -0
- package/dist/components/partner-monthly-table/index.d.ts +1 -0
- package/dist/components/partner-monthly-table/partner-monthly-table.d.ts +7 -0
- package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts +12 -0
- package/dist/components/partner-thismonth-stats/index.d.ts +1 -0
- package/dist/components/partner-thismonth-stats/partner-monthly-stats.d.ts +7 -0
- package/dist/components/partner-thismonth-stats/partner-monthly-stats.stories.d.ts +12 -0
- package/dist/components/phone-number-input/index.d.ts +2 -0
- package/dist/components/{phone-number-field/phone-number-field.d.ts → phone-number-input/phone-number-input.d.ts} +5 -3
- package/dist/components/phone-number-input/phone-number-input.stories.d.ts +13 -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/progressbar.d.ts +8 -0
- package/dist/components/progressbar/progressbar.stories.d.ts +14 -0
- package/dist/components/select/select.d.ts +3 -1
- package/dist/components/spinner/index.d.ts +1 -0
- package/dist/components/spinner/spinner.d.ts +8 -0
- package/dist/components/spinner/spinner.stories.d.ts +13 -0
- 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/table/index.d.ts +1 -0
- package/dist/components/table/partner-monthly-table.d.ts +16 -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/text.d.ts +1 -1
- package/dist/components/text-field/index.d.ts +1 -0
- package/dist/components/text-field/text-field-search.d.ts +9 -0
- package/dist/components/text-field/text-field.d.ts +2 -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 +16 -0
- package/dist/components/{phone-number-field/phone-number-field.stories.d.ts → this-month-card/this-month-card.stories.d.ts} +1 -1
- package/dist/index.esm.js +27412 -6609
- package/dist/index.js +27439 -6609
- package/dist/theme/theme.d.ts +4 -0
- package/dist/utils/parse-numbers.d.ts +2 -0
- package/package.json +7 -3
- package/styles/index.css +365 -360
- package/dist/components/login/login-email.d.ts +0 -3
- package/dist/components/login/login-register-email.d.ts +0 -3
- package/dist/components/login/login-select.d.ts +0 -3
- package/dist/components/mycause-statistics/index.d.ts +0 -1
- package/dist/components/mycause-statistics/mycause-statistics.d.ts +0 -12
- package/dist/components/phone-number-field/index.d.ts +0 -2
- /package/dist/components/{phone-number-field → phone-number-input}/util.d.ts +0 -0
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare type LogoTypeProps = {
|
|
3
3
|
size?: "large";
|
|
4
|
+
isDark?: boolean;
|
|
4
5
|
};
|
|
5
6
|
/**
|
|
6
7
|
* A dummy mycause logo
|
|
7
8
|
*/
|
|
8
|
-
declare function LogoType({ size }: LogoTypeProps): JSX.Element;
|
|
9
|
+
declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
|
|
9
10
|
export default LogoType;
|
|
@@ -5,15 +5,17 @@ export interface ModalProps {
|
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
toggleModal: (arg: boolean) => void;
|
|
7
7
|
modalContent: React.ReactNode;
|
|
8
|
-
modalTitle
|
|
8
|
+
modalTitle?: React.ReactNode;
|
|
9
9
|
onAccept?: () => void;
|
|
10
10
|
setWidth?: string;
|
|
11
|
-
buttonAlign?:
|
|
11
|
+
buttonAlign?: "center" | "left" | "right";
|
|
12
12
|
buttonColor?: ColorSpecifier;
|
|
13
13
|
noCancelButton?: boolean;
|
|
14
14
|
noCloseButton?: boolean;
|
|
15
|
+
minimal?: boolean;
|
|
15
16
|
acceptText?: string;
|
|
16
17
|
cancelText?: string;
|
|
18
|
+
disableAcceptButton?: boolean;
|
|
17
19
|
}
|
|
18
|
-
declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, }: ModalProps) => JSX.Element;
|
|
20
|
+
declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, }: ModalProps) => JSX.Element;
|
|
19
21
|
export default Modal;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Nav } from "./nav";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from "../button/button";
|
|
3
|
+
declare type NavigationCallToActionProps = Omit<ButtonProps, "color">;
|
|
4
|
+
declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
|
|
5
|
+
export default NavigationCallToAction;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
+
export declare type NavigationExpandedCharityProps = {
|
|
4
|
+
links?: Array<HybridNavigationLink>;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
banner?: React.ReactNode;
|
|
7
|
+
onRequestClose: () => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
action: HybridNavigationLink | null;
|
|
10
|
+
actionRaised?: HybridNavigationLink | null;
|
|
11
|
+
};
|
|
12
|
+
declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
|
|
13
|
+
export default NavigationExpandedCharity;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
+
export declare type NavigationExpandedProps = {
|
|
4
|
+
links?: Array<HybridNavigationLink>;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
banner?: React.ReactNode;
|
|
7
|
+
onRequestClose: () => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
action: HybridNavigationLink | null;
|
|
10
|
+
actionRaised?: HybridNavigationLink | null;
|
|
11
|
+
isSubMenu?: boolean;
|
|
12
|
+
};
|
|
13
|
+
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, action, actionRaised, isSubMenu, }: NavigationExpandedProps): JSX.Element;
|
|
14
|
+
export default NavigationExpanded;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare type HrefNavigationLink = {
|
|
3
|
+
href: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
subLabel: string;
|
|
6
|
+
analyticsId?: string;
|
|
7
|
+
icon?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare type ClickNavigationLink = {
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
id: string;
|
|
12
|
+
label: React.ReactNode;
|
|
13
|
+
subLabel: string;
|
|
14
|
+
more?: boolean;
|
|
15
|
+
analyticsId?: string;
|
|
16
|
+
icon?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
|
|
19
|
+
export declare type NavigationListItem = HybridNavigationLink & {
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
};
|
|
22
|
+
export declare type NavigationMenuListProps = {
|
|
23
|
+
items: Array<NavigationListItem>;
|
|
24
|
+
onClickItem?: (id: string) => void;
|
|
25
|
+
size?: "normal" | "large" | "long";
|
|
26
|
+
active?: string | null;
|
|
27
|
+
};
|
|
28
|
+
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
|
|
29
|
+
export default NavigationList;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
isMenuOpen: boolean;
|
|
4
|
+
onChangeMenuOpen: (isOpen: boolean) => void;
|
|
5
|
+
isDark?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): JSX.Element;
|
|
8
|
+
export default NavigationMenuControl;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
+
export declare type NavigationMenuProps = {
|
|
4
|
+
links: Array<HybridNavigationLink>;
|
|
5
|
+
onClickItem: (id: string) => void;
|
|
6
|
+
sublinks: Array<HybridNavigationLink> | null;
|
|
7
|
+
action: HybridNavigationLink | null;
|
|
8
|
+
actionRaised?: HybridNavigationLink | null;
|
|
9
|
+
active: string | null;
|
|
10
|
+
};
|
|
11
|
+
export declare function NavigationMenu({ links, sublinks, active, onClickItem, }: NavigationMenuProps): JSX.Element;
|
|
12
|
+
export default NavigationMenu;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface NavigationSearchControlProps {
|
|
3
|
+
onChangeSearchOpen: (isOpen: boolean) => void;
|
|
4
|
+
analyticsId?: string;
|
|
5
|
+
isDark?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
|
|
8
|
+
export default NavigationSearchControl;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface NavigationSearchProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (value: string) => void;
|
|
5
|
+
onSubmit: () => void;
|
|
6
|
+
onCancel: () => void;
|
|
7
|
+
isDark?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): JSX.Element;
|
|
10
|
+
export default NavigationSearch;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColorSpecifier } from "../../theme/theme";
|
|
3
|
+
interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
|
|
4
|
+
analyticsId?: string;
|
|
5
|
+
compact?: boolean;
|
|
6
|
+
handleonRequestSignIn: () => void;
|
|
7
|
+
color?: ColorSpecifier;
|
|
8
|
+
noIcon?: boolean;
|
|
9
|
+
isDark?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, isDark, ...rest }: NavigationSignInControlProps): JSX.Element;
|
|
12
|
+
export default NavigationSignInControl;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from "../icon/icon";
|
|
3
|
+
export declare type UserMenuItem = {
|
|
4
|
+
icon: IconProps;
|
|
5
|
+
label: string;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
href?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare type UserMenuItemWithSubmenu = UserMenuItem & {
|
|
11
|
+
submenu?: Array<Omit<UserMenuItem, "icon">>;
|
|
12
|
+
};
|
|
13
|
+
export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
|
|
14
|
+
isSubmenuOpen?: boolean;
|
|
15
|
+
};
|
|
16
|
+
declare type NavigationUserMenuItemsProps = {
|
|
17
|
+
items: Array<UserMenuItemWithSubmenu>;
|
|
18
|
+
};
|
|
19
|
+
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
|
|
20
|
+
export default NavigationUserMenuItems;
|
|
@@ -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,56 @@
|
|
|
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
|
+
onClick?: () => void;
|
|
19
|
+
};
|
|
20
|
+
declare type SearchAction = {
|
|
21
|
+
analyticsId?: string;
|
|
22
|
+
onSearch: (query: string) => void;
|
|
23
|
+
};
|
|
24
|
+
declare type LoginAction = {
|
|
25
|
+
analyticsId?: string;
|
|
26
|
+
onLogin: () => void;
|
|
27
|
+
color?: ColorSpecifier;
|
|
28
|
+
noIcon?: boolean;
|
|
29
|
+
};
|
|
30
|
+
declare type StatsItemProps = {
|
|
31
|
+
id: string;
|
|
32
|
+
label: string;
|
|
33
|
+
value: string;
|
|
34
|
+
logo: string;
|
|
35
|
+
};
|
|
36
|
+
export declare type NavigationProps = {
|
|
37
|
+
logo?: React.ReactNode;
|
|
38
|
+
menus?: Array<NavigationMenu>;
|
|
39
|
+
links?: Array<HybridNavigationLink>;
|
|
40
|
+
stats?: Array<StatsItemProps>;
|
|
41
|
+
cta?: ButtonProps | null;
|
|
42
|
+
cta2?: ButtonProps & {
|
|
43
|
+
targetTab?: string;
|
|
44
|
+
} | null;
|
|
45
|
+
user?: UserData | null;
|
|
46
|
+
login?: LoginAction | null;
|
|
47
|
+
userMenu?: Array<UserMenuItemWithSubmenu>;
|
|
48
|
+
search?: SearchAction | null;
|
|
49
|
+
isSticky?: boolean;
|
|
50
|
+
isCompactHeight?: boolean;
|
|
51
|
+
setSearchToLeft?: boolean;
|
|
52
|
+
menuReverse?: boolean;
|
|
53
|
+
isDark?: boolean;
|
|
54
|
+
};
|
|
55
|
+
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
|
|
56
|
+
export default Navigation;
|
|
@@ -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 PartnertMonthlyStart } from "./parnert-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 PartnertMonthlyStatsStories: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -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,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 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 @@
|
|
|
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 @@
|
|
|
1
|
+
export { default as PartnerMonthlyTable } from "./partner-monthly-table";
|
|
@@ -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 PartnerMonthlyTableStories: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PartnerMonthlyStats } from "./partner-monthly-stats";
|