@gravity-ui/page-constructor 1.0.0

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.css

@@ -0,0 +1,19 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-unpublished-label {
+  background-color: var(--yc-color-base-danger-heavy);
+}
+.pc-unpublished-label_type_line {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  padding: 15px;
+}
+.pc-unpublished-label_type_label {
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+  display: inline-block;
+  padding: 0 8px;
+  border-radius: 2px;
+  height: 20px;
+  line-height: 20px;
+}

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

@@ -0,0 +1,8 @@
+import { WithChildren } from '../../models';
+export declare type LabeLType = 'label' | 'line';
+export interface UnpublishedLabelProps {
+    type?: LabeLType;
+    className?: string;
+}
+declare const UnpublishedLabel: ({ className, children, type, }: WithChildren<UnpublishedLabelProps>) => JSX.Element;
+export default UnpublishedLabel;

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const utils_1 = require("../../utils");
+const i18n_1 = (0, tslib_1.__importDefault)(require("./i18n"));
+const b = (0, utils_1.block)('unpublished-label');
+const UnpublishedLabel = ({ className, children, type = 'line', }) => (react_1.default.createElement("div", { className: b({ type }, className) }, children || (0, i18n_1.default)('label_non_published')));
+exports.default = UnpublishedLabel;

package/build/cjs/components/UnpublishedLabel/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "label_non_published": "Unpublished"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/UnpublishedLabel/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = (0, tslib_1.__importDefault)(require("./en.json"));
+const ru_json_1 = (0, tslib_1.__importDefault)(require("./ru.json"));
+const COMPONENT = 'UnpublishedLabel';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/UnpublishedLabel/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "label_non_published": "Не опубликовано"
+}

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -0,0 +1,44 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-VideoBlock {
+  position: relative;
+}
+.pc-VideoBlock__preview {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.pc-VideoBlock__image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.pc-VideoBlock__button {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  width: 64px;
+  height: 64px;
+  color: var(--yc-color-base-background);
+  background-color: var(--yc-color-base-special);
+  border-radius: 50%;
+}
+.pc-VideoBlock__icon {
+  margin-left: 6px;
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare const AUTOPLAY_ATTRIBUTES: {
+    autoplay: number;
+    mute: number;
+};
+export interface VideoBlockProps {
+    id?: string;
+    stream?: string;
+    record?: string;
+    attributes?: Record<string, string>;
+    className?: string;
+    previewImg?: string;
+    playButton?: React.ReactNode;
+}
+declare const VideoBlock: (props: VideoBlockProps) => JSX.Element | null;
+export default VideoBlock;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOPLAY_ATTRIBUTES = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const Image_1 = (0, tslib_1.__importDefault)(require("../Image/Image"));
+const icons_1 = require("../../icons");
+const RECORD_URL = 'https://www.youtube.com/embed/';
+const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
+const RECORD_RE = /[0-9A-Za-z_-]{11}/;
+const STREAM_RE = /[0-9A-Za-z_-]{23,25}/;
+const AUTOPLAY_DELAY = 300;
+exports.AUTOPLAY_ATTRIBUTES = {
+    autoplay: 1,
+    mute: 1,
+};
+const b = (0, utils_1.block)('VideoBlock');
+const iframeId = 'video-block';
+function getVideoSrc(stream, record) {
+    if (!stream && !record) {
+        return null;
+    }
+    const [videoLink, url, re] = stream
+        ? [stream, STREAM_URL, STREAM_RE]
+        : [record, RECORD_URL, RECORD_RE];
+    const match = videoLink === null || videoLink === void 0 ? void 0 : videoLink.match(re);
+    let src;
+    if (match && match.length) {
+        src = url + match[0];
+    }
+    return src;
+}
+function getHeight(width) {
+    return (width / 16) * 9;
+}
+const VideoBlock = (props) => {
+    const { stream, record, attributes, className, id, previewImg, playButton } = props;
+    const src = getVideoSrc(stream, record);
+    const ref = (0, react_1.useRef)(null);
+    const iframeRef = (0, react_1.useRef)();
+    const [hidePreview, setHidePreview] = (0, react_1.useState)(false);
+    const norender = (!stream && !record) || !src;
+    const [height, setHeight] = (0, react_1.useState)();
+    const fullId = `${iframeId}-${id || src}`;
+    const onPreviewClick = (0, react_1.useCallback)(() => {
+        if (iframeRef.current) {
+            iframeRef.current.src = `${src}?${(0, utils_1.getPageSearchParams)(Object.assign(Object.assign({}, exports.AUTOPLAY_ATTRIBUTES), (attributes || {})))}`;
+        }
+        setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);
+    }, [src, attributes]);
+    (0, react_1.useEffect)(() => {
+        const updateSize = lodash_1.default.debounce(() => {
+            setHeight(ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined);
+        }, 100);
+        updateSize();
+        window.addEventListener('resize', updateSize);
+        return () => {
+            window.removeEventListener('resize', updateSize);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (norender) {
+            return;
+        }
+        const prevPageVideo = document.getElementById(fullId);
+        const fullSrc = `${src}?${(0, utils_1.getPageSearchParams)(attributes || {})}`;
+        if (prevPageVideo) {
+            prevPageVideo.src = fullSrc;
+        }
+        else if (ref.current) {
+            const iframe = document.createElement('iframe');
+            iframe.id = fullId;
+            iframe.src = fullSrc;
+            iframe.width = '100%';
+            iframe.height = '100%';
+            iframe.frameBorder = '0';
+            iframe.setAttribute('allowfullscreen', 'true');
+            iframe.setAttribute('allow', 'autoplay');
+            ref.current.appendChild(iframe);
+            iframeRef.current = iframe;
+        }
+    }, [stream, record, norender, src, fullId, attributes, iframeRef]);
+    (0, react_1.useEffect)(() => {
+        setHidePreview(false);
+    }, [src, setHidePreview]);
+    if (norender) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b(null, className), ref: ref, style: { height } }, previewImg && !hidePreview && (react_1.default.createElement("div", { className: b('preview'), onClick: onPreviewClick },
+        react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image') }),
+        playButton || (react_1.default.createElement("button", { className: b('button') },
+            react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayVideo, size: 24 })))))));
+};
+exports.default = VideoBlock;

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

