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

package/build/cjs/gravity-blocks/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

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

package/build/cjs/gravity-blocks/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js.map

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

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

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

package/build/cjs/gravity-blocks/navigation/components/NavigationItem/hooks/useNavigationItemMap.js

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

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

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

package/build/cjs/gravity-blocks/navigation/components/NavigationItem/index.js.map

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

package/build/cjs/gravity-blocks/navigation/components/NavigationList/NavigationList.js.map

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

package/build/cjs/gravity-blocks/navigation/components/NavigationListItem/NavigationListItem.js.map

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

package/build/cjs/gravity-blocks/navigation/components/NavigationPopup/NavigationPopup.js

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

package/build/cjs/gravity-blocks/navigation/components/NavigationPopup/NavigationPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../../src","sources":["gravity-blocks/navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAwC;AAExC,sDAAwC;AACxC,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,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,uBAAC,aAAK,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,+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;AACN,CAAC,CAAC;AAlCW,QAAA,eAAe,mBAkC1B;AAEF,kBAAe,uBAAe,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/cjs/gravity-blocks/navigation/components/SocialIcon/SocialIcon.d.ts

@@ -0,0 +1,6 @@
+import { NavigationSocialItem } from "../../../../models/index.js";
+export interface NavigationSocialItemOwnProps extends NavigationSocialItem {
+    className?: string;
+}
+declare const SocialIcon: ({ icon, url, className, urlTitle }: NavigationSocialItemOwnProps) => import("react/jsx-runtime").JSX.Element;
+export default SocialIcon;

package/build/cjs/gravity-blocks/navigation/components/SocialIcon/SocialIcon.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 ((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, { className: b('icon'), ...iconData }) }));
+};
+exports.default = SocialIcon;
+//# sourceMappingURL=SocialIcon.js.map

package/build/cjs/gravity-blocks/navigation/components/SocialIcon/SocialIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../../src","sources":["gravity-blocks/navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";;;AAAA,gEAA6C;AAC7C,uEAAuE;AAEvE,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,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,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,QAAQ,GAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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/cjs/gravity-blocks/navigation/components/Standalone/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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, { ...props }) }));
+exports.default = Standalone;
+//# sourceMappingURL=index.js.map

package/build/cjs/gravity-blocks/navigation/components/Standalone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["gravity-blocks/navigation/components/Standalone/index.tsx"],"names":[],"mappings":";;;;AAAA,4FAAmD;AAEnD,qFAA8F;AAE9F,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACpD,uBAAC,gBAAM,cACH,uBAAC,oBAAU,OAAK,KAAK,GAAI,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/gravity-blocks/navigation/containers/Layout/Layout.css

@@ -0,0 +1,14 @@
+.pc-layout {
+  display: flex;
+  flex-direction: column;
+}
+.pc-layout__content {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}
+.pc-layout__navigation {
+  position: sticky;
+  z-index: 98;
+  top: 0;
+}

package/build/cjs/gravity-blocks/navigation/containers/Layout/Layout.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { NavigationData } from "../../../../models/index.js";
+export interface LayoutProps {
+    navigation?: NavigationData;
+    children?: React.ReactNode;
+}
+declare const Layout: ({ children, navigation }: React.PropsWithChildren<LayoutProps>) => import("react/jsx-runtime").JSX.Element;
+export default Layout;

