@doyourjob/gravity-ui-page-constructor-addons 2.1.8

package/build/esm/components/Navigation/containers/Header/Header.css

@@ -0,0 +1,172 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-addons-header {
+  --g-scrollbar-width: 8px;
+  --g-color-scroll-handle: var(--g-color-base-generic);
+  --g-color-scroll-handle-hover: var(--g-color-line-generic);
+  position: relative;
+  width: 100%;
+  max-width: min(100% - 32px, 1296px);
+  margin: 0 auto;
+  padding: 12px 32px 0 32px;
+  background: var(--pc-transparent);
+  border-radius: var(--pc-addons-navigation-border-radius);
+  z-index: calc(var(--pc-addons-navigation-popup-z-index) + 1);
+}
+
+.pc-addons-header_with-background {
+  background: var(--g-color-base-background);
+}
+
+.pc-addons-header_with-background.pc-addons-header_with-shadow {
+  box-shadow: 0 4px 24px var(--g-color-base-generic);
+}
+
+.pc-addons-header_one-row {
+  padding-bottom: 12px;
+}
+
+.pc-addons-header__container {
+  display: flex;
+  justify-content: space-between;
+  height: 36px;
+}
+
+.pc-addons-header__left, .pc-addons-header__right {
+  display: flex;
+  align-items: center;
+}
+
+.pc-addons-header__left {
+  margin-right: 32px;
+}
+
+.pc-addons-header__right {
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.pc-addons-header__icons-container {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.pc-addons-header__buttons {
+  display: flex;
+  margin-left: 8px;
+}
+
+.pc-addons-header__icon {
+  color: var(--g-color-text-hint);
+  transition: color 0.2s;
+}
+
+.pc-addons-header__user {
+  margin-left: 12px;
+}
+
+@media (max-width: 768px) {
+  .pc-addons-header__user {
+    display: none;
+  }
+}
+.pc-addons-header__back {
+  position: relative;
+  left: 2px;
+}
+
+.pc-addons-header__back-icon {
+  color: var(--g-color-text-hint);
+}
+
+.pc-addons-header__back {
+  display: none;
+}
+
+.pc-addons-header__back:hover:before {
+  background: none;
+}
+
+.pc-addons-header__back:hover .pc-addons-header__icon {
+  color: var(--g-color-text-complementary);
+}
+
+.pc-addons-header__scroller {
+  margin-top: 12px;
+}
+
+@media (max-width: 768px) {
+  .pc-addons-header__scroller {
+    display: none;
+  }
+}
+.pc-addons-header__popup {
+  --yc-popup-border-width: 0;
+  --yc-popup-border-color: none;
+  border-radius: var(--pc-addons-navigation-border-radius);
+  box-shadow: 0 3px 10px var(--g-color-base-generic-hover);
+  --yc-popover-max-width: 1296px;
+  --yc-popover-padding: 20px;
+  width: var(--yc-popover-max-width);
+  left: 0;
+  box-shadow: 0 4px 24px var(--g-color-base-generic-hover), 0 2px 8px var(--g-color-base-generic-hover);
+}
+
+.pc-addons-header__popup_with-background {
+  border-radius: 0 0 var(--pc-addons-navigation-border-radius) var(--pc-addons-navigation-border-radius);
+}
+
+.pc-addons-header__scroll-arrow {
+  height: var(--pc-addons-arrow-size);
+  color: var(--g-color-text-hint);
+}
+
+.pc-addons-header__user-popup {
+  --yc-popup-border-width: 0;
+  --yc-popup-border-color: none;
+  border-radius: var(--g-border-radius-m);
+  box-shadow: 0 3px 10px var(--g-color-base-generic-hover);
+}
+
+@media (max-width: 1081px) {
+  .pc-addons-header__left {
+    margin-right: 0;
+  }
+}
+@media (min-width: 769px) {
+  .pc-addons-header__logo-img {
+    height: 30px;
+  }
+}
+@media (max-width: 768px) {
+  .pc-addons-header {
+    max-width: 100%;
+    padding: 16px 40px 16px 48px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+  .pc-addons-header__left {
+    margin-right: 12px;
+  }
+  .pc-addons-header__icons-container {
+    flex-direction: row-reverse;
+    justify-content: flex-start;
+  }
+  .pc-addons-header_search .pc-addons-header__logo {
+    display: none;
+  }
+  .pc-addons-header_search .pc-addons-header__back {
+    display: block;
+  }
+}
+@media (max-width: 576px) {
+  .pc-addons-header {
+    padding-left: 24px;
+    padding-right: 16px;
+  }
+  .pc-addons-header__container {
+    height: 36px;
+  }
+}

package/build/esm/components/Navigation/containers/Header/Header.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
+import { NavigationData, SetupRouteChangeHandler } from '../../models';
+import './Header.css';
+export declare const MOBILE_ICON_SIZE = 24;
+export interface CustomElements {
+    left?: ReactNode;
+    right?: ReactNode;
+    actions?: ReactNode;
+}
+export interface HeaderProps extends ClassNameProps {
+    data: NavigationData;
+    customElements?: CustomElements;
+    renderSearch?: (props: {
+        onActiveToggle: (isActive: boolean) => void;
+    }) => ReactNode;
+    setupRouteChangeHandler?: SetupRouteChangeHandler;
+}
+export declare const Header: ({ data, customElements, setupRouteChangeHandler, renderSearch, className, }: HeaderProps) => React.JSX.Element;

package/build/esm/components/Navigation/containers/Header/Header.js

@@ -0,0 +1,113 @@
+import { __rest } from "tslib";
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+import { OverflowScroller } from '@doyourjob/gravity-ui-page-constructor';
+import { ChevronLeft } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { block } from '../../../../utils/cn';
+import { ButtonsContainer } from '../../components/ButtonsContainer/ButtonsContainer';
+import { LangSwitch } from '../../components/LangSwitch';
+import Logo from '../../components/Logo/Logo';
+import { MobileNavigation } from '../../components/MobileNavigation/MobileNavigation';
+import { Navigation } from '../../components/Navigation/Navigation';
+import { AnalyticsContext } from '../../contexts/analytics';
+import { MobileContext } from '../../contexts/mobile';
+import { RouteChangeHandlerContext } from '../../contexts/route-change';
+import { ThemeContext } from '../../contexts/theme';
+import './Header.css';
+const b = block('header');
+export const MOBILE_ICON_SIZE = 24;
+export const Header = ({ data, customElements, setupRouteChangeHandler, renderSearch, className, }) => {
+    const { logo, langSwitchItems, buttons: buttonConfigs, navigation } = data;
+    const headerRef = useRef(null);
+    const [withBackground, setWithBackground] = useState(false);
+    const [withShadow, setWithShadow] = useState(true);
+    const [isSearchMode, setIsSearchMode] = useState(false);
+    const [isPopupOpen, setIsPopupOpen] = useState(false);
+    const [isMobileNavigationOpen, setIsMobileNavigationOpen] = useState(false);
+    const [pageHasScroll, setPageHasScroll] = useState(false);
+    const langSwitchActiveItem = useMemo(() => langSwitchItems === null || langSwitchItems === void 0 ? void 0 : langSwitchItems.find(({ active }) => active), [langSwitchItems]);
+    const { left, right, actions } = customElements || {};
+    const analytics = useContext(AnalyticsContext);
+    const isMobile = useContext(MobileContext);
+    const theme = useContext(ThemeContext);
+    const buttons = buttonConfigs === null || buttonConfigs === void 0 ? void 0 : buttonConfigs.map((_a) => {
+        var { analyticsEvents } = _a, button = __rest(_a, ["analyticsEvents"]);
+        return (Object.assign(Object.assign({}, button), { onClick: analyticsEvents
+                ? () => {
+                    var _a;
+                    (_a = analytics === null || analytics === void 0 ? void 0 : analytics.sendEvents) === null || _a === void 0 ? void 0 : _a.call(analytics, Array.isArray(analyticsEvents) ? analyticsEvents : [analyticsEvents]);
+                }
+                : undefined }));
+    });
+    const showButtonsContainer = isMobile
+        ? !navigation && buttons && buttons.length === 1
+        : Boolean(buttons);
+    const toggleSearch = useCallback((isActive) => setIsSearchMode(isActive), []);
+    const handleOpenPopup = useCallback(() => {
+        setIsPopupOpen(true);
+    }, []);
+    const handleClosePopup = useCallback(() => {
+        setIsPopupOpen(false);
+    }, []);
+    const toggleMobileNavigationPopup = useCallback((isOpened) => {
+        setIsMobileNavigationOpen(isOpened);
+        // disable header's shadow on mobile with opened menu and if page was scrolled
+        if (isOpened && pageHasScroll) {
+            setWithShadow(false);
+        }
+    }, [pageHasScroll]);
+    const onMenuScroll = useCallback((scrollTop) => {
+        // enable header's shadow on mobile if mobile menu started to scroll
+        setWithShadow(scrollTop > 0);
+        if (!pageHasScroll) {
+            setWithBackground(scrollTop > 0);
+        }
+    }, [pageHasScroll]);
+    useEffect(() => {
+        const onScroll = () => {
+            const scrollTop = window.pageYOffset;
+            if (scrollTop === 0 && withBackground) {
+                setWithBackground(false);
+            }
+            else if (scrollTop > 0 && !withBackground) {
+                setWithBackground(true);
+            }
+            if (scrollTop === 0 && pageHasScroll) {
+                setPageHasScroll(false);
+            }
+            else if (scrollTop > 0 && !pageHasScroll) {
+                setPageHasScroll(true);
+            }
+        };
+        window.addEventListener('scroll', onScroll);
+        onScroll();
+    });
+    useEffect(() => setupRouteChangeHandler === null || setupRouteChangeHandler === void 0 ? void 0 : setupRouteChangeHandler(() => {
+        handleClosePopup();
+        setIsMobileNavigationOpen(false);
+    }), [setupRouteChangeHandler, handleClosePopup]);
+    return (React.createElement(RouteChangeHandlerContext.Provider, { value: setupRouteChangeHandler },
+        React.createElement("header", { className: b({
+                'with-background': withBackground,
+                'with-shadow': withShadow,
+                search: isSearchMode,
+                'open-popup': isPopupOpen,
+                'one-row': !navigation,
+            }, className), ref: headerRef },
+            React.createElement("div", { className: b('container') },
+                React.createElement("div", { className: b('left') },
+                    logo && (React.createElement(Logo, Object.assign({}, logo, { theme: theme, className: b('logo'), imageClassName: b('logo-img') }))),
+                    isMobile && (React.createElement(Button, { view: "flat", size: "l", className: b('back') },
+                        React.createElement(Icon, { data: ChevronLeft, size: MOBILE_ICON_SIZE }))),
+                    left),
+                React.createElement("div", { className: b('right') },
+                    React.createElement("div", { className: b('icons-container') },
+                        renderSearch && renderSearch({ onActiveToggle: toggleSearch }),
+                        langSwitchItems && (React.createElement(LangSwitch, { text: langSwitchActiveItem === null || langSwitchActiveItem === void 0 ? void 0 : langSwitchActiveItem.title, iconClassName: b('icon'), isSearchMode: isSearchMode, items: langSwitchItems, showText: !isMobile, isMobile: isMobile }))),
+                    showButtonsContainer && (React.createElement(ButtonsContainer, { buttons: buttons, className: b('buttons') }, actions)),
+                    right,
+                    navigation ? (React.createElement(MobileNavigation, { toogleOpen: toggleMobileNavigationPopup, isOpened: isMobileNavigationOpen, isSearchOpen: isSearchMode, data: navigation, buttons: buttons, onMenuScroll: onMenuScroll, popupClassName: b('user-popup'), customElements: customElements })) : null)),
+            navigation ? (React.createElement("div", { className: b('scroller') },
+                React.createElement(OverflowScroller, { arrowClassName: b('scroll-arrow'), arrowSize: 14 },
+                    React.createElement(Navigation, { data: navigation, headerRef: headerRef, handleOpenPopup: handleOpenPopup, handleClosePopup: handleClosePopup, withBackground: withBackground })))) : null)));
+};

package/build/esm/components/Navigation/containers/Header/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { AnalyticsContextProps } from '../../contexts/analytics';
+import { DeviceContextProps } from '../../contexts/device';
+import { LocationContextProps } from '../../contexts/location';
+import { MobileContextProps } from '../../contexts/mobile';
+import { ThemeContextProps } from '../../contexts/theme';
+import { HeaderProps as HeaderComponentProps } from './Header';
+export interface HeaderProps extends HeaderComponentProps {
+    isMobile?: MobileContextProps;
+    location?: LocationContextProps;
+    analytics?: AnalyticsContextProps;
+    device?: DeviceContextProps;
+    theme?: ThemeContextProps;
+}
+export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/build/esm/components/Navigation/containers/Header/index.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import React, { Fragment } from 'react';
+import { AnalyticsContext, Theme } from '@doyourjob/gravity-ui-page-constructor';
+import { DeviceContext } from '../../contexts/device';
+import { LocationContext } from '../../contexts/location';
+import { MobileContext } from '../../contexts/mobile';
+import { ThemeContext } from '../../contexts/theme';
+import { Header as HeaderComponent } from './Header';
+export const Header = (props) => {
+    const { isMobile, theme = Theme.Light, location = {}, analytics = {}, device = {} } = props, rest = __rest(props, ["isMobile", "theme", "location", "analytics", "device"]);
+    /* eslint-disable react/jsx-key */
+    const context = [
+        React.createElement(ThemeContext.Provider, { value: theme }),
+        React.createElement(LocationContext.Provider, { value: location }),
+        React.createElement(MobileContext.Provider, { value: Boolean(isMobile) }),
+        React.createElement(DeviceContext.Provider, { value: device }),
+        React.createElement(AnalyticsContext.Provider, { value: analytics }),
+    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), React.createElement(HeaderComponent, Object.assign({}, rest)));
+    /* eslint-enable react/jsx-key */
+    return React.createElement(Fragment, null, context);
+};

package/build/esm/components/Navigation/contexts/analytics.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AnalyticsEvent } from '../models';
+export interface AnalyticsContextProps {
+    sendEvents?: (events: AnalyticsEvent[]) => void;
+}
+export declare const AnalyticsContext: React.Context<AnalyticsContextProps | undefined>;

package/build/esm/components/Navigation/contexts/analytics.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const AnalyticsContext = React.createContext({});

package/build/esm/components/Navigation/contexts/device.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type DeviceContextProps = {
+    model?: string;
+};
+export declare const DeviceContext: React.Context<DeviceContextProps>;

package/build/esm/components/Navigation/contexts/device.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const DeviceContext = React.createContext({});

package/build/esm/components/Navigation/contexts/location.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type LocationContextProps = {
+    search?: string;
+    hash?: string;
+    pathname?: string;
+    hostname?: string;
+    asPath?: string;
+};
+export declare const LocationContext: React.Context<LocationContextProps>;

package/build/esm/components/Navigation/contexts/location.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const LocationContext = React.createContext({});

package/build/esm/components/Navigation/contexts/mobile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export type MobileContextProps = boolean;
+export declare const MobileContext: React.Context<boolean>;

package/build/esm/components/Navigation/contexts/mobile.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const MobileContext = React.createContext(false);

package/build/esm/components/Navigation/contexts/navigation-section.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export type NavigationSection = string | undefined;
+export declare const NavigationSectionContext: React.Context<NavigationSection>;

package/build/esm/components/Navigation/contexts/navigation-section.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const NavigationSectionContext = React.createContext(undefined);

package/build/esm/components/Navigation/contexts/route-change.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export type RouteChangeHandlerContextProps = (handler: () => void) => void;
+export declare const RouteChangeHandlerContext: React.Context<RouteChangeHandlerContextProps | undefined>;

package/build/esm/components/Navigation/contexts/route-change.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const RouteChangeHandlerContext = React.createContext(undefined);

package/build/esm/components/Navigation/contexts/theme.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Theme } from '@doyourjob/gravity-ui-page-constructor';
+export type ThemeContextProps = Theme;
+export declare const ThemeContext: React.Context<Theme>;