@@ -0,0 +1,8 @@
+import { Modifiers, ClassNameProps } from '../../models';
+export interface YFMWrapperProps {
+    className?: string;
+    content: string;
+    modifiers?: Modifiers;
+}
+declare const YFMWrapper: ({ content, modifiers, className }: YFMWrapperProps & ClassNameProps) => JSX.Element;
+export default YFMWrapper;

package/build/cjs/components/YFMWrapper/YFMWrapper.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+/* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
+in your project via global 'yfm' class */
+const bem_cn_lite_1 = (0, tslib_1.__importDefault)(require("bem-cn-lite"));
+const snakecase_keys_1 = (0, tslib_1.__importDefault)(require("snakecase-keys"));
+const components_1 = require("../../components");
+const yfm = (0, bem_cn_lite_1.default)('yfm');
+const YFMWrapper = ({ content, modifiers, className }) => (react_1.default.createElement(components_1.HTML, { className: yfm(modifiers ? (0, snakecase_keys_1.default)(modifiers) : {}, className) }, content));
+exports.default = YFMWrapper;

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

@@ -0,0 +1,19 @@
+import { PixelEvent } from '../../models';
+export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
+export interface YandexFormProps {
+    id: number | string;
+    containerId?: string;
+    theme?: string;
+    className?: string;
+    headerHeight?: number;
+    customFormOrigin?: string;
+    params?: {
+        [key: string]: string;
+    };
+    onSubmit?: () => void;
+    onLoad?: () => void;
+    metrikaGoals?: string | string[];
+    pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
+}
+declare const YandexForm: (props: YandexFormProps) => JSX.Element;
+export default YandexForm;

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

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YANDEX_FORM_ORIGIN = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const constants_1 = require("../constants");
+const localeContext_1 = require("../../context/localeContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const utils_1 = require("../../utils");
+const useMetrika_1 = require("../../hooks/useMetrika");
+exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
+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, metrikaGoals, pixelEvents, customFormOrigin, } = props;
+    const formContainerRef = (0, react_1.useRef)(null);
+    const iframeRef = (0, react_1.useRef)();
+    const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
+    const handleMetrika = (0, useMetrika_1.useMetrika)();
+    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}/surveys/${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.frameBorder = '0';
+            iframeRef.current.scrolling = 'no';
+            iframeRef.current.width = '100%';
+            container.appendChild(iframeRef.current);
+        }
+    }, [locale.lang, theme, isMobile, yaFormOrigin, id, containerId, params]);
+    const handleSubmit = (0, react_1.useCallback)(() => {
+        if (formContainerRef && formContainerRef.current) {
+            const { top } = formContainerRef.current.getBoundingClientRect();
+            window.scrollBy(0, top - headerHeight);
+        }
+        handleMetrika({ metrikaGoals, pixelEvents });
+        if (onSubmit) {
+            onSubmit();
+        }
+    }, [handleMetrika, metrikaGoals, pixelEvents, 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 } = 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') {
+                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);
+        }
+    }, [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/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_THEME = "light";
+export declare const KEY: {
+    ENTER: string;
+    TAB: string;
+};
+export declare const HEADER_HEIGHT = 64;

package/build/cjs/components/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADER_HEIGHT = exports.KEY = exports.DEFAULT_THEME = void 0;
+exports.DEFAULT_THEME = 'light';
+exports.KEY = {
+    ENTER: 'Enter',
+    TAB: 'Tab',
+};
+exports.HEADER_HEIGHT = 64;

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

@@ -0,0 +1,36 @@
+export { default as Anchor } from './Anchor/Anchor';
+export { default as AnimateBlock } from './AnimateBlock/AnimateBlock';
+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 BlockHeader } from './BlockHeader/BlockHeader';
+export { default as Button } from './Button/Button';
+export { default as CardBase } from './CardBase/CardBase';
+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 FullWidthBackground } from './FullWidthBackground/FullWidthBackground';
+export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+export { default as HeightCalculator } from './HeightCalculator/HeightCalculator';
+export { default as Image } from './Image/Image';
+export { default as Link } from './Link/Link';
+export { default as Links } from './Link/Links';
+export { default as Media } from './Media/Media';
+export { default as OutsideClick } from './OutsideClick/OutsideClick';
+export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';
+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 Control } from './Control/Control';
+export { default as OverflowScroller } from './OverflowScroller/OverflowScroller';
+export { default as Author } from './Author/Author';
+export { default as RouterLink } from './RouterLink/RouterLink';
+export { default as HTML } from './HTML/HTML';
+export type { RouterLinkProps } from './RouterLink/RouterLink';

