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

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ButtonProps } from "../../../../../models/index.js";
-import { NavigationItemProps } from "../../../../models.js";
+import React from 'react';
+import { ButtonProps } from '../../../../../models';
+import { NavigationItemProps } from '../../../../models';
 import './NavigationButton.css';
 type NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;
 export declare const NavigationButton: React.FC<NavigationButtonProps>;

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

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, RouterLink } from "../../../../../components/index.js";
-import { BlockIdContext } from "../../../../../context/blockIdContext/index.js";
-import { block } from "../../../../../utils/index.js";
+import React from 'react';
+import { Button, RouterLink } from '../../../../../components';
+import { BlockIdContext } from '../../../../../context/blockIdContext';
+import { block } from '../../../../../utils';
 import './NavigationButton.css';
 const b = block('navigation-button');
 const ANALYTICS_ID = 'navigation';
 export const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? (_jsx(Button, Object.assign({ className: classes }, props, { url: url }))) : (_jsx(RouterLink, { href: url, children: _jsx(Button, Object.assign({}, props, { className: classes, url: url })) })) }));
+    return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (React.createElement(Button, Object.assign({ className: classes }, props, { url: url }))) : (React.createElement(RouterLink, { href: url },
+        React.createElement(Button, Object.assign({}, props, { className: classes, url: url }))))));
 };
-//# sourceMappingURL=NavigationButton.js.map

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

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

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

@@ -1,18 +1,20 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ToggleArrow } from "../../../../../components/index.js";
-import { getMediaImage } from "../../../../../components/Media/Image/utils.js";
-import { block } from "../../../../../utils/index.js";
-import NavigationPopup from "../../../NavigationPopup/NavigationPopup.js";
-import { ContentWrapper } from "../ContentWrapper/ContentWrapper.js";
+import React, { Fragment, useRef } from 'react';
+import { ToggleArrow } from '../../../../../components';
+import { getMediaImage } from '../../../../../components/Media/Image/utils';
+import { block } from '../../../../../utils';
+import NavigationPopup from '../../../NavigationPopup/NavigationPopup';
+import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
 import './NavigationDropdown.css';
 const b = block('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
 export const NavigationDropdown = (_a) => {
     var { text, icon, className, iconSize, hidePopup, items, isActive } = _a, props = __rest(_a, ["text", "icon", "className", "iconSize", "hidePopup", "items", "isActive"]);
     const iconData = icon && getMediaImage(icon);
-    const anchorRef = React.useRef(null);
-    return (_jsxs(React.Fragment, { children: [_jsxs("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive, children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), _jsx(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] })), _jsx(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
+    const anchorRef = useRef(null);
+    return (React.createElement(Fragment, null,
+        React.createElement("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive }),
+            React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }),
+            React.createElement(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })),
+        React.createElement(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })));
 };
-//# sourceMappingURL=NavigationDropdown.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { NavigationLinkItem } from "../../../../../models/index.js";
-import { NavigationItemProps } from "../../../../models.js";
+import React from 'react';
+import { NavigationLinkItem } from '../../../../../models';
+import { NavigationItemProps } from '../../../../models';
 import './NavigationLink.css';
 type NavigationLinkProps = NavigationItemProps & NavigationLinkItem;
 export declare const NavigationLink: React.FC<NavigationLinkProps>;

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

@@ -1,26 +1,27 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { RouterLink } from "../../../../../components/index.js";
-import { getMediaImage } from "../../../../../components/Media/Image/utils.js";
-import { LocationContext } from "../../../../../context/locationContext/index.js";
-import { NavigationArrow } from "../../../../../icons/index.js";
-import { block, getLinkProps } from "../../../../../utils/index.js";
-import { ContentWrapper } from "../ContentWrapper/ContentWrapper.js";
+import React, { Fragment, useContext } from 'react';
+import { RouterLink } from '../../../../../components';
+import { getMediaImage } from '../../../../../components/Media/Image/utils';
+import { LocationContext } from '../../../../../context/locationContext';
+import { NavigationArrow } from '../../../../../icons';
+import { block, getLinkProps } from '../../../../../utils';
+import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
 import './NavigationLink.css';
 const b = block('navigation-link');
 export const NavigationLink = (props) => {
-    const { hostname, Link } = React.useContext(LocationContext);
+    const { hostname, Link } = useContext(LocationContext);
     const { url, text, icon, arrow, target, className, iconSize, urlTitle } = props, rest = __rest(props, ["url", "text", "icon", "arrow", "target", "className", "iconSize", "urlTitle"]);
     const linkExtraProps = getLinkProps(url, hostname, target);
     const iconData = icon && getMediaImage(icon);
     const classes = b(null, className);
-    const content = (_jsxs(React.Fragment, { children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }), arrow && _jsx(NavigationArrow, { className: b('arrow') })] }));
+    const content = (React.createElement(Fragment, null,
+        React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
+        arrow && React.createElement(NavigationArrow, { className: b('arrow') })));
     if ((linkExtraProps === null || linkExtraProps === void 0 ? void 0 : linkExtraProps.target) || !Link) {
-        return (_jsx("a", Object.assign({ href: url, title: urlTitle || text, className: classes }, rest, linkExtraProps, { children: content })));
+        return (React.createElement("a", Object.assign({ href: url, title: urlTitle || text, className: classes }, rest, linkExtraProps), content));
     }
     else {
-        return (_jsx(RouterLink, { href: url, passHref: true, children: _jsx("a", Object.assign({ title: urlTitle || text }, rest, { className: classes, children: content })) }));
+        return (React.createElement(RouterLink, { href: url, passHref: true },
+            React.createElement("a", Object.assign({ title: urlTitle || text }, rest, { className: classes }), content)));
     }
 };
