@mycause/ui 1.0.13 → 1.1.0-test
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/dist/components/anchor/anchor.d.ts +8 -8
- package/dist/components/anchor/anchor.stories.d.ts +14 -14
- package/dist/components/anchor/bold-anchor.d.ts +13 -13
- package/dist/components/anchor/bold-anchor.stories.d.ts +13 -13
- package/dist/components/anchor/index.d.ts +2 -2
- package/dist/components/avatar/avatar.d.ts +6 -6
- package/dist/components/avatar/avatar.stories.d.ts +19 -19
- package/dist/components/avatar/image-avatar.d.ts +8 -8
- package/dist/components/avatar/index.d.ts +1 -1
- package/dist/components/avatar/text-avatar.d.ts +11 -11
- package/dist/components/button/button.d.ts +25 -25
- package/dist/components/button/button.stories.d.ts +61 -61
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button-select/button-select.d.ts +12 -12
- package/dist/components/button-select/button-select.stories.d.ts +13 -13
- package/dist/components/button-select/index.d.ts +1 -1
- package/dist/components/campaign-card/campaign-card.d.ts +9 -9
- package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -14
- package/dist/components/campaign-card/index.d.ts +1 -1
- package/dist/components/campaign-of-month/campaign-of-month.d.ts +15 -15
- package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -14
- package/dist/components/campaign-of-month/index.d.ts +1 -1
- package/dist/components/charity-card/charity-card.d.ts +7 -7
- package/dist/components/charity-card/charity-card.stories.d.ts +14 -14
- package/dist/components/charity-card/index.d.ts +1 -1
- package/dist/components/charity-tags-filter-button/FilterIcon.d.ts +6 -6
- package/dist/components/charity-tags-filter-button/charity-tags-filter-button.d.ts +36 -36
- package/dist/components/charity-tags-filter-button/charity-tags-filter-button.stories.d.ts +12 -12
- package/dist/components/charity-tags-filter-button/index.d.ts +1 -1
- package/dist/components/checkbox/checkbox.d.ts +16 -16
- package/dist/components/checkbox/checkbox.stories.d.ts +25 -25
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/chips/chip.d.ts +12 -12
- package/dist/components/chips/chips.d.ts +11 -11
- package/dist/components/chips/chips.stories.d.ts +25 -25
- package/dist/components/chips/index.d.ts +3 -3
- package/dist/components/chips/input-chips.d.ts +12 -12
- package/dist/components/chips/input-chips.stories.d.ts +13 -13
- package/dist/components/collapse/collapse.d.ts +21 -21
- package/dist/components/collapse/collapse.stories.d.ts +19 -19
- package/dist/components/collapse/icons.d.ts +5 -5
- package/dist/components/collapse/index.d.ts +1 -1
- package/dist/components/combo-field/combo-field-expander.d.ts +11 -11
- package/dist/components/combo-field/combo-field.d.ts +21 -21
- package/dist/components/combo-field/combo-field.stories.d.ts +19 -19
- package/dist/components/combo-field/index.d.ts +2 -2
- package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -31
- package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -11
- package/dist/components/comment-section/comment-section.d.ts +15 -15
- package/dist/components/comment-section/comment-section.stories.d.ts +19 -19
- package/dist/components/comment-section/comment-type.d.ts +10 -10
- package/dist/components/comment-section/index.d.ts +2 -2
- package/dist/components/comment-section/sub-comments.d.ts +6 -6
- package/dist/components/cropper/cropper.d.ts +22 -22
- package/dist/components/cropper/cropper.stories.d.ts +12 -12
- package/dist/components/cropper/index.d.ts +1 -1
- package/dist/components/date-picker/date-picker.d.ts +27 -27
- package/dist/components/date-picker/date-picker.stories.d.ts +38 -38
- package/dist/components/date-picker/index.d.ts +3 -3
- package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -32
- package/dist/components/date-picker/single-date-picker.d.ts +26 -26
- package/dist/components/donate-card/donate-card.d.ts +8 -8
- package/dist/components/donate-card/donate-card.stories.d.ts +14 -14
- package/dist/components/donate-card/index.d.ts +1 -1
- package/dist/components/donation-form/donation-details.d.ts +12 -12
- package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -13
- package/dist/components/donation-form/donation-form.d.ts +64 -64
- package/dist/components/donation-form/donation-form.stories.d.ts +18 -18
- package/dist/components/donation-form/donation-payment.d.ts +13 -13
- package/dist/components/donation-form/donation-select.d.ts +13 -13
- package/dist/components/donation-form/index.d.ts +2 -2
- package/dist/components/donation.d.ts +27 -0
- package/dist/components/elevation/elevation.d.ts +13 -13
- package/dist/components/elevation/elevation.stories.d.ts +13 -13
- package/dist/components/elevation/index.d.ts +1 -1
- package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +15 -15
- package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -15
- package/dist/components/favorite-charity-item/index.d.ts +1 -1
- package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -17
- package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -14
- package/dist/components/featured-campaign-card/index.d.ts +1 -1
- package/dist/components/field-helpers/field-helper-text.d.ts +8 -8
- package/dist/components/field-helpers/field-label.d.ts +9 -9
- package/dist/components/field-helpers/index.d.ts +2 -2
- package/dist/components/footerV2/footerV2.d.ts +35 -35
- package/dist/components/footerV2/footerV2.stories.d.ts +15 -15
- package/dist/components/footerV2/index.d.ts +1 -1
- package/dist/components/fundraising-section/fundraising-section.d.ts +9 -9
- package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -14
- package/dist/components/fundraising-section/index.d.ts +1 -1
- package/dist/components/hero-banner/hero-banner.d.ts +9 -9
- package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -14
- package/dist/components/hero-banner/index.d.ts +1 -1
- package/dist/components/horizontalbar/horizontalbar.d.ts +11 -11
- package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -26
- package/dist/components/horizontalbar/index.d.ts +1 -1
- package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts +8 -8
- package/dist/components/icon/facebook_6.svg.d.ts +9 -9
- package/dist/components/icon/heart-toggle.d.ts +11 -11
- package/dist/components/icon/heart-toggle.stories.d.ts +13 -13
- package/dist/components/icon/icon-button-group.d.ts +8 -8
- package/dist/components/icon/icon-button-group.stories.d.ts +13 -13
- package/dist/components/icon/icon-button.d.ts +11 -11
- package/dist/components/icon/icon-button.stories.d.ts +19 -19
- package/dist/components/icon/icon.d.ts +12 -12
- package/dist/components/icon/icon.stories.d.ts +25 -25
- package/dist/components/icon/index.d.ts +4 -4
- package/dist/components/icon/material-icon.d.ts +14 -14
- package/dist/components/index.d.ts +62 -62
- package/dist/components/info-represent-campaign/index.d.ts +1 -1
- package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -11
- package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -12
- package/dist/components/input/InputDefault.d.ts +13 -13
- package/dist/components/input/index.d.ts +1 -1
- package/dist/components/input/input.stories.d.ts +24 -24
- package/dist/components/input-social/Icons.d.ts +5 -5
- package/dist/components/input-social/InputSocial.d.ts +12 -12
- package/dist/components/input-social/index.d.ts +1 -1
- package/dist/components/input-social/input-social.stories.d.ts +12 -12
- package/dist/components/layout/box.d.ts +390 -390
- package/dist/components/layout/flex.d.ts +25 -25
- package/dist/components/layout/flex.stories.d.ts +14 -14
- package/dist/components/layout/grid.d.ts +9 -9
- package/dist/components/layout/grid.stories.d.ts +13 -13
- package/dist/components/layout/index.d.ts +4 -4
- package/dist/components/layout/stack.d.ts +16 -16
- package/dist/components/layout/stack.stories.d.ts +25 -25
- package/dist/components/list/index.d.ts +1 -1
- package/dist/components/list/list.d.ts +42 -42
- package/dist/components/list/list.stories.d.ts +43 -43
- package/dist/components/login/index.d.ts +1 -1
- package/dist/components/login/login.d.ts +15 -15
- package/dist/components/login/login.stories.d.ts +19 -19
- package/dist/components/logo/index.d.ts +1 -1
- package/dist/components/logo/logo-type.d.ts +10 -10
- package/dist/components/menu/index.d.ts +8 -8
- package/dist/components/menu/menu-list-divider.d.ts +2 -2
- package/dist/components/menu/menu-list-item-graphic.d.ts +2 -2
- package/dist/components/menu/menu-list-item-meta.d.ts +2 -2
- package/dist/components/menu/menu-list-item-text.d.ts +2 -2
- package/dist/components/menu/menu-list-item.d.ts +7 -7
- package/dist/components/menu/menu-list.d.ts +4 -4
- package/dist/components/menu/menu-surface.d.ts +4 -4
- package/dist/components/menu/menu.d.ts +2 -2
- package/dist/components/menu/menu.stories.d.ts +13 -13
- package/dist/components/modal/index.d.ts +2 -2
- package/dist/components/modal/modal-image.d.ts +8 -8
- package/dist/components/modal/modal.d.ts +23 -23
- package/dist/components/modal/modal.stories.d.ts +43 -43
- package/dist/components/my-account-choose-charity-card/index.d.ts +1 -1
- package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -11
- package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -14
- package/dist/components/my-account-frp-closed/Icon.d.ts +5 -5
- package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -9
- package/dist/components/my-account-frp-closed/frp-information.d.ts +15 -15
- package/dist/components/my-account-frp-closed/index.d.ts +1 -1
- package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +19 -19
- package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -24
- package/dist/components/my-account-frp-preview/Icon.d.ts +5 -5
- package/dist/components/my-account-frp-preview/frp-information.d.ts +13 -13
- package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +9 -9
- package/dist/components/my-account-frp-preview/index.d.ts +1 -1
- package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +17 -17
- package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -24
- package/dist/components/my-account-sidebar/Icon.d.ts +15 -15
- package/dist/components/my-account-sidebar/index.d.ts +1 -1
- package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +19 -19
- package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -12
- package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -1
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +13 -13
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +20 -20
- package/dist/components/my-account-stats-donated/index.d.ts +1 -1
- package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +8 -8
- package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -12
- package/dist/components/my-account-stats-raised/index.d.ts +1 -1
- package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +7 -7
- package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -12
- package/dist/components/nav/icons/IconBigger.d.ts +5 -5
- package/dist/components/nav/icons/IconSmaller.d.ts +5 -5
- package/dist/components/nav/index.d.ts +2 -2
- package/dist/components/nav/nav-actions.d.ts +5 -5
- package/dist/components/nav/nav-bar.d.ts +7 -7
- package/dist/components/nav/nav-call-to-action.d.ts +5 -5
- package/dist/components/nav/nav-expanded-charity.d.ts +14 -14
- package/dist/components/nav/nav-expanded.d.ts +14 -14
- package/dist/components/nav/nav-list.d.ts +29 -29
- package/dist/components/nav/nav-menu-control.d.ts +8 -8
- package/dist/components/nav/nav-menu.d.ts +12 -12
- package/dist/components/nav/nav-myaccount.d.ts +22 -22
- package/dist/components/nav/nav-search-control.d.ts +8 -8
- package/dist/components/nav/nav-search.d.ts +10 -10
- package/dist/components/nav/nav-sign-in-control.d.ts +12 -12
- package/dist/components/nav/nav-user-menu-items.d.ts +20 -20
- package/dist/components/nav/nav-user-menu.d.ts +18 -18
- package/dist/components/nav/nav.d.ts +57 -57
- package/dist/components/nav/nav.stories.d.ts +17 -17
- package/dist/components/navigation/index.d.ts +1 -1
- package/dist/components/navigation/navigation-actions.d.ts +5 -5
- package/dist/components/navigation/navigation-bar.d.ts +7 -7
- package/dist/components/navigation/navigation-call-to-action.d.ts +5 -5
- package/dist/components/navigation/navigation-expanded.d.ts +11 -11
- package/dist/components/navigation/navigation-list.d.ts +27 -27
- package/dist/components/navigation/navigation-menu-control.d.ts +7 -7
- package/dist/components/navigation/navigation-menu.d.ts +12 -12
- package/dist/components/navigation/navigation-search-control.d.ts +7 -7
- package/dist/components/navigation/navigation-search.d.ts +9 -9
- package/dist/components/navigation/navigation-sign-in-control.d.ts +11 -11
- package/dist/components/navigation/navigation-user-menu-items.d.ts +20 -20
- package/dist/components/navigation/navigation-user-menu.d.ts +18 -18
- package/dist/components/navigation/navigation.d.ts +55 -55
- package/dist/components/navigation/navigation.stories.d.ts +23 -23
- package/dist/components/partner-chart-stats/index.d.ts +1 -1
- package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -11
- package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -18
- package/dist/components/partner-monthly-donations/index.d.ts +1 -1
- package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -8
- package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -12
- package/dist/components/partner-monthly-stats/index.d.ts +1 -1
- package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -7
- package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -12
- package/dist/components/partner-toggle-button/index.d.ts +2 -2
- package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -11
- package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -12
- package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -8
- package/dist/components/phone-number-input/index.d.ts +4 -4
- package/dist/components/phone-number-input/phone-number-input-v1.d.ts +27 -27
- package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -19
- package/dist/components/phone-number-input/phone-number-input.d.ts +26 -26
- package/dist/components/phone-number-input/phone-number-input.stories.d.ts +43 -43
- package/dist/components/phone-number-input/util.d.ts +2 -2
- package/dist/components/popup/index.d.ts +1 -1
- package/dist/components/popup/popup.d.ts +8 -8
- package/dist/components/popup/popup.stories.d.ts +14 -14
- package/dist/components/progressbar/index.d.ts +1 -1
- package/dist/components/progressbar/progress-bar-circle.d.ts +10 -10
- package/dist/components/progressbar/progressbar.d.ts +8 -8
- package/dist/components/progressbar/progressbar.stories.d.ts +20 -20
- package/dist/components/radio/index.d.ts +2 -2
- package/dist/components/radio/radio-group.d.ts +16 -16
- package/dist/components/radio/radio-group.stories.d.ts +13 -13
- package/dist/components/radio/radio.d.ts +17 -17
- package/dist/components/radio/radio.stories.d.ts +25 -25
- package/dist/components/select/index.d.ts +4 -4
- package/dist/components/select/select-enhanced.d.ts +24 -24
- package/dist/components/select/select-helper-text.d.ts +7 -7
- package/dist/components/select/select-v2.d.ts +27 -27
- package/dist/components/select/select.d.ts +25 -25
- package/dist/components/select/select.stories.d.ts +24 -24
- package/dist/components/spinner/index.d.ts +1 -1
- package/dist/components/spinner/spinner.d.ts +9 -9
- package/dist/components/spinner/spinner.stories.d.ts +19 -19
- package/dist/components/statistics/index.d.ts +1 -1
- package/dist/components/statistics/statistics.d.ts +13 -13
- package/dist/components/statistics/statistics.stories.d.ts +13 -13
- package/dist/components/switch/index.d.ts +2 -2
- package/dist/components/switch/switch-v2.d.ts +8 -8
- package/dist/components/switch/switch.d.ts +14 -14
- package/dist/components/switch/switch.stories.d.ts +31 -31
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/partner-monthly-table.d.ts +19 -19
- package/dist/components/table/partner-monthly-table.stories.d.ts +18 -18
- package/dist/components/tabs/index.d.ts +1 -1
- package/dist/components/tabs/nav-tabs.d.ts +18 -18
- package/dist/components/tabs/tab-bar.d.ts +9 -9
- package/dist/components/tabs/tab-text-label.d.ts +6 -6
- package/dist/components/tabs/tab.d.ts +11 -11
- package/dist/components/tabs/tabs.d.ts +17 -17
- package/dist/components/tabs/tabs.stories.d.ts +14 -14
- package/dist/components/text/index.d.ts +1 -1
- package/dist/components/text/text.d.ts +30 -30
- package/dist/components/text/text.stories.d.ts +44 -44
- package/dist/components/text-field/index.d.ts +3 -3
- package/dist/components/text-field/text-field-helper-text.d.ts +8 -8
- package/dist/components/text-field/text-field-search.d.ts +10 -10
- package/dist/components/text-field/text-field.d.ts +27 -27
- package/dist/components/text-field/text-field.stories.d.ts +18 -18
- package/dist/components/this-month-card/index.d.ts +1 -1
- package/dist/components/this-month-card/this-month-card.d.ts +15 -15
- package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -12
- package/dist/components/toast/Icons.d.ts +7 -7
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/toast.d.ts +8 -8
- package/dist/components/toast/toast.stories.d.ts +12 -12
- package/dist/components/transaction-card/Dot.d.ts +6 -6
- package/dist/components/transaction-card/index.d.ts +1 -1
- package/dist/components/transaction-card/transaction-card.d.ts +16 -16
- package/dist/components/transaction-card/transaction-card.stories.d.ts +20 -20
- package/dist/components/uploader/index.d.ts +1 -1
- package/dist/components/uploader/uploader.d.ts +23 -23
- package/dist/donation.css +2 -0
- package/dist/donation.css.map +1 -0
- package/dist/donation.d.ts +3 -0
- package/dist/donation.js +25868 -0
- package/dist/index.d.ts +3 -3
- package/dist/theme/colors.d.ts +9 -9
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/mycause-theme.d.ts +3 -3
- package/dist/theme/theme.d.ts +56 -56
- package/dist/utils/browser.d.ts +2 -2
- package/dist/utils/center-decorator.d.ts +3 -3
- package/dist/utils/component-matrix.d.ts +8 -8
- package/dist/utils/flags.d.ts +3 -3
- package/dist/utils/grid-decorator.d.ts +3 -3
- package/dist/utils/parse-numbers.d.ts +2 -2
- package/dist/utils/tap-event.d.ts +1 -1
- package/dist/utils/wrap.d.ts +2 -2
- package/package.json +3 -2
- 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
|
@@ -1,57 +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
|
-
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
|
-
type SearchAction = {
|
|
22
|
-
analyticsId?: string;
|
|
23
|
-
onSearch: (query: string) => void;
|
|
24
|
-
};
|
|
25
|
-
type LoginAction = {
|
|
26
|
-
analyticsId?: string;
|
|
27
|
-
onLogin: () => void;
|
|
28
|
-
color?: ColorSpecifier;
|
|
29
|
-
noIcon?: boolean;
|
|
30
|
-
};
|
|
31
|
-
type StatsItemProps = {
|
|
32
|
-
id: string;
|
|
33
|
-
label: string;
|
|
34
|
-
value: string;
|
|
35
|
-
logo: string;
|
|
36
|
-
};
|
|
37
|
-
export 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): React.JSX.Element;
|
|
57
|
-
export default Navigation;
|
|
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
|
+
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
|
+
type SearchAction = {
|
|
22
|
+
analyticsId?: string;
|
|
23
|
+
onSearch: (query: string) => void;
|
|
24
|
+
};
|
|
25
|
+
type LoginAction = {
|
|
26
|
+
analyticsId?: string;
|
|
27
|
+
onLogin: () => void;
|
|
28
|
+
color?: ColorSpecifier;
|
|
29
|
+
noIcon?: boolean;
|
|
30
|
+
};
|
|
31
|
+
type StatsItemProps = {
|
|
32
|
+
id: string;
|
|
33
|
+
label: string;
|
|
34
|
+
value: string;
|
|
35
|
+
logo: string;
|
|
36
|
+
};
|
|
37
|
+
export 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): React.JSX.Element;
|
|
57
|
+
export default Navigation;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const NavigationDemo2SupportLink: {
|
|
7
|
-
(): React.JSX.Element;
|
|
8
|
-
story: {
|
|
9
|
-
name: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const NavigationMyaccount: {
|
|
13
|
-
(): React.JSX.Element;
|
|
14
|
-
story: {
|
|
15
|
-
name: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const NavigationDemo2SupportLink: {
|
|
7
|
+
(): React.JSX.Element;
|
|
8
|
+
story: {
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const NavigationMyaccount: {
|
|
13
|
+
(): React.JSX.Element;
|
|
14
|
+
story: {
|
|
15
|
+
name: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Navigation } from "./navigation";
|
|
1
|
+
export { default as Navigation } from "./navigation";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare function NavigationActions({ children }: {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
}): React.JSX.Element;
|
|
5
|
-
export default NavigationActions;
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare function NavigationActions({ children }: {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
}): React.JSX.Element;
|
|
5
|
+
export default NavigationActions;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export type NavigationBarProps = {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
isCompactHeight?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
|
|
7
|
-
export default NavigationBar;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type NavigationBarProps = {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
isCompactHeight?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
|
|
7
|
+
export default NavigationBar;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ButtonProps } from "../button/button";
|
|
3
|
-
type NavigationCallToActionProps = Omit<ButtonProps, "color">;
|
|
4
|
-
declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
|
|
5
|
-
export default NavigationCallToAction;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps } from "../button/button";
|
|
3
|
+
type NavigationCallToActionProps = Omit<ButtonProps, "color">;
|
|
4
|
+
declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
|
|
5
|
+
export default NavigationCallToAction;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { HybridNavigationLink } from "./navigation-list";
|
|
3
|
-
export type NavigationExpandedProps = {
|
|
4
|
-
links?: Array<HybridNavigationLink>;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
banner?: React.ReactNode;
|
|
7
|
-
onRequestClose: () => void;
|
|
8
|
-
className?: string;
|
|
9
|
-
};
|
|
10
|
-
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): React.JSX.Element;
|
|
11
|
-
export default NavigationExpanded;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HybridNavigationLink } from "./navigation-list";
|
|
3
|
+
export type NavigationExpandedProps = {
|
|
4
|
+
links?: Array<HybridNavigationLink>;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
banner?: React.ReactNode;
|
|
7
|
+
onRequestClose: () => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): React.JSX.Element;
|
|
11
|
+
export default NavigationExpanded;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export type HrefNavigationLink = {
|
|
3
|
-
href: string;
|
|
4
|
-
label: React.ReactNode;
|
|
5
|
-
analyticsId?: string;
|
|
6
|
-
icon?: string;
|
|
7
|
-
};
|
|
8
|
-
export type ClickNavigationLink = {
|
|
9
|
-
onClick?: () => void;
|
|
10
|
-
id: string;
|
|
11
|
-
label: React.ReactNode;
|
|
12
|
-
more?: boolean;
|
|
13
|
-
analyticsId?: string;
|
|
14
|
-
icon?: string;
|
|
15
|
-
};
|
|
16
|
-
export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
|
|
17
|
-
export type NavigationListItem = HybridNavigationLink & {
|
|
18
|
-
children?: React.ReactNode;
|
|
19
|
-
};
|
|
20
|
-
export type NavigationMenuListProps = {
|
|
21
|
-
items: Array<NavigationListItem>;
|
|
22
|
-
onClickItem?: (id: string) => void;
|
|
23
|
-
size?: "normal" | "large" | "long";
|
|
24
|
-
active?: string | null;
|
|
25
|
-
};
|
|
26
|
-
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
|
|
27
|
-
export default NavigationList;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type HrefNavigationLink = {
|
|
3
|
+
href: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
analyticsId?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
};
|
|
8
|
+
export type ClickNavigationLink = {
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
id: string;
|
|
11
|
+
label: React.ReactNode;
|
|
12
|
+
more?: boolean;
|
|
13
|
+
analyticsId?: string;
|
|
14
|
+
icon?: string;
|
|
15
|
+
};
|
|
16
|
+
export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
|
|
17
|
+
export type NavigationListItem = HybridNavigationLink & {
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
};
|
|
20
|
+
export type NavigationMenuListProps = {
|
|
21
|
+
items: Array<NavigationListItem>;
|
|
22
|
+
onClickItem?: (id: string) => void;
|
|
23
|
+
size?: "normal" | "large" | "long";
|
|
24
|
+
active?: string | null;
|
|
25
|
+
};
|
|
26
|
+
declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
|
|
27
|
+
export default NavigationList;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
isMenuOpen: boolean;
|
|
4
|
-
onChangeMenuOpen: (isOpen: boolean) => void;
|
|
5
|
-
}
|
|
6
|
-
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): React.JSX.Element;
|
|
7
|
-
export default NavigationMenuControl;
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
isMenuOpen: boolean;
|
|
4
|
+
onChangeMenuOpen: (isOpen: boolean) => void;
|
|
5
|
+
}
|
|
6
|
+
declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): React.JSX.Element;
|
|
7
|
+
export default NavigationMenuControl;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { HybridNavigationLink } from "./navigation-list";
|
|
3
|
-
export 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, action, actionRaised, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
|
|
12
|
-
export default NavigationMenu;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HybridNavigationLink } from "./navigation-list";
|
|
3
|
+
export 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, action, actionRaised, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
|
|
12
|
+
export default NavigationMenu;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface NavigationSearchControlProps {
|
|
3
|
-
onChangeSearchOpen: (isOpen: boolean) => void;
|
|
4
|
-
analyticsId?: string;
|
|
5
|
-
}
|
|
6
|
-
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): React.JSX.Element;
|
|
7
|
-
export default NavigationSearchControl;
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface NavigationSearchControlProps {
|
|
3
|
+
onChangeSearchOpen: (isOpen: boolean) => void;
|
|
4
|
+
analyticsId?: string;
|
|
5
|
+
}
|
|
6
|
+
declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): React.JSX.Element;
|
|
7
|
+
export default NavigationSearchControl;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface NavigationSearchProps {
|
|
3
|
-
value: string;
|
|
4
|
-
onChange: (value: string) => void;
|
|
5
|
-
onSubmit: () => void;
|
|
6
|
-
onCancel: () => void;
|
|
7
|
-
}
|
|
8
|
-
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): React.JSX.Element;
|
|
9
|
-
export default NavigationSearch;
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface NavigationSearchProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (value: string) => void;
|
|
5
|
+
onSubmit: () => void;
|
|
6
|
+
onCancel: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): React.JSX.Element;
|
|
9
|
+
export default NavigationSearch;
|
|
@@ -1,11 +1,11 @@
|
|
|
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
|
-
}
|
|
10
|
-
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): React.JSX.Element;
|
|
11
|
-
export default NavigationSignInControl;
|
|
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
|
+
}
|
|
10
|
+
declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): React.JSX.Element;
|
|
11
|
+
export default NavigationSignInControl;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IconProps } from "../icon/icon";
|
|
3
|
-
export type UserMenuItem = {
|
|
4
|
-
icon: IconProps;
|
|
5
|
-
label: string;
|
|
6
|
-
onClick?: () => void;
|
|
7
|
-
href?: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
};
|
|
10
|
-
export type UserMenuItemWithSubmenu = UserMenuItem & {
|
|
11
|
-
submenu?: Array<Omit<UserMenuItem, "icon">>;
|
|
12
|
-
};
|
|
13
|
-
export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
|
|
14
|
-
isSubmenuOpen?: boolean;
|
|
15
|
-
};
|
|
16
|
-
type NavigationUserMenuItemsProps = {
|
|
17
|
-
items: Array<UserMenuItemWithSubmenu>;
|
|
18
|
-
};
|
|
19
|
-
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
|
|
20
|
-
export default NavigationUserMenuItems;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IconProps } from "../icon/icon";
|
|
3
|
+
export type UserMenuItem = {
|
|
4
|
+
icon: IconProps;
|
|
5
|
+
label: string;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
href?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
};
|
|
10
|
+
export type UserMenuItemWithSubmenu = UserMenuItem & {
|
|
11
|
+
submenu?: Array<Omit<UserMenuItem, "icon">>;
|
|
12
|
+
};
|
|
13
|
+
export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
|
|
14
|
+
isSubmenuOpen?: boolean;
|
|
15
|
+
};
|
|
16
|
+
type NavigationUserMenuItemsProps = {
|
|
17
|
+
items: Array<UserMenuItemWithSubmenu>;
|
|
18
|
+
};
|
|
19
|
+
declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
|
|
20
|
+
export default NavigationUserMenuItems;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
|
|
3
|
-
export type UserData = {
|
|
4
|
-
name: string;
|
|
5
|
-
avatar?: {
|
|
6
|
-
src: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export 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): React.JSX.Element;
|
|
18
|
-
export default NavigationUserMenu;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
|
|
3
|
+
export type UserData = {
|
|
4
|
+
name: string;
|
|
5
|
+
avatar?: {
|
|
6
|
+
src: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export 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): React.JSX.Element;
|
|
18
|
+
export default NavigationUserMenu;
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ColorSpecifier } from "../../theme/theme";
|
|
3
|
-
import { ButtonProps } from "../button/button";
|
|
4
|
-
import NavigationMenu from "./navigation-menu";
|
|
5
|
-
import { HybridNavigationLink } from "./navigation-list";
|
|
6
|
-
import { UserData } from "./navigation-user-menu";
|
|
7
|
-
import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
|
|
8
|
-
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
|
-
type SearchAction = {
|
|
21
|
-
analyticsId?: string;
|
|
22
|
-
onSearch: (query: string) => void;
|
|
23
|
-
};
|
|
24
|
-
type LoginAction = {
|
|
25
|
-
analyticsId?: string;
|
|
26
|
-
onLogin: () => void;
|
|
27
|
-
color?: ColorSpecifier;
|
|
28
|
-
noIcon?: boolean;
|
|
29
|
-
};
|
|
30
|
-
type StatsItemProps = {
|
|
31
|
-
id: string;
|
|
32
|
-
label: string;
|
|
33
|
-
value: string;
|
|
34
|
-
logo: string;
|
|
35
|
-
};
|
|
36
|
-
export 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
|
-
};
|
|
54
|
-
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): React.JSX.Element;
|
|
55
|
-
export default Navigation;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColorSpecifier } from "../../theme/theme";
|
|
3
|
+
import { ButtonProps } from "../button/button";
|
|
4
|
+
import NavigationMenu from "./navigation-menu";
|
|
5
|
+
import { HybridNavigationLink } from "./navigation-list";
|
|
6
|
+
import { UserData } from "./navigation-user-menu";
|
|
7
|
+
import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
|
|
8
|
+
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
|
+
type SearchAction = {
|
|
21
|
+
analyticsId?: string;
|
|
22
|
+
onSearch: (query: string) => void;
|
|
23
|
+
};
|
|
24
|
+
type LoginAction = {
|
|
25
|
+
analyticsId?: string;
|
|
26
|
+
onLogin: () => void;
|
|
27
|
+
color?: ColorSpecifier;
|
|
28
|
+
noIcon?: boolean;
|
|
29
|
+
};
|
|
30
|
+
type StatsItemProps = {
|
|
31
|
+
id: string;
|
|
32
|
+
label: string;
|
|
33
|
+
value: string;
|
|
34
|
+
logo: string;
|
|
35
|
+
};
|
|
36
|
+
export 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
|
+
};
|
|
54
|
+
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): React.JSX.Element;
|
|
55
|
+
export default Navigation;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const NavigationDemo: {
|
|
7
|
-
(): React.JSX.Element;
|
|
8
|
-
story: {
|
|
9
|
-
name: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const NavigationDemo2: {
|
|
13
|
-
(): React.JSX.Element;
|
|
14
|
-
story: {
|
|
15
|
-
name: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export declare const NavigationDemo2SupportLink: {
|
|
19
|
-
(): React.JSX.Element;
|
|
20
|
-
story: {
|
|
21
|
-
name: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const NavigationDemo: {
|
|
7
|
+
(): React.JSX.Element;
|
|
8
|
+
story: {
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const NavigationDemo2: {
|
|
13
|
+
(): React.JSX.Element;
|
|
14
|
+
story: {
|
|
15
|
+
name: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare const NavigationDemo2SupportLink: {
|
|
19
|
+
(): React.JSX.Element;
|
|
20
|
+
story: {
|
|
21
|
+
name: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as PartnerChartStats } from "./partner-chart-stats";
|
|
1
|
+
export { default as PartnerChartStats } from "./partner-chart-stats";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from "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) => React.JSX.Element;
|
|
11
|
-
export default PartnerChartStats;
|
|
1
|
+
import React from "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) => React.JSX.Element;
|
|
11
|
+
export default PartnerChartStats;
|