package/build/cjs/gravity-blocks/navigation/containers/Layout/Layout.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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 }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [navigation &&
+            ((0, utils_1.isLogoSet)(navigation.logo) || (0, utils_1.isHeaderSet)(navigation.header)) &&
+            (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/gravity-blocks/navigation/containers/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../../src","sources":["gravity-blocks/navigation/containers/Layout/Layout.tsx"],"names":[],"mappings":";;;;AAGA,sDAAgE;AAChE,mGAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAO1B,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAuC,EAAE,EAAE,CAAC,CAC7E,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU;YACP,CAAC,IAAA,iBAAS,EAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAA,mBAAW,EAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9D,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, isHeaderSet, isLogoSet} 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            (isLogoSet(navigation.logo) || isHeaderSet(navigation.header)) &&\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/gravity-blocks/navigation/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/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/gravity-blocks/navigation/hooks/useActiveNavItem.d.ts

@@ -0,0 +1,72 @@
+import { NavigationItemModel } from "../../../models/index.js";
+declare const useActiveNavItem: (iconSize: number, leftItems: NavigationItemModel[], rightItems?: NavigationItemModel[]) => {
+    activeItemId: string | undefined;
+    leftItemsWithIconSize: ({
+        type: import("../../../models/index.js").NavigationItemType.Link;
+        url: string;
+        urlTitle?: string;
+        arrow?: boolean;
+        target?: string;
+        text: string;
+        icon?: import("../../../models/index.js").ImageProps | undefined;
+        iconSize?: number | undefined;
+        analyticsEvents?: import("../../../models/index.js").AnalyticsEventsProp;
+    } | {
+        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;
+        size?: import("@gravity-ui/uikit").ButtonProps["size"];
+        width?: import("@gravity-ui/uikit").ButtonProps["width"];
+        extraProps?: import("@gravity-ui/uikit").ButtonProps["extraProps"];
+        analyticsEvents?: import("../../../models/index.js").AnalyticsEventsProp;
+    } | {
+        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: ({
+        type: import("../../../models/index.js").NavigationItemType.Link;
+        url: string;
+        urlTitle?: string;
+        arrow?: boolean;
+        target?: string;
+        text: string;
+        icon?: import("../../../models/index.js").ImageProps | undefined;
+        iconSize?: number | undefined;
+        analyticsEvents?: import("../../../models/index.js").AnalyticsEventsProp;
+    } | {
+        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;
+        size?: import("@gravity-ui/uikit").ButtonProps["size"];
+        width?: import("@gravity-ui/uikit").ButtonProps["width"];
+        extraProps?: import("@gravity-ui/uikit").ButtonProps["extraProps"];
+        analyticsEvents?: import("../../../models/index.js").AnalyticsEventsProp;
+    } | {
+        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;
+};
+export default useActiveNavItem;

package/build/cjs/gravity-blocks/navigation/hooks/useActiveNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveNavItem.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/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,EAAE,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/gravity-blocks/navigation/hooks/useShowBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShowBorder.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/navigation/hooks/useShowBorder.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,0EAAuC;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/gravity-blocks/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["gravity-blocks/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/gravity-blocks/navigation/models.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { ClassNameProps, NavigationItemData, NavigationItemModel, NavigationLinkItem, ThemedNavigationLogoData } from "../../models/index.js";
+export interface MobileMenuButtonProps {
+    isSidebarOpened: boolean;
+    onSidebarOpenedChange: (arg: boolean) => void;
+}
+export declare enum ItemColumnName {
+    Left = "left",
+    Right = "right",
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum NavigationLayout {
+    Desktop = "desktop",
+    Mobile = "mobile",
+    Dropdown = "dropdown"
+}
+export interface ActiveItemProps {
+    activeItemId?: string;
+    onActiveItemChange: (id?: string) => void;
+}
+export interface MenuLayoutProps {
+    menuLayout?: NavigationLayout;
+}
+export interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {
+    data: NavigationItemData;
+    onClick?: React.MouseEventHandler;
+    isActive?: boolean;
+    isTopLevel?: boolean;
+    hidePopup?: () => void;
+}
+export interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {
+    data: NavigationItemModel;
+    column: ItemColumnName;
+    index: number;
+}
+export interface NavigationListProps extends Pick<NavigationListItemProps, 'column'>, MenuLayoutProps, ActiveItemProps, ClassNameProps {
+    items: NavigationItemModel[];
+    itemClassName?: string;
+}
+export interface ItemsWrapperProps extends Pick<NavigationListProps, 'items'>, ActiveItemProps, ClassNameProps {
+}
+export interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {
+    logo?: ThemedNavigationLogoData;
+    leftItemsWithIconSize: NavigationItemModel[];
+    rightItemsWithIconSize?: NavigationItemModel[];
+    customMobileHeaderItems?: NavigationItemModel[];
+}
+export interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {
+    isOpened?: boolean;
+    topItems?: NavigationItemModel[];
+    bottomItems?: NavigationItemModel[];
+    portalContainer?: React.RefObject<HTMLElement>;
+}
+export interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {
+    logo: ThemedNavigationLogoData;
+    leftItemsWithIconSize: NavigationItemModel[];
+    rightItemsWithIconSize?: NavigationItemModel[];
+}
+export interface NavigationPopupProps {
+    open: boolean;
+    items: NavigationLinkItem[];
+    onClose: () => void;
+    anchorRef: React.RefObject<Element>;
+}

package/build/cjs/gravity-blocks/navigation/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"../../../../src","sources":["gravity-blocks/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    portalContainer?: React.RefObject<HTMLElement>;\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/gravity-blocks/navigation/schema.d.ts

@@ -0,0 +1,79 @@
+export declare const LogoProps: {
+    type: string;
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        icon: {
+            oneOf: ({
+                type: string;
+                properties: {
+                    when: {
+                        type: string;
+                    };
+                };
+            } | {
+                type: string;
+                pattern: string;
+                optionName: string;
+                items?: undefined;
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+                pattern?: undefined;
+            })[];
+        };
+        text: {
+            type: string;
+            contentType: string;
+        };
+        url: {
+            type: string;
+        };
+    };
+};
+export declare const NavigationHeaderProps: {
+    type: string;
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        leftItems: {
+            oneOf: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+            }[];
+        };
+        rightItems: {
+            oneOf: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+            }[];
+        };
+        iconSize: {
+            type: string;
+        };
+    };
+};

package/build/cjs/gravity-blocks/navigation/schema.js

@@ -0,0 +1,110 @@
+"use strict";
+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.js"));
+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'],
+};
+exports.LogoProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['icon'],
+    properties: {
+        icon: schema_1.ImageProps,
+        text: {
+            type: 'string',
+            contentType: 'text',
+        },
+        url: {
+            type: 'string',
+        },
+    },
+};
+const NavigationItemBaseProps = {
+    text: {
+        type: 'string',
+        contentType: 'text',
+    },
+    url: {
+        type: 'string',
+    },
+    icon: {
+        type: 'string',
+        pattern: schema_1.imageUrlPattern,
+    },
+    iconSize: {
+        type: 'number',
+    },
+};
+const NavigationItemBaseLinkProps = (0, omit_1.default)(NavigationItemBaseProps, ['url']);
+const NavigationLinkItemProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['type', 'text'],
+    properties: {
+        ...NavigationItemBaseLinkProps,
+        type: { ...NavigationItemType },
+        url: {
+            type: 'string',
+        },
+        target: {
+            type: 'string',
+        },
+        arrow: {
+            type: 'boolean',
+        },
+    },
+};
+const NavigationButtonItemProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['type', 'text', 'url'],
+    properties: {
+        ...common_1.ButtonProps,
+        type: { ...NavigationItemType },
+    },
+};
+const NavigationDropdownItemProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['type', 'items'],
+    properties: {
+        ...NavigationItemBaseProps,
+        type: { ...NavigationItemType },
+        items: (0, utils_1.filteredArray)(NavigationLinkItemProps),
+    },
+};
+const NavigationItemProps = {
+    oneOf: [
+        {
+            optionName: 'link',
+            ...(0, utils_1.filteredArray)(NavigationLinkItemProps),
+        },
+        {
+            optionName: 'button',
+            ...(0, utils_1.filteredArray)(NavigationButtonItemProps),
+        },
+        {
+            optionName: 'dropdown',
+            ...(0, utils_1.filteredArray)(NavigationDropdownItemProps),
+        },
+    ],
+};
+exports.NavigationHeaderProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['leftItems'],
+    properties: {
+        leftItems: NavigationItemProps,
+        rightItems: NavigationItemProps,
+        iconSize: {
+            type: 'number',
+        },
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/cjs/gravity-blocks/navigation/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["gravity-blocks/navigation/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAA0E;AAC1E,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,EAAE;QACR,GAAG,2BAA2B;QAC9B,IAAI,EAAE,EAAC,GAAG,kBAAkB,EAAC;QAC7B,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB;KACJ;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,EAAE;QACR,GAAG,oBAAW;QACd,IAAI,EAAE,EAAC,GAAG,kBAAkB,EAAC;KAChC;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAG;IAChC,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE;QACR,GAAG,uBAAuB;QAC1B,IAAI,EAAE,EAAC,GAAG,kBAAkB,EAAC;QAC7B,KAAK,EAAE,IAAA,qBAAa,EAAC,uBAAuB,CAAC;KAChD;CACJ,CAAC;AAEF,MAAM,mBAAmB,GAAG;IACxB,KAAK,EAAE;QACH;YACI,UAAU,EAAE,MAAM;YAClB,GAAG,IAAA,qBAAa,EAAC,uBAAuB,CAAC;SAC5C;QACD;YACI,UAAU,EAAE,QAAQ;YACpB,GAAG,IAAA,qBAAa,EAAC,yBAAyB,CAAC;SAC9C;QACD;YACI,UAAU,EAAE,UAAU;YACtB,GAAG,IAAA,qBAAa,EAAC,2BAA2B,CAAC;SAChD;KACJ;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        {\n            optionName: 'link',\n            ...filteredArray(NavigationLinkItemProps),\n        },\n        {\n            optionName: 'button',\n            ...filteredArray(NavigationButtonItemProps),\n        },\n        {\n            optionName: 'dropdown',\n            ...filteredArray(NavigationDropdownItemProps),\n        },\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"]}