@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.css

@@ -1,72 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-mobile-navigation {
-  position: fixed;
-  z-index: 100;
-  top: var(--header-height);
-  left: 0;
-  width: 100%;
-  border-bottom-right-radius: var(--pc-border-radius);
-  border-bottom-left-radius: var(--pc-border-radius);
-  background-color: var(--g-color-base-background);
-  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
-  max-height: calc(100vh - 2 * var(--header-height));
-  overflow-y: scroll;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-}
-.pc-mobile-navigation::-webkit-scrollbar {
-  display: none;
-}
-@media (min-width: 769px) {
-  .pc-mobile-navigation {
-    display: none;
-  }
-}
-.pc-mobile-navigation__wrapper {
-  padding: 32px 48px;
-}
-.pc-mobile-navigation__button {
-  margin-top: 24px;
-}
-.pc-mobile-navigation__rows {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 24px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  margin-bottom: 24px;
-}
-.pc-mobile-navigation__rows:last-child {
-  margin-bottom: 0;
-}
-.pc-mobile-navigation__dropdown-item:not(:last-child) {
-  margin-bottom: 16px;
-}
-.pc-mobile-navigation__popup {
-  z-index: 101;
-  display: flex;
-  flex-direction: column;
-  min-width: 220px;
-  padding: 16px;
-  border: 1px solid var(--g-color-line-generic);
-  border-top-width: 0;
-  border-radius: calc(var(--pc-border-radius) / 2);
-  background: var(--g-color-base-float);
-  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
-}
-@media (min-width: 769px) {
-  .pc-mobile-navigation__popup {
-    display: none;
-  }
-}
-@media (max-width: 576px) {
-  .pc-mobile-navigation__wrapper {
-    padding-left: 24px;
-    padding-right: 24px;
-  }
-}

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileNavigation = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const Foldable_1 = tslib_1.__importDefault(require("../../../components/Foldable/Foldable.js"));
-const hooks_1 = require("../../../hooks/index.js");
-const utils_1 = require("../../../utils/index.js");
-const models_1 = require("../../models.js");
-const NavigationList_1 = require("../NavigationList/NavigationList.js");
-const b = (0, utils_1.block)('mobile-navigation');
-const MobileNavigation = ({ isOpened, topItems, bottomItems, portalContainer, ...props }) => {
-    const [isMounted, setIsMounted] = React.useState(false);
-    (0, hooks_1.useMount)(() => setIsMounted(true));
-    if (!isMounted) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: portalContainer?.current ?? undefined, children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile, ...props })), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
-};
-exports.MobileNavigation = MobileNavigation;
-exports.default = exports.MobileNavigation;
-//# sourceMappingURL=MobileNavigation.js.map

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,IAAC,SAAS,EAAE,eAAe,EAAE,OAAO,IAAI,SAAS,YACpD,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,gBAAgB,oBAyC3B;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation = ({\n    isOpened,\n    topItems,\n    bottomItems,\n    portalContainer,\n    ...props\n}: MobileNavigationProps) => {\n    const [isMounted, setIsMounted] = React.useState(false);\n\n    useMount(() => setIsMounted(true));\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return (\n        <Portal container={portalContainer?.current ?? undefined}>\n            <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n                <div className={b('wrapper')}>\n                    {topItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={topItems}\n                            column={ItemColumnName.Top}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                    {bottomItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={bottomItems}\n                            column={ItemColumnName.Bottom}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                </div>\n            </Foldable>\n        </Portal>\n    );\n};\n\nexport default MobileNavigation;\n"]}

package/build/cjs/navigation/components/Navigation/Navigation.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
-export interface NavigationComponentProps extends ClassNameProps {
-    logo: ThemedNavigationLogoData;
-    data: HeaderData;
-    mobilePortalContainer?: React.RefObject<HTMLElement>;
-    onSidebarChange?: (isOpen: boolean) => void;
-}
-export declare const Navigation: ({ data, logo, className, mobilePortalContainer, onSidebarChange, }: NavigationComponentProps) => import("react/jsx-runtime").JSX.Element;
-export default Navigation;

package/build/cjs/navigation/components/Navigation/Navigation.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navigation = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const OutsideClick_1 = tslib_1.__importDefault(require("../../../components/OutsideClick/OutsideClick.js"));
-const grid_1 = require("../../../grid/index.js");
-const utils_1 = require("../../../utils/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const DesktopNavigation_1 = tslib_1.__importDefault(require("../DesktopNavigation/DesktopNavigation.js"));
-const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation.js"));
-const b = (0, utils_1.block)('navigation');
-const Navigation = ({ data, logo, className, mobilePortalContainer, onSidebarChange, }) => {
-    const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
-    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
-    const [showBorder] = (0, hooks_1.useShowBorder)(withBorder, withBorderOnScroll);
-    const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = (0, hooks_1.useActiveNavItem)(iconSize, leftItems, rightItems);
-    const onSidebarOpenedChange = (isOpen) => {
-        onSidebarChange?.(isOpen);
-        setIsSidebarOpened(isOpen);
-    };
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b({ 'with-border': showBorder }, className), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsxs)("nav", { children: [(0, jsx_runtime_1.jsx)(DesktopNavigation_1.default, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), (0, jsx_runtime_1.jsx)(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false), children: (0, jsx_runtime_1.jsx)(MobileNavigation_1.default, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, portalContainer: mobilePortalContainer }) })] }) }) }) }));
-};
-exports.Navigation = Navigation;
-exports.default = exports.Navigation;
-//# sourceMappingURL=Navigation.js.map