-//# sourceMappingURL=NavigationLink.js.map

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

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

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
+import { useContext } from 'react';
 import isEmpty from 'lodash/isEmpty';
-import { navItemMap as NavItemMapDefault } from "../../../../constructor-items.js";
-import { InnerContext } from "../../../../context/innerContext/index.js";
+import { navItemMap as NavItemMapDefault } from '../../../../constructor-items';
+import { InnerContext } from '../../../../context/innerContext';
 export const useNavigationItemMap = () => {
-    const { navItemMap } = React.useContext(InnerContext);
+    const { navItemMap } = useContext(InnerContext);
     return isEmpty(navItemMap) ? NavItemMapDefault : navItemMap;
 };
-//# sourceMappingURL=useNavigationItemMap.js.map

package/build/esm/navigation/components/NavigationItem/index.d.ts

@@ -1,6 +1,6 @@
-export { GithubButton } from "./components/GithubButton/GithubButton.js";
-export { NavigationButton } from "./components/NavigationButton/NavigationButton.js";
-export { NavigationDropdown } from "./components/NavigationDropdown/NavigationDropdown.js";
-export { NavigationLink } from "./components/NavigationLink/NavigationLink.js";
-import NavigationItem from "./NavigationItem.js";
+export { GithubButton } from './components/GithubButton/GithubButton';
+export { NavigationButton } from './components/NavigationButton/NavigationButton';
+export { NavigationDropdown } from './components/NavigationDropdown/NavigationDropdown';
+export { NavigationLink } from './components/NavigationLink/NavigationLink';
+import NavigationItem from './NavigationItem';
 export default NavigationItem;

package/build/esm/navigation/components/NavigationItem/index.js

@@ -1,7 +1,6 @@
-export { GithubButton } from "./components/GithubButton/GithubButton.js";
-export { NavigationButton } from "./components/NavigationButton/NavigationButton.js";
-export { NavigationDropdown } from "./components/NavigationDropdown/NavigationDropdown.js";
-export { NavigationLink } from "./components/NavigationLink/NavigationLink.js";
-import NavigationItem from "./NavigationItem.js";
+export { GithubButton } from './components/GithubButton/GithubButton';
+export { NavigationButton } from './components/NavigationButton/NavigationButton';
+export { NavigationDropdown } from './components/NavigationDropdown/NavigationDropdown';
+export { NavigationLink } from './components/NavigationLink/NavigationLink';
+import NavigationItem from './NavigationItem';
 export default NavigationItem;
-//# sourceMappingURL=index.js.map