package/build/esm/components/Navigation/contexts/theme.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { Theme } from '@doyourjob/gravity-ui-page-constructor';
+export const ThemeContext = React.createContext(Theme.Light);

package/build/esm/components/Navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './containers/Header';
+export * from './containers/Footer';
+export * from './components/LangSwitch';
+export * from './models';

package/build/esm/components/Navigation/index.js

@@ -0,0 +1,4 @@
+export * from './containers/Header';
+export * from './containers/Footer';
+export * from './components/LangSwitch';
+export * from './models';

package/build/esm/components/Navigation/models.d.ts

@@ -0,0 +1,89 @@
+import { AnalyticsEvent as PCAnalyticsEvent } from '@doyourjob/gravity-ui-page-constructor';
+import type { ButtonProps, LinkProps } from '@doyourjob/gravity-ui-page-constructor';
+import { SVGIconData } from '@gravity-ui/uikit/build/esm/components/Icon/types';
+export declare enum AnalyticsEventType {
+    ItemClick = "item-click",
+    PopupItemClick = "popup-item-click"
+}
+export declare enum NavigationItemType {
+    LargePopup = "large-popup",
+    MediumPopup = "medium-popup",
+    MediumPopupWithCategories = "medium-popup-with-categories",
+    MediumPopupWithFloors = "medium-popup-with-floors",
+    Link = "link"
+}
+export declare enum NavigationTagColor {
+    Green = "green",
+    Yellow = "yellow",
+    Blue = "blue"
+}
+export interface LogoData {
+    href?: string;
+    src?: string;
+    width?: number;
+    title?: string;
+    text?: string;
+    alt?: string;
+}
+export interface LangSwitchItem {
+    title: string;
+    description?: string;
+    url?: string;
+    active?: boolean;
+    icon?: SVGIconData;
+}
+export interface NavigationData {
+    navigation: NavigationSectionData[];
+    logo: LogoData;
+    buttons: ButtonProps[];
+    langSwitchItems?: LangSwitchItem[];
+}
+export interface AnalyticsEvent extends PCAnalyticsEvent {
+    params?: Partial<Record<string, string>>;
+}
+export type SetupRouteChangeHandler = (handler: () => void) => void;
+export interface NavigationTag {
+    text: string;
+    color?: string;
+    textColor?: string;
+    size?: 's' | 'm';
+}
+export interface NavigationItem {
+    title: string;
+    slug: string;
+    url: string;
+    description?: string;
+    icon?: string;
+    image?: string | null;
+    tag?: NavigationTag;
+}
+export interface CategoryGroupData {
+    title?: string;
+    items: NavigationItem[];
+    imageSize?: 's' | 'xm' | 'm';
+    url?: string;
+    showItemDescriptions?: 'yes' | 'no';
+    showItemIcons?: 'yes' | 'no';
+    backgroundColor?: string;
+}
+export interface CategoryData {
+    slug: string;
+    title: string;
+    description?: string;
+    groups: CategoryGroupData[];
+}
+export interface CategorizedPopupData {
+    categories: Record<string, CategoryData>;
+}
+export interface PopupData {
+    groups: CategoryGroupData[];
+}
+export interface NavigationSectionData {
+    title: string;
+    data?: PopupData | CategorizedPopupData;
+    type: NavigationItemType;
+    section?: string;
+    link?: LinkProps;
+    links?: LinkProps[];
+    placeholder?: string;
+}

