@mycause/ui 0.0.0-cf96d552 → 0.0.0-cfb0da03
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/README.md +17 -0
- package/dist/components/anchor/anchor.d.ts +1 -1
- package/dist/components/anchor/anchor.stories.d.ts +2 -2
- package/dist/components/anchor/bold-anchor.d.ts +1 -1
- package/dist/components/anchor/bold-anchor.stories.d.ts +2 -2
- package/dist/components/avatar/avatar.d.ts +3 -3
- package/dist/components/avatar/avatar.stories.d.ts +3 -3
- package/dist/components/avatar/image-avatar.d.ts +1 -1
- package/dist/components/avatar/text-avatar.d.ts +1 -1
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/button/button.stories.d.ts +10 -10
- package/dist/components/button-select/button-select-exhanced.d.ts +23 -0
- package/dist/components/button-select/button-select.d.ts +1 -1
- package/dist/components/button-select/button-select.stories.d.ts +8 -2
- package/dist/components/button-select/index.d.ts +1 -0
- package/dist/components/campaign-card/campaign-card.d.ts +2 -2
- package/dist/components/campaign-card/campaign-card.stories.d.ts +3 -3
- package/dist/components/campaign-of-month/campaign-of-month.d.ts +6 -3
- package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +3 -3
- package/dist/components/charity-card/charity-card.d.ts +2 -2
- package/dist/components/charity-card/charity-card.stories.d.ts +3 -3
- package/dist/components/charity-tags-filter-button/FilterIcon.d.ts +6 -0
- package/dist/components/charity-tags-filter-button/charity-tags-filter-button.d.ts +36 -0
- package/dist/components/charity-tags-filter-button/charity-tags-filter-button.stories.d.ts +12 -0
- package/dist/components/charity-tags-filter-button/index.d.ts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +1 -1
- package/dist/components/checkbox/checkbox.stories.d.ts +4 -4
- package/dist/components/chips/chip.d.ts +2 -2
- package/dist/components/chips/chips.d.ts +2 -2
- package/dist/components/chips/chips.stories.d.ts +4 -4
- package/dist/components/chips/input-chips.d.ts +1 -1
- package/dist/components/chips/input-chips.stories.d.ts +2 -2
- package/dist/components/collapse/collapse.d.ts +21 -0
- package/dist/components/collapse/collapse.stories.d.ts +19 -0
- package/dist/components/collapse/icons.d.ts +4 -0
- package/dist/components/collapse/index.d.ts +1 -0
- package/dist/components/combo-field/combo-field-expander.d.ts +1 -1
- package/dist/components/combo-field/combo-field.d.ts +1 -1
- package/dist/components/combo-field/combo-field.stories.d.ts +3 -3
- 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 +2 -10
- package/dist/components/comment-section/comment-section.stories.d.ts +8 -2
- package/dist/components/comment-section/comment-type.d.ts +10 -0
- package/dist/components/comment-section/index.d.ts +1 -0
- package/dist/components/comment-section/sub-comments.d.ts +4 -4
- package/dist/components/cropper/cropper.d.ts +1 -1
- package/dist/components/cropper/cropper.stories.d.ts +2 -2
- package/dist/components/date-picker/date-picker.d.ts +1 -1
- package/dist/components/date-picker/date-picker.stories.d.ts +11 -5
- 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 +4 -3
- package/dist/components/donate-card/donate-card.d.ts +2 -2
- package/dist/components/donate-card/donate-card.stories.d.ts +3 -3
- package/dist/components/donation-form/donation-details.d.ts +1 -1
- package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
- package/dist/components/donation-form/donation-form.d.ts +2 -2
- package/dist/components/donation-form/donation-form.stories.d.ts +8 -2
- package/dist/components/donation-form/donation-payment.d.ts +2 -2
- package/dist/components/donation-form/donation-select.d.ts +2 -2
- package/dist/components/donation-form/index.d.ts +1 -0
- package/dist/components/donation.d.ts +18 -0
- package/dist/components/elevation/elevation.d.ts +1 -1
- package/dist/components/elevation/elevation.stories.d.ts +2 -2
- 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 → featured-campaign-card/featured-campaign-card.d.ts} +6 -3
- package/dist/components/{featured-campaign-card /featured-campaign-card.stories.d.ts → featured-campaign-card/featured-campaign-card.stories.d.ts} +3 -3
- package/dist/components/field-helpers/field-helper-text.d.ts +2 -2
- package/dist/components/field-helpers/field-label.d.ts +2 -1
- package/dist/components/footerV2/footerV2.d.ts +35 -0
- package/dist/components/{icon/toggle-button.stories.d.ts → footerV2/footerV2.stories.d.ts} +5 -3
- package/dist/components/footerV2/index.d.ts +1 -0
- package/dist/components/fundraising-section/fundraising-section.d.ts +2 -2
- package/dist/components/fundraising-section/fundraising-section.stories.d.ts +3 -3
- package/dist/components/hero-banner/hero-banner.d.ts +2 -2
- package/dist/components/hero-banner/hero-banner.stories.d.ts +3 -3
- package/dist/components/horizontalbar/horizontalbar.d.ts +2 -2
- package/dist/components/horizontalbar/horizontalbar.stories.d.ts +5 -5
- package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts +1 -1
- package/dist/components/icon/facebook_6.svg.d.ts +1 -1
- package/dist/components/icon/heart-toggle.d.ts +1 -1
- package/dist/components/icon/heart-toggle.stories.d.ts +2 -2
- package/dist/components/icon/icon-button-group.d.ts +1 -1
- package/dist/components/icon/icon-button-group.stories.d.ts +2 -2
- package/dist/components/icon/icon-button.d.ts +1 -1
- package/dist/components/icon/icon-button.stories.d.ts +3 -3
- package/dist/components/icon/icon.d.ts +1 -1
- package/dist/components/icon/icon.stories.d.ts +4 -4
- package/dist/components/icon/material-icon.d.ts +2 -2
- package/dist/components/index.d.ts +32 -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 +8 -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/layout/box.d.ts +232 -224
- package/dist/components/layout/flex.d.ts +4 -4
- package/dist/components/layout/flex.stories.d.ts +2 -2
- package/dist/components/layout/grid.d.ts +2 -2
- package/dist/components/layout/grid.stories.d.ts +2 -2
- package/dist/components/layout/stack.d.ts +2 -2
- package/dist/components/layout/stack.stories.d.ts +4 -4
- package/dist/components/list/list.d.ts +3 -3
- package/dist/components/list/list.stories.d.ts +7 -7
- package/dist/components/login/login.d.ts +6 -3
- package/dist/components/login/login.stories.d.ts +3 -3
- package/dist/components/logo/logo-type.d.ts +4 -3
- package/dist/components/menu/menu-list-item.d.ts +2 -2
- package/dist/components/menu/menu-list.d.ts +2 -2
- package/dist/components/menu/menu.stories.d.ts +2 -2
- 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 +4 -1
- package/dist/components/modal/modal.stories.d.ts +17 -5
- 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 +8 -0
- package/dist/components/my-account-frp-closed/frp-information.d.ts +16 -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 +20 -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/charity.d.ts +3 -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 +1 -1
- package/dist/components/nav/nav-bar.d.ts +2 -2
- package/dist/components/nav/nav-call-to-action.d.ts +3 -3
- package/dist/components/nav/nav-charity.d.ts +7 -0
- package/dist/components/nav/nav-expanded-charity-new.d.ts +12 -0
- package/dist/components/nav/nav-expanded-charity.d.ts +14 -0
- package/dist/components/nav/nav-expanded.d.ts +5 -2
- package/dist/components/nav/nav-list.d.ts +8 -6
- package/dist/components/nav/nav-menu-control.d.ts +2 -1
- package/dist/components/nav/nav-menu.d.ts +3 -3
- package/dist/components/nav/nav-myaccount.d.ts +23 -0
- package/dist/components/nav/nav-search-control.d.ts +3 -2
- package/dist/components/nav/nav-search.d.ts +3 -2
- package/dist/components/nav/nav-sign-in-control.d.ts +2 -1
- package/dist/components/nav/nav-user-menu-items.d.ts +6 -6
- package/dist/components/nav/nav-user-menu.d.ts +4 -4
- package/dist/components/nav/nav.d.ts +18 -10
- package/dist/components/nav/nav.stories.d.ts +8 -2
- package/dist/components/navigation/navigation-actions.d.ts +1 -1
- package/dist/components/navigation/navigation-bar.d.ts +2 -2
- package/dist/components/navigation/navigation-call-to-action.d.ts +3 -3
- package/dist/components/navigation/navigation-expanded.d.ts +2 -2
- package/dist/components/navigation/navigation-list.d.ts +6 -6
- package/dist/components/navigation/navigation-menu-control.d.ts +1 -1
- package/dist/components/navigation/navigation-menu.d.ts +3 -3
- package/dist/components/navigation/navigation-search-control.d.ts +2 -2
- package/dist/components/navigation/navigation-search.d.ts +2 -2
- package/dist/components/navigation/navigation-sign-in-control.d.ts +1 -1
- package/dist/components/navigation/navigation-user-menu-items.d.ts +6 -6
- package/dist/components/navigation/navigation-user-menu.d.ts +4 -4
- package/dist/components/navigation/navigation.d.ts +8 -8
- package/dist/components/navigation/navigation.stories.d.ts +4 -4
- 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-input-v1.d.ts +27 -0
- 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 +3 -2
- package/dist/components/phone-number-input/phone-number-input.stories.d.ts +32 -2
- package/dist/components/popup/popup.d.ts +2 -2
- package/dist/components/popup/popup.stories.d.ts +3 -3
- package/dist/components/progressbar/progress-bar-circle.d.ts +10 -0
- package/dist/components/progressbar/progressbar.d.ts +2 -2
- package/dist/components/progressbar/progressbar.stories.d.ts +9 -3
- package/dist/components/radio/radio-group.d.ts +1 -1
- package/dist/components/radio/radio-group.stories.d.ts +2 -2
- package/dist/components/radio/radio.d.ts +1 -1
- package/dist/components/radio/radio.stories.d.ts +4 -4
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/select-enhanced.d.ts +24 -0
- package/dist/components/select/select-helper-text.d.ts +1 -1
- package/dist/components/select/select-v2.d.ts +27 -0
- package/dist/components/select/select.d.ts +5 -3
- package/dist/components/select/select.stories.d.ts +14 -2
- package/dist/components/spinner/spinner.d.ts +4 -3
- package/dist/components/spinner/spinner.stories.d.ts +8 -2
- package/dist/components/statistics/statistics.d.ts +1 -1
- package/dist/components/statistics/statistics.stories.d.ts +2 -2
- package/dist/components/switch/index.d.ts +1 -0
- package/dist/components/switch/switch-v2.d.ts +8 -0
- package/dist/components/switch/switch.d.ts +1 -1
- package/dist/components/switch/switch.stories.d.ts +10 -4
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/table/partner-monthly-table.d.ts +19 -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/tab-text-label.d.ts +1 -1
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.stories.d.ts +2 -2
- package/dist/components/text/text.d.ts +4 -5
- package/dist/components/text/text.stories.d.ts +7 -7
- package/dist/components/text-field/index.d.ts +1 -0
- package/dist/components/text-field/text-field-helper-text.d.ts +1 -1
- 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 +8 -2
- 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 +16 -0
- package/dist/components/transaction-card/transaction-card.stories.d.ts +20 -0
- package/dist/components/uploader/uploader.d.ts +1 -1
- package/dist/donation.css +2 -0
- package/dist/donation.css.map +1 -0
- package/dist/donation.d.ts +3 -0
- package/dist/donation.esm.css +2 -0
- package/dist/donation.esm.css.map +1 -0
- package/dist/donation.esm.js +25306 -0
- package/dist/donation.js +25361 -0
- package/dist/index.css +2 -0
- package/dist/index.css.map +1 -0
- package/dist/index.esm.css +2 -0
- package/dist/index.esm.css.map +1 -0
- package/dist/index.esm.js +28826 -8100
- package/dist/index.js +28867 -8096
- package/dist/theme/theme.d.ts +9 -5
- package/dist/utils/center-decorator.d.ts +1 -1
- package/dist/utils/component-matrix.d.ts +1 -1
- package/dist/utils/grid-decorator.d.ts +1 -1
- package/package.json +31 -19
- package/styles/index.css +5 -6883
- package/styles/index.css.map +1 -0
- package/styles/reset.css +2 -315
- package/styles/reset.css.map +1 -0
- package/CHANGELOG.md +0 -565
- package/dist/components/campain-card/campain-card.d.ts +0 -9
- package/dist/components/campain-card/campain-card.stories.d.ts +0 -14
- package/dist/components/featured-campain-card /featured-campain-card .stories.d.ts +0 -14
- package/dist/components/featured-campain-card /featured-campain-card.d.ts +0 -14
- package/dist/components/icon/toggle-button.d.ts +0 -11
- package/dist/components/start-campaign-card/index.d.ts +0 -1
- package/dist/components/start-campaign-card/start-campaign-card.d.ts +0 -8
- package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +0 -14
- package/dist/components/start-campain-card/start-campain-card.d.ts +0 -8
- package/dist/components/start-campain-card/start-campain-card.stories.d.ts +0 -14
- /package/dist/components/{featured-campaign-card → featured-campaign-card}/index.d.ts +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type NavigationBarProps = {
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
isCompactHeight?: boolean;
|
|
5
5
|
};
|
|
6
|
-
declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
|
|
6
|
+
declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
|
|
7
7
|
export default NavigationBar;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ButtonProps } from "../button/button";
|
|
3
|
-
|
|
4
|
-
declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
|
|
3
|
+
type NavigationCallToActionProps = Omit<ButtonProps, "color">;
|
|
4
|
+
declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
|
|
5
5
|
export default NavigationCallToAction;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
+
import { NavMenuProps } from "./nav";
|
|
4
|
+
export type NavigationExpandedProps = {
|
|
5
|
+
links?: Array<HybridNavigationLink>;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
onRequestClose: () => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
menu?: NavMenuProps;
|
|
10
|
+
};
|
|
11
|
+
declare function NavigationExpandedCharityNew({ children, onRequestClose, className, menu, }: NavigationExpandedProps): React.JSX.Element;
|
|
12
|
+
export default NavigationExpandedCharityNew;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
+
export 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
|
+
loginRaised?: HybridNavigationLink | null;
|
|
12
|
+
};
|
|
13
|
+
declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, loginRaised, }: NavigationExpandedCharityProps): React.JSX.Element;
|
|
14
|
+
export default NavigationExpandedCharity;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
-
export
|
|
3
|
+
export type NavigationExpandedProps = {
|
|
4
4
|
links?: Array<HybridNavigationLink>;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
banner?: React.ReactNode;
|
|
7
7
|
onRequestClose: () => void;
|
|
8
8
|
className?: string;
|
|
9
|
+
action: HybridNavigationLink | null;
|
|
10
|
+
actionRaised?: HybridNavigationLink | null;
|
|
11
|
+
isSubMenu?: boolean;
|
|
9
12
|
};
|
|
10
|
-
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): JSX.Element;
|
|
13
|
+
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, action, actionRaised, isSubMenu, }: NavigationExpandedProps): React.JSX.Element;
|
|
11
14
|
export default NavigationExpanded;
|
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type HrefNavigationLink = {
|
|
3
3
|
href: string;
|
|
4
4
|
label: React.ReactNode;
|
|
5
|
+
subLabel: string;
|
|
5
6
|
analyticsId?: string;
|
|
6
7
|
icon?: string;
|
|
7
8
|
};
|
|
8
|
-
export
|
|
9
|
+
export type ClickNavigationLink = {
|
|
9
10
|
onClick?: () => void;
|
|
10
11
|
id: string;
|
|
11
12
|
label: React.ReactNode;
|
|
13
|
+
subLabel: string;
|
|
12
14
|
more?: boolean;
|
|
13
15
|
analyticsId?: string;
|
|
14
16
|
icon?: string;
|
|
15
17
|
};
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
+
export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
|
|
19
|
+
export type NavigationListItem = HybridNavigationLink & {
|
|
18
20
|
children?: React.ReactNode;
|
|
19
21
|
};
|
|
20
|
-
export
|
|
22
|
+
export type NavigationMenuListProps = {
|
|
21
23
|
items: Array<NavigationListItem>;
|
|
22
24
|
onClickItem?: (id: string) => void;
|
|
23
25
|
size?: "normal" | "large" | "long";
|
|
24
26
|
active?: string | null;
|
|
25
27
|
};
|
|
26
|
-
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
|
|
28
|
+
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
|
|
27
29
|
export default NavigationList;
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
3
|
isMenuOpen: boolean;
|
|
4
4
|
onChangeMenuOpen: (isOpen: boolean) => void;
|
|
5
|
+
isDark?: boolean;
|
|
5
6
|
}
|
|
6
|
-
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
|
|
7
|
+
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): React.JSX.Element;
|
|
7
8
|
export default NavigationMenuControl;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { HybridNavigationLink } from "./nav-list";
|
|
3
|
-
export
|
|
3
|
+
export type NavigationMenuProps = {
|
|
4
4
|
links: Array<HybridNavigationLink>;
|
|
5
5
|
onClickItem: (id: string) => void;
|
|
6
6
|
sublinks: Array<HybridNavigationLink> | null;
|
|
@@ -8,5 +8,5 @@ export declare type NavigationMenuProps = {
|
|
|
8
8
|
actionRaised?: HybridNavigationLink | null;
|
|
9
9
|
active: string | null;
|
|
10
10
|
};
|
|
11
|
-
export declare function NavigationMenu({ links, sublinks,
|
|
11
|
+
export declare function NavigationMenu({ links, sublinks, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
|
|
12
12
|
export default NavigationMenu;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColorSpecifier } from "../../theme/theme";
|
|
3
|
+
import { ButtonProps } from "../button/button";
|
|
4
|
+
import { UserData } from "./nav-user-menu";
|
|
5
|
+
import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
|
|
6
|
+
type LoginAction = {
|
|
7
|
+
analyticsId?: string;
|
|
8
|
+
onLogin: () => void;
|
|
9
|
+
color?: ColorSpecifier;
|
|
10
|
+
noIcon?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export type NavigationProps = {
|
|
13
|
+
logo?: React.ReactNode;
|
|
14
|
+
cta?: ButtonProps | null;
|
|
15
|
+
user?: UserData | null;
|
|
16
|
+
login?: LoginAction | null;
|
|
17
|
+
isSticky?: boolean;
|
|
18
|
+
menuReverse?: boolean;
|
|
19
|
+
userMenu?: Array<UserMenuItemWithSubmenu>;
|
|
20
|
+
hideAction?: boolean;
|
|
21
|
+
};
|
|
22
|
+
declare function Navigation({ logo, cta, user, login, isSticky, userMenu, hideAction, }: NavigationProps): React.JSX.Element;
|
|
23
|
+
export default Navigation;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface NavigationSearchControlProps {
|
|
3
3
|
onChangeSearchOpen: (isOpen: boolean) => void;
|
|
4
4
|
analyticsId?: string;
|
|
5
|
+
isDark?: boolean;
|
|
5
6
|
}
|
|
6
|
-
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
|
|
7
|
+
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): React.JSX.Element;
|
|
7
8
|
export default NavigationSearchControl;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface NavigationSearchProps {
|
|
3
3
|
value: string;
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
5
|
onSubmit: () => void;
|
|
6
6
|
onCancel: () => void;
|
|
7
|
+
isDark?: boolean;
|
|
7
8
|
}
|
|
8
|
-
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
|
|
9
|
+
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): React.JSX.Element;
|
|
9
10
|
export default NavigationSearch;
|
|
@@ -6,6 +6,7 @@ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivEleme
|
|
|
6
6
|
handleonRequestSignIn: () => void;
|
|
7
7
|
color?: ColorSpecifier;
|
|
8
8
|
noIcon?: boolean;
|
|
9
|
+
isDark?: boolean;
|
|
9
10
|
}
|
|
10
|
-
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
|
|
11
|
+
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, isDark, ...rest }: NavigationSignInControlProps): React.JSX.Element;
|
|
11
12
|
export default NavigationSignInControl;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { IconProps } from "../icon/icon";
|
|
3
|
-
export
|
|
3
|
+
export type UserMenuItem = {
|
|
4
4
|
icon: IconProps;
|
|
5
5
|
label: string;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
href?: string;
|
|
8
8
|
id?: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type UserMenuItemWithSubmenu = UserMenuItem & {
|
|
11
11
|
submenu?: Array<Omit<UserMenuItem, "icon">>;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
|
|
14
14
|
isSubmenuOpen?: boolean;
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
type NavigationUserMenuItemsProps = {
|
|
17
17
|
items: Array<UserMenuItemWithSubmenu>;
|
|
18
18
|
};
|
|
19
|
-
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
|
|
19
|
+
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
|
|
20
20
|
export default NavigationUserMenuItems;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
|
|
3
|
-
export
|
|
3
|
+
export type UserData = {
|
|
4
4
|
name: string;
|
|
5
5
|
avatar?: {
|
|
6
6
|
src: string;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
|
|
10
10
|
interface NavigationUserMenuProps {
|
|
11
11
|
user: UserData;
|
|
12
12
|
items?: UserMenuItems;
|
|
@@ -14,5 +14,5 @@ interface NavigationUserMenuProps {
|
|
|
14
14
|
onChangeOpen: (isOpen: boolean) => void;
|
|
15
15
|
isCompact?: boolean;
|
|
16
16
|
}
|
|
17
|
-
declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
|
|
17
|
+
declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): React.JSX.Element;
|
|
18
18
|
export default NavigationUserMenu;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ColorSpecifier } from "../../theme/theme";
|
|
3
3
|
import { ButtonProps } from "../button/button";
|
|
4
|
-
import NavigationMenu from "./nav-menu";
|
|
5
4
|
import { HybridNavigationLink } from "./nav-list";
|
|
6
5
|
import { UserData } from "./nav-user-menu";
|
|
7
6
|
import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
|
|
8
|
-
|
|
7
|
+
export type NavMenuProps = {
|
|
9
8
|
id: string;
|
|
10
9
|
label: React.ReactNode;
|
|
11
10
|
analyticsId?: string;
|
|
@@ -15,33 +14,40 @@ declare type NavigationMenu = {
|
|
|
15
14
|
}>;
|
|
16
15
|
action?: HybridNavigationLink;
|
|
17
16
|
actionRaised?: HybridNavigationLink;
|
|
17
|
+
loginRaised?: HybridNavigationLink | null;
|
|
18
|
+
fundraisingRaised?: HybridNavigationLink;
|
|
18
19
|
onClick?: () => void;
|
|
20
|
+
imageBackground?: {
|
|
21
|
+
desktop?: string;
|
|
22
|
+
tablet?: string;
|
|
23
|
+
mobile?: string;
|
|
24
|
+
} | string;
|
|
19
25
|
};
|
|
20
|
-
|
|
26
|
+
type SearchAction = {
|
|
21
27
|
analyticsId?: string;
|
|
22
28
|
onSearch: (query: string) => void;
|
|
23
29
|
};
|
|
24
|
-
|
|
30
|
+
type LoginAction = {
|
|
25
31
|
analyticsId?: string;
|
|
26
32
|
onLogin: () => void;
|
|
27
33
|
color?: ColorSpecifier;
|
|
28
34
|
noIcon?: boolean;
|
|
29
35
|
};
|
|
30
|
-
|
|
36
|
+
type StatsItemProps = {
|
|
31
37
|
id: string;
|
|
32
38
|
label: string;
|
|
33
39
|
value: string;
|
|
34
40
|
logo: string;
|
|
35
41
|
};
|
|
36
|
-
export
|
|
42
|
+
export type NavigationProps = {
|
|
37
43
|
logo?: React.ReactNode;
|
|
38
|
-
menus?: Array<
|
|
44
|
+
menus?: Array<NavMenuProps>;
|
|
39
45
|
links?: Array<HybridNavigationLink>;
|
|
40
46
|
stats?: Array<StatsItemProps>;
|
|
41
47
|
cta?: ButtonProps | null;
|
|
42
|
-
cta2?: ButtonProps & {
|
|
48
|
+
cta2?: (ButtonProps & {
|
|
43
49
|
targetTab?: string;
|
|
44
|
-
} | null;
|
|
50
|
+
}) | null;
|
|
45
51
|
user?: UserData | null;
|
|
46
52
|
login?: LoginAction | null;
|
|
47
53
|
userMenu?: Array<UserMenuItemWithSubmenu>;
|
|
@@ -50,6 +56,8 @@ export declare type NavigationProps = {
|
|
|
50
56
|
isCompactHeight?: boolean;
|
|
51
57
|
setSearchToLeft?: boolean;
|
|
52
58
|
menuReverse?: boolean;
|
|
59
|
+
isDark?: boolean;
|
|
60
|
+
isHomePage?: boolean;
|
|
53
61
|
};
|
|
54
|
-
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
|
|
62
|
+
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, isHomePage, }: NavigationProps): React.JSX.Element;
|
|
55
63
|
export default Navigation;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const NavigationDemo2SupportLink: {
|
|
7
|
-
(): JSX.Element;
|
|
7
|
+
(): React.JSX.Element;
|
|
8
|
+
story: {
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const NavigationMyaccount: {
|
|
13
|
+
(): React.JSX.Element;
|
|
8
14
|
story: {
|
|
9
15
|
name: string;
|
|
10
16
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type NavigationBarProps = {
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
isCompactHeight?: boolean;
|
|
5
5
|
};
|
|
6
|
-
declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
|
|
6
|
+
declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
|
|
7
7
|
export default NavigationBar;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ButtonProps } from "../button/button";
|
|
3
|
-
|
|
4
|
-
declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
|
|
3
|
+
type NavigationCallToActionProps = Omit<ButtonProps, "color">;
|
|
4
|
+
declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
|
|
5
5
|
export default NavigationCallToAction;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { HybridNavigationLink } from "./navigation-list";
|
|
3
|
-
export
|
|
3
|
+
export type NavigationExpandedProps = {
|
|
4
4
|
links?: Array<HybridNavigationLink>;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
banner?: React.ReactNode;
|
|
7
7
|
onRequestClose: () => void;
|
|
8
8
|
className?: string;
|
|
9
9
|
};
|
|
10
|
-
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): JSX.Element;
|
|
10
|
+
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): React.JSX.Element;
|
|
11
11
|
export default NavigationExpanded;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type HrefNavigationLink = {
|
|
3
3
|
href: string;
|
|
4
4
|
label: React.ReactNode;
|
|
5
5
|
analyticsId?: string;
|
|
6
6
|
icon?: string;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type ClickNavigationLink = {
|
|
9
9
|
onClick?: () => void;
|
|
10
10
|
id: string;
|
|
11
11
|
label: React.ReactNode;
|
|
@@ -13,15 +13,15 @@ export declare type ClickNavigationLink = {
|
|
|
13
13
|
analyticsId?: string;
|
|
14
14
|
icon?: string;
|
|
15
15
|
};
|
|
16
|
-
export
|
|
17
|
-
export
|
|
16
|
+
export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
|
|
17
|
+
export type NavigationListItem = HybridNavigationLink & {
|
|
18
18
|
children?: React.ReactNode;
|
|
19
19
|
};
|
|
20
|
-
export
|
|
20
|
+
export type NavigationMenuListProps = {
|
|
21
21
|
items: Array<NavigationListItem>;
|
|
22
22
|
onClickItem?: (id: string) => void;
|
|
23
23
|
size?: "normal" | "large" | "long";
|
|
24
24
|
active?: string | null;
|
|
25
25
|
};
|
|
26
|
-
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
|
|
26
|
+
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
|
|
27
27
|
export default NavigationList;
|
|
@@ -3,5 +3,5 @@ interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
3
3
|
isMenuOpen: boolean;
|
|
4
4
|
onChangeMenuOpen: (isOpen: boolean) => void;
|
|
5
5
|
}
|
|
6
|
-
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
|
|
6
|
+
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): React.JSX.Element;
|
|
7
7
|
export default NavigationMenuControl;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { HybridNavigationLink } from "./navigation-list";
|
|
3
|
-
export
|
|
3
|
+
export type NavigationMenuProps = {
|
|
4
4
|
links: Array<HybridNavigationLink>;
|
|
5
5
|
onClickItem: (id: string) => void;
|
|
6
6
|
sublinks: Array<HybridNavigationLink> | null;
|
|
@@ -8,5 +8,5 @@ export declare type NavigationMenuProps = {
|
|
|
8
8
|
actionRaised?: HybridNavigationLink | null;
|
|
9
9
|
active: string | null;
|
|
10
10
|
};
|
|
11
|
-
export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): JSX.Element;
|
|
11
|
+
export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
|
|
12
12
|
export default NavigationMenu;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface NavigationSearchControlProps {
|
|
3
3
|
onChangeSearchOpen: (isOpen: boolean) => void;
|
|
4
4
|
analyticsId?: string;
|
|
5
5
|
}
|
|
6
|
-
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
|
|
6
|
+
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): React.JSX.Element;
|
|
7
7
|
export default NavigationSearchControl;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface NavigationSearchProps {
|
|
3
3
|
value: string;
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
5
|
onSubmit: () => void;
|
|
6
6
|
onCancel: () => void;
|
|
7
7
|
}
|
|
8
|
-
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
|
|
8
|
+
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): React.JSX.Element;
|
|
9
9
|
export default NavigationSearch;
|
|
@@ -7,5 +7,5 @@ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivEleme
|
|
|
7
7
|
color?: ColorSpecifier;
|
|
8
8
|
noIcon?: boolean;
|
|
9
9
|
}
|
|
10
|
-
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
|
|
10
|
+
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): React.JSX.Element;
|
|
11
11
|
export default NavigationSignInControl;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { IconProps } from "../icon/icon";
|
|
3
|
-
export
|
|
3
|
+
export type UserMenuItem = {
|
|
4
4
|
icon: IconProps;
|
|
5
5
|
label: string;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
href?: string;
|
|
8
8
|
id?: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type UserMenuItemWithSubmenu = UserMenuItem & {
|
|
11
11
|
submenu?: Array<Omit<UserMenuItem, "icon">>;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
|
|
14
14
|
isSubmenuOpen?: boolean;
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
type NavigationUserMenuItemsProps = {
|
|
17
17
|
items: Array<UserMenuItemWithSubmenu>;
|
|
18
18
|
};
|
|
19
|
-
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
|
|
19
|
+
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
|
|
20
20
|
export default NavigationUserMenuItems;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
|
|
3
|
-
export
|
|
3
|
+
export type UserData = {
|
|
4
4
|
name: string;
|
|
5
5
|
avatar?: {
|
|
6
6
|
src: string;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
|
|
10
10
|
interface NavigationUserMenuProps {
|
|
11
11
|
user: UserData;
|
|
12
12
|
items?: UserMenuItems;
|
|
@@ -14,5 +14,5 @@ interface NavigationUserMenuProps {
|
|
|
14
14
|
onChangeOpen: (isOpen: boolean) => void;
|
|
15
15
|
isCompact?: boolean;
|
|
16
16
|
}
|
|
17
|
-
declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
|
|
17
|
+
declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): React.JSX.Element;
|
|
18
18
|
export default NavigationUserMenu;
|
|
@@ -5,7 +5,7 @@ import NavigationMenu from "./navigation-menu";
|
|
|
5
5
|
import { HybridNavigationLink } from "./navigation-list";
|
|
6
6
|
import { UserData } from "./navigation-user-menu";
|
|
7
7
|
import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
|
|
8
|
-
|
|
8
|
+
type NavigationMenu = {
|
|
9
9
|
id: string;
|
|
10
10
|
label: React.ReactNode;
|
|
11
11
|
analyticsId?: string;
|
|
@@ -17,31 +17,31 @@ declare type NavigationMenu = {
|
|
|
17
17
|
actionRaised?: HybridNavigationLink;
|
|
18
18
|
onClick?: () => void;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
type SearchAction = {
|
|
21
21
|
analyticsId?: string;
|
|
22
22
|
onSearch: (query: string) => void;
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
type LoginAction = {
|
|
25
25
|
analyticsId?: string;
|
|
26
26
|
onLogin: () => void;
|
|
27
27
|
color?: ColorSpecifier;
|
|
28
28
|
noIcon?: boolean;
|
|
29
29
|
};
|
|
30
|
-
|
|
30
|
+
type StatsItemProps = {
|
|
31
31
|
id: string;
|
|
32
32
|
label: string;
|
|
33
33
|
value: string;
|
|
34
34
|
logo: string;
|
|
35
35
|
};
|
|
36
|
-
export
|
|
36
|
+
export type NavigationProps = {
|
|
37
37
|
logo?: React.ReactNode;
|
|
38
38
|
menus?: Array<NavigationMenu>;
|
|
39
39
|
links?: Array<HybridNavigationLink>;
|
|
40
40
|
stats?: Array<StatsItemProps>;
|
|
41
41
|
cta?: ButtonProps | null;
|
|
42
|
-
cta2?: ButtonProps & {
|
|
42
|
+
cta2?: (ButtonProps & {
|
|
43
43
|
targetTab?: string;
|
|
44
|
-
} | null;
|
|
44
|
+
}) | null;
|
|
45
45
|
user?: UserData | null;
|
|
46
46
|
login?: LoginAction | null;
|
|
47
47
|
userMenu?: Array<UserMenuItemWithSubmenu>;
|
|
@@ -51,5 +51,5 @@ export declare type NavigationProps = {
|
|
|
51
51
|
setSearchToLeft?: boolean;
|
|
52
52
|
menuReverse?: boolean;
|
|
53
53
|
};
|
|
54
|
-
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
|
|
54
|
+
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): React.JSX.Element;
|
|
55
55
|
export default Navigation;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const NavigationDemo: {
|
|
7
|
-
(): JSX.Element;
|
|
7
|
+
(): React.JSX.Element;
|
|
8
8
|
story: {
|
|
9
9
|
name: string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
export declare const NavigationDemo2: {
|
|
13
|
-
(): JSX.Element;
|
|
13
|
+
(): React.JSX.Element;
|
|
14
14
|
story: {
|
|
15
15
|
name: string;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
export declare const NavigationDemo2SupportLink: {
|
|
19
|
-
(): JSX.Element;
|
|
19
|
+
(): React.JSX.Element;
|
|
20
20
|
story: {
|
|
21
21
|
name: string;
|
|
22
22
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PartnerChartStats } from "./partner-chart-stats";
|