@doyourjob/gravity-ui-page-constructor-addons 2.1.25-dev.0 → 2.1.25

package/build/esm/components/NewHeader/components/CompanyPopup/CompanyPopup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CompanyPopupData } from '../../models';
-import './CompanyPopup.css';
-export declare const CompanyPopup: ({ sections }: CompanyPopupData) => React.JSX.Element;

package/build/esm/components/NewHeader/components/CompanyPopup/CompanyPopup.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Row } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './CompanyPopup.css';
-const b = block('company-popup');
-export const CompanyPopup = ({ sections }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
-    React.createElement(Row, null, sections.map((section, index) => (React.createElement(Col, { key: section.title, sizes: index === 0
-            ? { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 4 }
-            : { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 8 } },
-        React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement("div", { className: b('title') }, section.title))),
-        React.createElement(Row, null, section.items.map((item) => (React.createElement(PopupItem, Object.assign({ key: item.title }, item, { sizes: index === 0
-                ? { [GridColumnSize.All]: 12 }
-                : { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 6 } })))))))))));

package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.css

@@ -1,79 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-investor-popup {
-  background: var(--g-color-base-float);
-  box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
-  max-height: calc(100vh - 64px - 64px);
-  overflow: auto;
-  max-width: 900px;
-  margin-left: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-investor-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-investor-popup__container {
-  padding: 32px;
-  display: flex;
-}
-
-.pc-addons-investor-popup__wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 0;
-  flex: 1;
-}
-
-.pc-addons-investor-popup__title {
-  font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
-  line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
-  font-weight: 600;
-  margin-bottom: 8px;
-}
-
-.pc-addons-investor-popup__subtitle {
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  font-weight: 500;
-  color: #9fb1bd;
-}
-
-.pc-addons-investor-popup__card {
-  background-color: #f2f4f5;
-  border-radius: 8px;
-  width: 268px;
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.pc-addons-investor-popup__card-title {
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  font-weight: 500;
-}
-
-.pc-addons-investor-popup__card-wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.pc-addons-investor-popup__card-price {
-  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
-  line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
-  font-weight: 700;
-}
-
-.pc-addons-investor-popup__card-date {
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  font-weight: 500;
-  color: #9fb1bd;
-}

package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { InvestorPopupData } from '../../models';
-import './InvestorPopup.css';
-export declare const InvestorPopup: ({ title, subtitle, url, items, stock }: InvestorPopupData) => React.JSX.Element;

package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Row, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './InvestorPopup.css';
-const b = block('investor-popup');
-export const InvestorPopup = ({ title, subtitle, url, items, stock }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
-    React.createElement("div", { className: b('wrap') },
-        React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement("a", Object.assign({ href: url, className: b('title') }, getLinkProps(url)), title),
-                React.createElement("div", { className: b('subtitle') }, subtitle))),
-        React.createElement(Row, null, items.map((item) => (React.createElement(PopupItem, Object.assign({ key: item.title }, item, { sizes: { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 6 } })))))),
-    stock && (React.createElement("div", { className: b('card') },
-        React.createElement("div", { className: b('card-title') }, stock.title),
-        React.createElement("div", { className: b('card-wrap') },
-            React.createElement("div", { className: b('card-price') }, stock.price),
-            React.createElement("div", { className: b('card-date') }, stock.date))))));

package/build/esm/components/NewHeader/components/LoginButton/LoginButton.d.ts

@@ -1,10 +0,0 @@
-import type { RefObject } from 'react';
-import React from 'react';
-import { LoginPopupData, SetupRouteChangeHandler } from '../../models';
-interface LoginButtonProps {
-    data: LoginPopupData;
-    headerRef?: RefObject<HTMLDivElement>;
-    setupRouteChangeHandler?: SetupRouteChangeHandler;
-}
-export declare const LoginButton: ({ data, headerRef, setupRouteChangeHandler }: LoginButtonProps) => React.JSX.Element;
-export {};

package/build/esm/components/NewHeader/components/LoginButton/LoginButton.js