package/build/esm/components/Navigation/models.js

@@ -0,0 +1,19 @@
+export var AnalyticsEventType;
+(function (AnalyticsEventType) {
+    AnalyticsEventType["ItemClick"] = "item-click";
+    AnalyticsEventType["PopupItemClick"] = "popup-item-click";
+})(AnalyticsEventType || (AnalyticsEventType = {}));
+export var NavigationItemType;
+(function (NavigationItemType) {
+    NavigationItemType["LargePopup"] = "large-popup";
+    NavigationItemType["MediumPopup"] = "medium-popup";
+    NavigationItemType["MediumPopupWithCategories"] = "medium-popup-with-categories";
+    NavigationItemType["MediumPopupWithFloors"] = "medium-popup-with-floors";
+    NavigationItemType["Link"] = "link";
+})(NavigationItemType || (NavigationItemType = {}));
+export var NavigationTagColor;
+(function (NavigationTagColor) {
+    NavigationTagColor["Green"] = "green";
+    NavigationTagColor["Yellow"] = "yellow";
+    NavigationTagColor["Blue"] = "blue";
+})(NavigationTagColor || (NavigationTagColor = {}));

package/build/esm/components/Navigation/styles/variables.css

@@ -0,0 +1,14 @@
+:root {
+  --pc-addons-navigation-header-height: 64px;
+  --pc-addons-navigation-search-input-indent: 10px;
+  --pc-addons-navigation-popup-padding: 7px;
+  --pc-addons-navigation-popup-z-index: 99;
+  --pc-addons-arrow-size: 20px;
+}
+
+.g-root {
+  --pc-addons-navigation-color-tag-yellow: var(--g-color-base-warning-light);
+  --pc-addons-navigation-color-tag-green: var(--g-color-base-positive-light);
+  --pc-addons-navigation-color-tag-blue: var(--g-color-base-info-light);
+  --pc-addons-navigation-border-radius: var(--pc-border-radius, 24px);
+}

