@gravity-ui/page-constructor 8.0.0-beta.2 → 8.1.0

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

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

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

@@ -3,23 +3,32 @@ 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 { useAnalytics } from "../../../../../hooks/index.js";
 import { NavigationArrow } from "../../../../../icons/index.js";
+import { DefaultEventNames } from "../../../../../models/index.js";
 import { block, getLinkProps } from "../../../../../utils/index.js";
 import { ContentWrapper } from "../ContentWrapper/ContentWrapper.js";
 import './NavigationLink.css';
 const b = block('navigation-link');
 export const NavigationLink = (props) => {
     const { hostname, Link } = React.useContext(LocationContext);
-    const { url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest } = props;
+    const { url, text, icon, arrow, target, className, iconSize, urlTitle, analyticsEvents, onClick: onClickOrigin, ...rest } = props;
     const linkExtraProps = getLinkProps(url, hostname, target);
     const iconData = icon && getMediaImage(icon);
+    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);
+    const onClick = (e) => {
+        handleAnalytics(analyticsEvents);
+        if (onClickOrigin && e) {
+            onClickOrigin?.(e);
+        }
+    };
     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') })] }));
     if (linkExtraProps?.target || !Link) {
-        return (_jsx("a", { href: url, title: urlTitle || text, className: classes, ...rest, ...linkExtraProps, children: content }));
+        return (_jsx("a", { href: url, title: urlTitle || text, className: classes, onClick: onClick, ...rest, ...linkExtraProps, children: content }));
     }
     else {
-        return (_jsx(RouterLink, { href: url, passHref: true, children: _jsx("a", { title: urlTitle || text, ...rest, className: classes, children: content }) }));
+        return (_jsx(RouterLink, { href: url, passHref: true, children: _jsx("a", { role: "link", title: urlTitle || text, ...rest, className: classes, tabIndex: 0, onClick: onClick, onKeyDown: (e) => e.key === 'Enter' && onClick(), children: content }) }));
     }
 };
 //# sourceMappingURL=NavigationLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,2CAAkC;AACrD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAC1E,OAAO,EAAC,eAAe,EAAC,wDAA+C;AACvE,OAAO,EAAC,eAAe,EAAC,sCAA6B;AAErD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,sCAA6B;AAEzD,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IACvF,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,cAAc,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,YACI,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IAAI,IAAI,EACvB,SAAS,EAAE,OAAO,KACd,IAAI,KACJ,cAAc,YAEjB,OAAO,GACR,CACP,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,YAAG,KAAK,EAAE,QAAQ,IAAI,IAAI,KAAM,IAAI,EAAE,SAAS,EAAE,OAAO,YACnD,OAAO,GACR,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {RouterLink} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {LocationContext} from '../../../../../context/locationContext';\nimport {NavigationArrow} from '../../../../../icons';\nimport {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: React.FC<NavigationLinkProps> = (props) => {\n    const {hostname, Link} = React.useContext(LocationContext);\n    const {url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest} = props;\n    const linkExtraProps = getLinkProps(url, hostname, target);\n    const iconData = icon && getMediaImage(icon);\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                {...rest}\n                {...linkExtraProps}\n            >\n                {content}\n            </a>\n        );\n    } else {\n        return (\n            <RouterLink href={url} passHref>\n                <a title={urlTitle || text} {...rest} className={classes}>\n                    {content}\n                </a>\n            </RouterLink>\n        );\n    }\n};\n"]}