package/build/cjs/navigation/components/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AASvB,MAAM,UAAU,GAAG,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,qBAAqB,EACrB,eAAe,GACQ,EAAE,EAAE;IAC3B,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE;QAC9C,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC;QAC1B,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n    mobilePortalContainer?: React.RefObject<HTMLElement>;\n    onSidebarChange?: (isOpen: boolean) => void;\n}\n\nexport const Navigation = ({\n    data,\n    logo,\n    className,\n    mobilePortalContainer,\n    onSidebarChange,\n}: NavigationComponentProps) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => {\n        onSidebarChange?.(isOpen);\n        setIsSidebarOpened(isOpen);\n    };\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                                portalContainer={mobilePortalContainer}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}

package/build/cjs/navigation/components/NavigationItem/NavigationItem.css

@@ -1,31 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-navigation-item {
-  cursor: pointer;
-  outline: none;
-  color: inherit;
-  text-decoration: none;
-}
-.pc-navigation-item:last-child {
-  margin-bottom: 0;
-}
-.utilityfocus .pc-navigation-item:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-navigation-item__content:not(.pc-navigation-item__content_type_button):hover, .pc-navigation-item__content:not(.pc-navigation-item__content_type_button):active {
-  color: var(--g-color-text-link);
-}
-.pc-navigation-item_menu-layout_desktop {
-  height: var(--header-height);
-  line-height: var(--header-height);
-  margin-bottom: 0;
-}
-.pc-navigation-item_menu-layout_mobile {
-  margin-bottom: 24px;
-}
-.pc-navigation-item_menu-layout_dropdown {
-  margin-bottom: 0;
-}
-.pc-navigation-item_menu-layout_dropdown .pc-navigation-item__content_type_link {
-  padding: 8px 12px;
-}

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationItem = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
-const blockIdContext_1 = require("../../../context/blockIdContext/index.js");
-const models_1 = require("../../../models/index.js");
-const utils_1 = require("../../../utils/index.js");
-const useNavigationItemMap_1 = require("./hooks/useNavigationItemMap.js");
-const b = (0, utils_1.block)('navigation-item');
-const ANALYTICS_ID = 'navigation';
-const nonComplexNavigationItemTypes = models_1.NavigationItemTypes.filter((type) => type !== models_1.NavigationItemType.Dropdown);
-const NavigationItem = ({ data, className, menuLayout, ...props }) => {
-    const { type = models_1.NavigationItemType.Link } = data;
-    const navItemMap = (0, useNavigationItemMap_1.useNavigationItemMap)();
-    const Component = navItemMap[type];
-    const componentProps = React.useMemo(() => {
-        const componentProperties = {
-            ...data,
-            ...props,
-        };
-        if (nonComplexNavigationItemTypes.includes(type)) {
-            return (0, omit_1.default)(componentProperties, 'hidePopup', 'isActive');
-        }
-        return models_1.NavigationItemTypes.includes(type)
-            ? componentProperties
-            : { ...componentProperties, menuLayout };
-    }, [data, props, type, menuLayout]);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps, className: b('content', { type }) }) }) }));
-};
-exports.NavigationItem = NavigationItem;
-exports.default = exports.NavigationItem;
-//# sourceMappingURL=NavigationItem.js.map

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAAE,EAAE;IAC3F,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,GAAG;YACxB,GAAG,IAAI;YACP,GAAG,KAAK;SACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,EAAC,GAAG,mBAAmB,EAAE,UAAU,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,OAAK,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,cAAc,kBA8BzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n    (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem = ({data, className, menuLayout, ...props}: NavigationItemProps) => {\n    const {type = NavigationItemType.Link} = data;\n    const navItemMap = useNavigationItemMap();\n    const Component = navItemMap[type] as CustomItem;\n    const componentProps = React.useMemo(() => {\n        const componentProperties = {\n            ...data,\n            ...props,\n        };\n\n        if (\n            nonComplexNavigationItemTypes.includes(\n                type as (typeof nonComplexNavigationItemTypes)[number],\n            )\n        ) {\n            return omit(componentProperties, 'hidePopup', 'isActive');\n        }\n\n        return NavigationItemTypes.includes(type)\n            ? componentProperties\n            : {...componentProperties, menuLayout};\n    }, [data, props, type, menuLayout]);\n\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            <li className={b({'menu-layout': menuLayout}, className)}>\n                <Component {...componentProps} className={b('content', {type})} />\n            </li>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport default NavigationItem;\n"]}

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.d.ts

@@ -1,8 +0,0 @@
-import { ImageProps } from "../../../../../models/index.js";
-interface ContentWrapperProps {
-    text: string;
-    icon?: ImageProps;
-    iconSize?: number;
-}
-export declare const ContentWrapper: ({ text, icon, iconSize }: ContentWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentWrapper = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../../../components/index.js");
-const utils_1 = require("../../../../../utils/index.js");
-const b = (0, utils_1.block)('content-wrapper');
-const ContentWrapper = ({ text, icon, iconSize }) => {
-    const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, { className: b('icon'), ...icon, style: iconSizeStyle })), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
-};
-exports.ContentWrapper = ContentWrapper;
-//# sourceMappingURL=ContentWrapper.js.map

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAgD;AAEhD,yDAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAQ5B,MAAM,cAAc,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAClE,EACD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n    text: string;\n    icon?: ImageProps;\n    iconSize?: number;\n}\n\nexport const ContentWrapper = ({text, icon, iconSize}: ContentWrapperProps) => {\n    const iconSizeStyle = React.useMemo(\n        () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n        [iconSize],\n    );\n\n    return (\n        <React.Fragment>\n            {icon && typeof icon !== 'string' && (\n                <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n            )}\n            <span className={b('text')}>{text}</span>\n        </React.Fragment>\n    );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.d.ts

@@ -1,5 +0,0 @@
-import { NavigationGithubButton } from "../../../../../models/index.js";
-import { NavigationItemProps } from "../../../../models.js";
-type NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;
-export declare const GithubButton: ({ text, url, className, label, size, icon, urlTitle, }: NavigationGithubButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GithubButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const models_1 = require("../../../../../models/index.js");
-const utils_1 = require("../../../../../utils/index.js");
-const b = (0, utils_1.block)('github-button');
-const DEFAULT_LABEL = 'Stars on GitHub';
-/* More information about github-buttons in https://buttons.github.io/ */
-const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) => {
-    const containerRef = React.useRef(null);
-    const linkRef = React.useRef(null);
-    React.useEffect(() => {
-        const paint = () => {
-            if (containerRef.current) {
-                const githubButton = containerRef.current.appendChild(document.createElement('span'));
-                import(/* webpackMode: "eager" */ 'github-buttons').then(({ render }) => {
-                    if (linkRef.current !== null) {
-                        render(githubButton.appendChild(linkRef.current), (el) => {
-                            try {
-                                if (githubButton.parentNode) {
-                                    githubButton.parentNode.replaceChild(el, githubButton);
-                                }
-                            }
-                            catch { }
-                        });
-                    }
-                });
-            }
-        };
-        const reset = () => {
-            if (containerRef?.current?.lastChild && linkRef.current) {
-                containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);
-            }
-        };
-        paint();
-        return () => {
-            reset();
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", { href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL, ...(icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), ...(size && { 'data-size': size }), children: text }) }) }));
-};
-exports.GithubButton = GithubButton;
-//# sourceMappingURL=GithubButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,MAAM,CAAC,CAAA,CAAC;wBACd,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,8BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,KAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,KACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,YAEhC,IAAI,GACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ */\nexport const GithubButton = ({\n    text,\n    url,\n    className,\n    label,\n    size,\n    icon,\n    urlTitle,\n}: NavigationGithubButtonProps) => {\n    const containerRef = React.useRef<HTMLSpanElement>(null);\n    const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n    React.useEffect(() => {\n        const paint = () => {\n            if (containerRef.current) {\n                const githubButton = containerRef.current.appendChild(\n                    document.createElement('span'),\n                );\n                import(/* webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n                    if (linkRef.current !== null) {\n                        render(githubButton.appendChild(linkRef.current), (el) => {\n                            try {\n                                if (githubButton.parentNode) {\n                                    githubButton.parentNode.replaceChild(el, githubButton);\n                                }\n                            } catch {}\n                        });\n                    }\n                });\n            }\n        };\n\n        const reset = () => {\n            if (containerRef?.current?.lastChild && linkRef.current) {\n                containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n            }\n        };\n\n        paint();\n\n        return () => {\n            reset();\n        };\n    }, []);\n\n    return (\n        <div className={b(null, className)}>\n            <span ref={containerRef}>\n                <a\n                    href={url}\n                    ref={linkRef}\n                    title={urlTitle}\n                    data-show-count=\"true\"\n                    aria-label={label || DEFAULT_LABEL}\n                    {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n                    {...(size && {'data-size': size})}\n                >\n                    {text}\n                </a>\n            </span>\n        </div>\n    );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from "../../../../../models/index.js";
-import { NavigationItemProps } from "../../../../models.js";
-type NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;
-export declare const NavigationButton: (props: NavigationButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../../../../components/index.js");
-const blockIdContext_1 = require("../../../../../context/blockIdContext/index.js");
-const utils_1 = require("../../../../../utils/index.js");
-const b = (0, utils_1.block)('navigation-button');
-const ANALYTICS_ID = 'navigation';
-const NavigationButton = (props) => {
-    const { url, target, className } = props;
-    const classes = b(null, className);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, { className: classes, ...props, url: url })) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { ...props, className: classes, url: url }) })) }));
-};
-exports.NavigationButton = NavigationButton;
-//# sourceMappingURL=NavigationButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAAA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC7D,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B","sourcesContent":["import {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton = (props: NavigationButtonProps) => {\n    const {url, target, className} = props;\n    const classes = b(null, className);\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            {target ? (\n                <Button className={classes} {...props} url={url} />\n            ) : (\n                <RouterLink href={url}>\n                    <Button {...props} className={classes} url={url} />\n                </RouterLink>\n            )}\n        </BlockIdContext.Provider>\n    );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css