@@ -1,41 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { SWITCH_MENU_TAB_TIMEOUT } from '../../constants';
-import { LoginPopup } from '../LoginPopup/LoginPopup';
-import { NavigationPopup } from '../NavigationPopup/NavigationPopup';
-export const LoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
-    const [isActive, setIsActive] = useState(false);
-    const [pretendentActiveTab, setPretendentAciveTab] = useState(false);
-    const [previouslyFocusedElement, setPreviouslyFocusedElement] = useState(null);
-    const handleActiveTab = useCallback((val) => {
-        setPreviouslyFocusedElement(document.activeElement);
-        setPretendentAciveTab(val);
-    }, []);
-    const onEscapeKeyDown = useCallback((event) => {
-        if (event.key === 'Escape') {
-            setIsActive(false);
-            setPretendentAciveTab(false);
-            previouslyFocusedElement === null || previouslyFocusedElement === void 0 ? void 0 : previouslyFocusedElement.focus({ preventScroll: true });
-        }
-    }, [previouslyFocusedElement]);
-    const handleMouseEnter = useCallback(() => handleActiveTab(true), [handleActiveTab]);
-    const handleMouseLeave = useCallback(() => handleActiveTab(false), [handleActiveTab]);
-    useEffect(() => {
-        const timerId = setTimeout(() => {
-            setIsActive(pretendentActiveTab);
-        }, SWITCH_MENU_TAB_TIMEOUT);
-        return () => clearTimeout(timerId);
-    }, [pretendentActiveTab]);
-    useEffect(() => {
-        document.addEventListener('keydown', onEscapeKeyDown);
-        return () => {
-            document.removeEventListener('keydown', onEscapeKeyDown);
-        };
-    }, [onEscapeKeyDown]);
-    useEffect(() => setupRouteChangeHandler === null || setupRouteChangeHandler === void 0 ? void 0 : setupRouteChangeHandler(() => {
-        handleMouseLeave();
-    }), [handleMouseLeave, setupRouteChangeHandler]);
-    return (React.createElement("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
-        data.text,
-        isActive && (React.createElement(NavigationPopup, { headerRef: headerRef },
-            React.createElement(LoginPopup, Object.assign({}, data))))));
-};

package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.css

@@ -1,45 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-login-popup {
-  border-radius: 16px;
-  background: var(--g-color-base-float);
-  box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
-  max-height: calc(100vh - 64px - 64px);
-  overflow: auto;
-  max-width: 260px;
-  margin-left: auto;
-  width: 100%;
-  scrollbar-width: none;
-}
-
-.pc-addons-login-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-login-popup__container {
-  padding: 8px;
-  gap: 8px;
-  display: flex;
-  flex-direction: column;
-}
-
-.pc-addons-login-popup__item {
-  padding: 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-}
-
-.pc-addons-login-popup__title {
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  font-weight: 500;
-}
-
-.pc-addons-login-popup__subtitle {
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  font-weight: 500;
-  color: #9fb1bd;
-}

package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { LoginPopupData } from '../../models';
-import './LoginPopup.css';
-export declare const LoginPopup: ({ items }: LoginPopupData) => React.JSX.Element;

package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Grid, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import './LoginPopup.css';
-const b = block('login-popup');
-export const LoginPopup = ({ items }) => (React.createElement(Grid, { className: b(), containerClass: b('container') }, items.map((item) => (React.createElement("a", Object.assign({ href: item.url, className: b('item'), key: item.title }, getLinkProps(item.url || '')),
-    React.createElement("div", { className: b('title') }, item.title),
-    React.createElement("div", { className: b('subtitle') }, item.subtitle))))));

package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.css

@@ -1,8 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-medium-popup {
-  max-height: calc(100vh - 64px - 64px);
-  overflow: auto;
-  display: flex;
-  flex-wrap: wrap;
-}

package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MediumPopupData } from '../../models';
-import './MediumPopup.css';
-export declare const MediumPopup: ({ groups }: MediumPopupData) => React.JSX.Element;

package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Row } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './MediumPopup.css';
-const b = block('medium-popup');
-export const MediumPopup = ({ groups }) => (React.createElement(Grid, null,
-    React.createElement(Row, null,
-        React.createElement(Col, { className: b() }, groups.map((dataItem) => dataItem.items.map((item) => (React.createElement(PopupItem, Object.assign({}, item, { key: item.title, hover: true, imageSize: dataItem.imageSize, sizes: {
-                [GridColumnSize.Xl]: 3,
-                [GridColumnSize.Md]: 4,
-                [GridColumnSize.All]: 12,
-            } })))))))));