package/build/esm/components/Navigation/utils.d.ts

@@ -0,0 +1,18 @@
+import { NavigationItem } from './models';
+export declare const getIconSize: (isMobile?: boolean) => 16 | 24;
+export declare const SERVICES_PREFIX = "services";
+export declare const SOLUTIONS_PREFIX = "solutions";
+export interface MobileLargePopupDataItem {
+    id: number;
+    description: string;
+    slug: string;
+    url: string;
+    title: string;
+}
+export interface MobileLargePopupData {
+    items: MobileLargePopupDataItem[];
+}
+export type NaviationItemsMap = Record<string, NavigationItem[]>;
+export declare const getHeaderHeight: (isMobile: boolean) => 68 | 94;
+export declare function getFlatList(dataByKeys: NaviationItemsMap, key?: keyof NavigationItem): NavigationItem[];
+export declare function applySearch(searchRaw: string, navigationItems: NavigationItem[]): NavigationItem[];

package/build/esm/components/Navigation/utils.js

@@ -0,0 +1,25 @@
+export const getIconSize = (isMobile) => {
+    return isMobile ? 24 : 16;
+};
+export const SERVICES_PREFIX = 'services';
+export const SOLUTIONS_PREFIX = 'solutions';
+export const getHeaderHeight = (isMobile) => {
+    return isMobile ? 68 : 94;
+};
+export function getFlatList(dataByKeys, key = 'slug') {
+    const navigationItems = {};
+    Object.values(dataByKeys).forEach((dataByKey) => {
+        dataByKey.forEach((data) => {
+            if (data[key]) {
+                navigationItems[data[key]] = data;
+            }
+        });
+    });
+    return Object.values(navigationItems);
+}
+export function applySearch(searchRaw, navigationItems) {
+    const search = searchRaw.toLowerCase();
+    return navigationItems.filter(({ title, slug, description }) => (title && title.toLowerCase().includes(search)) ||
+        slug.includes(search) ||
+        (description && description.toLowerCase().includes(search)));
+}

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