package/build/esm/navigation/components/NavigationList/NavigationList.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { NavigationListProps } from "../../models.js";
+import React from 'react';
+import { NavigationListProps } from '../../models';
 export declare const NavigationList: React.FC<NavigationListProps>;

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import NavigationListItem from "../NavigationListItem/NavigationListItem.js";
+import React from 'react';
+import NavigationListItem from '../NavigationListItem/NavigationListItem';
 export const NavigationList = (_a) => {
     var { className, itemClassName, items } = _a, props = __rest(_a, ["className", "itemClassName", "items"]);
-    return (_jsx("ul", { className: className, children: items.map((item, index) => (_jsx(NavigationListItem, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
+    return (React.createElement("ul", { className: className }, items.map((item, index) => (React.createElement(NavigationListItem, Object.assign({ key: index, index: index, data: item, className: itemClassName }, props))))));
 };
-//# sourceMappingURL=NavigationList.js.map

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.d.ts

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

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

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getItemClickHandler } from "../../utils.js";
-import NavigationItem from "../NavigationItem/index.js";
+import React from 'react';
+import { getItemClickHandler } from '../../utils';
+import NavigationItem from '../NavigationItem';
 export const NavigationListItem = (_a) => {
     var { column, index, activeItemId, onActiveItemChange } = _a, props = __rest(_a, ["column", "index", "activeItemId", "onActiveItemChange"]);
     const id = `${column}-${index}`;
@@ -12,7 +12,6 @@ export const NavigationListItem = (_a) => {
         activeItemId,
         onActiveItemChange,
     });
-    return (_jsx(NavigationItem, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
+    return (React.createElement(NavigationItem, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
 };
 export default NavigationListItem;
-//# sourceMappingURL=NavigationListItem.js.map

package/build/esm/navigation/components/NavigationPopup/NavigationPopup.d.ts

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

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

@@ -1,15 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Popup } from '@gravity-ui/uikit';
-import { block } from "../../../utils/index.js";
-import { NavigationLayout } from "../../models.js";
-import NavigationItem from "../NavigationItem/index.js";
+import { block } from '../../../utils';
+import { NavigationLayout } from '../../models';
+import NavigationItem from '../NavigationItem';
 import './NavigationPopup.css';
 const b = block('navigation-popup');
-const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
-export const NavigationPopup = ({ anchorRef, items, onClose, open, }) => (_jsx(Popup
+const OFFSET_RESET = [0, 0];
+export const NavigationPopup = ({ anchorRef, items, onClose, className, open, }) => (React.createElement(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, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: _jsx("ul", { className: b('list'), children: items.map((item) => (_jsx(NavigationItem, { className: b('link'), data: item, menuLayout: NavigationLayout.Dropdown }, item.text))) }) }));
+    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.createElement("ul", { className: b('list') }, items.map((item) => (React.createElement(NavigationItem, { key: item.text, className: b('link'), data: item, menuLayout: NavigationLayout.Dropdown }))))));
 export default NavigationPopup;
-//# sourceMappingURL=NavigationPopup.js.map

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

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

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

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Image } from "../../../components/index.js";
-import { getMediaImage } from "../../../components/Media/Image/utils.js";
-import { block } from "../../../utils/index.js";
+import React from 'react';
+import { Image } from '../../../components';
+import { getMediaImage } from '../../../components/Media/Image/utils';
+import { block } from '../../../utils';
 import './SocialIcon.css';
 const b = block('social-icon');
 const SocialIcon = ({ icon, url, className, urlTitle }) => {
     const iconData = getMediaImage(icon);
     const { alt } = iconData;
-    return (_jsx("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className), children: _jsx(Image, Object.assign({ className: b('icon') }, iconData)) }));
+    return (React.createElement("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className) },
+        React.createElement(Image, Object.assign({ className: b('icon') }, iconData))));
 };
 export default SocialIcon;
-//# sourceMappingURL=SocialIcon.js.map

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

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

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

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import RootCn from "../../../components/RootCn/index.js";
-import Navigation from "../Navigation/Navigation.js";
-const Standalone = (props) => (_jsx(RootCn, { children: _jsx(Navigation, Object.assign({}, props)) }));
+import React from 'react';
+import RootCn from '../../../components/RootCn';
+import Navigation from './../../components/Navigation/Navigation';
+const Standalone = (props) => (React.createElement(RootCn, null,
+    React.createElement(Navigation, Object.assign({}, props))));
 export default Standalone;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,9 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { block } from "../../../utils/index.js";
-import Navigation from "../../components/Navigation/Navigation.js";
+import React from 'react';
+import { block } from '../../../utils';
+import Navigation from '../../components/Navigation/Navigation';
 import './Layout.css';
 const b = block('layout');
-const Layout = ({ children, navigation }) => (_jsxs("div", { className: b(), children: [navigation &&
-            (navigation.renderNavigation ? (navigation.renderNavigation()) : (_jsx(Navigation, { data: navigation.header, logo: navigation.logo, className: b('navigation') }))), _jsx("main", { className: b('content'), children: children })] }));
+const Layout = ({ children, navigation }) => (React.createElement("div", { className: b() },
+    navigation &&
+        (navigation.renderNavigation ? (navigation.renderNavigation()) : (React.createElement(Navigation, { data: navigation.header, logo: navigation.logo, className: b('navigation') }))),
+    React.createElement("main", { className: b('content') }, children)));
 export default Layout;
-//# sourceMappingURL=Layout.js.map

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

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

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

@@ -1,3 +1,2 @@
-export { default as useActiveNavItem } from "./useActiveNavItem.js";
-export { default as useShowBorder } from "./useShowBorder.js";
-//# sourceMappingURL=index.js.map
+export { default as useActiveNavItem } from './useActiveNavItem';
+export { default as useShowBorder } from './useShowBorder';

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

@@ -1,70 +1,25 @@
-import * as React from 'react';
-import { NavigationItemModel } from "../../models/index.js";
+import { NavigationItemModel } from '../../models';
 declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemModel[], rightItems?: NavigationItemModel[]) => {
     activeItemId: string | undefined;
-    leftItemsWithIconSize: ({
-        type: import("../../index.js").NavigationItemType.Link;
+    leftItemsWithIconSize: (import("../../models").NavigationButtonItem | import("../../models").NavigationDropdownItem | {
+        type: import("../../models").NavigationItemType.Link;
         url: string;
-        urlTitle?: string;
-        arrow?: boolean;
-        target?: string;
+        urlTitle?: string | undefined;
+        arrow?: boolean | undefined;
+        target?: string | undefined;
         text: string;
-        icon?: import("../../index.js").ImageProps | undefined;
+        icon?: import("../../models").ImageProps | undefined;
         iconSize?: number | undefined;
-    } | {
-        type: import("../../index.js").NavigationItemType.Button;
-        text: string;
-        url: string;
-        urlTitle?: string;
-        primary?: boolean;
-        theme?: import("../../index.js").ButtonTheme;
-        img?: import("../../index.js").ButtonImageProps | string;
-        target?: string;
-        analyticsEvents?: import("../../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("../../index.js").NavigationItemType.Dropdown;
-        items: import("../../index.js").NavigationLinkItem[];
-        hidePopup: () => void;
-        isActive: boolean;
-        text: string;
-        icon?: import("../../index.js").ImageProps;
-        url?: string;
-        iconSize?: number;
     })[];
-    rightItemsWithIconSize: ({
-        type: import("../../index.js").NavigationItemType.Link;
+    rightItemsWithIconSize: (import("../../models").NavigationButtonItem | import("../../models").NavigationDropdownItem | {
+        type: import("../../models").NavigationItemType.Link;
         url: string;
-        urlTitle?: string;
-        arrow?: boolean;
-        target?: string;
+        urlTitle?: string | undefined;
+        arrow?: boolean | undefined;
+        target?: string | undefined;
         text: string;
-        icon?: import("../../index.js").ImageProps | undefined;
+        icon?: import("../../models").ImageProps | undefined;
         iconSize?: number | undefined;
-    } | {
-        type: import("../../index.js").NavigationItemType.Button;
-        text: string;
-        url: string;
-        urlTitle?: string;
-        primary?: boolean;
-        theme?: import("../../index.js").ButtonTheme;
-        img?: import("../../index.js").ButtonImageProps | string;
-        target?: string;
-        analyticsEvents?: import("../../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("../../index.js").NavigationItemType.Dropdown;
-        items: import("../../index.js").NavigationLinkItem[];
-        hidePopup: () => void;
-        isActive: boolean;
-        text: string;
-        icon?: import("../../index.js").ImageProps;
-        url?: string;
-        iconSize?: number;
     })[] | undefined;
     onActiveItemChange: (id?: string) => void;
 };

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

@@ -1,14 +1,13 @@
-import * as React from 'react';
-import { getNavigationItemWithIconSize } from "../utils.js";
+import { useMemo, useState } from 'react';
+import { getNavigationItemWithIconSize } from '../utils';
 const useActiveNavItem = (iconSize, leftItems, rightItems) => {
-    const [activeItemId, setActiveItemId] = React.useState(undefined);
+    const [activeItemId, setActiveItemId] = useState(undefined);
     const getNavigationItem = getNavigationItemWithIconSize(iconSize);
-    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 leftItemsWithIconSize = useMemo(() => leftItems.map(getNavigationItem), [getNavigationItem, leftItems]);
+    const rightItemsWithIconSize = useMemo(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItem), [getNavigationItem, rightItems]);
     const onActiveItemChange = (id) => {
         setActiveItemId(id);
     };
     return { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange };
 };
 export default useActiveNavItem;
-//# sourceMappingURL=useActiveNavItem.js.map

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import { useEffect, useState } from 'react';
 import debounce from 'lodash/debounce';
 const useShowBorder = (withBorder, withBorderOnScroll) => {
-    const [showBorder, setShowBorder] = React.useState(withBorder);
-    React.useEffect(() => {
+    const [showBorder, setShowBorder] = useState(withBorder);
+    useEffect(() => {
         if (!withBorderOnScroll)
             return () => { };
         const showBorderOnScroll = () => {
@@ -17,4 +17,3 @@ const useShowBorder = (withBorder, withBorderOnScroll) => {
     return [showBorder];
 };
 export default useShowBorder;
-//# sourceMappingURL=useShowBorder.js.map

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

@@ -1,15 +1,15 @@
-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";
+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';

package/build/esm/navigation/index.js

@@ -1,16 +1,15 @@
-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";
-//# sourceMappingURL=index.js.map
+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';

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

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

package/build/esm/navigation/models.js

@@ -11,4 +11,3 @@ export var NavigationLayout;
     NavigationLayout["Mobile"] = "mobile";
     NavigationLayout["Dropdown"] = "dropdown";
 })(NavigationLayout || (NavigationLayout = {}));
-//# sourceMappingURL=models.js.map