package/build/esm/components/NewHeader/components/MobileNavigation/MobileNavigation.css

@@ -1,47 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-mobile-navigation {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-}
-
-.pc-addons-mobile-navigation__icon {
-  display: none;
-}
-
-.pc-addons-mobile-navigation__icon:hover:before {
-  background: none;
-}
-
-.pc-addons-mobile-navigation__icon:hover .pc-addons-mobile-navigation__icon {
-  color: var(--g-color-text-complementary);
-}
-
-.pc-addons-mobile-navigation__icon-icon {
-  position: relative;
-  top: 3px;
-}
-
-.pc-addons-mobile-navigation__icon_hidden {
-  display: none;
-}
-
-.pc-addons-mobile-navigation__user {
-  margin-top: 24px;
-}
-
-.pc-addons-mobile-navigation__buttons {
-  margin-top: 8px;
-}
-
-@media (max-width: 769px) {
-  .pc-addons-mobile-navigation__icon {
-    display: block;
-  }
-  .pc-addons-mobile-navigation__icon_hidden {
-    display: none;
-  }
-}

package/build/esm/components/NewHeader/components/MobileNavigation/MobileNavigation.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from '@doyourjob/gravity-ui-page-constructor';
-import { MobileNavigationItemData } from '../../models';
-import './MobileNavigation.css';
-interface MobileNavigationProps {
-    isOpened: boolean;
-    toogleOpen: (isOpened: boolean) => void;
-    isSearchOpen: boolean;
-    data: MobileNavigationItemData[];
-    onMenuScroll: (scrollTop: number) => void;
-    popupClassName?: string;
-    buttons?: ButtonProps[];
-}
-export declare const MobileNavigation: ({ isOpened, toogleOpen, isSearchOpen, data, buttons, onMenuScroll, }: MobileNavigationProps) => React.JSX.Element;
-export {};

package/build/esm/components/NewHeader/components/MobileNavigation/MobileNavigation.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Button as PCButton } from '@doyourjob/gravity-ui-page-constructor';
-import { Bars, Xmark } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import { block } from '../../../../utils/cn';
-import { MobileNavigationItem } from '../MobileNavigationItem/MobileNavigationItem';
-import { MobileNavigationPopup } from '../MobileNavigationPopup/MobileNavigationPopup';
-import './MobileNavigation.css';
-const b = block('mobile-navigation');
-export const MobileNavigation = ({ isOpened, toogleOpen, isSearchOpen, data, buttons, onMenuScroll, }) => (React.createElement("div", { className: b() },
-    React.createElement(Button, { view: "flat", size: "l", className: b('icon', { hidden: isSearchOpen }), onClick: (e) => {
-            e.stopPropagation();
-            toogleOpen(!isOpened);
-        } },
-        React.createElement(Icon, { data: isOpened ? Xmark : Bars, size: 24 })),
-    React.createElement(MobileNavigationPopup, { isOpened: isOpened, onClose: () => toogleOpen(false), onMenuScroll: onMenuScroll },
-        React.createElement("nav", null,
-            React.createElement("ul", { className: b() }, data.map((item) => (React.createElement("li", { className: b(), key: item.title },
-                React.createElement(MobileNavigationItem, Object.assign({}, item)))))),
-            buttons &&
-                (buttons === null || buttons === void 0 ? void 0 : buttons.map((button) => React.createElement(PCButton, Object.assign({}, button, { size: "l", key: button.text }))))))));

package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.css