@@ -0,0 +1,2 @@
+export * from './EnrichedLink/EnrichedLink';
+export * from './Navigation';

package/build/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './EnrichedLink/EnrichedLink';
+export * from './Navigation';

package/build/esm/constants.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@doyourjob/gravity-ui-page-constructor';
+export declare const DEFAULT_THEME = Theme.Light;
+export declare const UIKIT_ROOT_CLASS = "g-root";

package/build/esm/constants.js

@@ -0,0 +1,3 @@
+import { Theme } from '@doyourjob/gravity-ui-page-constructor';
+export const DEFAULT_THEME = Theme.Light;
+export const UIKIT_ROOT_CLASS = 'g-root';

package/build/esm/context/mobileContext/MobileContext.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MobileContext: React.Context<boolean>;

package/build/esm/context/mobileContext/MobileContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const MobileContext = React.createContext(false);

package/build/esm/context/mobileContext/index.d.ts

@@ -0,0 +1 @@
+export * from './MobileContext';

package/build/esm/context/mobileContext/index.js

@@ -0,0 +1 @@
+export * from './MobileContext';

package/build/esm/context/theme/ThemeContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
+export interface ThemeContextProps {
+    theme: Theme;
+}
+export declare const initialValue: ThemeContextProps;
+export declare const ThemeContext: React.Context<ThemeContextProps>;