@foxford/navigation-ui 1.0.0
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.mdx +115 -0
- package/_virtual/preload-helper.js +57 -0
- package/footer/atoms/accordeon/assets/arrow-down.svg +1 -0
- package/footer/atoms/accordeon/index.d.ts +7 -0
- package/footer/atoms/accordeon/index.d.ts.map +1 -0
- package/footer/atoms/accordeon/index.js +23 -0
- package/footer/atoms/accordeon/styled.d.ts +20 -0
- package/footer/atoms/accordeon/styled.d.ts.map +1 -0
- package/footer/atoms/accordeon/styled.js +73 -0
- package/footer/atoms/license-link/index.d.ts +6 -0
- package/footer/atoms/license-link/index.d.ts.map +1 -0
- package/footer/atoms/license-link/index.js +17 -0
- package/footer/atoms/license-link/styled.d.ts +14 -0
- package/footer/atoms/license-link/styled.d.ts.map +1 -0
- package/footer/atoms/license-link/styled.js +19 -0
- package/footer/atoms/logo-sk/assets/sk_logo.svg +1 -0
- package/footer/atoms/logo-sk/index.d.ts +5 -0
- package/footer/atoms/logo-sk/index.d.ts.map +1 -0
- package/footer/atoms/logo-sk/index.js +16 -0
- package/footer/atoms/logo-sk/styled.d.ts +11 -0
- package/footer/atoms/logo-sk/styled.d.ts.map +1 -0
- package/footer/atoms/logo-sk/styled.js +15 -0
- package/footer/atoms/social-link/index.d.ts +8 -0
- package/footer/atoms/social-link/index.d.ts.map +1 -0
- package/footer/atoms/social-link/index.js +35 -0
- package/footer/contacts-column.d.ts +5 -0
- package/footer/contacts-column.d.ts.map +1 -0
- package/footer/contacts-column.js +105 -0
- package/footer/footer.d.ts +3 -0
- package/footer/footer.d.ts.map +1 -0
- package/footer/footer.js +77 -0
- package/footer/molecules/app-info/assets/fox-logo.svg +1 -0
- package/footer/molecules/app-info/index.d.ts +9 -0
- package/footer/molecules/app-info/index.d.ts.map +1 -0
- package/footer/molecules/app-info/index.js +59 -0
- package/footer/molecules/app-info/styled.d.ts +31 -0
- package/footer/molecules/app-info/styled.d.ts.map +1 -0
- package/footer/molecules/app-info/styled.js +101 -0
- package/footer/molecules/footer-logo/assets/logo-cobranding.svg +1 -0
- package/footer/molecules/footer-logo/assets/logo.svg +1 -0
- package/footer/molecules/footer-logo/index.d.ts +6 -0
- package/footer/molecules/footer-logo/index.d.ts.map +1 -0
- package/footer/molecules/footer-logo/index.js +27 -0
- package/footer/molecules/footer-menu/index.d.ts +12 -0
- package/footer/molecules/footer-menu/index.d.ts.map +1 -0
- package/footer/molecules/footer-menu/index.js +29 -0
- package/footer/molecules/geoposition/city-dialog-styled.d.ts +7 -0
- package/footer/molecules/geoposition/city-dialog-styled.d.ts.map +1 -0
- package/footer/molecules/geoposition/city-dialog-styled.js +30 -0
- package/footer/molecules/geoposition/city-dialog.d.ts +10 -0
- package/footer/molecules/geoposition/city-dialog.d.ts.map +1 -0
- package/footer/molecules/geoposition/city-dialog.js +85 -0
- package/footer/molecules/geoposition/index.d.ts +9 -0
- package/footer/molecules/geoposition/index.d.ts.map +1 -0
- package/footer/molecules/geoposition/index.js +41 -0
- package/footer/molecules/geoposition/styled.d.ts +8 -0
- package/footer/molecules/geoposition/styled.d.ts.map +1 -0
- package/footer/molecules/geoposition/styled.js +21 -0
- package/footer/molecules/geoposition/types.d.ts +5 -0
- package/footer/molecules/geoposition/types.d.ts.map +1 -0
- package/footer/molecules/onboarding-banner/assets/fox-table.svg +1 -0
- package/footer/molecules/onboarding-banner/index.d.ts +5 -0
- package/footer/molecules/onboarding-banner/index.d.ts.map +1 -0
- package/footer/molecules/onboarding-banner/index.js +45 -0
- package/footer/molecules/onboarding-banner/styled.d.ts +11 -0
- package/footer/molecules/onboarding-banner/styled.d.ts.map +1 -0
- package/footer/molecules/onboarding-banner/styled.js +40 -0
- package/footer/styled.d.ts +47 -0
- package/footer/styled.d.ts.map +1 -0
- package/footer/styled.js +121 -0
- package/footer/sub-footer-areas.d.ts +26 -0
- package/footer/sub-footer-areas.d.ts.map +1 -0
- package/footer/sub-footer-areas.js +96 -0
- package/footer/sub-footer-styled.d.ts +6 -0
- package/footer/sub-footer-styled.d.ts.map +1 -0
- package/footer/sub-footer-styled.js +70 -0
- package/footer/sub-footer.d.ts +5 -0
- package/footer/sub-footer.d.ts.map +1 -0
- package/footer/sub-footer.js +57 -0
- package/footer/types.d.ts +45 -0
- package/footer/types.d.ts.map +1 -0
- package/header/atoms/action-button/index.d.ts +16 -0
- package/header/atoms/action-button/index.d.ts.map +1 -0
- package/header/atoms/action-button/index.js +57 -0
- package/header/atoms/action-button/styled.d.ts +16 -0
- package/header/atoms/action-button/styled.d.ts.map +1 -0
- package/header/atoms/action-button/styled.js +75 -0
- package/header/atoms/avatar/index.d.ts +7 -0
- package/header/atoms/avatar/index.d.ts.map +1 -0
- package/header/atoms/avatar/index.js +16 -0
- package/header/atoms/avatar/styled.d.ts +7 -0
- package/header/atoms/avatar/styled.d.ts.map +1 -0
- package/header/atoms/avatar/styled.js +24 -0
- package/header/atoms/back-button/index.d.ts +5 -0
- package/header/atoms/back-button/index.d.ts.map +1 -0
- package/header/atoms/back-button/index.js +19 -0
- package/header/atoms/back-button/styled.d.ts +4 -0
- package/header/atoms/back-button/styled.d.ts.map +1 -0
- package/header/atoms/back-button/styled.js +12 -0
- package/header/atoms/bonus-button/index.d.ts +2 -0
- package/header/atoms/bonus-button/index.d.ts.map +1 -0
- package/header/atoms/bonus-button/index.js +13 -0
- package/header/atoms/close-button/index.d.ts +5 -0
- package/header/atoms/close-button/index.d.ts.map +1 -0
- package/header/atoms/close-button/index.js +13 -0
- package/header/atoms/close-button/styled.d.ts +4 -0
- package/header/atoms/close-button/styled.d.ts.map +1 -0
- package/header/atoms/close-button/styled.js +13 -0
- package/header/atoms/list-item/index.d.ts +12 -0
- package/header/atoms/list-item/index.d.ts.map +1 -0
- package/header/atoms/list-item/index.js +36 -0
- package/header/atoms/list-item/styled.d.ts +25 -0
- package/header/atoms/list-item/styled.d.ts.map +1 -0
- package/header/atoms/list-item/styled.js +51 -0
- package/header/atoms/list-spacer/index.d.ts +5 -0
- package/header/atoms/list-spacer/index.d.ts.map +1 -0
- package/header/atoms/list-spacer/index.js +18 -0
- package/header/atoms/list-title/index.d.ts +7 -0
- package/header/atoms/list-title/index.d.ts.map +1 -0
- package/header/atoms/list-title/index.js +24 -0
- package/header/atoms/list-title/styled.d.ts +11 -0
- package/header/atoms/list-title/styled.d.ts.map +1 -0
- package/header/atoms/list-title/styled.js +31 -0
- package/header/atoms/login-button/index.d.ts +2 -0
- package/header/atoms/login-button/index.d.ts.map +1 -0
- package/header/atoms/login-button/index.js +15 -0
- package/header/atoms/logout-button/index.d.ts +5 -0
- package/header/atoms/logout-button/index.d.ts.map +1 -0
- package/header/atoms/logout-button/index.js +16 -0
- package/header/atoms/onboarding-segment-item/assets/fox.svg +1 -0
- package/header/atoms/onboarding-segment-item/index.d.ts +5 -0
- package/header/atoms/onboarding-segment-item/index.d.ts.map +1 -0
- package/header/atoms/onboarding-segment-item/index.js +22 -0
- package/header/atoms/onboarding-segment-item/styled.d.ts +16 -0
- package/header/atoms/onboarding-segment-item/styled.d.ts.map +1 -0
- package/header/atoms/onboarding-segment-item/styled.js +34 -0
- package/header/atoms/profile-balance/index.d.ts +12 -0
- package/header/atoms/profile-balance/index.d.ts.map +1 -0
- package/header/atoms/profile-balance/index.js +37 -0
- package/header/atoms/profile-balance/styled.d.ts +10 -0
- package/header/atoms/profile-balance/styled.d.ts.map +1 -0
- package/header/atoms/profile-balance/styled.js +19 -0
- package/header/atoms/profile-info/index.d.ts +9 -0
- package/header/atoms/profile-info/index.d.ts.map +1 -0
- package/header/atoms/profile-info/index.js +32 -0
- package/header/atoms/profile-info/styled.d.ts +4 -0
- package/header/atoms/profile-info/styled.d.ts.map +1 -0
- package/header/atoms/profile-info/styled.js +8 -0
- package/header/atoms/profile-menu-item/index.d.ts +13 -0
- package/header/atoms/profile-menu-item/index.d.ts.map +1 -0
- package/header/atoms/profile-menu-item/index.js +52 -0
- package/header/atoms/profile-menu-item/styled.d.ts +15 -0
- package/header/atoms/profile-menu-item/styled.d.ts.map +1 -0
- package/header/atoms/profile-menu-item/styled.js +47 -0
- package/header/atoms/scrollbar/index.d.ts +6 -0
- package/header/atoms/scrollbar/index.d.ts.map +1 -0
- package/header/atoms/scrollbar/index.js +33 -0
- package/header/atoms/scrollbar/styled.d.ts +4 -0
- package/header/atoms/scrollbar/styled.d.ts.map +1 -0
- package/header/atoms/scrollbar/styled.js +15 -0
- package/header/atoms/segment-list-item/index.d.ts +8 -0
- package/header/atoms/segment-list-item/index.d.ts.map +1 -0
- package/header/atoms/segment-list-item/index.js +21 -0
- package/header/atoms/segment-list-item/styled.d.ts +6 -0
- package/header/atoms/segment-list-item/styled.d.ts.map +1 -0
- package/header/atoms/segment-list-item/styled.js +22 -0
- package/header/atoms/segment-title/index.d.ts +8 -0
- package/header/atoms/segment-title/index.d.ts.map +1 -0
- package/header/atoms/segment-title/index.js +18 -0
- package/header/atoms/segment-title/styled.d.ts +8 -0
- package/header/atoms/segment-title/styled.d.ts.map +1 -0
- package/header/atoms/segment-title/styled.js +32 -0
- package/header/atoms/user-profile/index.d.ts +9 -0
- package/header/atoms/user-profile/index.d.ts.map +1 -0
- package/header/atoms/user-profile/index.js +46 -0
- package/header/atoms/user-profile/styled.d.ts +14 -0
- package/header/atoms/user-profile/styled.d.ts.map +1 -0
- package/header/atoms/user-profile/styled.js +41 -0
- package/header/header-desktop.d.ts +5 -0
- package/header/header-desktop.d.ts.map +1 -0
- package/header/header-desktop.js +79 -0
- package/header/header-mobile.d.ts +5 -0
- package/header/header-mobile.d.ts.map +1 -0
- package/header/header-mobile.js +66 -0
- package/header/molecules/adaptive-button/index.d.ts +6 -0
- package/header/molecules/adaptive-button/index.d.ts.map +1 -0
- package/header/molecules/adaptive-button/index.js +16 -0
- package/header/molecules/bonuses/index.d.ts +7 -0
- package/header/molecules/bonuses/index.d.ts.map +1 -0
- package/header/molecules/bonuses/index.js +40 -0
- package/header/molecules/bonuses/styled.d.ts +16 -0
- package/header/molecules/bonuses/styled.d.ts.map +1 -0
- package/header/molecules/bonuses/styled.js +38 -0
- package/header/molecules/cart-button/index.d.ts +9 -0
- package/header/molecules/cart-button/index.d.ts.map +1 -0
- package/header/molecules/cart-button/styled.d.ts +6 -0
- package/header/molecules/cart-button/styled.d.ts.map +1 -0
- package/header/molecules/container/index.d.ts +11 -0
- package/header/molecules/container/index.d.ts.map +1 -0
- package/header/molecules/container/index.js +38 -0
- package/header/molecules/container/styled.d.ts +11 -0
- package/header/molecules/container/styled.d.ts.map +1 -0
- package/header/molecules/container/styled.js +43 -0
- package/header/molecules/entry-panel/index.d.ts +8 -0
- package/header/molecules/entry-panel/index.d.ts.map +1 -0
- package/header/molecules/entry-panel/index.js +27 -0
- package/header/molecules/entry-panel/styled.d.ts +10 -0
- package/header/molecules/entry-panel/styled.d.ts.map +1 -0
- package/header/molecules/entry-panel/styled.js +21 -0
- package/header/molecules/externat-buttons/index.d.ts +8 -0
- package/header/molecules/externat-buttons/index.d.ts.map +1 -0
- package/header/molecules/externat-buttons/index.js +36 -0
- package/header/molecules/externat-buttons/styled.d.ts +30 -0
- package/header/molecules/externat-buttons/styled.d.ts.map +1 -0
- package/header/molecules/externat-buttons/styled.js +94 -0
- package/header/molecules/header-logo/assets/foxford.svg +1 -0
- package/header/molecules/header-logo/assets/foxford_mobile.svg +1 -0
- package/header/molecules/header-logo/assets/logo-cobranding.svg +1 -0
- package/header/molecules/header-logo/base-logo.d.ts +2 -0
- package/header/molecules/header-logo/base-logo.d.ts.map +1 -0
- package/header/molecules/header-logo/base-logo.js +24 -0
- package/header/molecules/header-logo/cobranding-logo.d.ts +2 -0
- package/header/molecules/header-logo/cobranding-logo.d.ts.map +1 -0
- package/header/molecules/header-logo/cobranding-logo.js +29 -0
- package/header/molecules/header-logo/index.d.ts +7 -0
- package/header/molecules/header-logo/index.d.ts.map +1 -0
- package/header/molecules/header-logo/index.js +20 -0
- package/header/molecules/header-logo/styled.d.ts +23 -0
- package/header/molecules/header-logo/styled.d.ts.map +1 -0
- package/header/molecules/header-logo/styled.js +46 -0
- package/header/molecules/list/index.d.ts +7 -0
- package/header/molecules/list/index.d.ts.map +1 -0
- package/header/molecules/list/index.js +45 -0
- package/header/molecules/list/styled.d.ts +4 -0
- package/header/molecules/list/styled.d.ts.map +1 -0
- package/header/molecules/list/styled.js +8 -0
- package/header/molecules/menu/index.d.ts +17 -0
- package/header/molecules/menu/index.d.ts.map +1 -0
- package/header/molecules/menu/index.js +163 -0
- package/header/molecules/menu/panel-styled.d.ts +24 -0
- package/header/molecules/menu/panel-styled.d.ts.map +1 -0
- package/header/molecules/menu/panel-styled.js +105 -0
- package/header/molecules/menu/segment-content-styled.d.ts +13 -0
- package/header/molecules/menu/segment-content-styled.d.ts.map +1 -0
- package/header/molecules/menu/segment-content-styled.js +39 -0
- package/header/molecules/menu/segment-content.d.ts +7 -0
- package/header/molecules/menu/segment-content.d.ts.map +1 -0
- package/header/molecules/menu/segment-content.js +42 -0
- package/header/molecules/menu/styled.d.ts +23 -0
- package/header/molecules/menu/styled.d.ts.map +1 -0
- package/header/molecules/menu/styled.js +81 -0
- package/header/molecules/menu/types.d.ts +32 -0
- package/header/molecules/menu/types.d.ts.map +1 -0
- package/header/molecules/menu-button/index.d.ts +6 -0
- package/header/molecules/menu-button/index.d.ts.map +1 -0
- package/header/molecules/menu-button/index.js +29 -0
- package/header/molecules/menu-button/styled.d.ts +22 -0
- package/header/molecules/menu-button/styled.d.ts.map +1 -0
- package/header/molecules/menu-button/styled.js +74 -0
- package/header/molecules/onboarding-button/index.d.ts +6 -0
- package/header/molecules/onboarding-button/index.d.ts.map +1 -0
- package/header/molecules/onboarding-button/index.js +23 -0
- package/header/molecules/onboarding-button/styled.d.ts +15 -0
- package/header/molecules/onboarding-button/styled.d.ts.map +1 -0
- package/header/molecules/onboarding-button/styled.js +74 -0
- package/header/molecules/oneclick-menu/index.d.ts +14 -0
- package/header/molecules/oneclick-menu/index.d.ts.map +1 -0
- package/header/molecules/oneclick-menu/index.js +28 -0
- package/header/molecules/oneclick-menu/styled.d.ts +19 -0
- package/header/molecules/oneclick-menu/styled.d.ts.map +1 -0
- package/header/molecules/oneclick-menu/styled.js +49 -0
- package/header/molecules/phone-button/index.d.ts +5 -0
- package/header/molecules/phone-button/index.d.ts.map +1 -0
- package/header/molecules/phone-button/index.js +15 -0
- package/header/molecules/profile-menu/index.d.ts +19 -0
- package/header/molecules/profile-menu/index.d.ts.map +1 -0
- package/header/molecules/profile-menu/index.js +74 -0
- package/header/molecules/profile-menu/styled.d.ts +9 -0
- package/header/molecules/profile-menu/styled.d.ts.map +1 -0
- package/header/molecules/profile-menu/styled.js +23 -0
- package/header/molecules/profile-menu-button-tooltip/assets/arrow.svg +1 -0
- package/header/molecules/profile-menu-button-tooltip/index.d.ts +5 -0
- package/header/molecules/profile-menu-button-tooltip/index.d.ts.map +1 -0
- package/header/molecules/profile-menu-button-tooltip/index.js +13 -0
- package/header/molecules/profile-menu-button-tooltip/styled.d.ts +6 -0
- package/header/molecules/profile-menu-button-tooltip/styled.d.ts.map +1 -0
- package/header/molecules/profile-menu-button-tooltip/styled.js +56 -0
- package/header/molecules/pupil-select-button/index.d.ts +8 -0
- package/header/molecules/pupil-select-button/index.d.ts.map +1 -0
- package/header/molecules/pupil-select-button/index.js +54 -0
- package/header/molecules/pupil-select-menu/index.d.ts +15 -0
- package/header/molecules/pupil-select-menu/index.d.ts.map +1 -0
- package/header/molecules/pupil-select-menu/index.js +59 -0
- package/header/molecules/pupil-select-menu/styled.d.ts +7 -0
- package/header/molecules/pupil-select-menu/styled.d.ts.map +1 -0
- package/header/molecules/pupil-select-menu/styled.js +26 -0
- package/header/molecules/segment-list/index.d.ts +8 -0
- package/header/molecules/segment-list/index.d.ts.map +1 -0
- package/header/molecules/segment-list/index.js +32 -0
- package/header/molecules/segment-list/styled.d.ts +14 -0
- package/header/molecules/segment-list/styled.d.ts.map +1 -0
- package/header/molecules/segment-list/styled.js +20 -0
- package/header/molecules/user-panel/index.d.ts +32 -0
- package/header/molecules/user-panel/index.d.ts.map +1 -0
- package/header/molecules/user-panel/index.js +114 -0
- package/header/molecules/user-panel/styled.d.ts +16 -0
- package/header/molecules/user-panel/styled.d.ts.map +1 -0
- package/header/molecules/user-panel/styled.js +41 -0
- package/header/molecules/user-panel-mobile/index.d.ts +3 -0
- package/header/molecules/user-panel-mobile/index.d.ts.map +1 -0
- package/header/molecules/user-panel-mobile/index.js +56 -0
- package/header/molecules/user-panel-mobile/styled.d.ts +6 -0
- package/header/molecules/user-panel-mobile/styled.d.ts.map +1 -0
- package/header/molecules/user-panel-mobile/styled.js +16 -0
- package/header/navigation.d.ts +3 -0
- package/header/navigation.d.ts.map +1 -0
- package/header/navigation.js +64 -0
- package/header/styled.d.ts +31 -0
- package/header/styled.d.ts.map +1 -0
- package/header/styled.js +87 -0
- package/header/types.d.ts +40 -0
- package/header/types.d.ts.map +1 -0
- package/index.d.ts +25 -0
- package/index.d.ts.map +1 -0
- package/index.js +23 -0
- package/package.json +55 -0
- package/shared/constants.d.ts +86 -0
- package/shared/constants.d.ts.map +1 -0
- package/shared/constants.js +69 -0
- package/shared/link.d.ts +9 -0
- package/shared/link.d.ts.map +1 -0
- package/shared/link.js +56 -0
- package/shared/phone.d.ts +3 -0
- package/shared/phone.d.ts.map +1 -0
- package/shared/phone.js +10 -0
- package/shared/theme-provider.d.ts +6 -0
- package/shared/theme-provider.d.ts.map +1 -0
- package/shared/theme-provider.js +27 -0
- package/shared/theme.d.ts +77 -0
- package/shared/theme.d.ts.map +1 -0
- package/shared/theme.js +29 -0
- package/shared/use-outside-click.d.ts +3 -0
- package/shared/use-outside-click.d.ts.map +1 -0
- package/shared/use-outside-click.js +22 -0
- package/shared/use-scroll-direction.d.ts +4 -0
- package/shared/use-scroll-direction.d.ts.map +1 -0
- package/shared/use-scroll-direction.js +22 -0
- package/shared/z-index.d.ts +5 -0
- package/shared/z-index.d.ts.map +1 -0
- package/shared/z-index.js +7 -0
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useRef, useState, useEffect } from "react";
|
|
2
|
+
import { Container as Container$1, ContainerInner } from "./styled.js";
|
|
3
|
+
import { SELECTOR_IDS } from "../../../shared/constants.js";
|
|
4
|
+
import { jsx } from "preact/jsx-runtime";
|
|
5
|
+
function Container({
|
|
6
|
+
children,
|
|
7
|
+
hasOneClickMenu = false,
|
|
8
|
+
onBackgroundClick,
|
|
9
|
+
showBackground
|
|
10
|
+
}) {
|
|
11
|
+
const innerRef = useRef(null);
|
|
12
|
+
const [underlayHeight, setUnderlayHeight] = useState(null);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const inner = innerRef.current;
|
|
15
|
+
if (inner === null) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const observer = new ResizeObserver(() => setUnderlayHeight(Math.ceil(inner.getBoundingClientRect().height)));
|
|
19
|
+
observer.observe(inner);
|
|
20
|
+
return () => observer.disconnect();
|
|
21
|
+
}, []);
|
|
22
|
+
return jsx(Container$1, {
|
|
23
|
+
$hasOneClickMenu: hasOneClickMenu,
|
|
24
|
+
$showBackground: showBackground,
|
|
25
|
+
$underlayHeight: underlayHeight,
|
|
26
|
+
id: SELECTOR_IDS.NAVIGATION,
|
|
27
|
+
onClick: (event) => {
|
|
28
|
+
if (showBackground && event.target === event.currentTarget) onBackgroundClick == null ? void 0 : onBackgroundClick();
|
|
29
|
+
},
|
|
30
|
+
children: jsx(ContainerInner, {
|
|
31
|
+
ref: innerRef,
|
|
32
|
+
children
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
Container
|
|
38
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
2
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
3
|
+
}, {
|
|
4
|
+
$hasOneClickMenu: boolean;
|
|
5
|
+
$showBackground: boolean;
|
|
6
|
+
$underlayHeight: null | number;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const ContainerInner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
9
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
10
|
+
}> & string;
|
|
11
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/container/styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;sBACF,OAAO;qBACR,OAAO;qBACP,IAAI,GAAG,MAAM;YA4C/B,CAAA;AAED,eAAO,MAAM,cAAc;;WAM1B,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { styled, css } from "styled-components";
|
|
2
|
+
import { screenMinS, screenMinM } from "@foxford/ui";
|
|
3
|
+
import { NAVIGATION_HEIGHT, DURATION_MENU_ANIMATION } from "../../../shared/constants.js";
|
|
4
|
+
import { BASE_ZINDEX } from "../../../shared/z-index.js";
|
|
5
|
+
const Container = styled.div.withConfig({
|
|
6
|
+
displayName: "styled__Container",
|
|
7
|
+
componentId: "sc-1mx6dpx-0"
|
|
8
|
+
})(["position:relative;width:100%;z-index:", ";", " ", " &:before{content:'';position:fixed;width:100%;height:100vh;height:100dvh;background:rgba(246,247,251,0.3);backdrop-filter:blur(7px);pointer-events:", ";opacity:", ";transition:opacity ", "ms linear ", "ms;}"], BASE_ZINDEX.NAVIGATION, ({
|
|
9
|
+
$underlayHeight,
|
|
10
|
+
theme
|
|
11
|
+
}) => css`
|
|
12
|
+
font-family: ${theme.fonts.primary};
|
|
13
|
+
height: ${$underlayHeight === null ? "auto" : `${$underlayHeight}px`};
|
|
14
|
+
`, ({
|
|
15
|
+
$hasOneClickMenu,
|
|
16
|
+
$underlayHeight
|
|
17
|
+
}) => $underlayHeight !== null ? css`
|
|
18
|
+
min-height: 0;
|
|
19
|
+
` : css`
|
|
20
|
+
min-height: ${NAVIGATION_HEIGHT.base}px;
|
|
21
|
+
|
|
22
|
+
${screenMinS()`
|
|
23
|
+
min-height: ${NAVIGATION_HEIGHT.tablet}px;
|
|
24
|
+
`}
|
|
25
|
+
|
|
26
|
+
${screenMinM()`
|
|
27
|
+
min-height: ${NAVIGATION_HEIGHT.desktop + ($hasOneClickMenu ? NAVIGATION_HEIGHT.oneClickMenu : 0)}px;
|
|
28
|
+
`}
|
|
29
|
+
`, ({
|
|
30
|
+
$showBackground
|
|
31
|
+
}) => $showBackground ? "auto" : "none", ({
|
|
32
|
+
$showBackground
|
|
33
|
+
}) => $showBackground ? 1 : 0, DURATION_MENU_ANIMATION, ({
|
|
34
|
+
$showBackground
|
|
35
|
+
}) => $showBackground ? DURATION_MENU_ANIMATION : DURATION_MENU_ANIMATION * 2);
|
|
36
|
+
const ContainerInner = styled.div.withConfig({
|
|
37
|
+
displayName: "styled__ContainerInner",
|
|
38
|
+
componentId: "sc-1mx6dpx-1"
|
|
39
|
+
})(["position:fixed;top:0;left:0;width:inherit;z-index:", ";"], BASE_ZINDEX.NAVIGATION + 1);
|
|
40
|
+
export {
|
|
41
|
+
Container,
|
|
42
|
+
ContainerInner
|
|
43
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface EntryPanelProps {
|
|
2
|
+
hasBonusButton?: boolean;
|
|
3
|
+
isLoggedIn: boolean;
|
|
4
|
+
onLogout: () => void;
|
|
5
|
+
phone?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function EntryPanel({ hasBonusButton, isLoggedIn, onLogout, phone }: EntryPanelProps): import("preact").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/entry-panel/index.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,cAAsB,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,gCAgBlG"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Root, ButtonsWrapper, MobileOnlyButtons } from "./styled.js";
|
|
2
|
+
import { BonusButton } from "../../atoms/bonus-button/index.js";
|
|
3
|
+
import { LoginButton } from "../../atoms/login-button/index.js";
|
|
4
|
+
import { LogoutButton } from "../../atoms/logout-button/index.js";
|
|
5
|
+
import { PhoneButton } from "../phone-button/index.js";
|
|
6
|
+
import { jsx, jsxs } from "preact/jsx-runtime";
|
|
7
|
+
function EntryPanel({
|
|
8
|
+
hasBonusButton = false,
|
|
9
|
+
isLoggedIn,
|
|
10
|
+
onLogout,
|
|
11
|
+
phone
|
|
12
|
+
}) {
|
|
13
|
+
return jsx(Root, {
|
|
14
|
+
children: jsx(ButtonsWrapper, {
|
|
15
|
+
children: isLoggedIn ? jsxs(MobileOnlyButtons, {
|
|
16
|
+
children: [hasBonusButton && jsx(BonusButton, {}), phone && jsx(PhoneButton, {
|
|
17
|
+
number: phone
|
|
18
|
+
}), jsx(LogoutButton, {
|
|
19
|
+
onClick: onLogout
|
|
20
|
+
})]
|
|
21
|
+
}) : jsx(LoginButton, {})
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
export {
|
|
26
|
+
EntryPanel
|
|
27
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
2
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
3
|
+
}> & string;
|
|
4
|
+
export declare const ButtonsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
5
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
6
|
+
}> & string;
|
|
7
|
+
export declare const MobileOnlyButtons: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
8
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
9
|
+
}> & string;
|
|
10
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/entry-panel/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;WAShB,CAAA;AAED,eAAO,MAAM,cAAc;;WAS1B,CAAA;AAKD,eAAO,MAAM,iBAAiB;;WAM7B,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { styled } from "styled-components";
|
|
2
|
+
import { screenMinM } from "@foxford/ui";
|
|
3
|
+
const Root = styled.div.withConfig({
|
|
4
|
+
displayName: "styled__Root",
|
|
5
|
+
componentId: "sc-ih5y97-0"
|
|
6
|
+
})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;& > :not(:last-child){margin-right:12px;}"]);
|
|
7
|
+
const ButtonsWrapper = styled.div.withConfig({
|
|
8
|
+
displayName: "styled__ButtonsWrapper",
|
|
9
|
+
componentId: "sc-ih5y97-1"
|
|
10
|
+
})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;& > :not(:last-child){margin-right:12px;}"]);
|
|
11
|
+
const MobileOnlyButtons = styled.div.withConfig({
|
|
12
|
+
displayName: "styled__MobileOnlyButtons",
|
|
13
|
+
componentId: "sc-ih5y97-2"
|
|
14
|
+
})(["display:contents;", ""], screenMinM()`
|
|
15
|
+
display: none;
|
|
16
|
+
`);
|
|
17
|
+
export {
|
|
18
|
+
ButtonsWrapper,
|
|
19
|
+
MobileOnlyButtons,
|
|
20
|
+
Root
|
|
21
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface ExternatButtonsProps {
|
|
2
|
+
freeAccessLink?: string;
|
|
3
|
+
mobile?: boolean;
|
|
4
|
+
onCallbackClick?: () => void;
|
|
5
|
+
onFreeAccessClick?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function ExternatButtons({ freeAccessLink, mobile, onCallbackClick, onFreeAccessClick, }: ExternatButtonsProps): import("preact").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/externat-buttons/index.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,MAAc,EACd,eAAe,EACf,iBAAiB,GAClB,EAAE,oBAAoB,gCA0BtB"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ExternatButtonsMobile, DesktopOnlyButton, CallBackButtonMobile, FreeAccessButtonMobile, ExternatButtonsDesktop, CallBackButtonDesktop, FreeAccessButtonDesktop } from "./styled.js";
|
|
2
|
+
import { jsxs, jsx } from "preact/jsx-runtime";
|
|
3
|
+
function ExternatButtons({
|
|
4
|
+
freeAccessLink,
|
|
5
|
+
mobile = false,
|
|
6
|
+
onCallbackClick,
|
|
7
|
+
onFreeAccessClick
|
|
8
|
+
}) {
|
|
9
|
+
if (mobile) {
|
|
10
|
+
return jsxs(ExternatButtonsMobile, {
|
|
11
|
+
children: [jsx(DesktopOnlyButton, {
|
|
12
|
+
children: jsx(CallBackButtonMobile, {
|
|
13
|
+
onClick: onCallbackClick,
|
|
14
|
+
children: "Обратный звонок"
|
|
15
|
+
})
|
|
16
|
+
}), freeAccessLink && jsx(FreeAccessButtonMobile, {
|
|
17
|
+
href: freeAccessLink,
|
|
18
|
+
onClick: onFreeAccessClick,
|
|
19
|
+
children: "Бесплатный доступ"
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return jsxs(ExternatButtonsDesktop, {
|
|
24
|
+
children: [jsx(CallBackButtonDesktop, {
|
|
25
|
+
onClick: onCallbackClick,
|
|
26
|
+
children: "Обратный звонок"
|
|
27
|
+
}), freeAccessLink && jsx(FreeAccessButtonDesktop, {
|
|
28
|
+
href: freeAccessLink,
|
|
29
|
+
onClick: onFreeAccessClick,
|
|
30
|
+
children: "Бесплатный доступ"
|
|
31
|
+
})]
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
export {
|
|
35
|
+
ExternatButtons
|
|
36
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const ExternatButtonsMobile: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
2
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
3
|
+
}> & string;
|
|
4
|
+
export declare const CallBackButtonMobile: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
5
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
6
|
+
}> & string;
|
|
7
|
+
export declare const FreeAccessButtonMobile: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
|
|
8
|
+
ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
|
|
9
|
+
}, "style"> & {
|
|
10
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
11
|
+
}> & string & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
|
|
12
|
+
ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
|
|
13
|
+
}>, keyof import("preact").Component<any, {}>>;
|
|
14
|
+
export declare const ExternatButtonsDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
15
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
16
|
+
}> & string;
|
|
17
|
+
export declare const CallBackButtonDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
18
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
19
|
+
}> & string;
|
|
20
|
+
export declare const FreeAccessButtonDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
|
|
21
|
+
ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
|
|
22
|
+
}, "style"> & {
|
|
23
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
24
|
+
}> & string & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
|
|
25
|
+
ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
|
|
26
|
+
}>, keyof import("preact").Component<any, {}>>;
|
|
27
|
+
export declare const DesktopOnlyButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
28
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
29
|
+
}> & string;
|
|
30
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/externat-buttons/styled.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,qBAAqB;;WAUjC,CAAA;AAED,eAAO,MAAM,oBAAoB;;WAGhC,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;8CAIlC,CAAA;AAED,eAAO,MAAM,sBAAsB;;WAMlC,CAAA;AAED,eAAO,MAAM,qBAAqB;;WAIjC,CAAA;AAED,eAAO,MAAM,uBAAuB;;;;;;8CAInC,CAAA;AAID,eAAO,MAAM,iBAAiB;;WAM7B,CAAA"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { css, styled } from "styled-components";
|
|
2
|
+
import { screenMinS, screenMinM } from "@foxford/ui";
|
|
3
|
+
import { Link } from "../../../shared/link.js";
|
|
4
|
+
const mobileButtonStyles = css`
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
height: 24px;
|
|
7
|
+
min-width: 143px;
|
|
8
|
+
padding-right: 8px;
|
|
9
|
+
padding-left: 8px;
|
|
10
|
+
border-radius: 0px 0px 5px 5px;
|
|
11
|
+
${({
|
|
12
|
+
theme
|
|
13
|
+
}) => css`
|
|
14
|
+
background-color: ${theme.colors.orangePeel};
|
|
15
|
+
color: ${theme.colors.white};
|
|
16
|
+
`}
|
|
17
|
+
font-size: 14px;
|
|
18
|
+
line-height: 24px;
|
|
19
|
+
font-weight: bold;
|
|
20
|
+
text-align: center;
|
|
21
|
+
|
|
22
|
+
${screenMinS()`
|
|
23
|
+
height: 30px;
|
|
24
|
+
min-width: 183px;
|
|
25
|
+
font-size: 16px;
|
|
26
|
+
line-height: 30px;
|
|
27
|
+
`}
|
|
28
|
+
`;
|
|
29
|
+
const desktopButtonStyles = css`
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
height: 40px;
|
|
32
|
+
padding-right: 15px;
|
|
33
|
+
padding-left: 15px;
|
|
34
|
+
border-radius: 40px;
|
|
35
|
+
font-size: 14px;
|
|
36
|
+
line-height: 40px;
|
|
37
|
+
font-weight: bold;
|
|
38
|
+
text-align: center;
|
|
39
|
+
transition: linear 0.3s;
|
|
40
|
+
|
|
41
|
+
${({
|
|
42
|
+
theme
|
|
43
|
+
}) => css`
|
|
44
|
+
border: 1px solid ${theme.colors.orangePeel};
|
|
45
|
+
background-color: ${theme.colors.white};
|
|
46
|
+
color: ${theme.colors.mineShaft};
|
|
47
|
+
|
|
48
|
+
&:hover {
|
|
49
|
+
background-color: ${theme.colors.orangePeel};
|
|
50
|
+
color: ${theme.colors.white};
|
|
51
|
+
}
|
|
52
|
+
`}
|
|
53
|
+
`;
|
|
54
|
+
const ExternatButtonsMobile = styled.div.withConfig({
|
|
55
|
+
displayName: "styled__ExternatButtonsMobile",
|
|
56
|
+
componentId: "sc-19asw28-0"
|
|
57
|
+
})(["display:flex;& > :last-child{margin-left:10px;", "}"], screenMinS()`
|
|
58
|
+
margin-left: 16px;
|
|
59
|
+
`);
|
|
60
|
+
const CallBackButtonMobile = styled.div.withConfig({
|
|
61
|
+
displayName: "styled__CallBackButtonMobile",
|
|
62
|
+
componentId: "sc-19asw28-1"
|
|
63
|
+
})(["cursor:pointer;", ""], mobileButtonStyles);
|
|
64
|
+
const FreeAccessButtonMobile = styled(Link).withConfig({
|
|
65
|
+
displayName: "styled__FreeAccessButtonMobile",
|
|
66
|
+
componentId: "sc-19asw28-2"
|
|
67
|
+
})(["", " text-decoration:none;"], mobileButtonStyles);
|
|
68
|
+
const ExternatButtonsDesktop = styled.div.withConfig({
|
|
69
|
+
displayName: "styled__ExternatButtonsDesktop",
|
|
70
|
+
componentId: "sc-19asw28-3"
|
|
71
|
+
})(["display:flex;& > :last-child{margin-left:7px;}"]);
|
|
72
|
+
const CallBackButtonDesktop = styled.div.withConfig({
|
|
73
|
+
displayName: "styled__CallBackButtonDesktop",
|
|
74
|
+
componentId: "sc-19asw28-4"
|
|
75
|
+
})(["", " cursor:pointer;"], desktopButtonStyles);
|
|
76
|
+
const FreeAccessButtonDesktop = styled(Link).withConfig({
|
|
77
|
+
displayName: "styled__FreeAccessButtonDesktop",
|
|
78
|
+
componentId: "sc-19asw28-5"
|
|
79
|
+
})(["", " text-decoration:none;"], desktopButtonStyles);
|
|
80
|
+
const DesktopOnlyButton = styled.div.withConfig({
|
|
81
|
+
displayName: "styled__DesktopOnlyButton",
|
|
82
|
+
componentId: "sc-19asw28-6"
|
|
83
|
+
})(["display:none;", ""], screenMinM()`
|
|
84
|
+
display: contents;
|
|
85
|
+
`);
|
|
86
|
+
export {
|
|
87
|
+
CallBackButtonDesktop,
|
|
88
|
+
CallBackButtonMobile,
|
|
89
|
+
DesktopOnlyButton,
|
|
90
|
+
ExternatButtonsDesktop,
|
|
91
|
+
ExternatButtonsMobile,
|
|
92
|
+
FreeAccessButtonDesktop,
|
|
93
|
+
FreeAccessButtonMobile
|
|
94
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="100%" height="100%" viewBox="0 0 137 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#000"><path d="M17.032 27.535c0-2.995-1.78-5.155-6.248-5.667 0-.607 0-1.194.02-1.744H6.334c0 .569.02 1.156.02 1.744-4.412.53-6.192 2.672-6.192 5.667 0 3.033 1.818 5.156 6.191 5.667 0 .588-.019 1.157-.019 1.706h4.468c-.019-.53-.019-1.1-.038-1.687 4.468-.511 6.267-2.634 6.267-5.686Zm-6.267 1.915c0-.72 0-1.422.02-2.123 0-.55.018-1.119.018-1.668 1.23.303 1.742.947 1.742 1.876 0 .967-.53 1.611-1.78 1.915ZM4.65 27.535c0-.929.511-1.573 1.742-1.876v3.771c-1.23-.303-1.742-.947-1.742-1.895ZM59.253 35.098c2.82 0 6.588-.72 7.99-4.113-1.401-.607-2.803-1.251-3.976-1.877-.587 1.498-1.742 2.18-3.863 2.18-2.65 0-3.786-1.422-3.88-3.203-.096-1.763.889-3.545 3.596-3.545 1.42 0 3.351.531 4.147 2.085 1.192-.606 2.48-1.232 3.994-1.762-1.495-3.033-4.506-4.113-8.008-4.113-5.964 0-8.33 3.051-8.33 7.335 0 4.34 2.442 7.013 8.33 7.013ZM84.731 27.535c0-2.995-1.78-5.155-6.247-5.667 0-.607 0-1.194.019-1.744h-4.469c0 .569.02 1.156.02 1.744-4.412.53-6.192 2.672-6.192 5.667 0 3.033 1.818 5.156 6.192 5.667 0 .588-.02 1.157-.02 1.706h4.469c-.02-.53-.02-1.1-.038-1.687 4.468-.511 6.266-2.634 6.266-5.686Zm-6.266 1.915c0-.72 0-1.422.019-2.123 0-.55.019-1.119.019-1.668 1.23.303 1.742.947 1.742 1.876 0 .967-.53 1.611-1.78 1.915Zm-6.115-1.915c0-.929.51-1.573 1.741-1.876v3.771c-1.23-.303-1.741-.947-1.741-1.895ZM94.234 35.098c6.078 0 8.444-2.824 8.444-7.184 0-4.284-2.366-7.165-8.444-7.165-6.058 0-8.425 2.882-8.425 7.165 0 4.34 2.443 7.184 8.425 7.184Zm0-3.867c-2.82 0-3.938-1.118-3.938-3.317 0-2.16 1.099-3.298 3.938-3.298 2.86 0 3.957 1.137 3.957 3.298 0 2.218-1.098 3.317-3.957 3.317ZM108.577 21.166v-.018h-4.658c.19 4.587.19 9.173 0 13.76h4.658v-3.336h3.938c5.377 0 6.721-2.198 6.721-5.307 0-2.919-1.344-5.099-6.721-5.099h-3.938Zm0 6.748V24.92h2.613c3.124 0 3.767.266 3.767 1.479 0 1.232-.719 1.516-3.767 1.516h-2.613ZM135.219 21.166l-13.324-.018c0 3.146.076 6.88-.151 8.093-.284 1.535-.834 2.085-1.894 2.293h-.946v6.559h4.487v-2.806h8.879v2.749h4.485v-6.502h-1.536V21.167Zm-9.064 9.553c.397-2.104.322-3.961.36-5.856h3.914v6.671h-4.482c.094-.265.151-.53.208-.815Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.207 33.195c1.363 1.251 3.49 1.877 6.38 1.877 2.928 0 5.068-.626 6.418-1.877 1.351-1.25 2.026-3.02 2.026-5.307 0-2.25-.681-4.006-2.044-5.27-1.351-1.263-3.484-1.895-6.4-1.895-2.903 0-5.036.632-6.399 1.896-1.35 1.263-2.026 3.02-2.026 5.269 0 2.274.682 4.043 2.045 5.307Zm9.41-2.786c-.619.53-1.629.796-3.03.796-1.388 0-2.392-.272-3.01-.815-.619-.544-.928-1.378-.928-2.502 0-1.112.31-1.94.928-2.483.618-.543 1.622-.815 3.01-.815 1.401 0 2.411.272 3.03.815.618.543.927 1.37.927 2.483 0 1.137-.309 1.977-.928 2.52Zm11.533 4.473v-5.517h.994c1.49 1.908 2.431 3.357 3.736 5.552h5.81c-2.04-2.78-3.285-4.416-5.628-6.94v-.684l5.382-6.172h-5.708l-.279.4h-.001v.002c-.897 1.284-1.959 2.805-3.738 4.564-.253 0-.442-.006-.568-.019v-4.947h-4.715c.101 2.452.152 4.745.152 6.88 0 2.136-.05 4.43-.152 6.881h4.715Z"/></g><g clip-path="url(#b)"><path d="m79.427 3.594 12.37 5.73L90.304 2l22.622 16.228H82.618l-3.19-14.634Z" fill="#F90"/><path fill-rule="evenodd" clip-rule="evenodd" d="M105.03 18.228c.003-.431-.022-.876-.077-1.33-.409-3.35-2.321-5.872-4.27-5.635-1.95.238-3.199 3.146-2.79 6.495.024.159.051.316.081.47h7.056Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M101.205 18.228c.017-.277.009-.57-.028-.87-.19-1.563-1.08-2.74-1.986-2.63-.907.11-1.487 1.467-1.296 3.03.016.162.04.32.07.47h3.24Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M97.629 18.228a10.715 10.715 0 0 0-.047-.47c-.409-3.35-2.32-5.872-4.27-5.635-1.852.226-3.144 2.961-2.919 6.105h7.236Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M93.742 18.228a4.852 4.852 0 0 0-.035-.67c-.19-1.563-1.08-2.741-1.987-2.63-.874.106-1.507 1.78-1.38 3.3h3.402Z" fill="#000"/><path d="m116.483 11.69-16.696 6.538h13.453l3.243-6.537Z" fill="#F90"/><path d="m116.482 11.69-4.161 1.631 2.554 1.622 1.607-3.252Z" fill="#000"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 17.838)" d="M0 0h137v20.247H0z"/></clipPath><clipPath id="b"><path fill="#fff" transform="translate(79.427 2)" d="M0 0h37.023v16.165H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="14" fill="none"><path fill="#000" d="M12.432 5.651c0-2.246-1.299-3.866-4.56-4.25 0-.455 0-.896.014-1.308H4.624c0 .427.014.867.014 1.308C1.418 1.799.119 3.405.119 5.65c0 2.275 1.327 3.867 4.519 4.25 0 .441-.014.868-.014 1.28h3.262c-.014-.398-.014-.824-.028-1.265 3.261-.384 4.574-1.976 4.574-4.265ZM7.858 7.087c0-.54 0-1.066.014-1.592 0-.412.014-.839.014-1.251.898.227 1.271.71 1.271 1.407 0 .725-.387 1.209-1.3 1.436ZM3.394 5.651c0-.696.373-1.18 1.272-1.407V7.073c-.899-.228-1.272-.71-1.272-1.422ZM43.25 11.323c2.06 0 4.81-.54 5.832-3.084-1.023-.455-2.045-.939-2.902-1.408-.428 1.123-1.271 1.635-2.82 1.635-1.934 0-2.763-1.066-2.832-2.402-.07-1.322.65-2.659 2.626-2.659 1.036 0 2.446.398 3.026 1.564.87-.455 1.81-.924 2.916-1.322C48.004 1.372 45.806.562 43.25.562c-4.353 0-6.08 2.289-6.08 5.502 0 3.255 1.782 5.26 6.08 5.26ZM61.848 5.651c0-2.246-1.3-3.866-4.56-4.25 0-.455 0-.896.013-1.308H54.04c0 .427.014.867.014 1.308-3.22.398-4.52 2.004-4.52 4.25 0 2.275 1.327 3.867 4.52 4.25 0 .441-.014.868-.014 1.28H57.3c-.014-.398-.014-.824-.028-1.265 3.262-.384 4.575-1.976 4.575-4.265Zm-4.575 1.436c0-.54 0-1.066.014-1.592 0-.412.014-.839.014-1.251.898.227 1.272.71 1.272 1.407 0 .725-.387 1.209-1.3 1.436ZM52.81 5.651c0-.696.373-1.18 1.271-1.407V7.073c-.898-.228-1.271-.71-1.271-1.422ZM68.784 11.323c4.436 0 6.164-2.118 6.164-5.387 0-3.213-1.728-5.374-6.164-5.374-4.422 0-6.15 2.16-6.15 5.374 0 3.255 1.783 5.387 6.15 5.387Zm0-2.9c-2.059 0-2.874-.838-2.874-2.487 0-1.62.801-2.474 2.874-2.474 2.087 0 2.888.853 2.888 2.474 0 1.663-.801 2.487-2.888 2.487ZM79.253.875V.86h-3.4c.139 3.44.139 6.88 0 10.32h3.4V8.68h2.875c3.924 0 4.906-1.649 4.906-3.98 0-2.19-.982-3.824-4.906-3.824h-2.875Zm0 5.06V3.69h1.907c2.28 0 2.75.199 2.75 1.108 0 .924-.525 1.138-2.75 1.138h-1.907ZM98.7.875 88.974.86c0 2.36.056 5.16-.11 6.07-.207 1.151-.608 1.563-1.382 1.72h-.691v4.918h3.275v-2.104h6.482v2.062h3.273V8.65h-1.12V.875ZM92.084 8.04c.29-1.578.235-2.971.262-4.393h2.858V8.65h-3.272c.069-.2.11-.398.152-.611Z"/><path fill="#000" fill-rule="evenodd" d="M14.75 9.896c.995.939 2.547 1.408 4.657 1.408 2.137 0 3.699-.47 4.684-1.408.986-.938 1.48-2.265 1.48-3.98 0-1.687-.498-3.004-1.493-3.952-.986-.948-2.543-1.422-4.671-1.422-2.12 0-3.676.474-4.671 1.422-.986.948-1.479 2.265-1.479 3.952 0 1.706.498 3.033 1.492 3.98Zm6.868-2.09c-.452.399-1.189.598-2.211.598-1.014 0-1.746-.204-2.198-.612-.451-.407-.677-1.033-.677-1.876 0-.834.226-1.455.677-1.862.452-.408 1.184-.612 2.198-.612 1.022 0 1.76.204 2.21.612.452.407.678 1.028.678 1.862 0 .853-.226 1.483-.677 1.89Zm8.418 3.356V7.024h.726c1.087 1.431 1.775 2.518 2.727 4.164h4.24c-1.488-2.085-2.397-3.312-4.107-5.205V5.47L37.551.84h-4.167l-.204.3c-.655.964-1.43 2.105-2.73 3.424-.183 0-.322-.004-.414-.014V.841h-3.44c.073 1.839.11 3.559.11 5.16 0 1.602-.037 3.322-.11 5.16h3.44Z" clip-rule="evenodd"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="110" height="40" fill="none" viewBox="0 0 110 40"><path fill="#f90" d="m0 8.334 17.915 8.26-2.163-10.557L48.516 29.43H4.621z"/><path fill="#fff" fill-rule="evenodd" d="M37.08 29.428a15 15 0 0 0-.111-1.918c-.592-4.828-3.36-8.464-6.184-8.122s-4.633 4.534-4.04 9.362q.051.343.117.678z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M31.54 29.428c.026-.4.014-.822-.04-1.255-.276-2.253-1.564-3.95-2.877-3.791s-2.153 2.114-1.877 4.367q.037.35.103.679z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M26.36 29.428q-.025-.337-.067-.678c-.592-4.828-3.36-8.465-6.184-8.122-2.682.325-4.553 4.268-4.227 8.8z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M20.733 29.427a7 7 0 0 0-.052-.967c-.276-2.253-1.564-3.95-2.877-3.791-1.266.153-2.182 2.566-1.998 4.758z" clip-rule="evenodd"/><path fill="#f90" d="m53.667 20.005-24.18 9.424H48.97z"/><path fill="#000" d="m53.667 20.005-6.028 2.35 3.7 2.337z"/><path fill="#858689" d="M73.784 13.784a.54.54 0 1 1 .765.765l-4.617 4.618 4.617 4.617a.54.54 0 1 1-.765.765l-4.617-4.617-4.618 4.617a.54.54 0 1 1-.765-.765l4.618-4.617-4.618-4.618a.54.54 0 1 1 .765-.765l4.618 4.618z"/><path fill="#602b7a" d="M109 29.784h-5.558L97.7 35.54l-5.742-5.756h-5.706V7.41H109z"/><path fill="#fff" d="m101.721 25.266-1.262-2.921h-5.666l-1.24 2.921h-2.58l5.421-13.769h2.464l5.421 13.77zm-6.19-5.16h4.19l-2.095-5.787z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-logo.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/header-logo/base-logo.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,iCAOvB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import logo from "./assets/foxford.svg";
|
|
2
|
+
import logoMobile from "./assets/foxford_mobile.svg";
|
|
3
|
+
import { DesktopImg, MobileImg } from "./styled.js";
|
|
4
|
+
import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
|
|
5
|
+
function BaseLogo() {
|
|
6
|
+
return jsxs(Fragment, {
|
|
7
|
+
children: [jsx(DesktopImg, {
|
|
8
|
+
alt: "Логотип «Фоксфорд»",
|
|
9
|
+
className: "foxfordLogo",
|
|
10
|
+
height: "40",
|
|
11
|
+
src: logo,
|
|
12
|
+
width: "137"
|
|
13
|
+
}), jsx(MobileImg, {
|
|
14
|
+
alt: "Логотип «Фоксфорд»",
|
|
15
|
+
className: "foxfordLogo",
|
|
16
|
+
height: "15",
|
|
17
|
+
src: logoMobile,
|
|
18
|
+
width: "100"
|
|
19
|
+
})]
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
BaseLogo
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cobranding-logo.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/header-logo/cobranding-logo.tsx"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,iCA0B7B"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import cobrandingLogoUrl from "./assets/logo-cobranding.svg";
|
|
2
|
+
import { CobrandingDesktopImg, CobrandingTabletImg, CobrandingMobileImg } from "./styled.js";
|
|
3
|
+
import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
|
|
4
|
+
function CobrandingLogo() {
|
|
5
|
+
return jsxs(Fragment, {
|
|
6
|
+
children: [jsx(CobrandingDesktopImg, {
|
|
7
|
+
alt: "Логотип «Фоксфорд и Алгоритмика»",
|
|
8
|
+
className: "foxfordLogo",
|
|
9
|
+
height: "40",
|
|
10
|
+
src: cobrandingLogoUrl,
|
|
11
|
+
width: "110"
|
|
12
|
+
}), jsx(CobrandingTabletImg, {
|
|
13
|
+
alt: "Логотип «Фоксфорд и Алгоритмика»",
|
|
14
|
+
className: "foxfordLogo",
|
|
15
|
+
height: "36",
|
|
16
|
+
src: cobrandingLogoUrl,
|
|
17
|
+
width: "99"
|
|
18
|
+
}), jsx(CobrandingMobileImg, {
|
|
19
|
+
alt: "Логотип «Фоксфорд и Алгоритмика»",
|
|
20
|
+
className: "foxfordLogo",
|
|
21
|
+
height: "32",
|
|
22
|
+
src: cobrandingLogoUrl,
|
|
23
|
+
width: "88"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
CobrandingLogo
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/header-logo/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,MAAY,EAAE,EAAE,eAAe,gCAM1F"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BaseLogo } from "./base-logo.js";
|
|
2
|
+
import { CobrandingLogo } from "./cobranding-logo.js";
|
|
3
|
+
import { Root } from "./styled.js";
|
|
4
|
+
import { SELECTOR_IDS } from "../../../shared/constants.js";
|
|
5
|
+
import { jsx } from "preact/jsx-runtime";
|
|
6
|
+
function HeaderLogo({
|
|
7
|
+
className,
|
|
8
|
+
cobranding = false,
|
|
9
|
+
origin = "/"
|
|
10
|
+
}) {
|
|
11
|
+
return jsx(Root, {
|
|
12
|
+
className,
|
|
13
|
+
href: origin,
|
|
14
|
+
id: SELECTOR_IDS.LOGO,
|
|
15
|
+
children: cobranding ? jsx(CobrandingLogo, {}) : jsx(BaseLogo, {})
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
HeaderLogo
|
|
20
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
|
|
2
|
+
ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
|
|
3
|
+
}, "style"> & {
|
|
4
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
5
|
+
}> & string & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
|
|
6
|
+
ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
|
|
7
|
+
}>, keyof import("preact").Component<any, {}>>;
|
|
8
|
+
export declare const DesktopImg: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
|
|
9
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
10
|
+
}> & string;
|
|
11
|
+
export declare const MobileImg: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
|
|
12
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
13
|
+
}> & string;
|
|
14
|
+
export declare const CobrandingMobileImg: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
|
|
15
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
16
|
+
}> & string;
|
|
17
|
+
export declare const CobrandingTabletImg: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
|
|
18
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
19
|
+
}> & string;
|
|
20
|
+
export declare const CobrandingDesktopImg: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
|
|
21
|
+
style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
|
|
22
|
+
}> & string;
|
|
23
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/header-logo/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;;8CAUhB,CAAA;AAID,eAAO,MAAM,UAAU;;WAMtB,CAAA;AAED,eAAO,MAAM,SAAS;;WAMrB,CAAA;AAGD,eAAO,MAAM,mBAAmB;;WAM/B,CAAA;AAED,eAAO,MAAM,mBAAmB;;WAU/B,CAAA;AAED,eAAO,MAAM,oBAAoB;;WAAa,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { styled } from "styled-components";
|
|
2
|
+
import { screenMinM, screenMinL, screenMinS } from "@foxford/ui";
|
|
3
|
+
import { Link } from "../../../shared/link.js";
|
|
4
|
+
const Root = styled(Link).withConfig({
|
|
5
|
+
displayName: "styled__Root",
|
|
6
|
+
componentId: "sc-z1f6tl-0"
|
|
7
|
+
})(["display:inline-flex;", " ", ""], screenMinM()`
|
|
8
|
+
margin-right: 16px;
|
|
9
|
+
`, screenMinL()`
|
|
10
|
+
margin-right: 24px;
|
|
11
|
+
`);
|
|
12
|
+
const DesktopImg = styled.img.withConfig({
|
|
13
|
+
displayName: "styled__DesktopImg",
|
|
14
|
+
componentId: "sc-z1f6tl-1"
|
|
15
|
+
})(["display:none;", ""], screenMinM()`
|
|
16
|
+
display: inline;
|
|
17
|
+
`);
|
|
18
|
+
const MobileImg = styled.img.withConfig({
|
|
19
|
+
displayName: "styled__MobileImg",
|
|
20
|
+
componentId: "sc-z1f6tl-2"
|
|
21
|
+
})(["display:inline;", ""], screenMinM()`
|
|
22
|
+
display: none;
|
|
23
|
+
`);
|
|
24
|
+
const CobrandingMobileImg = styled.img.withConfig({
|
|
25
|
+
displayName: "styled__CobrandingMobileImg",
|
|
26
|
+
componentId: "sc-z1f6tl-3"
|
|
27
|
+
})(["display:inline;", ""], screenMinS()`
|
|
28
|
+
display: none;
|
|
29
|
+
`);
|
|
30
|
+
const CobrandingTabletImg = styled.img.withConfig({
|
|
31
|
+
displayName: "styled__CobrandingTabletImg",
|
|
32
|
+
componentId: "sc-z1f6tl-4"
|
|
33
|
+
})(["display:none;", " ", ""], screenMinS()`
|
|
34
|
+
display: inline;
|
|
35
|
+
`, screenMinM()`
|
|
36
|
+
display: none;
|
|
37
|
+
`);
|
|
38
|
+
const CobrandingDesktopImg = DesktopImg;
|
|
39
|
+
export {
|
|
40
|
+
CobrandingDesktopImg,
|
|
41
|
+
CobrandingMobileImg,
|
|
42
|
+
CobrandingTabletImg,
|
|
43
|
+
DesktopImg,
|
|
44
|
+
MobileImg,
|
|
45
|
+
Root
|
|
46
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { MenuList } from '../menu/types';
|
|
2
|
+
export interface ListProps {
|
|
3
|
+
list: MenuList;
|
|
4
|
+
onItemClick?: (itemId: string) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function List({ list, onItemClick }: ListProps): import("preact").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/list/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,SAAS,gCAapD"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import { Root } from "./styled.js";
|
|
21
|
+
import { ListItem } from "../../atoms/list-item/index.js";
|
|
22
|
+
import { ListSpacer } from "../../atoms/list-spacer/index.js";
|
|
23
|
+
import { ListTitle } from "../../atoms/list-title/index.js";
|
|
24
|
+
import { jsx, jsxs } from "preact/jsx-runtime";
|
|
25
|
+
function List({
|
|
26
|
+
list,
|
|
27
|
+
onItemClick
|
|
28
|
+
}) {
|
|
29
|
+
if (list.kind === "spacer") {
|
|
30
|
+
return jsx(ListSpacer, {
|
|
31
|
+
size: list.size
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return jsxs(Root, {
|
|
35
|
+
children: [jsx(ListTitle, {
|
|
36
|
+
text: list.title,
|
|
37
|
+
url: list.url
|
|
38
|
+
}), list.items.map((item) => jsx(ListItem, __spreadProps(__spreadValues({}, item), {
|
|
39
|
+
onClick: () => onItemClick == null ? void 0 : onItemClick(item.id)
|
|
40
|
+
}), item.id))]
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
export {
|
|
44
|
+
List
|
|
45
|
+
};
|