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

package/build/cjs/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/cjs/components/Navigation/models.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationTagColor = exports.NavigationItemType = exports.AnalyticsEventType = void 0;
+var AnalyticsEventType;
+(function (AnalyticsEventType) {
+    AnalyticsEventType["ItemClick"] = "item-click";
+    AnalyticsEventType["PopupItemClick"] = "popup-item-click";
+})(AnalyticsEventType = exports.AnalyticsEventType || (exports.AnalyticsEventType = {}));
+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 = exports.NavigationItemType || (exports.NavigationItemType = {}));
+var NavigationTagColor;
+(function (NavigationTagColor) {
+    NavigationTagColor["Green"] = "green";
+    NavigationTagColor["Yellow"] = "yellow";
+    NavigationTagColor["Blue"] = "blue";
+})(NavigationTagColor = exports.NavigationTagColor || (exports.NavigationTagColor = {}));

package/build/cjs/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/cjs/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/cjs/components/Navigation/utils.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applySearch = exports.getFlatList = exports.getHeaderHeight = exports.SOLUTIONS_PREFIX = exports.SERVICES_PREFIX = exports.getIconSize = void 0;
+const getIconSize = (isMobile) => {
+    return isMobile ? 24 : 16;
+};
+exports.getIconSize = getIconSize;
+exports.SERVICES_PREFIX = 'services';
+exports.SOLUTIONS_PREFIX = 'solutions';
+const getHeaderHeight = (isMobile) => {
+    return isMobile ? 68 : 94;
+};
+exports.getHeaderHeight = getHeaderHeight;
+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);
+}
+exports.getFlatList = getFlatList;
+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)));
+}
+exports.applySearch = applySearch;

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

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

package/build/cjs/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EnrichedLink/EnrichedLink"), exports);
+tslib_1.__exportStar(require("./Navigation"), exports);

package/build/cjs/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/cjs/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = void 0;
+const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
+exports.DEFAULT_THEME = gravity_ui_page_constructor_1.Theme.Light;
+exports.UIKIT_ROOT_CLASS = 'g-root';

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.MobileContext = react_1.default.createContext(false);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./MobileContext"), exports);

package/build/cjs/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>;

package/build/cjs/context/theme/ThemeContext.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = exports.initialValue = exports.Theme = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../constants");
+var Theme;
+(function (Theme) {
+    Theme["Light"] = "light";
+    Theme["Dark"] = "dark";
+})(Theme = exports.Theme || (exports.Theme = {}));
+exports.initialValue = {
+    theme: constants_1.DEFAULT_THEME,
+};
+exports.ThemeContext = react_1.default.createContext(exports.initialValue);

package/build/cjs/context/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ThemeContext';
+export * from './useTheme';
+export * from './withTheme';

package/build/cjs/context/theme/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ThemeContext"), exports);
+tslib_1.__exportStar(require("./useTheme"), exports);
+tslib_1.__exportStar(require("./withTheme"), exports);

package/build/cjs/context/theme/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeContextProps } from './ThemeContext';
+export declare function useTheme(): ThemeContextProps['theme'];

package/build/cjs/context/theme/useTheme.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ThemeContext_1 = require("./ThemeContext");
+function useTheme() {
+    const { theme } = react_1.default.useContext(ThemeContext_1.ThemeContext);
+    return theme;
+}
+exports.useTheme = useTheme;

package/build/cjs/context/theme/withTheme.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Subtract } from 'utility-types';
+import { ThemeContextProps } from './ThemeContext';
+export interface WithThemeProps extends ThemeContextProps {
+}
+export declare function withTheme<T extends WithThemeProps>(WrappedComponent: React.ComponentType<T>): React.ComponentType<Subtract<T, WithThemeProps>>;

