@gravity-ui/page-constructor 6.0.0-beta.1 → 6.0.0-beta.10

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

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileNavigation = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const Foldable_1 = tslib_1.__importDefault(require("../../../components/Foldable/Foldable.js"));
-const hooks_1 = require("../../../hooks/index.js");
-const utils_1 = require("../../../utils/index.js");
-const models_1 = require("../../models.js");
-const NavigationList_1 = require("../NavigationList/NavigationList.js");
-const b = (0, utils_1.block)('mobile-navigation');
-const MobileNavigation = (_a) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Portal } from '@gravity-ui/uikit';
+import Foldable from '../../../components/Foldable/Foldable';
+import { useMount } from '../../../hooks';
+import { block } from '../../../utils';
+import { ItemColumnName, NavigationLayout } from '../../models';
+import { NavigationList } from '../NavigationList/NavigationList';
+const b = block('mobile-navigation');
+export const MobileNavigation = (_a) => {
     var { isOpened, topItems, bottomItems } = _a, props = tslib_1.__rest(_a, ["isOpened", "topItems", "bottomItems"]);
     const [isMounted, setIsMounted] = React.useState(false);
-    (0, hooks_1.useMount)(() => setIsMounted(true));
+    useMount(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile }, props))), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
+    return (_jsx(Portal, { children: _jsx(Foldable, { className: b(), isOpened: Boolean(isOpened), children: _jsxs("div", { className: b('wrapper'), children: [topItems && (_jsx(NavigationList, Object.assign({ className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile }, props))), bottomItems && (_jsx(NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
 };
-exports.MobileNavigation = MobileNavigation;
-exports.default = exports.MobileNavigation;
-//# sourceMappingURL=MobileNavigation.js.map
+export default MobileNavigation;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
+import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from '../../../models';
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;
     data: HeaderData;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageProps } from "../../../../../models/index.js";
+import { ImageProps } from '../../../../../models';
 interface ContentWrapperProps {
     text: string;
     icon?: ImageProps;

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

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

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

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

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

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GithubButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const models_1 = require("../../../../../models/index.js");
-const utils_1 = require("../../../../../utils/index.js");
-const b = (0, utils_1.block)('github-button');
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { NavigationGithubButtonIcon } from '../../../../../models';
+import { block } from '../../../../../utils';
+const b = block('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';
 /* More information about github-buttons in https://buttons.github.io/ */
-const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) => {
+export const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) => {
     const containerRef = React.useRef(null);
     const linkRef = React.useRef(null);
     React.useEffect(() => {
@@ -41,7 +37,5 @@ const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) =>
             reset();
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
+    return (_jsx("div", { className: b(null, className), children: _jsx("span", { ref: containerRef, children: _jsx("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
 };
-exports.GithubButton = GithubButton;
-//# sourceMappingURL=GithubButton.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationLink = exports.NavigationDropdown = exports.NavigationButton = exports.GithubButton = void 0;
-const tslib_1 = require("tslib");
-var GithubButton_1 = require("./components/GithubButton/GithubButton.js");
-Object.defineProperty(exports, "GithubButton", { enumerable: true, get: function () { return GithubButton_1.GithubButton; } });
-var NavigationButton_1 = require("./components/NavigationButton/NavigationButton.js");
-Object.defineProperty(exports, "NavigationButton", { enumerable: true, get: function () { return NavigationButton_1.NavigationButton; } });
-var NavigationDropdown_1 = require("./components/NavigationDropdown/NavigationDropdown.js");
-Object.defineProperty(exports, "NavigationDropdown", { enumerable: true, get: function () { return NavigationDropdown_1.NavigationDropdown; } });
-var NavigationLink_1 = require("./components/NavigationLink/NavigationLink.js");
-Object.defineProperty(exports, "NavigationLink", { enumerable: true, get: function () { return NavigationLink_1.NavigationLink; } });
-const NavigationItem_1 = tslib_1.__importDefault(require("./NavigationItem.js"));
-exports.default = NavigationItem_1.default;
-//# sourceMappingURL=index.js.map
+export { GithubButton } from './components/GithubButton/GithubButton';
+export { NavigationButton } from './components/NavigationButton/NavigationButton';
+export { NavigationDropdown } from './components/NavigationDropdown/NavigationDropdown';
+export { NavigationLink } from './components/NavigationLink/NavigationLink';
+import NavigationItem from './NavigationItem';
+export default NavigationItem;

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

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

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

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationList = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const NavigationListItem_1 = tslib_1.__importDefault(require("../NavigationListItem/NavigationListItem.js"));
-const NavigationList = (_a) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import NavigationListItem from '../NavigationListItem/NavigationListItem';
+export const NavigationList = (_a) => {
     var { className, itemClassName, items } = _a, props = tslib_1.__rest(_a, ["className", "itemClassName", "items"]);
-    return ((0, jsx_runtime_1.jsx)("ul", { className: className, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(NavigationListItem_1.default, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
+    return (_jsx("ul", { className: className, children: items.map((item, index) => (_jsx(NavigationListItem, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
 };
-exports.NavigationList = NavigationList;
-//# sourceMappingURL=NavigationList.js.map

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

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

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

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationListItem = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils.js");
-const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/index.js"));
-const NavigationListItem = (_a) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getItemClickHandler } from '../../utils';
+import NavigationItem from '../NavigationItem';
+export const NavigationListItem = (_a) => {
     var { column, index, activeItemId, onActiveItemChange } = _a, props = tslib_1.__rest(_a, ["column", "index", "activeItemId", "onActiveItemChange"]);
     const id = `${column}-${index}`;
     const isActive = id === activeItemId;
-    const onClick = (0, utils_1.getItemClickHandler)({
+    const onClick = getItemClickHandler({
         column,
         index,
         activeItemId,
         onActiveItemChange,
     });
-    return ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
+    return (_jsx(NavigationItem, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
 };
-exports.NavigationListItem = NavigationListItem;
-exports.default = exports.NavigationListItem;
-//# sourceMappingURL=NavigationListItem.js.map
+export default NavigationListItem;

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

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

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

@@ -1,19 +1,13 @@
-"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');
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popup } from '@gravity-ui/uikit';
+import { block } from '../../../utils';
+import { NavigationLayout } from '../../models';
+import NavigationItem from '../NavigationItem';
+const b = block('navigation-popup');
 const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
-const NavigationPopup = ({ anchorRef, items, onClose, open, }) => ((0, jsx_runtime_1.jsx)(uikit_1.Popup
+export const NavigationPopup = ({ anchorRef, items, onClose, open, }) => (_jsx(Popup
 // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
 , { 
     // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-    anchorRef: open ? anchorRef : undefined, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: (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
+    anchorRef: open ? anchorRef : undefined, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: _jsx("ul", { className: b('list'), children: items.map((item) => (_jsx(NavigationItem, { className: b('link'), data: item, menuLayout: NavigationLayout.Dropdown }, item.text))) }) }));
+export default NavigationPopup;

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

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