@@ -1,75 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-mobile-navigation-item {
-  display: flex;
-  justify-content: space-between;
-  position: relative;
-  padding: 12px 0;
-}
-
-.pc-addons-mobile-navigation-item_type_link {
-  color: inherit;
-  text-decoration: none;
-  display: block;
-  color: var(--g-color-text-primary);
-}
-
-.pc-addons-mobile-navigation-item__arrow {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-}
-
-.pc-addons-mobile-navigation-item__text {
-  padding-right: 20px;
-}
-
-.pc-addons-mobile-navigation-item__list {
-  padding: 10px 20px;
-  background-color: var(--g-color-base-generic);
-  border-radius: var(--g-border-radius-l);
-}
-
-.pc-addons-mobile-navigation-item__list:not(:first-child) {
-  margin-top: 12px;
-}
-
-.pc-addons-mobile-navigation-item__list-items {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.pc-addons-mobile-navigation-item__list-title {
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  margin: 0;
-  padding: 10px 0;
-}
-
-.pc-addons-mobile-navigation-item__list-item {
-  color: inherit;
-  text-decoration: none;
-  display: block;
-  color: var(--g-color-text-primary);
-  padding: 10px 0;
-}
-
-.pc-addons-mobile-navigation-item__list-item:hover, .pc-addons-mobile-navigation-item__list-item:active {
-  --pc-text-header-color: inherit;
-  color: inherit;
-}
-
-.pc-addons-mobile-navigation-item__list-link {
-  color: inherit;
-  text-decoration: none;
-  outline: none;
-  color: var(--g-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-  display: block;
-  padding: 10px 0;
-}

package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MobileNavigationItemData } from '../../models';
-import './MobileNavigationItem.css';
-export declare const MobileNavigationItem: (props: MobileNavigationItemData) => React.JSX.Element | null;

package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.js

@@ -1,26 +0,0 @@
-import React, { Fragment, useCallback, useState } from 'react';
-import { Foldable, ToggleArrow, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import './MobileNavigationItem.css';
-const b = block('mobile-navigation-item');
-export const MobileNavigationItem = (props) => {
-    const [isOpened, setIsOpened] = useState(false);
-    const toggleOpen = useCallback(() => {
-        setIsOpened(!isOpened);
-    }, [isOpened]);
-    if ('link' in props) {
-        return (React.createElement("a", Object.assign({ href: props.link.url, className: b({ type: 'link' }) }, getLinkProps(props.link.url || '', undefined, props.link.target)), props.title));
-    }
-    if ('data' in props) {
-        return (React.createElement(Fragment, null,
-            React.createElement("div", { className: b({ opened: isOpened }), onClick: toggleOpen },
-                React.createElement("div", { className: b('text') }, props.title),
-                React.createElement("div", { className: b('arrow') },
-                    React.createElement(ToggleArrow, { size: 12, type: "vertical", open: isOpened, iconType: "navigation" }))),
-            React.createElement(Foldable, { isOpened: isOpened }, props.data.map(({ title: itemTitle, items }) => (React.createElement("div", { className: b('list'), key: items[0].title },
-                itemTitle && React.createElement("h5", { className: b('list-title') }, itemTitle),
-                React.createElement("ul", { className: b('list-items') }, items.map((linkItem) => (React.createElement("li", { className: b('li'), key: linkItem.title },
-                    React.createElement("a", Object.assign({ href: linkItem.url, className: b('list-item') }, getLinkProps(linkItem.url || '')), linkItem.title)))))))))));
-    }
-    return null;
-};

package/build/esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.css

@@ -1,55 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-mobile-navigation-popup {
-  width: 100%;
-  position: fixed;
-  top: 0;
-  z-index: 99;
-  padding: 48px 0 32px;
-  background-color: var(--g-color-base-background);
-  border-radius: 0 0 var(--pc-border-radius, 24px) var(--pc-border-radius, 24px);
-  box-shadow: 0 3px 10px var(--g-color-base-generic);
-}
-
-.pc-addons-mobile-navigation-popup__transition-enter {
-  transform: translateY(-30px);
-  opacity: 0;
-}
-
-.pc-addons-mobile-navigation-popup__transition-enter-active {
-  transform: translateY(0);
-  opacity: 1;
-  transition: transform 0.4s, opacity 0.4s;
-}
-
-.pc-addons-mobile-navigation-popup__transition-exit {
-  transform: translateY(0);
-  opacity: 1;
-}
-
-.pc-addons-mobile-navigation-popup__transition-exit .pc-addons-mobile-navigation-popup__container {
-  opacity: 0;
-}
-
-.pc-addons-mobile-navigation-popup__transition-exit-active {
-  transform: translateY(-30px);
-  opacity: 0;
-  transition: transform 0.4s, opacity 0.4s;
-}
-
-.pc-addons-mobile-navigation-popup__no-scroll {
-  overflow: hidden;
-}
-
-.pc-addons-mobile-navigation-popup__container {
-  padding: 4px 48px 0;
-  overflow: scroll;
-  height: 100%;
-}
-
-@media (max-width: 576px) {
-  .pc-addons-mobile-navigation-popup__container {
-    padding-left: 24px;
-    padding-right: 24px;
-  }
-}

package/build/esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './MobileNavigationPopup.css';
-interface MobileNavigationPopupProps {
-    isOpened: boolean;
-    onClose: () => void;
-    children: React.ReactNode;
-    onMenuScroll: (scrollTop: number) => void;
-}
-export declare const MobileNavigationPopup: ({ isOpened, onClose, children, onMenuScroll, }: MobileNavigationPopupProps) => React.ReactPortal | null;
-export {};

package/build/esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.js

@@ -1,43 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { OutsideClick } from '@doyourjob/gravity-ui-page-constructor';
-import { useBodyScrollLock } from '@gravity-ui/uikit';
-import ReactDOM from 'react-dom';
-import { CSSTransition } from 'react-transition-group';
-import { block } from '../../../../utils/cn';
-import './MobileNavigationPopup.css';
-const b = block('mobile-navigation-popup');
-const TRANSITION_TIME = 400;
-const POPUP_MARGIN = 80;
-const HEADER_HEIGHT = 68;
-export const MobileNavigationPopup = ({ isOpened, onClose, children, onMenuScroll, }) => {
-    const [body, setBody] = useState();
-    const ref = useRef(null);
-    const [containerHeight, setContainerHeight] = useState(0);
-    const handleScroll = useCallback(() => {
-        var _a;
-        const containerScrollTop = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.scrollTop;
-        if (typeof containerScrollTop !== 'undefined') {
-            onMenuScroll(containerScrollTop);
-        }
-    }, [onMenuScroll]);
-    useBodyScrollLock({ enabled: isOpened });
-    useEffect(() => {
-        setBody(document.body);
-        setContainerHeight((window === null || window === void 0 ? void 0 : window.innerHeight) - POPUP_MARGIN - HEADER_HEIGHT);
-        const element = ref.current;
-        if (element) {
-            element.addEventListener('scroll', handleScroll);
-        }
-        return () => {
-            if (element) {
-                element.removeEventListener('scroll', handleScroll);
-            }
-        };
-    }, [handleScroll, isOpened]);
-    if (!body) {
-        return null;
-    }
-    return ReactDOM.createPortal(React.createElement(CSSTransition, { in: isOpened, classNames: b('transition'), unmountOnExit: true, timeout: TRANSITION_TIME },
-        React.createElement(OutsideClick, { className: b(), onOutsideClick: onClose },
-            React.createElement("div", { ref: ref, className: b('container'), style: { maxHeight: `${containerHeight}px` } }, children))), body);
-};

package/build/esm/components/NewHeader/components/Navigation/Navigation.css

@@ -1,23 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-navigation {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
-  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
-  display: flex;
-  align-items: center;
-  margin-left: 2px;
-}
-
-@media (max-width: 768px) {
-  .pc-addons-navigation {
-    display: none;
-  }
-}
-@media (max-width: 769px) {
-  .pc-addons-navigation {
-    display: none;
-  }
-}

package/build/esm/components/NewHeader/components/Navigation/Navigation.d.ts

@@ -1,11 +0,0 @@
-import type { RefObject } from 'react';
-import React from 'react';
-import { NavigationItemData, SetupRouteChangeHandler } from '../../models';
-import './Navigation.css';
-interface NavigationProps {
-    data: NavigationItemData[];
-    headerRef?: RefObject<HTMLDivElement>;
-    setupRouteChangeHandler?: SetupRouteChangeHandler;
-}
-export declare const Navigation: ({ data, headerRef, setupRouteChangeHandler }: NavigationProps) => React.JSX.Element;
-export {};