+{"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,2CAAkC;AACrD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAC1E,OAAO,EAAC,eAAe,EAAC,wDAA+C;AACvE,OAAO,EAAC,YAAY,EAAC,sCAA6B;AAClD,OAAO,EAAC,eAAe,EAAC,sCAA6B;AACrD,OAAO,EAAC,iBAAiB,EAAqB,uCAA8B;AAC5E,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,sCAA6B;AAEzD,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACzD,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,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,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,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,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,cAAc,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,YACI,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,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,YACI,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","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/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>;
+    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: React.FC<import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationLinkItem>;
+    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/esm/navigation/components/NavigationList/NavigationList.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import { NavigationListProps } from "../../models.js";
-export declare const NavigationList: React.FC<NavigationListProps>;
+export declare const NavigationList: ({ className, itemClassName, items, ...props }: NavigationListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";AAGA,OAAO,kBAAkB,oDAAiD;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,SAAS,EACT,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,CACF,aAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,kBAAkB,IAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,KACpB,KAAK,IAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAC","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"]}
+{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";AACA,OAAO,kBAAkB,oDAAiD;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,SAAS,EACT,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACU,EAAE,EAAE,CAAC,CACvB,aAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,kBAAkB,IAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,KACpB,KAAK,IAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAC","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/esm/navigation/components/NavigationListItem/NavigationListItem.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { NavigationListItemProps } from "../../models.js";
-export declare const NavigationListItem: React.FC<NavigationListItemProps>;
+export declare const NavigationListItem: ({ column, index, activeItemId, onActiveItemChange, ...props }: NavigationListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default NavigationListItem;

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,mBAAmB,EAAC,uBAAoB;AAChD,OAAO,cAAc,mCAA0B;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,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,mBAAmB,CAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,KACzB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,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"]}
+{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,mBAAmB,EAAC,uBAAoB;AAChD,OAAO,cAAc,mCAA0B;AAE/C,MAAM,CAAC,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,mBAAmB,CAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,KACzB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,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/esm/navigation/components/NavigationPopup/NavigationPopup.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { NavigationPopupProps } from "../../models.js";
 import './NavigationPopup.css';
-export declare const NavigationPopup: React.FC<NavigationPopupProps>;
+export declare const NavigationPopup: ({ anchorRef, items, onClose, open }: NavigationPopupProps) => import("react/jsx-runtime").JSX.Element;
 export default NavigationPopup;

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

@@ -6,7 +6,7 @@ import NavigationItem from "../NavigationItem/index.js";
 import './NavigationPopup.css';
 const b = block('navigation-popup');
 const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
-export const NavigationPopup = ({ anchorRef, items, onClose, open, }) => {
+export 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.

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAuB,wBAAqB;AACpE,OAAO,cAAc,mCAA0B;AAE/C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE;IACD,8DAA8D;IAC9D,0GAA0G;IAC1G,0DAA0D;IAC1D,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE;QACrC,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,EAAE;QACd,0HAA0H;QAC1H,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,QACX,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,aAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,cAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,gBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,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    // Opening and closing is controlled by the associated button,\n    // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)\n    // there needs to be an awkward looking handler like this.\n    const onOpenChange = (isOpen: boolean) => {\n        if (!isOpen) {\n            onClose();\n        }\n    };\n\n    return (\n        <Popup\n            className={b()}\n            // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n            anchorElement={anchorRef.current}\n            open={open}\n            onOpenChange={onOpenChange}\n            keepMounted\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};\n\nexport default NavigationPopup;\n"]}
+{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAuB,wBAAqB;AACpE,OAAO,cAAc,mCAA0B;AAE/C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAuB,EAAE,EAAE;IACvF,8DAA8D;IAC9D,0GAA0G;IAC1G,0DAA0D;IAC1D,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE;QACrC,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,EAAE;QACd,0HAA0H;QAC1H,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,QACX,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,aAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,cAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,gBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {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 = ({anchorRef, items, onClose, open}: NavigationPopupProps) => {\n    // Opening and closing is controlled by the associated button,\n    // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)\n    // there needs to be an awkward looking handler like this.\n    const onOpenChange = (isOpen: boolean) => {\n        if (!isOpen) {\n            onClose();\n        }\n    };\n\n    return (\n        <Popup\n            className={b()}\n            // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n            anchorElement={anchorRef.current}\n            open={open}\n            onOpenChange={onOpenChange}\n            keepMounted\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};\n\nexport default NavigationPopup;\n"]}

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { NavigationSocialItem } from "../../../models/index.js";
 import './SocialIcon.css';
 export interface NavigationSocialItemOwnProps extends NavigationSocialItem {
     className?: string;
 }
-declare const SocialIcon: React.FC<NavigationSocialItemOwnProps>;
+declare const SocialIcon: ({ icon, url, className, urlTitle }: NavigationSocialItemOwnProps) => import("react/jsx-runtime").JSX.Element;
 export default SocialIcon;

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

@@ -1 +1 @@
-{"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AAEpE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAA2C,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5F,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,YACI,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,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,QAAQ,GAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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"]}
+{"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AAEpE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAAG,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAA+B,EAAE,EAAE;IAClF,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,YACI,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,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,QAAQ,GAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {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 = ({icon, url, className, urlTitle}: NavigationSocialItemOwnProps) => {\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/esm/navigation/containers/Layout/Layout.d.ts

@@ -5,5 +5,5 @@ export interface LayoutProps {
     navigation?: NavigationData;
     children?: React.ReactNode;
 }
-declare const Layout: React.FC<LayoutProps>;
+declare const Layout: ({ children, navigation }: React.PropsWithChildren<LayoutProps>) => import("react/jsx-runtime").JSX.Element;
 export default Layout;

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["navigation/containers/Layout/Layout.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,UAAU,kDAA+C;AAEhE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAO1B,MAAM,MAAM,GAA0B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,CAC9D,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU;YACP,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC3B,UAAU,CAAC,gBAAgB,EAAE,CAChC,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IACP,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAC5B,CACL,CAAC,EACN,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACT,CAAC;AAEF,eAAe,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"]}
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["navigation/containers/Layout/Layout.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,UAAU,kDAA+C;AAEhE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAO1B,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAuC,EAAE,EAAE,CAAC,CAC7E,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU;YACP,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC3B,UAAU,CAAC,gBAAgB,EAAE,CAChC,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IACP,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAC5B,CACL,CAAC,EACN,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACT,CAAC;AAEF,eAAe,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 = ({children, navigation}: React.PropsWithChildren<LayoutProps>) => (\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/esm/navigation/hooks/useActiveNavItem.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { NavigationItemModel } from "../../models/index.js";
 declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemModel[], rightItems?: NavigationItemModel[]) => {
     activeItemId: string | undefined;
@@ -11,6 +10,7 @@ declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemMode
         text: string;
         icon?: import("../../index.js").ImageProps | undefined;
         iconSize?: number | undefined;
+        analyticsEvents?: import("../../index.js").AnalyticsEventsProp;
     } | {
         type: import("../../index.js").NavigationItemType.Button;
         text: string;
@@ -20,10 +20,10 @@ declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemMode
         theme?: import("../../index.js").ButtonTheme;
         img?: import("../../index.js").ButtonImageProps | string;
         target?: string;
+        size?: import("@gravity-ui/uikit").ButtonProps["size"];
+        width?: import("@gravity-ui/uikit").ButtonProps["width"];
+        extraProps?: import("@gravity-ui/uikit").ButtonProps["extraProps"];
         analyticsEvents?: import("../../index.js").AnalyticsEventsProp;
-        size?: import("@gravity-ui/uikit").ButtonSize | undefined;
-        width?: import("@gravity-ui/uikit").ButtonWidth | undefined;
-        extraProps?: React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement> | undefined;
     } | {
         type: import("../../index.js").NavigationItemType.Dropdown;
         items: import("../../index.js").NavigationLinkItem[];
@@ -43,6 +43,7 @@ declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemMode
         text: string;
         icon?: import("../../index.js").ImageProps | undefined;
         iconSize?: number | undefined;
+        analyticsEvents?: import("../../index.js").AnalyticsEventsProp;
     } | {
         type: import("../../index.js").NavigationItemType.Button;
         text: string;
@@ -52,10 +53,10 @@ declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemMode
         theme?: import("../../index.js").ButtonTheme;
         img?: import("../../index.js").ButtonImageProps | string;
         target?: string;
+        size?: import("@gravity-ui/uikit").ButtonProps["size"];
+        width?: import("@gravity-ui/uikit").ButtonProps["width"];
+        extraProps?: import("@gravity-ui/uikit").ButtonProps["extraProps"];
         analyticsEvents?: import("../../index.js").AnalyticsEventsProp;
-        size?: import("@gravity-ui/uikit").ButtonSize | undefined;
-        width?: import("@gravity-ui/uikit").ButtonWidth | undefined;
-        extraProps?: React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement> | undefined;
     } | {
         type: import("../../index.js").NavigationItemType.Dropdown;
         items: import("../../index.js").NavigationLinkItem[];

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

@@ -17,6 +17,7 @@ export declare function getNavigationItemWithIconSize(iconSize?: number): (item:
     text: string;
     icon?: import("../index.js").ImageProps | undefined;
     iconSize?: number | undefined;
+    analyticsEvents?: import("../index.js").AnalyticsEventsProp;
 } | {
     type: NavigationItemType.Button;
     text: string;
@@ -26,10 +27,10 @@ export declare function getNavigationItemWithIconSize(iconSize?: number): (item:
     theme?: import("../index.js").ButtonTheme;
     img?: import("../index.js").ButtonImageProps | string;
     target?: string;
+    size?: import("@gravity-ui/uikit").ButtonProps["size"];
+    width?: import("@gravity-ui/uikit").ButtonProps["width"];
+    extraProps?: import("@gravity-ui/uikit").ButtonProps["extraProps"];
     analyticsEvents?: import("../index.js").AnalyticsEventsProp;
-    size?: import("@gravity-ui/uikit").ButtonSize | undefined;
-    width?: import("@gravity-ui/uikit").ButtonWidth | undefined;
-    extraProps?: React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement> | undefined;
 } | {
     type: NavigationItemType.Dropdown;
     items: NavigationLinkItem[];

package/build/esm/schema/constants.d.ts

@@ -131,6 +131,17 @@ export declare const cardSchemas: {
                     };
                 };
             } | undefined;
+            labels?: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            } | undefined;
             controlPosition: {
                 type: string;
                 enum: string[];
@@ -507,6 +518,27 @@ export declare const cardSchemas: {
                     pattern?: undefined;
                 })[];
             };
+            gravityIcon: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    required?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        color: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                })[];
+            };
             target: {
                 type: string;
                 enum: string[];
@@ -519,6 +551,9 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            hoverBackgroundColor: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -556,6 +591,17 @@ export declare const cardSchemas: {
                 contentType: string;
                 inputType: string;
             };
+            labels: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             additionalInfo: {
                 type: string;
                 contentType: string;
@@ -926,6 +972,11 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            colSizes: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -967,6 +1018,17 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            labels: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             additionalInfo: {
                 type: string;
                 contentType: string;

package/build/esm/schema/validators/common.d.ts

@@ -1,4 +1,4 @@
-import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, QuoteType, Theme } from "../../models/index.js";
+import { CustomControlsButtonPositioning, CustomControlsType, Device, MediaVideoControlsType, QuoteType, Theme } from "../../models/index.js";
 export declare const mediaDirection: string[];
 export declare const textSize: string[];
 export declare const containerSizesArray: string[];
@@ -739,6 +739,17 @@ export declare function withTheme<T extends object>(value: T): {
         optionName: string;
     })[];
 };
+export declare function withDevice<T extends object>(value: T): {
+    oneOf: ((T & {
+        optionName: string;
+    }) | {
+        type: string;
+        additionalProperties: boolean;
+        required: Device[];
+        properties: {};
+        optionName: string;
+    })[];
+};
 export declare const AnchorProps: {
     type: string;
     additionalProperties: boolean;
@@ -1302,6 +1313,45 @@ export declare const YMapMarkerLabel: {
         iconColor: {
             type: string;
         };
+        iconImageHref: {
+            type: string;
+        };
+        iconImageSize: {
+            type: string;
+            items: {
+                type: string;
+            };
+            minItems: number;
+            maxItems: number;
+        };
+        iconImageOffset: {
+            type: string;
+            items: {
+                type: string;
+            };
+            minItems: number;
+            maxItems: number;
+        };
+        iconImageClipRect: {
+            type: string;
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                };
+                minItems: number;
+                maxItems: number;
+            };
+            minItems: number;
+            maxItems: number;
+        };
+        iconLayout: {
+            type: string;
+        };
+        iconShape: {
+            type: string;
+            additionalProperties: boolean;
+        };
         preset: {
             type: string;
         };
@@ -1334,6 +1384,45 @@ export declare const YMapMarker: {
                 iconColor: {
                     type: string;
                 };
+                iconImageHref: {
+                    type: string;
+                };
+                iconImageSize: {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                    minItems: number;
+                    maxItems: number;
+                };
+                iconImageOffset: {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                    minItems: number;
+                    maxItems: number;
+                };
+                iconImageClipRect: {
+                    type: string;
+                    items: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                        minItems: number;
+                        maxItems: number;
+                    };
+                    minItems: number;
+                    maxItems: number;
+                };
+                iconLayout: {
+                    type: string;
+                };
+                iconShape: {
+                    type: string;
+                    additionalProperties: boolean;
+                };
                 preset: {
                     type: string;
                 };
@@ -1380,6 +1469,45 @@ export declare const MapProps: {
                         iconColor: {
                             type: string;
                         };
+                        iconImageHref: {
+                            type: string;
+                        };
+                        iconImageSize: {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                            minItems: number;
+                            maxItems: number;
+                        };
+                        iconImageOffset: {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                            minItems: number;
+                            maxItems: number;
+                        };
+                        iconImageClipRect: {
+                            type: string;
+                            items: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                                minItems: number;
+                                maxItems: number;
+                            };
+                            minItems: number;
+                            maxItems: number;
+                        };
+                        iconLayout: {
+                            type: string;
+                        };
+                        iconShape: {
+                            type: string;
+                            additionalProperties: boolean;
+                        };
                         preset: {
                             type: string;
                         };
@@ -1388,6 +1516,12 @@ export declare const MapProps: {
             };
         };
     };
+    disableControls: {
+        type: string;
+    };
+    disableBalloons: {
+        type: string;
+    };
 };
 export declare const BorderProps: {
     type: string;
@@ -1436,3 +1570,24 @@ export declare const BlockHeaderProps: {
         inputType: string;
     };
 };
+export declare const GravityIconProps: {
+    oneOf: ({
+        type: string;
+        additionalProperties?: undefined;
+        required?: undefined;
+        properties?: undefined;
+    } | {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            name: {
+                type: string;
+            };
+            color: {
+                type: string;
+                enum: string[];
+            };
+        };
+    })[];
+};