package/build/cjs/context/theme/withTheme.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withTheme = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ThemeContext_1 = require("./ThemeContext");
+function withTheme(WrappedComponent) {
+    var _a;
+    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    return _a = class WithThemeComponent extends react_1.default.Component {
+            render() {
+                return react_1.default.createElement(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
+            }
+        },
+        _a.displayName = `withTheme(${componentName})`,
+        _a.contextType = ThemeContext_1.ThemeContext,
+        _a;
+}
+exports.withTheme = withTheme;

package/build/cjs/hooks/useIsCurrentPage.d.ts

@@ -0,0 +1 @@
+export declare const useIsCurrentPage: (url?: string) => boolean;

package/build/cjs/hooks/useIsCurrentPage.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsCurrentPage = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const useIsCurrentPage = (url) => {
+    const [isCurrentPage, setIsCurrentPage] = react_1.default.useState(false);
+    (0, react_1.useEffect)(() => {
+        setIsCurrentPage(Boolean(url && location.href.includes(url)));
+    }, [url]);
+    return isCurrentPage;
+};
+exports.useIsCurrentPage = useIsCurrentPage;

package/build/cjs/hooks/useIsIPhone.d.ts

@@ -0,0 +1 @@
+export declare function useIsIPhone(): boolean;

package/build/cjs/hooks/useIsIPhone.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsIPhone = void 0;
+const react_1 = require("react");
+const device_1 = require("../components/Navigation/contexts/device");
+function useIsIPhone() {
+    const device = (0, react_1.useContext)(device_1.DeviceContext);
+    return (device === null || device === void 0 ? void 0 : device.model) === 'iPhone';
+}
+exports.useIsIPhone = useIsIPhone;

package/build/cjs/i18n.d.ts

@@ -0,0 +1,2 @@
+import { I18N } from '@gravity-ui/i18n';
+export declare const i18n: I18N;

package/build/cjs/i18n.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const i18n_1 = require("@gravity-ui/i18n");
+const configure_1 = require("./utils/configure");
+exports.i18n = new i18n_1.I18N();
+exports.i18n.setLang((0, configure_1.getConfig)().lang || configure_1.Lang.En);
+(0, configure_1.subscribeConfigure)((config) => {
+    if (config.lang) {
+        exports.i18n.setLang(config.lang);
+    }
+});

package/build/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export { configure } from './utils/configure';

package/build/cjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+//i18n setup
+var configure_1 = require("./utils/configure");
+Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return configure_1.configure; } });

package/build/cjs/models/index.d.ts

@@ -0,0 +1,3 @@
+export interface ClassNameProps {
+    className?: string;
+}

package/build/cjs/models/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/utils/FocusTrap.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FocusTrapProps {
+    enabled?: boolean;
+    /** @deprecated Use autoFocus instead */
+    disableAutoFocus?: boolean;
+    autoFocus?: boolean;
+    children: React.ReactElement;
+}
+export declare function FocusTrap({ children, enabled, disableAutoFocus, autoFocus, }: FocusTrapProps): React.JSX.Element;
+export declare function useParentFocusTrap(): ((node: HTMLElement | null) => void) | undefined;

