@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

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

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationList = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const NavigationListItem_1 = tslib_1.__importDefault(require("../NavigationListItem/NavigationListItem"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NavigationListItem_1 = tslib_1.__importDefault(require("../NavigationListItem/NavigationListItem.js"));
 const NavigationList = (_a) => {
     var { className, itemClassName, items } = _a, props = tslib_1.__rest(_a, ["className", "itemClassName", "items"]);
-    return (react_1.default.createElement("ul", { className: className }, items.map((item, index) => (react_1.default.createElement(NavigationListItem_1.default, Object.assign({ key: index, index: index, data: item, className: itemClassName }, props))))));
+    return ((0, jsx_runtime_1.jsx)("ul", { className: className, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(NavigationListItem_1.default, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
 };
 exports.NavigationList = NavigationList;
+//# sourceMappingURL=NavigationList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";;;;;AAGA,6GAA0E;AAEnE,MAAM,cAAc,GAAkC,CAAC,EAK7D,EAAE,EAAE;QALyD,EAC1D,SAAS,EACT,aAAa,EACb,KAAK,OAER,EADM,KAAK,sBAJkD,uCAK7D,CADW;IACN,OAAA,CACF,+BAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,4BAAkB,kBAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,IACpB,KAAK,GAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAA;CAAA,CAAC;AAjBW,QAAA,cAAc,kBAiBzB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListProps} from '../../models';\nimport NavigationListItem from '../NavigationListItem/NavigationListItem';\n\nexport const NavigationList: React.FC<NavigationListProps> = ({\n    className,\n    itemClassName,\n    items,\n    ...props\n}) => (\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.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { NavigationListItemProps } from '../../models';
+import * as React from 'react';
+import { NavigationListItemProps } from "../../models.js";
 export declare const NavigationListItem: React.FC<NavigationListItemProps>;
 export default NavigationListItem;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationListItem = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
-const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils.js");
+const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/index.js"));
 const NavigationListItem = (_a) => {
     var { column, index, activeItemId, onActiveItemChange } = _a, props = tslib_1.__rest(_a, ["column", "index", "activeItemId", "onActiveItemChange"]);
     const id = `${column}-${index}`;
@@ -15,7 +15,8 @@ const NavigationListItem = (_a) => {
         activeItemId,
         onActiveItemChange,
     });
-    return (react_1.default.createElement(NavigationItem_1.default, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
+    return ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
 };
 exports.NavigationListItem = NavigationListItem;
 exports.default = exports.NavigationListItem;
+//# sourceMappingURL=NavigationListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";;;;;AAGA,0CAAgD;AAChD,wFAA+C;AAExC,MAAM,kBAAkB,GAAsC,CAAC,EAM5C,EAAE,EAAE;QANwC,EAClE,MAAM,EACN,KAAK,EACL,YAAY,EACZ,kBAAkB,OAEI,EADnB,KAAK,sBAL0D,yDAMrE,CADW;IAER,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,kBACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,IACzB,KAAK,EACX,CACL,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,kBAAkB,sBAwB7B;AAEF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListItemProps} from '../../models';\nimport {getItemClickHandler} from '../../utils';\nimport NavigationItem from '../NavigationItem';\n\nexport const NavigationListItem: React.FC<NavigationListItemProps> = ({\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.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { NavigationPopupProps } from '../../models';
+import * as React from 'react';
+import { NavigationPopupProps } from "../../models.js";
 export declare const NavigationPopup: React.FC<NavigationPopupProps>;
 export default NavigationPopup;

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

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationPopup = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils");
-const models_1 = require("../../models");
-const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem"));
+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 = [0, 0];
-const NavigationPopup = ({ anchorRef, items, onClose, className, open, }) => (react_1.default.createElement(uikit_1.Popup
+const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
+const NavigationPopup = ({ anchorRef, items, onClose, open, }) => ((0, jsx_runtime_1.jsx)(uikit_1.Popup
 // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
 , { 
     // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-    anchorRef: open ? anchorRef : undefined, contentClassName: b(null, className), open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET },
-    react_1.default.createElement("ul", { className: b('list') }, items.map((item) => (react_1.default.createElement(NavigationItem_1.default, { key: item.text, className: b('link'), data: item, menuLayout: models_1.NavigationLayout.Dropdown }))))));
+    anchorRef: open ? anchorRef : undefined, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";;;;;AAEA,6CAAwC;AAExC,mDAAqC;AACrC,4CAAoE;AACpE,wFAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAEnF,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE,CAAC,CACF,uBAAC,aAAK;AACF,0HAA0H;;IAA1H,0HAA0H;IAC1H,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,OAAO,EACvB,WAAW,QACX,aAAa,QACb,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,wBAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,yBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {NavigationLayout, NavigationPopupProps} from '../../models';\nimport NavigationItem from '../NavigationItem';\n\nimport './NavigationPopup.scss';\n\nconst b = block('navigation-popup');\nconst OFFSET_RESET: {mainAxis?: number; crossAxis?: number} = {mainAxis: 0, crossAxis: 0};\n\nexport const NavigationPopup: React.FC<NavigationPopupProps> = ({\n    anchorRef,\n    items,\n    onClose,\n    open,\n}) => (\n    <Popup\n        // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n        anchorRef={open ? anchorRef : undefined}\n        open={open}\n        onClose={onClose}\n        onOutsideClick={onClose}\n        keepMounted\n        disablePortal\n        strategy=\"fixed\"\n        placement=\"bottom-start\"\n        offset={OFFSET_RESET}\n    >\n        <ul className={b('list')}>\n            {items.map((item) => (\n                <NavigationItem\n                    key={item.text}\n                    className={b('link')}\n                    data={item}\n                    menuLayout={NavigationLayout.Dropdown}\n                />\n            ))}\n        </ul>\n    </Popup>\n);\n\nexport default NavigationPopup;\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { NavigationSocialItem } from '../../../models';
+import * as React from 'react';
+import { NavigationSocialItem } from "../../../models/index.js";
 export interface NavigationSocialItemOwnProps extends NavigationSocialItem {
     className?: string;
 }

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../../components");
-const utils_1 = require("../../../components/Media/Image/utils");
-const utils_2 = require("../../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../components/index.js");
+const utils_1 = require("../../../components/Media/Image/utils.js");
+const utils_2 = require("../../../utils/index.js");
 const b = (0, utils_2.block)('social-icon');
 const SocialIcon = ({ icon, url, className, urlTitle }) => {
     const iconData = (0, utils_1.getMediaImage)(icon);
     const { alt } = iconData;
-    return (react_1.default.createElement("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className) },
-        react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, iconData))));
+    return ((0, jsx_runtime_1.jsx)("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, iconData)) }));
 };
 exports.default = SocialIcon;
+//# sourceMappingURL=SocialIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";;;AAEA,6DAA0C;AAC1C,oEAAoE;AAEpE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAA2C,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5F,MAAM,QAAQ,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,8BACI,IAAI,EAAE,GAAG,gBACG,GAAG,EACf,KAAK,EAAE,QAAQ,IAAI,GAAG,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAE7B,uBAAC,kBAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,QAAQ,EAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport {NavigationSocialItem} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './SocialIcon.scss';\n\nconst b = block('social-icon');\n\nexport interface NavigationSocialItemOwnProps extends NavigationSocialItem {\n    className?: string;\n}\n\nconst SocialIcon: React.FC<NavigationSocialItemOwnProps> = ({icon, url, className, urlTitle}) => {\n    const iconData = getMediaImage(icon);\n    const {alt} = iconData;\n\n    return (\n        <a\n            href={url}\n            aria-label={alt}\n            title={urlTitle || alt}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={b(null, className)}\n        >\n            <Image className={b('icon')} {...iconData} />\n        </a>\n    );\n};\n\nexport default SocialIcon;\n"]}

package/build/cjs/navigation/components/Standalone/index.d.ts

@@ -1,3 +1,3 @@
-import { NavigationComponentProps } from './../../components/Navigation/Navigation';
-declare const Standalone: (props: NavigationComponentProps) => JSX.Element;
+import { NavigationComponentProps } from "../Navigation/Navigation.js";
+declare const Standalone: (props: NavigationComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default Standalone;

package/build/cjs/navigation/components/Standalone/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const RootCn_1 = tslib_1.__importDefault(require("../../../components/RootCn"));
-const Navigation_1 = tslib_1.__importDefault(require("./../../components/Navigation/Navigation"));
-const Standalone = (props) => (react_1.default.createElement(RootCn_1.default, null,
-    react_1.default.createElement(Navigation_1.default, Object.assign({}, props))));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RootCn_1 = tslib_1.__importDefault(require("../../../components/RootCn/index.js"));
+const Navigation_1 = tslib_1.__importDefault(require("../Navigation/Navigation.js"));
+const Standalone = (props) => ((0, jsx_runtime_1.jsx)(RootCn_1.default, { children: (0, jsx_runtime_1.jsx)(Navigation_1.default, Object.assign({}, props)) }));
 exports.default = Standalone;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/Standalone/index.tsx"],"names":[],"mappings":";;;;AAAA,yFAAgD;AAEhD,qFAA8F;AAE9F,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACpD,uBAAC,gBAAM,cACH,uBAAC,oBAAU,oBAAK,KAAK,EAAI,GACpB,CACZ,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import RootCn from '../../../components/RootCn';\n\nimport Navigation, {NavigationComponentProps} from './../../components/Navigation/Navigation';\n\nconst Standalone = (props: NavigationComponentProps) => (\n    <RootCn>\n        <Navigation {...props} />\n    </RootCn>\n);\n\nexport default Standalone;\n"]}

package/build/cjs/navigation/containers/Layout/Layout.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { NavigationData } from '../../../models';
+import * as React from 'react';
+import { NavigationData } from "../../../models/index.js";
 export interface LayoutProps {
     navigation?: NavigationData;
     children?: React.ReactNode;

package/build/cjs/navigation/containers/Layout/Layout.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../../utils");
-const Navigation_1 = tslib_1.__importDefault(require("../../components/Navigation/Navigation"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../utils/index.js");
+const Navigation_1 = tslib_1.__importDefault(require("../../components/Navigation/Navigation.js"));
 const b = (0, utils_1.block)('layout');
-const Layout = ({ children, navigation }) => (react_1.default.createElement("div", { className: b() },
-    navigation &&
-        (navigation.renderNavigation ? (navigation.renderNavigation()) : (react_1.default.createElement(Navigation_1.default, { data: navigation.header, logo: navigation.logo, className: b('navigation') }))),
-    react_1.default.createElement("main", { className: b('content') }, children)));
+const Layout = ({ children, navigation }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [navigation &&
+            (navigation.renderNavigation ? (navigation.renderNavigation()) : ((0, jsx_runtime_1.jsx)(Navigation_1.default, { data: navigation.header, logo: navigation.logo, className: b('navigation') }))), (0, jsx_runtime_1.jsx)("main", { className: b('content'), children: children })] }));
 exports.default = Layout;
+//# sourceMappingURL=Layout.js.map

package/build/cjs/navigation/containers/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["navigation/containers/Layout/Layout.tsx"],"names":[],"mappings":";;;;AAGA,mDAAqC;AACrC,mGAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAO1B,MAAM,MAAM,GAA0B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,CAC9D,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU;YACP,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC3B,UAAU,CAAC,gBAAgB,EAAE,CAChC,CAAC,CAAC,CAAC,CACA,uBAAC,oBAAU,IACP,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAC5B,CACL,CAAC,EACN,iCAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACT,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationData} from '../../../models';\nimport {block} from '../../../utils';\nimport Navigation from '../../components/Navigation/Navigation';\n\nimport './Layout.scss';\n\nconst b = block('layout');\n\nexport interface LayoutProps {\n    navigation?: NavigationData;\n    children?: React.ReactNode;\n}\n\nconst Layout: React.FC<LayoutProps> = ({children, navigation}) => (\n    <div className={b()}>\n        {navigation &&\n            (navigation.renderNavigation ? (\n                navigation.renderNavigation()\n            ) : (\n                <Navigation\n                    data={navigation.header}\n                    logo={navigation.logo}\n                    className={b('navigation')}\n                />\n            ))}\n        <main className={b('content')}>{children}</main>\n    </div>\n);\n\nexport default Layout;\n"]}

package/build/cjs/navigation/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export { default as useActiveNavItem } from './useActiveNavItem';
-export { default as useShowBorder } from './useShowBorder';
+export { default as useActiveNavItem } from "./useActiveNavItem.js";
+export { default as useShowBorder } from "./useShowBorder.js";

package/build/cjs/navigation/hooks/index.js

@@ -1,10 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useShowBorder = exports.useActiveNavItem = void 0;
-var useActiveNavItem_1 = require("./useActiveNavItem");
-Object.defineProperty(exports, "useActiveNavItem", { enumerable: true, get: function () { return __importDefault(useActiveNavItem_1).default; } });
-var useShowBorder_1 = require("./useShowBorder");
-Object.defineProperty(exports, "useShowBorder", { enumerable: true, get: function () { return __importDefault(useShowBorder_1).default; } });
+const tslib_1 = require("tslib");
+var useActiveNavItem_1 = require("./useActiveNavItem.js");
+Object.defineProperty(exports, "useActiveNavItem", { enumerable: true, get: function () { return tslib_1.__importDefault(useActiveNavItem_1).default; } });
+var useShowBorder_1 = require("./useShowBorder.js");
+Object.defineProperty(exports, "useShowBorder", { enumerable: true, get: function () { return tslib_1.__importDefault(useShowBorder_1).default; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/navigation/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["navigation/hooks/index.ts"],"names":[],"mappings":";;;;AAAA,0DAA+D;AAAvD,6IAAA,OAAO,OAAoB;AACnC,oDAAyD;AAAjD,uIAAA,OAAO,OAAiB","sourcesContent":["export {default as useActiveNavItem} from './useActiveNavItem';\nexport {default as useShowBorder} from './useShowBorder';\n"]}

package/build/cjs/navigation/hooks/useActiveNavItem.d.ts

@@ -1,25 +1,70 @@
-import { NavigationItemModel } from '../../models';
+import * as React from 'react';
+import { NavigationItemModel } from "../../models/index.js";
 declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemModel[], rightItems?: NavigationItemModel[]) => {
     activeItemId: string | undefined;
-    leftItemsWithIconSize: (import("../../models").NavigationButtonItem | import("../../models").NavigationDropdownItem | {
-        type: import("../../models").NavigationItemType.Link;
+    leftItemsWithIconSize: ({
+        type: import("../../models/index.js").NavigationItemType.Link;
         url: string;
-        urlTitle?: string | undefined;
-        arrow?: boolean | undefined;
-        target?: string | undefined;
+        urlTitle?: string;
+        arrow?: boolean;
+        target?: string;
         text: string;
-        icon?: import("../../models").ImageProps | undefined;
+        icon?: import("../../models/index.js").ImageProps | undefined;
         iconSize?: number | undefined;
+    } | {
+        type: import("../../models/index.js").NavigationItemType.Button;
+        text: string;
+        url: string;
+        urlTitle?: string;
+        primary?: boolean;
+        theme?: import("../../models/index.js").ButtonTheme;
+        img?: import("../../models/index.js").ButtonImageProps | string;
+        target?: string;
+        analyticsEvents?: import("../../models/index.js").AnalyticsEventsProp;
+        size?: import("@gravity-ui/uikit").ButtonSize | undefined;
+        width?: import("@gravity-ui/uikit").ButtonWidth | undefined;
+        extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement> | Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> | React.AnchorHTMLAttributes<HTMLAnchorElement> | undefined;
+    } | {
+        type: import("../../models/index.js").NavigationItemType.Dropdown;
+        items: import("../../models/index.js").NavigationLinkItem[];
+        hidePopup: () => void;
+        isActive: boolean;
+        text: string;
+        icon?: import("../../models/index.js").ImageProps;
+        url?: string;
+        iconSize?: number;
     })[];
-    rightItemsWithIconSize: (import("../../models").NavigationButtonItem | import("../../models").NavigationDropdownItem | {
-        type: import("../../models").NavigationItemType.Link;
+    rightItemsWithIconSize: ({
+        type: import("../../models/index.js").NavigationItemType.Link;
         url: string;
-        urlTitle?: string | undefined;
-        arrow?: boolean | undefined;
-        target?: string | undefined;
+        urlTitle?: string;
+        arrow?: boolean;
+        target?: string;
         text: string;
-        icon?: import("../../models").ImageProps | undefined;
+        icon?: import("../../models/index.js").ImageProps | undefined;
         iconSize?: number | undefined;
+    } | {
+        type: import("../../models/index.js").NavigationItemType.Button;
+        text: string;
+        url: string;
+        urlTitle?: string;
+        primary?: boolean;
+        theme?: import("../../models/index.js").ButtonTheme;
+        img?: import("../../models/index.js").ButtonImageProps | string;
+        target?: string;
+        analyticsEvents?: import("../../models/index.js").AnalyticsEventsProp;
+        size?: import("@gravity-ui/uikit").ButtonSize | undefined;
+        width?: import("@gravity-ui/uikit").ButtonWidth | undefined;
+        extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement> | Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> | React.AnchorHTMLAttributes<HTMLAnchorElement> | undefined;
+    } | {
+        type: import("../../models/index.js").NavigationItemType.Dropdown;
+        items: import("../../models/index.js").NavigationLinkItem[];
+        hidePopup: () => void;
+        isActive: boolean;
+        text: string;
+        icon?: import("../../models/index.js").ImageProps;
+        url?: string;
+        iconSize?: number;
     })[] | undefined;
     onActiveItemChange: (id?: string) => void;
 };

package/build/cjs/navigation/hooks/useActiveNavItem.js

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const utils_1 = require("../utils");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const utils_1 = require("../utils.js");
 const useActiveNavItem = (iconSize, leftItems, rightItems) => {
-    const [activeItemId, setActiveItemId] = (0, react_1.useState)(undefined);
+    const [activeItemId, setActiveItemId] = React.useState(undefined);
     const getNavigationItem = (0, utils_1.getNavigationItemWithIconSize)(iconSize);
-    const leftItemsWithIconSize = (0, react_1.useMemo)(() => leftItems.map(getNavigationItem), [getNavigationItem, leftItems]);
-    const rightItemsWithIconSize = (0, react_1.useMemo)(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItem), [getNavigationItem, rightItems]);
+    const leftItemsWithIconSize = React.useMemo(() => leftItems.map(getNavigationItem), [getNavigationItem, leftItems]);
+    const rightItemsWithIconSize = React.useMemo(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItem), [getNavigationItem, rightItems]);
     const onActiveItemChange = (id) => {
         setActiveItemId(id);
     };
     return { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange };
 };
 exports.default = useActiveNavItem;
+//# sourceMappingURL=useActiveNavItem.js.map

package/build/cjs/navigation/hooks/useActiveNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveNavItem.js","sourceRoot":"../../../../src","sources":["navigation/hooks/useActiveNavItem.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,uCAAuD;AAEvD,MAAM,gBAAgB,GAAG,CACrB,QAAgB,EAChB,SAAgC,EAChC,UAAkC,EACpC,EAAE;IACA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEtF,MAAM,iBAAiB,GAAG,IAAA,qCAA6B,EAAC,QAAQ,CAAC,CAAC;IAElE,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,EACtC,CAAC,iBAAiB,EAAE,SAAS,CAAC,CACjC,CAAC;IACF,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CACxC,GAAG,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,iBAAiB,CAAC,EACxC,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAClC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAAW,EAAE,EAAE;QACvC,eAAe,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationItemModel} from '../../models';\nimport {getNavigationItemWithIconSize} from '../utils';\n\nconst useActiveNavItem = (\n    iconSize: number,\n    leftItems: NavigationItemModel[],\n    rightItems?: NavigationItemModel[],\n) => {\n    const [activeItemId, setActiveItemId] = React.useState<string | undefined>(undefined);\n\n    const getNavigationItem = getNavigationItemWithIconSize(iconSize);\n\n    const leftItemsWithIconSize = React.useMemo(\n        () => leftItems.map(getNavigationItem),\n        [getNavigationItem, leftItems],\n    );\n    const rightItemsWithIconSize = React.useMemo(\n        () => rightItems?.map(getNavigationItem),\n        [getNavigationItem, rightItems],\n    );\n\n    const onActiveItemChange = (id?: string) => {\n        setActiveItemId(id);\n    };\n    return {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange};\n};\n\nexport default useActiveNavItem;\n"]}

package/build/cjs/navigation/hooks/useShowBorder.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = require("react");
+const React = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const useShowBorder = (withBorder, withBorderOnScroll) => {
-    const [showBorder, setShowBorder] = (0, react_1.useState)(withBorder);
-    (0, react_1.useEffect)(() => {
+    const [showBorder, setShowBorder] = React.useState(withBorder);
+    React.useEffect(() => {
         if (!withBorderOnScroll)
             return () => { };
         const showBorderOnScroll = () => {
@@ -20,3 +20,4 @@ const useShowBorder = (withBorder, withBorderOnScroll) => {
     return [showBorder];
 };
 exports.default = useShowBorder;
+//# sourceMappingURL=useShowBorder.js.map

package/build/cjs/navigation/hooks/useShowBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShowBorder.js","sourceRoot":"../../../../src","sources":["navigation/hooks/useShowBorder.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uEAAuC;AAEvC,MAAM,aAAa,GAAG,CAAC,UAAmB,EAAE,kBAA2B,EAAE,EAAE;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,kBAAkB;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAEzC,MAAM,kBAAkB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;gBACd,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;YACtC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,IAAA,kBAAQ,EAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;QAEvD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,UAAU,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nconst useShowBorder = (withBorder: boolean, withBorderOnScroll: boolean) => {\n    const [showBorder, setShowBorder] = React.useState(withBorder);\n\n    React.useEffect(() => {\n        if (!withBorderOnScroll) return () => {};\n\n        const showBorderOnScroll = () => {\n            if (!withBorder) {\n                setShowBorder(window.scrollY > 0);\n            }\n        };\n\n        const scrollHandler = debounce(showBorderOnScroll, 20);\n\n        window.addEventListener('scroll', scrollHandler, {passive: true});\n        return () => window.removeEventListener('scroll', scrollHandler);\n    });\n\n    return [showBorder];\n};\n\nexport default useShowBorder;\n"]}

package/build/cjs/navigation/index.d.ts

@@ -1,15 +1,15 @@
-export * from './components/Navigation/Navigation';
-export * from './components/DesktopNavigation/DesktopNavigation';
-export * from './components/MobileNavigation/MobileNavigation';
-export * from './components/MobileMenuButton/MobileMenuButton';
-export * from './components/NavigationList/NavigationList';
-export * from './components/NavigationListItem/NavigationListItem';
-export * from './components/NavigationItem/';
-export * from './components/NavigationItem/NavigationItem';
-export * from './components/NavigationPopup/NavigationPopup';
-export * from './components/SocialIcon/SocialIcon';
-export * from './components/Logo/Logo';
-export * from './hooks';
-export * from './models';
-export * from './utils';
-export { default as Navigation } from './components/Standalone';
+export * from "./components/Navigation/Navigation.js";
+export * from "./components/DesktopNavigation/DesktopNavigation.js";
+export * from "./components/MobileNavigation/MobileNavigation.js";
+export * from "./components/MobileMenuButton/MobileMenuButton.js";
+export * from "./components/NavigationList/NavigationList.js";
+export * from "./components/NavigationListItem/NavigationListItem.js";
+export * from "./components/NavigationItem/index.js";
+export * from "./components/NavigationItem/NavigationItem.js";
+export * from "./components/NavigationPopup/NavigationPopup.js";
+export * from "./components/SocialIcon/SocialIcon.js";
+export * from "./components/Logo/Logo.js";
+export * from "./hooks/index.js";
+export * from "./models.js";
+export * from "./utils.js";
+export { default as Navigation } from "./components/Standalone/index.js";

package/build/cjs/navigation/index.js

@@ -2,19 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Navigation = void 0;
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./components/Navigation/Navigation"), exports);
-tslib_1.__exportStar(require("./components/DesktopNavigation/DesktopNavigation"), exports);
-tslib_1.__exportStar(require("./components/MobileNavigation/MobileNavigation"), exports);
-tslib_1.__exportStar(require("./components/MobileMenuButton/MobileMenuButton"), exports);
-tslib_1.__exportStar(require("./components/NavigationList/NavigationList"), exports);
-tslib_1.__exportStar(require("./components/NavigationListItem/NavigationListItem"), exports);
-tslib_1.__exportStar(require("./components/NavigationItem/"), exports);
-tslib_1.__exportStar(require("./components/NavigationItem/NavigationItem"), exports);
-tslib_1.__exportStar(require("./components/NavigationPopup/NavigationPopup"), exports);
-tslib_1.__exportStar(require("./components/SocialIcon/SocialIcon"), exports);
-tslib_1.__exportStar(require("./components/Logo/Logo"), exports);
-tslib_1.__exportStar(require("./hooks"), exports);
-tslib_1.__exportStar(require("./models"), exports);
-tslib_1.__exportStar(require("./utils"), exports);
-var Standalone_1 = require("./components/Standalone");
+tslib_1.__exportStar(require("./components/Navigation/Navigation.js"), exports);
+tslib_1.__exportStar(require("./components/DesktopNavigation/DesktopNavigation.js"), exports);
+tslib_1.__exportStar(require("./components/MobileNavigation/MobileNavigation.js"), exports);
+tslib_1.__exportStar(require("./components/MobileMenuButton/MobileMenuButton.js"), exports);
+tslib_1.__exportStar(require("./components/NavigationList/NavigationList.js"), exports);
+tslib_1.__exportStar(require("./components/NavigationListItem/NavigationListItem.js"), exports);
+tslib_1.__exportStar(require("./components/NavigationItem/index.js"), exports);
+tslib_1.__exportStar(require("./components/NavigationItem/NavigationItem.js"), exports);
+tslib_1.__exportStar(require("./components/NavigationPopup/NavigationPopup.js"), exports);
+tslib_1.__exportStar(require("./components/SocialIcon/SocialIcon.js"), exports);
+tslib_1.__exportStar(require("./components/Logo/Logo.js"), exports);
+tslib_1.__exportStar(require("./hooks/index.js"), exports);
+tslib_1.__exportStar(require("./models.js"), exports);
+tslib_1.__exportStar(require("./utils.js"), exports);
+var Standalone_1 = require("./components/Standalone/index.js");
 Object.defineProperty(exports, "Navigation", { enumerable: true, get: function () { return tslib_1.__importDefault(Standalone_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["navigation/index.ts"],"names":[],"mappings":";;;;AAAA,gFAAmD;AACnD,8FAAiE;AACjE,4FAA+D;AAC/D,4FAA+D;AAC/D,wFAA2D;AAC3D,gGAAmE;AACnE,+EAA6C;AAC7C,wFAA2D;AAC3D,0FAA6D;AAC7D,gFAAmD;AACnD,oEAAuC;AAEvC,2DAAwB;AACxB,sDAAyB;AACzB,qDAAwB;AAExB,+DAA8D;AAAtD,iIAAA,OAAO,OAAc","sourcesContent":["export * from './components/Navigation/Navigation';\nexport * from './components/DesktopNavigation/DesktopNavigation';\nexport * from './components/MobileNavigation/MobileNavigation';\nexport * from './components/MobileMenuButton/MobileMenuButton';\nexport * from './components/NavigationList/NavigationList';\nexport * from './components/NavigationListItem/NavigationListItem';\nexport * from './components/NavigationItem/';\nexport * from './components/NavigationItem/NavigationItem';\nexport * from './components/NavigationPopup/NavigationPopup';\nexport * from './components/SocialIcon/SocialIcon';\nexport * from './components/Logo/Logo';\n\nexport * from './hooks';\nexport * from './models';\nexport * from './utils';\n\nexport {default as Navigation} from './components/Standalone';\n"]}

package/build/cjs/navigation/models.d.ts

@@ -1,5 +1,5 @@
-import { MouseEventHandler } from 'react';
-import { ClassNameProps, NavigationItemData, NavigationItemModel, NavigationLinkItem, ThemedNavigationLogoData } from '../models';
+import * as React from 'react';
+import { ClassNameProps, NavigationItemData, NavigationItemModel, NavigationLinkItem, ThemedNavigationLogoData } from "../models/index.js";
 export interface MobileMenuButtonProps {
     isSidebarOpened: boolean;
     onSidebarOpenedChange: (arg: boolean) => void;
@@ -24,7 +24,7 @@ export interface MenuLayoutProps {
 }
 export interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {
     data: NavigationItemData;
-    onClick?: MouseEventHandler;
+    onClick?: React.MouseEventHandler;
     isActive?: boolean;
     isTopLevel?: boolean;
     hidePopup?: () => void;
@@ -56,7 +56,7 @@ export interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps
     leftItemsWithIconSize: NavigationItemModel[];
     rightItemsWithIconSize?: NavigationItemModel[];
 }
-export interface NavigationPopupProps extends ClassNameProps {
+export interface NavigationPopupProps {
     open: boolean;
     items: NavigationLinkItem[];
     onClose: () => void;

package/build/cjs/navigation/models.js

@@ -7,10 +7,11 @@ var ItemColumnName;
     ItemColumnName["Right"] = "right";
     ItemColumnName["Top"] = "top";
     ItemColumnName["Bottom"] = "bottom";
-})(ItemColumnName = exports.ItemColumnName || (exports.ItemColumnName = {}));
+})(ItemColumnName || (exports.ItemColumnName = ItemColumnName = {}));
 var NavigationLayout;
 (function (NavigationLayout) {
     NavigationLayout["Desktop"] = "desktop";
     NavigationLayout["Mobile"] = "mobile";
     NavigationLayout["Dropdown"] = "dropdown";
-})(NavigationLayout = exports.NavigationLayout || (exports.NavigationLayout = {}));
+})(NavigationLayout || (exports.NavigationLayout = NavigationLayout = {}));
+//# sourceMappingURL=models.js.map

package/build/cjs/navigation/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}

package/build/cjs/navigation/schema.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationHeaderProps = exports.LogoProps = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../components/Image/schema");
-const common_1 = require("../schema/validators/common");
-const utils_1 = require("../schema/validators/utils");
+const schema_1 = require("../components/Image/schema.js");
+const common_1 = require("../schema/validators/common.js");
+const utils_1 = require("../schema/validators/utils.js");
 const NavigationItemType = {
     type: 'string',
     enum: ['link', 'button', 'dropdown'],
@@ -85,3 +85,4 @@ exports.NavigationHeaderProps = {
         },
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/navigation/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../src","sources":["navigation/schema.ts"],"names":[],"mappings":";;;;AAAA,+DAA+B;AAE/B,0DAAuE;AACvE,2DAAwD;AACxD,yDAAyD;AAEzD,MAAM,kBAAkB,GAAG;IACvB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC;CACvC,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,IAAI,EAAE,mBAAU;QAChB,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAEF,MAAM,uBAAuB,GAAG;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,GAAG,EAAE;QACD,IAAI,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,wBAAe;KAC3B;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,QAAQ;KACjB;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAG,IAAA,cAAI,EAAC,uBAAuB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAE3E,MAAM,uBAAuB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAC1B,UAAU,kCACH,2BAA2B,KAC9B,IAAI,oBAAM,kBAAkB,GAC5B,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;SACjB,EACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,EACD,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB,GACJ;CACJ,CAAC;AAEF,MAAM,yBAAyB,GAAG;IAC9B,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;IACjC,UAAU,kCACH,oBAAW,KACd,IAAI,oBAAM,kBAAkB,IAC/B;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAG;IAChC,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,kCACH,uBAAuB,KAC1B,IAAI,oBAAM,kBAAkB,GAC5B,KAAK,EAAE,IAAA,qBAAa,EAAC,uBAAuB,CAAC,GAChD;CACJ,CAAC;AAEF,MAAM,mBAAmB,GAAG;IACxB,KAAK,EAAE;QACH,IAAA,qBAAa,EAAC,uBAAuB,CAAC;QACtC,IAAA,qBAAa,EAAC,yBAAyB,CAAC;QACxC,IAAA,qBAAa,EAAC,2BAA2B,CAAC;KAC7C;CACJ,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,WAAW,CAAC;IACvB,UAAU,EAAE;QACR,SAAS,EAAE,mBAAmB;QAC9B,UAAU,EAAE,mBAAmB;QAC/B,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps, imageUrlPattern} from '../components/Image/schema';\nimport {ButtonProps} from '../schema/validators/common';\nimport {filteredArray} from '../schema/validators/utils';\n\nconst NavigationItemType = {\n    type: 'string',\n    enum: ['link', 'button', 'dropdown'],\n};\n\nexport const LogoProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        icon: ImageProps,\n        text: {\n            type: 'string',\n            contentType: 'text',\n        },\n        url: {\n            type: 'string',\n        },\n    },\n};\n\nconst NavigationItemBaseProps = {\n    text: {\n        type: 'string',\n        contentType: 'text',\n    },\n    url: {\n        type: 'string',\n    },\n    icon: {\n        type: 'string',\n        pattern: imageUrlPattern,\n    },\n    iconSize: {\n        type: 'number',\n    },\n};\n\nconst NavigationItemBaseLinkProps = omit(NavigationItemBaseProps, ['url']);\n\nconst NavigationLinkItemProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['type', 'text'],\n    properties: {\n        ...NavigationItemBaseLinkProps,\n        type: {...NavigationItemType},\n        url: {\n            type: 'string',\n        },\n        target: {\n            type: 'string',\n        },\n        arrow: {\n            type: 'boolean',\n        },\n    },\n};\n\nconst NavigationButtonItemProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['type', 'text', 'url'],\n    properties: {\n        ...ButtonProps,\n        type: {...NavigationItemType},\n    },\n};\n\nconst NavigationDropdownItemProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['type', 'items'],\n    properties: {\n        ...NavigationItemBaseProps,\n        type: {...NavigationItemType},\n        items: filteredArray(NavigationLinkItemProps),\n    },\n};\n\nconst NavigationItemProps = {\n    oneOf: [\n        filteredArray(NavigationLinkItemProps),\n        filteredArray(NavigationButtonItemProps),\n        filteredArray(NavigationDropdownItemProps),\n    ],\n};\n\nexport const NavigationHeaderProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['leftItems'],\n    properties: {\n        leftItems: NavigationItemProps,\n        rightItems: NavigationItemProps,\n        iconSize: {\n            type: 'number',\n        },\n    },\n};\n"]}

package/build/cjs/navigation/utils.d.ts

@@ -1,21 +1,43 @@
-import { MouseEventHandler } from 'react';
-import { NavigationButtonItem, NavigationDropdownItem, NavigationItemModel, NavigationItemType } from '../models';
-import { ItemColumnName } from './models';
+import * as React from 'react';
+import { NavigationItemModel, NavigationItemType, NavigationLinkItem } from "../models/index.js";
+import { ItemColumnName } from "./models.js";
 type GetItemClickHandlerArgs = {
     column: ItemColumnName;
     index: number;
     activeItemId?: string;
     onActiveItemChange: (id?: string) => void;
 };
-export declare const getItemClickHandler: ({ column, index, onActiveItemChange, }: GetItemClickHandlerArgs) => MouseEventHandler;
-export declare function getNavigationItemWithIconSize(iconSize?: number): (item: NavigationItemModel) => NavigationButtonItem | NavigationDropdownItem | {
+export declare const getItemClickHandler: ({ column, index, onActiveItemChange, }: GetItemClickHandlerArgs) => React.MouseEventHandler;
+export declare function getNavigationItemWithIconSize(iconSize?: number): (item: NavigationItemModel) => {
     type: NavigationItemType.Link;
     url: string;
-    urlTitle?: string | undefined;
-    arrow?: boolean | undefined;
-    target?: string | undefined;
+    urlTitle?: string;
+    arrow?: boolean;
+    target?: string;
     text: string;
-    icon?: import("../models").ImageProps | undefined;
+    icon?: import("../models/index.js").ImageProps | undefined;
     iconSize?: number | undefined;
+} | {
+    type: NavigationItemType.Button;
+    text: string;
+    url: string;
+    urlTitle?: string;
+    primary?: boolean;
+    theme?: import("../models/index.js").ButtonTheme;
+    img?: import("../models/index.js").ButtonImageProps | string;
+    target?: string;
+    analyticsEvents?: import("../models/index.js").AnalyticsEventsProp;
+    size?: import("@gravity-ui/uikit").ButtonSize | undefined;
+    width?: import("@gravity-ui/uikit").ButtonWidth | undefined;
+    extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement> | Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> | React.AnchorHTMLAttributes<HTMLAnchorElement> | undefined;
+} | {
+    type: NavigationItemType.Dropdown;
+    items: NavigationLinkItem[];
+    hidePopup: () => void;
+    isActive: boolean;
+    text: string;
+    icon?: import("../models/index.js").ImageProps;
+    url?: string;
+    iconSize?: number;
 };
 export {};