@doyourjob/gravity-ui-page-constructor 5.31.16

package/build/cjs/components/YandexForm/YandexForm.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YANDEX_FORM_SECTION = exports.YANDEX_FORM_ORIGIN = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const localeContext_1 = require("../../context/localeContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const hooks_1 = require("../../hooks");
+const common_1 = require("../../models/common");
+const utils_1 = require("../../utils");
+const constants_1 = require("../constants");
+exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
+exports.YANDEX_FORM_SECTION = 'surveys';
+const CONTAINER_ID = 'pc-yandex-form-container';
+const b = (0, utils_1.block)('yandex-form');
+const YandexForm = (props) => {
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
+    const formContainerRef = (0, react_1.useRef)(null);
+    const iframeRef = (0, react_1.useRef)();
+    const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
+    const yaFormSection = customFormSection || exports.YANDEX_FORM_SECTION;
+    const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.YandexFormSubmit);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const updateFormIframe = (0, react_1.useCallback)((container) => {
+        const queryParams = new URLSearchParams(location.search);
+        const url = location.origin + location.pathname;
+        queryParams.set('url', url);
+        queryParams.set('iframe', '1');
+        if (locale === null || locale === void 0 ? void 0 : locale.lang) {
+            queryParams.set('lang', locale.lang);
+        }
+        queryParams.set('theme', theme || 'cloud-www');
+        if (isMobile) {
+            queryParams.set('media-type', 'mobile');
+        }
+        if (params) {
+            Object.keys(params).forEach((param) => {
+                queryParams.set(param, params[param]);
+            });
+        }
+        const src = `${yaFormOrigin}/${yaFormSection}/${id}/?${queryParams}`;
+        if (iframeRef.current) {
+            iframeRef.current.src = src;
+        }
+        else {
+            iframeRef.current = document.createElement('iframe');
+            iframeRef.current.src = src;
+            iframeRef.current.id = containerId;
+            iframeRef.current.name = `form${id}`;
+            iframeRef.current.setAttribute('loading', 'lazy');
+            iframeRef.current.frameBorder = '0';
+            iframeRef.current.scrolling = 'no';
+            iframeRef.current.width = '100%';
+            container.appendChild(iframeRef.current);
+        }
+    }, [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params]);
+    const handleSubmit = (0, react_1.useCallback)(() => {
+        if (formContainerRef && formContainerRef.current) {
+            const { top } = formContainerRef.current.getBoundingClientRect();
+            window.scrollBy(0, top - headerHeight);
+        }
+        handleAnalytics(analyticsEvents);
+        if (onSubmit) {
+            onSubmit();
+        }
+    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
+    const handleMessage = (0, react_1.useCallback)(({ origin, data }) => {
+        if (origin !== yaFormOrigin) {
+            return;
+        }
+        try {
+            const parsed = JSON.parse(data);
+            const height = parsed['iframe-height'];
+            const { message, name, redirectUrl } = parsed;
+            if (name !== `form${id}`) {
+                return;
+            }
+            if (iframeRef.current && height && !message) {
+                iframeRef.current.height = `${height}px`;
+                onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+            }
+            if (message === 'sent' || redirectUrl) {
+                // event with redirectUrl is comming when form with redirect is used
+                // otherwise, message: 'sent' is not comming on such sort of forms
+                // to catch this event and handle analytics redirectUrl is added to condition
+                handleSubmit();
+            }
+        }
+        catch (error) {
+            return;
+        }
+    }, [yaFormOrigin, id, onLoad, handleSubmit]);
+    const addIframe = (0, react_1.useCallback)(() => {
+        const container = formContainerRef.current;
+        if (container) {
+            updateFormIframe(container);
+            window.addEventListener('message', handleMessage, { passive: true });
+        }
+    }, [updateFormIframe, handleMessage]);
+    (0, react_1.useEffect)(() => {
+        addIframe();
+        // Crunch for mobile chrome in lite mode
+        // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1
+        setTimeout(() => onLoad === null || onLoad === void 0 ? void 0 : onLoad(), 1000);
+        return () => window.removeEventListener('message', handleMessage);
+    }, [id, addIframe, handleMessage, onLoad]);
+    return react_1.default.createElement("div", { ref: formContainerRef, className: b(null, className) });
+};
+exports.default = YandexForm;

package/build/cjs/components/YandexForm/schema.d.ts

@@ -0,0 +1,16 @@
+export declare const YandexFormProps: {
+    type: string;
+    required: string[];
+    properties: {
+        id: {
+            type: string;
+        };
+        containerId: {
+            type: string;
+        };
+        type: {};
+        when: {
+            type: string;
+        };
+    };
+};

package/build/cjs/components/YandexForm/schema.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YandexFormProps = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.YandexFormProps = {
+    type: 'object',
+    required: ['id'],
+    properties: Object.assign(Object.assign({}, common_1.BaseProps), { id: {
+            type: 'string',
+        }, containerId: {
+            type: 'string',
+        } }),
+};

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

@@ -0,0 +1,4 @@
+import { Theme } from '../models';
+export declare const DEFAULT_THEME = Theme.Light;
+export declare const UIKIT_ROOT_CLASS = "g-root";
+export declare const HEADER_HEIGHT = 64;

package/build/cjs/components/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADER_HEIGHT = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = void 0;
+const models_1 = require("../models");
+exports.DEFAULT_THEME = models_1.Theme.Light;
+exports.UIKIT_ROOT_CLASS = 'g-root';
+exports.HEADER_HEIGHT = 64;

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

@@ -0,0 +1,44 @@
+export { default as Anchor } from './Anchor/Anchor';
+export { default as AnimateBlock } from './AnimateBlock/AnimateBlock';
+export { default as Author } from './Author/Author';
+export { default as BackgroundImage } from './BackgroundImage/BackgroundImage';
+export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
+export { default as BackLink } from './BackLink/BackLink';
+export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
+export { default as BlockBase } from './BlockBase/BlockBase';
+export { default as Button } from './Button/Button';
+export { default as Buttons } from './Buttons/Buttons';
+export { default as BrandFooter } from './BrandFooter/BrandFooter';
+export { default as CardBase } from './CardBase/CardBase';
+export { default as ContentList } from './ContentList/ContentList';
+export { default as Control } from './Control/Control';
+export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
+export { default as FileLink } from './FileLink/FileLink';
+export { default as Foldable } from './Foldable/Foldable';
+export { default as FullscreenImage } from './FullscreenImage/FullscreenImage';
+export { default as FullscreenMedia } from './FullscreenMedia/FullscreenMedia';
+export { default as FullWidthBackground } from './FullWidthBackground/FullWidthBackground';
+export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+export { default as HTML } from './HTML/HTML';
+export { default as IconWrapper } from './IconWrapper/IconWrapper';
+export { default as Image } from './Image/Image';
+export { default as ImageBase } from './ImageBase/ImageBase';
+export { default as InnerForm } from './InnerForm/InnerForm';
+export { default as Link } from './Link/Link';
+export { default as Links } from './Links/Links';
+export { default as Media } from './Media/Media';
+export { default as MetaInfo } from './MetaInfo/MetaInfo';
+export { default as OutsideClick } from './OutsideClick/OutsideClick';
+export { default as OverflowScroller } from './OverflowScroller/OverflowScroller';
+export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';
+export { default as RouterLink } from './RouterLink/RouterLink';
+export { default as Table } from './Table/Table';
+export { default as Title } from './Title/Title';
+export { default as ToggleArrow } from './ToggleArrow/ToggleArrow';
+export { default as UnpublishedLabel } from './UnpublishedLabel/UnpublishedLabel';
+export { default as VideoBlock } from './VideoBlock/VideoBlock';
+export { default as YFMWrapper } from './YFMWrapper/YFMWrapper';
+export { default as YandexForm } from './YandexForm/YandexForm';
+export { default as InfiniteScroll } from './InfiniteScroll/InfiniteScroll';
+export type { RouterLinkProps } from './RouterLink/RouterLink';
+export type { ImageBaseProps } from './ImageBase/ImageBase';

package/build/cjs/components/index.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = exports.AnimateBlock = exports.Anchor = void 0;
+var Anchor_1 = require("./Anchor/Anchor");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return __importDefault(Anchor_1).default; } });
+var AnimateBlock_1 = require("./AnimateBlock/AnimateBlock");
+Object.defineProperty(exports, "AnimateBlock", { enumerable: true, get: function () { return __importDefault(AnimateBlock_1).default; } });
+var Author_1 = require("./Author/Author");
+Object.defineProperty(exports, "Author", { enumerable: true, get: function () { return __importDefault(Author_1).default; } });
+var BackgroundImage_1 = require("./BackgroundImage/BackgroundImage");
+Object.defineProperty(exports, "BackgroundImage", { enumerable: true, get: function () { return __importDefault(BackgroundImage_1).default; } });
+var BackgroundMedia_1 = require("./BackgroundMedia/BackgroundMedia");
+Object.defineProperty(exports, "BackgroundMedia", { enumerable: true, get: function () { return __importDefault(BackgroundMedia_1).default; } });
+var BackLink_1 = require("./BackLink/BackLink");
+Object.defineProperty(exports, "BackLink", { enumerable: true, get: function () { return __importDefault(BackLink_1).default; } });
+var BalancedMasonry_1 = require("./BalancedMasonry/BalancedMasonry");
+Object.defineProperty(exports, "BalancedMasonry", { enumerable: true, get: function () { return __importDefault(BalancedMasonry_1).default; } });
+var BlockBase_1 = require("./BlockBase/BlockBase");
+Object.defineProperty(exports, "BlockBase", { enumerable: true, get: function () { return __importDefault(BlockBase_1).default; } });
+var Button_1 = require("./Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var Buttons_1 = require("./Buttons/Buttons");
+Object.defineProperty(exports, "Buttons", { enumerable: true, get: function () { return __importDefault(Buttons_1).default; } });
+var BrandFooter_1 = require("./BrandFooter/BrandFooter");
+Object.defineProperty(exports, "BrandFooter", { enumerable: true, get: function () { return __importDefault(BrandFooter_1).default; } });
+var CardBase_1 = require("./CardBase/CardBase");
+Object.defineProperty(exports, "CardBase", { enumerable: true, get: function () { return __importDefault(CardBase_1).default; } });
+var ContentList_1 = require("./ContentList/ContentList");
+Object.defineProperty(exports, "ContentList", { enumerable: true, get: function () { return __importDefault(ContentList_1).default; } });
+var Control_1 = require("./Control/Control");
+Object.defineProperty(exports, "Control", { enumerable: true, get: function () { return __importDefault(Control_1).default; } });
+var ErrorWrapper_1 = require("./ErrorWrapper/ErrorWrapper");
+Object.defineProperty(exports, "ErrorWrapper", { enumerable: true, get: function () { return __importDefault(ErrorWrapper_1).default; } });
+var FileLink_1 = require("./FileLink/FileLink");
+Object.defineProperty(exports, "FileLink", { enumerable: true, get: function () { return __importDefault(FileLink_1).default; } });
+var Foldable_1 = require("./Foldable/Foldable");
+Object.defineProperty(exports, "Foldable", { enumerable: true, get: function () { return __importDefault(Foldable_1).default; } });
+var FullscreenImage_1 = require("./FullscreenImage/FullscreenImage");
+Object.defineProperty(exports, "FullscreenImage", { enumerable: true, get: function () { return __importDefault(FullscreenImage_1).default; } });
+var FullscreenMedia_1 = require("./FullscreenMedia/FullscreenMedia");
+Object.defineProperty(exports, "FullscreenMedia", { enumerable: true, get: function () { return __importDefault(FullscreenMedia_1).default; } });
+var FullWidthBackground_1 = require("./FullWidthBackground/FullWidthBackground");
+Object.defineProperty(exports, "FullWidthBackground", { enumerable: true, get: function () { return __importDefault(FullWidthBackground_1).default; } });
+var HeaderBreadcrumbs_1 = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
+Object.defineProperty(exports, "HeaderBreadcrumbs", { enumerable: true, get: function () { return __importDefault(HeaderBreadcrumbs_1).default; } });
+var HTML_1 = require("./HTML/HTML");
+Object.defineProperty(exports, "HTML", { enumerable: true, get: function () { return __importDefault(HTML_1).default; } });
+var IconWrapper_1 = require("./IconWrapper/IconWrapper");
+Object.defineProperty(exports, "IconWrapper", { enumerable: true, get: function () { return __importDefault(IconWrapper_1).default; } });
+var Image_1 = require("./Image/Image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
+var ImageBase_1 = require("./ImageBase/ImageBase");
+Object.defineProperty(exports, "ImageBase", { enumerable: true, get: function () { return __importDefault(ImageBase_1).default; } });
+var InnerForm_1 = require("./InnerForm/InnerForm");
+Object.defineProperty(exports, "InnerForm", { enumerable: true, get: function () { return __importDefault(InnerForm_1).default; } });
+var Link_1 = require("./Link/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(Link_1).default; } });
+var Links_1 = require("./Links/Links");
+Object.defineProperty(exports, "Links", { enumerable: true, get: function () { return __importDefault(Links_1).default; } });
+var Media_1 = require("./Media/Media");
+Object.defineProperty(exports, "Media", { enumerable: true, get: function () { return __importDefault(Media_1).default; } });
+var MetaInfo_1 = require("./MetaInfo/MetaInfo");
+Object.defineProperty(exports, "MetaInfo", { enumerable: true, get: function () { return __importDefault(MetaInfo_1).default; } });
+var OutsideClick_1 = require("./OutsideClick/OutsideClick");
+Object.defineProperty(exports, "OutsideClick", { enumerable: true, get: function () { return __importDefault(OutsideClick_1).default; } });
+var OverflowScroller_1 = require("./OverflowScroller/OverflowScroller");
+Object.defineProperty(exports, "OverflowScroller", { enumerable: true, get: function () { return __importDefault(OverflowScroller_1).default; } });
+var ReactPlayer_1 = require("./ReactPlayer/ReactPlayer");
+Object.defineProperty(exports, "ReactPlayer", { enumerable: true, get: function () { return __importDefault(ReactPlayer_1).default; } });
+var RouterLink_1 = require("./RouterLink/RouterLink");
+Object.defineProperty(exports, "RouterLink", { enumerable: true, get: function () { return __importDefault(RouterLink_1).default; } });
+var Table_1 = require("./Table/Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+var Title_1 = require("./Title/Title");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return __importDefault(Title_1).default; } });
+var ToggleArrow_1 = require("./ToggleArrow/ToggleArrow");
+Object.defineProperty(exports, "ToggleArrow", { enumerable: true, get: function () { return __importDefault(ToggleArrow_1).default; } });
+var UnpublishedLabel_1 = require("./UnpublishedLabel/UnpublishedLabel");
+Object.defineProperty(exports, "UnpublishedLabel", { enumerable: true, get: function () { return __importDefault(UnpublishedLabel_1).default; } });
+var VideoBlock_1 = require("./VideoBlock/VideoBlock");
+Object.defineProperty(exports, "VideoBlock", { enumerable: true, get: function () { return __importDefault(VideoBlock_1).default; } });
+var YFMWrapper_1 = require("./YFMWrapper/YFMWrapper");
+Object.defineProperty(exports, "YFMWrapper", { enumerable: true, get: function () { return __importDefault(YFMWrapper_1).default; } });
+var YandexForm_1 = require("./YandexForm/YandexForm");
+Object.defineProperty(exports, "YandexForm", { enumerable: true, get: function () { return __importDefault(YandexForm_1).default; } });
+var InfiniteScroll_1 = require("./InfiniteScroll/InfiniteScroll");
+Object.defineProperty(exports, "InfiniteScroll", { enumerable: true, get: function () { return __importDefault(InfiniteScroll_1).default; } });

package/build/cjs/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const BREAKPOINTS: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};

package/build/cjs/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BREAKPOINTS = void 0;
+exports.BREAKPOINTS = {
+    xs: 0,
+    sm: 577,
+    md: 769,
+    lg: 1081,
+    xl: 1185,
+};

package/build/cjs/constructor-items.d.ts

@@ -0,0 +1,51 @@
+export declare const blockMap: {
+    "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
+    "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
+    "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
+    "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
+    "companies-block": ({ title, description, images, animated }: import("./models").CompaniesBlockProps) => JSX.Element;
+    "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
+    "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
+    "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
+    "header-block": (props: import("react").PropsWithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
+    "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
+    "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
+    "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
+    "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
+    "share-block": ({ items, title }: import("./models").ShareBlockProps) => JSX.Element;
+    "map-block": ({ map, border, disableShadow, ...props }: import("./models").MapBlockProps) => JSX.Element;
+    "filter-block": import("react").FC<import("./models").FilterBlockProps>;
+    "form-block": import("react").FC<import("./models").FormBlockProps>;
+    "marquee-links-block": ({ title, description, textAlign, speed, items, }: import("./models").MarqueeLinksBlockProps) => JSX.Element | null;
+    "solutions-block": () => JSX.Element;
+    "events-feed-block": ({ image, title }: import("./models").EventsFeedBlockProps) => JSX.Element;
+    "press-releases-block": ({ title }: import("./models").PressReleasesBlockProps) => JSX.Element;
+    "link-table-block": ({ title, items }: import("./models").LinkTableBlockProps) => JSX.Element;
+    "services-block": ({ title, serviceLinkType }: import("./models").ServicesBlockProps) => JSX.Element;
+    "quotes-block": ({ theme: localTheme, items, background, backgroundColor, }: import("./models").QuotesBlockProps) => JSX.Element;
+    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
+};
+export declare const subBlockMap: {
+    divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
+    "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
+    "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
+    "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
+    "layout-item": ({ title, afterTitle, rightSpace, content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
+    "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
+    "basic-card": import("react").MemoExoticComponent<(props: import("./models").BasicCardProps) => JSX.Element>;
+    content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
+    quote: (props: import("./models").QuoteProps) => JSX.Element;
+    "price-card": (props: import("./models").PriceCardProps) => JSX.Element;
+    "image-card": (props: import("./models").ImageCardProps) => JSX.Element;
+    "content-layout-card": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
+    card: ({ header, text, service, ...props }: import("./models").CardProps) => JSX.Element;
+};
+export declare const navItemMap: {
+    button: import("react").FC<Pick<import("./navigation").NavigationItemProps, "className"> & import("./models").ButtonProps>;
+    social: import("react").FC<import("./navigation/components/SocialIcon/SocialIcon").NavigationSocialItemOwnProps>;
+    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./navigation").NavigationItemProps & import("./models").NavigationDropdownItem) => JSX.Element;
+    link: import("react").FC<import("./navigation").NavigationItemProps & import("./models").NavigationLinkItem>;
+    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./navigation").NavigationItemProps & import("./models").NavigationGithubButton) => JSX.Element;
+};

package/build/cjs/constructor-items.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
+const tslib_1 = require("tslib");
+const blocks_1 = require("./blocks");
+const unstable_1 = require("./blocks/unstable");
+const models_1 = require("./models");
+const NavigationItem_1 = require("./navigation/components/NavigationItem");
+const SocialIcon_1 = tslib_1.__importDefault(require("./navigation/components/SocialIcon/SocialIcon"));
+const sub_blocks_1 = require("./sub-blocks");
+exports.blockMap = {
+    [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
+    [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
+    [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
+    [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
+    [models_1.BlockType.BannerBlock]: blocks_1.BannerBlock,
+    [models_1.BlockType.CompaniesBlock]: blocks_1.CompaniesBlock,
+    [models_1.BlockType.MediaBlock]: blocks_1.MediaBlock,
+    [models_1.BlockType.InfoBlock]: blocks_1.InfoBlock,
+    [models_1.BlockType.TableBlock]: blocks_1.TableBlock,
+    [models_1.BlockType.TabsBlock]: blocks_1.TabsBlock,
+    [models_1.BlockType.HeaderBlock]: blocks_1.HeaderBlock,
+    [models_1.BlockType.IconsBlock]: blocks_1.IconsBlock,
+    [models_1.BlockType.HeaderSliderBlock]: blocks_1.HeaderSliderBlock,
+    [models_1.BlockType.CardLayoutBlock]: blocks_1.CardLayoutBlock,
+    [models_1.BlockType.ContentLayoutBlock]: blocks_1.ContentLayoutBlock,
+    [models_1.BlockType.ShareBlock]: blocks_1.ShareBlock,
+    [models_1.BlockType.MapBlock]: blocks_1.MapBlock,
+    [models_1.BlockType.FilterBlock]: blocks_1.FilterBlock,
+    [models_1.BlockType.FormBlock]: blocks_1.FormBlock,
+    [models_1.BlockType.MarqueeLinksBlock]: blocks_1.MarqueeLinksBlock,
+    [models_1.BlockType.SolutionsBlock]: blocks_1.SolutionsBlock,
+    [models_1.BlockType.EventsFeedBlock]: blocks_1.EventsFeedBlock,
+    [models_1.BlockType.PressReleasesBlock]: blocks_1.PressReleasesBlock,
+    [models_1.BlockType.LinkTableBlock]: blocks_1.LinkTableBlock,
+    [models_1.BlockType.ServicesBlock]: blocks_1.ServicesBlock,
+    [models_1.BlockType.QuotesBlock]: blocks_1.QuotesBlock,
+    // unstable
+    [models_1.BlockType.SliderNewBlock]: unstable_1.SliderNewBlock,
+};
+exports.subBlockMap = {
+    [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,
+    [models_1.SubBlockType.PriceDetailed]: sub_blocks_1.PriceDetailed,
+    [models_1.SubBlockType.MediaCard]: sub_blocks_1.MediaCard,
+    [models_1.SubBlockType.BannerCard]: sub_blocks_1.BannerCard,
+    [models_1.SubBlockType.LayoutItem]: sub_blocks_1.LayoutItem,
+    [models_1.SubBlockType.BackgroundCard]: sub_blocks_1.BackgroundCard,
+    [models_1.SubBlockType.BasicCard]: sub_blocks_1.BasicCard,
+    [models_1.SubBlockType.Content]: sub_blocks_1.Content,
+    [models_1.SubBlockType.Quote]: sub_blocks_1.Quote,
+    [models_1.SubBlockType.PriceCard]: sub_blocks_1.PriceCard,
+    [models_1.SubBlockType.ImageCard]: sub_blocks_1.ImageCard,
+    [models_1.SubBlockType.ContentLayoutCard]: sub_blocks_1.ContentLayoutCard,
+    [models_1.SubBlockType.Card]: sub_blocks_1.Card,
+};
+exports.navItemMap = {
+    [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,
+    [models_1.NavigationItemType.Social]: SocialIcon_1.default,
+    [models_1.NavigationItemType.Dropdown]: NavigationItem_1.NavigationDropdown,
+    [models_1.NavigationItemType.Link]: NavigationItem_1.NavigationLink,
+    [models_1.NavigationItemType.GithubButton]: NavigationItem_1.GithubButton,
+};

package/build/cjs/containers/Loadable/Loadable.css

@@ -0,0 +1,4 @@
+.pc-loadable-block__loader {
+  padding: 20px;
+  text-align: center;
+}

package/build/cjs/containers/Loadable/Loadable.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { ConstructorBlock, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
+export interface LoadableState {
+    loading: boolean;
+    error: boolean;
+    data?: LoadableData;
+}
+export interface LoadableComponentsProps extends Omit<PropsWithChildren<LoadableProps>, 'source'> {
+    Component: CustomItem;
+    ChildComponent: CustomItem;
+    block: ConstructorBlock;
+    blockKey: string;
+    fetch: FetchLoadableData;
+}
+declare const Loadable: (props: LoadableComponentsProps) => JSX.Element;
+export default Loadable;

package/build/cjs/containers/Loadable/Loadable.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const ErrorWrapper_1 = tslib_1.__importDefault(require("../../components/ErrorWrapper/ErrorWrapper"));
+const cn_1 = require("../../utils/cn");
+const i18n_1 = require("./i18n");
+const b = (0, cn_1.block)('loadable-block');
+const initData = {
+    loading: false,
+    error: false,
+};
+const Loadable = (props) => {
+    const { Component, ChildComponent, fetch, block, blockKey, serviceId, params } = props;
+    const [dataState, setDataState] = (0, react_1.useState)(initData);
+    const [refetchIndex, setRefetchIndex] = (0, react_1.useState)(0);
+    const onTryAgain = (0, react_1.useCallback)(() => {
+        setRefetchIndex(refetchIndex + 1);
+    }, [refetchIndex]);
+    (0, react_1.useEffect)(() => {
+        async function processData() {
+            setDataState({ loading: true, error: false });
+            let data, error;
+            try {
+                data = await fetch(Object.assign({ blockKey, serviceId }, (params !== null && params !== void 0 ? params : {})));
+                error = false;
+                setDataState({ data, loading: false, error });
+            }
+            catch (ex) {
+                error = true;
+                setDataState({ loading: false, error });
+            }
+        }
+        processData();
+    }, [refetchIndex, fetch, blockKey, serviceId, params]);
+    const { error, loading, data } = dataState;
+    if (loading) {
+        return (react_1.default.createElement("div", { className: b('loader') },
+            react_1.default.createElement(uikit_1.Spin, { size: "xl" })));
+    }
+    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: error, text: (0, i18n_1.i18n)('loadable-load-error'), buttonText: (0, i18n_1.i18n)('loadable-try-again'), handler: onTryAgain },
+        react_1.default.createElement(Component, Object.assign({}, block), data &&
+            (Array.isArray(data) ? (data.map((componentData, index) => (react_1.default.createElement(ChildComponent, Object.assign({ key: componentData.id || index }, componentData))))) : (react_1.default.createElement(ChildComponent, Object.assign({}, data)))))));
+};
+exports.default = Loadable;

package/build/cjs/containers/Loadable/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "loadable-load-error": "Error occured",
+  "loadable-try-again": "Try again"
+}

package/build/cjs/containers/Loadable/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "loadable-load-error" | "loadable-try-again", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/containers/Loadable/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Loadable`);

package/build/cjs/containers/Loadable/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "loadable-load-error": "Произошла ошибка",
+  "loadable-try-again": "Повторить"
+}