package/build/cjs/components/index.js

@@ -0,0 +1,76 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML = exports.RouterLink = exports.Author = exports.OverflowScroller = exports.Control = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.ReactPlayer = exports.OutsideClick = exports.Media = exports.Links = exports.Link = exports.Image = exports.HeightCalculator = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.CardBase = exports.Button = exports.BlockHeader = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = 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 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 BlockHeader_1 = require("./BlockHeader/BlockHeader");
+Object.defineProperty(exports, "BlockHeader", { enumerable: true, get: function () { return __importDefault(BlockHeader_1).default; } });
+var Button_1 = require("./Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var CardBase_1 = require("./CardBase/CardBase");
+Object.defineProperty(exports, "CardBase", { enumerable: true, get: function () { return __importDefault(CardBase_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 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 HeightCalculator_1 = require("./HeightCalculator/HeightCalculator");
+Object.defineProperty(exports, "HeightCalculator", { enumerable: true, get: function () { return __importDefault(HeightCalculator_1).default; } });
+var Image_1 = require("./Image/Image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_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("./Link/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 OutsideClick_1 = require("./OutsideClick/OutsideClick");
+Object.defineProperty(exports, "OutsideClick", { enumerable: true, get: function () { return __importDefault(OutsideClick_1).default; } });
+var ReactPlayer_1 = require("./ReactPlayer/ReactPlayer");
+Object.defineProperty(exports, "ReactPlayer", { enumerable: true, get: function () { return __importDefault(ReactPlayer_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 Control_1 = require("./Control/Control");
+Object.defineProperty(exports, "Control", { enumerable: true, get: function () { return __importDefault(Control_1).default; } });
+var OverflowScroller_1 = require("./OverflowScroller/OverflowScroller");
+Object.defineProperty(exports, "OverflowScroller", { enumerable: true, get: function () { return __importDefault(OverflowScroller_1).default; } });
+var Author_1 = require("./Author/Author");
+Object.defineProperty(exports, "Author", { enumerable: true, get: function () { return __importDefault(Author_1).default; } });
+var RouterLink_1 = require("./RouterLink/RouterLink");
+Object.defineProperty(exports, "RouterLink", { enumerable: true, get: function () { return __importDefault(RouterLink_1).default; } });
+var HTML_1 = require("./HTML/HTML");
+Object.defineProperty(exports, "HTML", { enumerable: true, get: function () { return __importDefault(HTML_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,52 @@
+export declare const blockMap: {
+    "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "simple-block": (props: import("./models").WithChildren<import("./models").SimpleBlockProps>) => 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, images, animated }: import("./models").CompaniesBlockProps) => JSX.Element;
+    "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
+    "preview-block": (props: import("./models").PreviewBlockProps) => JSX.Element;
+    "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
+    "security-block": (props: import("./models").SecurityBlockProps) => JSX.Element;
+    "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated }: import("./models").TabsBlockProps) => JSX.Element;
+    "link-table-block": ({ items, title, description, linkTheme }: import("./models").LinkTableBlockProps) => JSX.Element;
+    "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
+    "icons-block": ({ title, size, items }: import("./models").IconsBlockProps) => JSX.Element;
+    "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
+    "card-layout-block": ({ title, description, animated, colSizes, children, }: import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps) => JSX.Element;
+    "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
+};
+export declare const subBlockMap: {
+    divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
+    /**
+     * @deprecated Will be removed, use basic card instead
+     */
+    "tutoral-card": (props: import("./models").TutorialCardProps) => JSX.Element;
+    /**
+     * @deprecated Will be removed, use basic card instead
+     */
+    partner: ({ text, logo, url, border }: import("./models").PartnerProps) => JSX.Element;
+    "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
+    "media-card": ({ border, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
+    "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
+    "news-card": (props: import("./models").NewsCardProps) => JSX.Element;
+    "card-with-image": ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: import("./models").CardWithImageProps) => JSX.Element;
+    "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
+    "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
+    content: (props: import("./models").ContentBlockProps & import("./models").ClassNameProps) => JSX.Element;
+    quote: (props: import("./models").QuoteProps) => JSX.Element;
+    /**
+     * @deprecated Will be removed, use basic card instead
+     */
+    card: {
+        (props: import("./components/CardBase/CardBase").CardBaseProps): JSX.Element;
+        Header: import("react").FC<import("./models").WithChildren<import("./components/CardBase/CardBase").CardHeaderBaseProps>>;
+        Content: import("react").FC<{
+            children?: import("react").ReactNode;
+        }>;
+        Footer: import("react").FC<import("./models").WithChildren<import("./components/CardBase/CardBase").CardFooterBaseProps>>;
+    };
+};

package/build/cjs/constructor-items.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subBlockMap = exports.blockMap = void 0;
+const models_1 = require("./models");
+const sub_blocks_1 = require("./sub-blocks");
+const blocks_1 = require("./blocks");
+const components_1 = require("./components");
+exports.blockMap = {
+    [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
+    [models_1.BlockType.SimpleBlock]: blocks_1.SimpleBlock,
+    [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.PreviewBlock]: blocks_1.PreviewBlock,
+    [models_1.BlockType.InfoBlock]: blocks_1.InfoBlock,
+    [models_1.BlockType.SecurityBlock]: blocks_1.SecurityBlock,
+    [models_1.BlockType.TableBlock]: blocks_1.TableBlock,
+    [models_1.BlockType.TabsBlock]: blocks_1.TabsBlock,
+    [models_1.BlockType.LinkTableBlock]: blocks_1.LinkTableBlock,
+    [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,
+};
+exports.subBlockMap = {
+    [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,
+    /**
+     * @deprecated Will be removed, use basic card instead
+     */
+    [models_1.SubBlockType.TutorialCard]: sub_blocks_1.TutorialCard,
+    /**
+     * @deprecated Will be removed, use basic card instead
+     */
+    [models_1.SubBlockType.Partner]: sub_blocks_1.Partner,
+    [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.NewsCard]: sub_blocks_1.NewsCard,
+    [models_1.SubBlockType.CardWithImage]: sub_blocks_1.CardWithImage,
+    [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,
+    /**
+     * @deprecated Will be removed, use basic card instead
+     */
+    [models_1.SubBlockType.Card]: components_1.CardBase,
+};

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

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