@@ -1,26 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-navigation-dropdown {
-  position: relative;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  background: inherit;
-  font: inherit;
-  color: var(--g-color-text-primary);
-  border: none;
-}
-.pc-navigation-dropdown:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-navigation-dropdown:focus:not(:focus-visible) {
-  outline: 0;
-}
-.pc-navigation-dropdown__arrow {
-  margin-left: 7px;
-  color: var(--g-color-text-secondary);
-}

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.d.ts

@@ -1,5 +0,0 @@
-import { NavigationDropdownItem } from "../../../../../models/index.js";
-import { NavigationItemProps } from "../../../../models.js";
-type NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;
-export declare const NavigationDropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: NavigationDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationDropdown = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../../../components/index.js");
-const utils_1 = require("../../../../../components/Media/Image/utils.js");
-const utils_2 = require("../../../../../utils/index.js");
-const NavigationPopup_1 = tslib_1.__importDefault(require("../../../NavigationPopup/NavigationPopup.js"));
-const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper.js");
-const b = (0, utils_2.block)('navigation-dropdown');
-const TOGGLE_ARROW_SIZE = 12;
-const NavigationDropdown = ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }) => {
-    const iconData = icon && (0, utils_1.getMediaImage)(icon);
-    const anchorRef = React.useRef(null);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { ref: anchorRef, ...props, type: "button", className: b(null, className), "aria-expanded": isActive, children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] }), (0, jsx_runtime_1.jsx)(NavigationPopup_1.default, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
-};
-exports.NavigationDropdown = NavigationDropdown;
-//# sourceMappingURL=NavigationDropdown.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationDropdown.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAsD;AACtD,0EAA0E;AAE1E,yDAA2C;AAE3C,0GAAuE;AACvE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAItB,MAAM,kBAAkB,GAAG,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,oCACI,GAAG,EAAE,SAAS,KACV,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,mBACd,QAAQ,aAEvB,uBAAC,+BAAc,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,mBACH,QAAQ,GACzB,EACF,uBAAC,wBAAW,IACR,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAE,QAAQ,GAChB,IACG,EACT,uBAAC,yBAAe,IACZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACtB,IACW,CACpB,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,kBAAkB,sBA2C7B","sourcesContent":["import * as React from 'react';\n\nimport {ToggleArrow} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {NavigationDropdownItem} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport NavigationPopup from '../../../NavigationPopup/NavigationPopup';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationDropdown.scss';\n\nconst b = block('navigation-dropdown');\n\nconst TOGGLE_ARROW_SIZE = 12;\n\ntype NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;\n\nexport const NavigationDropdown = ({\n    text,\n    icon,\n    className,\n    iconSize,\n    hidePopup,\n    items,\n    isActive,\n    ...props\n}: NavigationDropdownProps) => {\n    const iconData = icon && getMediaImage(icon);\n    const anchorRef = React.useRef<HTMLButtonElement>(null);\n    return (\n        <React.Fragment>\n            <button\n                ref={anchorRef}\n                {...props}\n                type=\"button\"\n                className={b(null, className)}\n                aria-expanded={isActive}\n            >\n                <ContentWrapper\n                    text={text}\n                    icon={iconData}\n                    iconSize={iconSize}\n                    aria-expanded={isActive}\n                />\n                <ToggleArrow\n                    className={b('arrow')}\n                    size={TOGGLE_ARROW_SIZE}\n                    type={'vertical'}\n                    iconType=\"navigation\"\n                    open={isActive}\n                />\n            </button>\n            <NavigationPopup\n                open={isActive}\n                onClose={hidePopup}\n                items={items}\n                anchorRef={anchorRef}\n            />\n        </React.Fragment>\n    );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css