package/build/cjs/utils/FocusTrap.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParentFocusTrap = exports.FocusTrap = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const focus_trap_1 = require("focus-trap");
+const focusTrapContext = react_1.default.createContext(undefined);
+function FocusTrap({ children, enabled = true, disableAutoFocus, autoFocus = true, }) {
+    const nodeRef = react_1.default.useRef(null);
+    const setAutoFocusRef = react_1.default.useRef(!disableAutoFocus && autoFocus);
+    react_1.default.useEffect(() => {
+        setAutoFocusRef.current = !disableAutoFocus && autoFocus;
+    });
+    const focusTrapRef = react_1.default.useRef();
+    const containersRef = react_1.default.useRef({});
+    const updateContainerElements = react_1.default.useCallback(() => {
+        var _a;
+        (_a = focusTrapRef.current) === null || _a === void 0 ? void 0 : _a.updateContainerElements([
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            nodeRef.current,
+            ...Object.values(containersRef.current),
+        ]);
+    }, []);
+    const actions = react_1.default.useMemo(() => ({
+        addNode(id, node) {
+            var _a;
+            if (containersRef.current[id] !== node && !((_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.contains(node))) {
+                containersRef.current[id] = node;
+                updateContainerElements();
+            }
+        },
+        removeNode(id) {
+            if (containersRef.current[id]) {
+                delete containersRef.current[id];
+                updateContainerElements();
+            }
+        },
+    }), [updateContainerElements]);
+    const handleNodeRef = react_1.default.useCallback((node) => {
+        var _a;
+        if (enabled && node) {
+            nodeRef.current = node;
+            if (!focusTrapRef.current) {
+                focusTrapRef.current = (0, focus_trap_1.createFocusTrap)([], {
+                    initialFocus: () => setAutoFocusRef.current && getFocusElement(node),
+                    fallbackFocus: () => node,
+                    returnFocusOnDeactivate: false,
+                    escapeDeactivates: false,
+                    clickOutsideDeactivates: false,
+                    allowOutsideClick: true,
+                });
+            }
+            updateContainerElements();
+            focusTrapRef.current.activate();
+        }
+        else {
+            (_a = focusTrapRef.current) === null || _a === void 0 ? void 0 : _a.deactivate();
+            nodeRef.current = null;
+        }
+    }, [enabled, updateContainerElements]);
+    const child = react_1.default.Children.only(children);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    if (!react_1.default.isValidElement(child)) {
+        throw new Error('Children must contain only one valid element');
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const childRef = child.ref;
+    const ref = (0, uikit_1.useForkRef)(handleNodeRef, childRef);
+    return (react_1.default.createElement(focusTrapContext.Provider, { value: actions }, react_1.default.cloneElement(child, { ref })));
+}
+exports.FocusTrap = FocusTrap;
+function useParentFocusTrap() {
+    const actions = react_1.default.useContext(focusTrapContext);
+    const id = (0, uikit_1.useUniqId)();
+    return react_1.default.useMemo(() => {
+        if (!actions) {
+            return undefined;
+        }
+        return (node) => {
+            if (node) {
+                actions.addNode(id, node);
+            }
+            else {
+                actions.removeNode(id);
+            }
+        };
+    }, [actions, id]);
+}
+exports.useParentFocusTrap = useParentFocusTrap;
+function getFocusElement(root) {
+    if (!(document.activeElement instanceof HTMLElement) ||
+        !root.contains(document.activeElement)) {
+        if (!root.hasAttribute('tabIndex')) {
+            if (process.env.NODE_ENV !== 'production') {
+                // used only in dev build
+                // eslint-disable-next-line no-console
+                console.error('@gravity-ui/uikit: focus-trap content node does node accept focus.');
+            }
+            root.setAttribute('tabIndex', '-1');
+        }
+        return root;
+    }
+    return document.activeElement;
+}

package/build/cjs/utils/cn.d.ts

@@ -0,0 +1,5 @@
+export declare const NAMESPACE = "pc-addons-";
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
+export declare const block: import("@bem-react/classname").ClassNameInitilizer;
+export declare const rootCn: import("@bem-react/classname").ClassNameFormatter;
+export type CnBlock = ReturnType<typeof cn>;

package/build/cjs/utils/cn.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rootCn = exports.block = exports.cn = exports.NAMESPACE = void 0;
+const classname_1 = require("@bem-react/classname");
+const constants_1 = require("../constants");
+exports.NAMESPACE = 'pc-addons-';
+exports.cn = (0, classname_1.withNaming)({ e: '__', m: '_' });
+exports.block = (0, classname_1.withNaming)({ n: exports.NAMESPACE, e: '__', m: '_' });
+exports.rootCn = (0, exports.cn)(constants_1.UIKIT_ROOT_CLASS);

package/build/cjs/utils/configure.d.ts

@@ -0,0 +1,12 @@
+export declare enum Lang {
+    Ru = "ru",
+    En = "en"
+}
+interface Config {
+    lang?: Lang;
+}
+type Subscriber = (config: Config) => void;
+export declare const configure: (newConfig: Config) => void;
+export declare const subscribeConfigure: (sub: Subscriber) => () => void;
+export declare const getConfig: () => Config;
+export {};

package/build/cjs/utils/configure.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfig = exports.subscribeConfigure = exports.configure = exports.Lang = void 0;
+var Lang;
+(function (Lang) {
+    Lang["Ru"] = "ru";
+    Lang["En"] = "en";
+})(Lang = exports.Lang || (exports.Lang = {}));
+let subs = [];
+const config = {};
+const configure = (newConfig) => {
+    Object.assign(config, newConfig);
+    subs.forEach((sub) => {
+        sub(config);
+    });
+};
+exports.configure = configure;
+const subscribeConfigure = (sub) => {
+    subs.push(sub);
+    return () => {
+        subs = subs.filter((item) => item !== sub);
+    };
+};
+exports.subscribeConfigure = subscribeConfigure;
+const getConfig = () => config;
+exports.getConfig = getConfig;

package/build/cjs/utils/registerKeyset.d.ts

@@ -0,0 +1,5 @@
+import { i18n } from '../i18n';
+import { Lang } from './configure';
+type KeysData = Parameters<typeof i18n.registerKeyset>[2];
+export declare function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string): (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export {};

package/build/cjs/utils/registerKeyset.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerKeyset = void 0;
+const i18n_1 = require("../i18n");
+function registerKeyset(data, keysetName) {
+    Object.entries(data).forEach(([lang, keys]) => i18n_1.i18n.registerKeyset(lang, keysetName, keys));
+    return i18n_1.i18n.keyset(keysetName);
+}
+exports.registerKeyset = registerKeyset;