@@ -1,32 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-navigation-link {
-  color: var(--g-color-text-primary);
-  color: inherit;
-  text-decoration: none;
-  outline: none;
-  position: relative;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-.utilityfocus .pc-navigation-link:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-navigation-link:hover, .pc-navigation-link_active {
-  color: var(--g-color-text-link);
-}
-.pc-navigation-link:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-navigation-link:focus:not(:focus-visible) {
-  outline: 0;
-}
-.pc-navigation-link__arrow {
-  position: relative;
-  top: -2px;
-  width: 9px;
-  height: 9px;
-  margin-left: 5px;
-}

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.d.ts

@@ -1,5 +0,0 @@
-import { NavigationLinkItem } from "../../../../../models/index.js";
-import { NavigationItemProps } from "../../../../models.js";
-type NavigationLinkProps = NavigationItemProps & NavigationLinkItem;
-export declare const NavigationLink: (props: NavigationLinkProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationLink = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../../../components/index.js");
-const utils_1 = require("../../../../../components/Media/Image/utils.js");
-const locationContext_1 = require("../../../../../context/locationContext/index.js");
-const hooks_1 = require("../../../../../hooks/index.js");
-const icons_1 = require("../../../../../icons/index.js");
-const models_1 = require("../../../../../models/index.js");
-const utils_2 = require("../../../../../utils/index.js");
-const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper.js");
-const b = (0, utils_2.block)('navigation-link');
-const NavigationLink = (props) => {
-    const { hostname, Link } = React.useContext(locationContext_1.LocationContext);
-    const { url, text, icon, arrow, target, className, iconSize, urlTitle, analyticsEvents, onClick: onClickOrigin, ...rest } = props;
-    const linkExtraProps = (0, utils_2.getLinkProps)(url, hostname, target);
-    const iconData = icon && (0, utils_1.getMediaImage)(icon);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Link, url);
-    const onClick = (e) => {
-        handleAnalytics(analyticsEvents);
-        if (onClickOrigin && e) {
-            onClickOrigin?.(e);
-        }
-    };
-    const classes = b(null, className);
-    const content = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }), arrow && (0, jsx_runtime_1.jsx)(icons_1.NavigationArrow, { className: b('arrow') })] }));
-    if (linkExtraProps?.target || !Link) {
-        return ((0, jsx_runtime_1.jsx)("a", { href: url, title: urlTitle || text, className: classes, onClick: onClick, ...rest, ...linkExtraProps, children: content }));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, passHref: true, children: (0, jsx_runtime_1.jsx)("a", { role: "link", title: urlTitle || text, ...rest, className: classes, tabIndex: 0, onClick: onClick, onKeyDown: (e) => e.key === 'Enter' && onClick(), children: content }) }));
-    }
-};
-exports.NavigationLink = NavigationLink;
-//# sourceMappingURL=NavigationLink.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AACrD,0EAA0E;AAC1E,qFAAuE;AACvE,yDAAkD;AAClD,yDAAqD;AACrD,2DAA4E;AAC5E,yDAAyD;AAEzD,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAI5B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACzD,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,EACF,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,EAAE,aAAa,EACtB,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,CAAC,CAAoB,EAAE,EAAE;QACrC,eAAe,CAAC,eAAe,CAAC,CAAC;QACjC,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;YACrB,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,+BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,uBAAC,uBAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,cAAc,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,8BACI,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IAAI,IAAI,EACvB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,KACZ,IAAI,KACJ,cAAc,YAEjB,OAAO,GACR,CACP,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,8BACI,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,QAAQ,IAAI,IAAI,KACnB,IAAI,EACR,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,OAAO,EAAE,YAE/C,OAAO,GACR,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC;AAjEW,QAAA,cAAc,kBAiEzB","sourcesContent":["import * as React from 'react';\n\nimport {RouterLink} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {LocationContext} from '../../../../../context/locationContext';\nimport {useAnalytics} from '../../../../../hooks';\nimport {NavigationArrow} from '../../../../../icons';\nimport {DefaultEventNames, NavigationLinkItem} from '../../../../../models';\nimport {block, getLinkProps} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationLink.scss';\n\nconst b = block('navigation-link');\n\ntype NavigationLinkProps = NavigationItemProps & NavigationLinkItem;\n\nexport const NavigationLink = (props: NavigationLinkProps) => {\n    const {hostname, Link} = React.useContext(LocationContext);\n    const {\n        url,\n        text,\n        icon,\n        arrow,\n        target,\n        className,\n        iconSize,\n        urlTitle,\n        analyticsEvents,\n        onClick: onClickOrigin,\n        ...rest\n    } = props;\n\n    const linkExtraProps = getLinkProps(url, hostname, target);\n    const iconData = icon && getMediaImage(icon);\n    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);\n\n    const onClick = (e?: React.MouseEvent) => {\n        handleAnalytics(analyticsEvents);\n        if (onClickOrigin && e) {\n            onClickOrigin?.(e);\n        }\n    };\n\n    const classes = b(null, className);\n    const content = (\n        <React.Fragment>\n            <ContentWrapper text={text} icon={iconData} iconSize={iconSize} />\n            {arrow && <NavigationArrow className={b('arrow')} />}\n        </React.Fragment>\n    );\n\n    if (linkExtraProps?.target || !Link) {\n        return (\n            <a\n                href={url}\n                title={urlTitle || text}\n                className={classes}\n                onClick={onClick}\n                {...rest}\n                {...linkExtraProps}\n            >\n                {content}\n            </a>\n        );\n    } else {\n        return (\n            <RouterLink href={url} passHref>\n                <a\n                    role=\"link\"\n                    title={urlTitle || text}\n                    {...rest}\n                    className={classes}\n                    tabIndex={0}\n                    onClick={onClick}\n                    onKeyDown={(e) => e.key === 'Enter' && onClick()}\n                >\n                    {content}\n                </a>\n            </RouterLink>\n        );\n    }\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/hooks/useNavigationItemMap.d.ts

@@ -1,7 +0,0 @@
-export declare const useNavigationItemMap: () => {
-    button: (props: Pick<import("../../../index.js").NavigationItemProps, "className"> & import("../../../../index.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    social: ({ icon, url, className, urlTitle }: import("../../../index.js").NavigationSocialItemOwnProps) => import("react/jsx-runtime").JSX.Element;
-    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
-    link: (props: import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationLinkItem) => import("react/jsx-runtime").JSX.Element;
-    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationGithubButton) => import("react/jsx-runtime").JSX.Element;
-};

package/build/cjs/navigation/components/NavigationItem/hooks/useNavigationItemMap.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNavigationItemMap = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty.js"));
-const constructor_items_1 = require("../../../../constructor-items.js");
-const innerContext_1 = require("../../../../context/innerContext/index.js");
-const useNavigationItemMap = () => {
-    const { navItemMap } = React.useContext(innerContext_1.InnerContext);
-    return (0, isEmpty_1.default)(navItemMap) ? constructor_items_1.navItemMap : navItemMap;
-};
-exports.useNavigationItemMap = useNavigationItemMap;
-//# sourceMappingURL=useNavigationItemMap.js.map

package/build/cjs/navigation/components/NavigationItem/hooks/useNavigationItemMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useNavigationItemMap.js","sourceRoot":"../../../../../../src","sources":["navigation/components/NavigationItem/hooks/useNavigationItemMap.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAAqC;AAErC,wEAA8E;AAC9E,4EAA8D;AAEvD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAC,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAEpD,OAAO,IAAA,iBAAO,EAAC,UAAU,CAAC,CAAC,CAAC,CAAC,8BAAiB,CAAC,CAAC,CAAC,UAAU,CAAC;AAChE,CAAC,CAAC;AAJW,QAAA,oBAAoB,wBAI/B","sourcesContent":["import * as React from 'react';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport {navItemMap as NavItemMapDefault} from '../../../../constructor-items';\nimport {InnerContext} from '../../../../context/innerContext';\n\nexport const useNavigationItemMap = () => {\n    const {navItemMap} = React.useContext(InnerContext);\n\n    return isEmpty(navItemMap) ? NavItemMapDefault : navItemMap;\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/index.ts"],"names":[],"mappings":";;;;AAAA,0EAAoE;AAA5D,4GAAA,YAAY,OAAA;AACpB,sFAAgF;AAAxE,oHAAA,gBAAgB,OAAA;AACxB,4FAAsF;AAA9E,wHAAA,kBAAkB,OAAA;AAC1B,gFAA0E;AAAlE,gHAAA,cAAc,OAAA;AAEtB,iFAA8C;AAE9C,kBAAe,wBAAc,CAAC","sourcesContent":["export {GithubButton} from './components/GithubButton/GithubButton';\nexport {NavigationButton} from './components/NavigationButton/NavigationButton';\nexport {NavigationDropdown} from './components/NavigationDropdown/NavigationDropdown';\nexport {NavigationLink} from './components/NavigationLink/NavigationLink';\n\nimport NavigationItem from './NavigationItem';\n\nexport default NavigationItem;\n"]}

package/build/cjs/navigation/components/NavigationList/NavigationList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";;;;;AACA,6GAA0E;AAEnE,MAAM,cAAc,GAAG,CAAC,EAC3B,SAAS,EACT,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACU,EAAE,EAAE,CAAC,CACvB,+BAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,4BAAkB,IAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,KACpB,KAAK,IAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAC;AAjBW,QAAA,cAAc,kBAiBzB","sourcesContent":["import {NavigationListProps} from '../../models';\nimport NavigationListItem from '../NavigationListItem/NavigationListItem';\n\nexport const NavigationList = ({\n    className,\n    itemClassName,\n    items,\n    ...props\n}: NavigationListProps) => (\n    <ul className={className}>\n        {items.map((item, index) => (\n            <NavigationListItem\n                key={index}\n                index={index}\n                data={item}\n                className={itemClassName}\n                {...props}\n            />\n        ))}\n    </ul>\n);\n"]}

package/build/cjs/navigation/components/NavigationListItem/NavigationListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";;;;;AACA,0CAAgD;AAChD,wFAA+C;AAExC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,kBAAkB,EAClB,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,KAAK,YAAY,CAAC;IACrC,MAAM,OAAO,GAAG,IAAA,2BAAmB,EAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,wBAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,KACzB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,kBAAkB,sBAwB7B;AAEF,kBAAe,0BAAkB,CAAC","sourcesContent":["import {NavigationListItemProps} from '../../models';\nimport {getItemClickHandler} from '../../utils';\nimport NavigationItem from '../NavigationItem';\n\nexport const NavigationListItem = ({\n    column,\n    index,\n    activeItemId,\n    onActiveItemChange,\n    ...props\n}: NavigationListItemProps) => {\n    const id = `${column}-${index}`;\n    const isActive = id === activeItemId;\n    const onClick = getItemClickHandler({\n        column,\n        index,\n        activeItemId,\n        onActiveItemChange,\n    });\n\n    return (\n        <NavigationItem\n            isActive={isActive}\n            onClick={onClick}\n            hidePopup={onActiveItemChange}\n            {...props}\n        />\n    );\n};\n\nexport default NavigationListItem;\n"]}

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationPopup = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils/index.js");
-const models_1 = require("../../models.js");
-const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/index.js"));
-const b = (0, utils_1.block)('navigation-popup');
-const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
-const NavigationPopup = ({ anchorRef, items, onClose, open }) => {
-    // Opening and closing is controlled by the associated button,
-    // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)
-    // there needs to be an awkward looking handler like this.
-    const onOpenChange = (isOpen) => {
-        if (!isOpen) {
-            onClose();
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { className: b(), 
-        // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-        anchorElement: anchorRef.current, open: open, onOpenChange: onOpenChange, keepMounted: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: (0, jsx_runtime_1.jsx)("ul", { className: b('list'), children: items.map((item) => ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, { className: b('link'), data: item, menuLayout: models_1.NavigationLayout.Dropdown }, item.text))) }) }));
-};
-exports.NavigationPopup = NavigationPopup;
-exports.default = exports.NavigationPopup;
-//# sourceMappingURL=NavigationPopup.js.map