@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.6.0

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

@@ -1,12 +1,4 @@
 export declare const i18n: ((key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "pc-VideoBlock": Record<"iframe-title", import("@gravity-ui/i18n").KeyData>;
     };

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

@@ -4,10 +4,10 @@ exports.YANDEX_FORM_SECTION = exports.YANDEX_FORM_ORIGIN = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-const localeContext_1 = require("../../gravity-blocks/context/localeContext/index.js");
-const mobileContext_1 = require("../../gravity-blocks/context/mobileContext/index.js");
-const projectSettingsContext_1 = require("../../gravity-blocks/context/projectSettingsContext/index.js");
-const hooks_1 = require("../../gravity-blocks/hooks/index.js");
+const localeContext_1 = require("../../context/localeContext/index.js");
+const mobileContext_1 = require("../../context/mobileContext/index.js");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
+const hooks_1 = require("../../hooks/index.js");
 const common_1 = require("../../models/common.js");
 const utils_1 = require("../../utils/index.js");
 const constants_1 = require("../constants.js");

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

@@ -1 +1 @@
-{"version":3,"file":"YandexForm.js","sourceRoot":"../../../../src","sources":["components/YandexForm/YandexForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../gravity-blocks/context/localeContext';\nimport {MobileContext} from '../../gravity-blocks/context/mobileContext';\nimport {ProjectSettingsContext} from '../../gravity-blocks/context/projectSettingsContext';\nimport {useAnalytics} from '../../gravity-blocks/hooks';\nimport {YandexFormProps} from '../../models';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils';\nimport {HEADER_HEIGHT} from '../constants';\n\nexport const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';\nexport const YANDEX_FORM_SECTION = 'surveys';\nconst CONTAINER_ID = 'pc-yandex-form-container';\n\nconst b = block('yandex-form');\n\nconst YandexForm = (props: YandexFormProps) => {\n    const {\n        onLoad,\n        id,\n        params,\n        className,\n        theme,\n        containerId = CONTAINER_ID,\n        headerHeight = HEADER_HEIGHT,\n        onSubmit,\n        analyticsEvents,\n        customFormOrigin,\n        customFormSection,\n    } = props;\n    const formContainerRef = React.useRef<HTMLDivElement>(null);\n    const iframeRef = React.useRef<HTMLIFrameElement>();\n    const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;\n    const yaFormSection = customFormSection || YANDEX_FORM_SECTION;\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);\n    const isMobile = React.useContext(MobileContext);\n    const locale = React.useContext(LocaleContext);\n    const {defaultYandexFormTheme} = React.useContext(ProjectSettingsContext);\n\n    const updateFormIframe = React.useCallback(\n        (container: HTMLDivElement) => {\n            const queryParams = new URLSearchParams(location.search);\n            const url = location.origin + location.pathname;\n            const formTheme = theme || defaultYandexFormTheme;\n\n            queryParams.set('url', url);\n            queryParams.set('iframe', '1');\n\n            if (locale?.lang) {\n                queryParams.set('lang', locale.lang);\n            }\n\n            if (formTheme) {\n                queryParams.set('theme', formTheme);\n            }\n\n            if (isMobile) {\n                queryParams.set('media-type', 'mobile');\n            }\n\n            if (params) {\n                Object.keys(params).forEach((param) => {\n                    queryParams.set(param, params[param]);\n                });\n            }\n\n            const src = `${yaFormOrigin}/${yaFormSection}/${id}/?${queryParams}`;\n\n            if (iframeRef.current) {\n                iframeRef.current.src = src;\n            } else {\n                iframeRef.current = document.createElement('iframe');\n                iframeRef.current.src = src;\n                iframeRef.current.id = containerId;\n                iframeRef.current.name = `form${id}`;\n                iframeRef.current.setAttribute('loading', 'lazy');\n                iframeRef.current.frameBorder = '0';\n                iframeRef.current.scrolling = 'no';\n                iframeRef.current.width = '100%';\n                container.appendChild(iframeRef.current);\n            }\n        },\n        [\n            theme,\n            defaultYandexFormTheme,\n            locale.lang,\n            isMobile,\n            params,\n            yaFormOrigin,\n            yaFormSection,\n            id,\n            containerId,\n        ],\n    );\n\n    const handleSubmit = React.useCallback(() => {\n        if (formContainerRef && formContainerRef.current) {\n            const {top} = formContainerRef.current.getBoundingClientRect();\n            window.scrollBy(0, top - headerHeight);\n        }\n\n        handleAnalytics(analyticsEvents);\n\n        if (onSubmit) {\n            onSubmit();\n        }\n    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);\n\n    const handleMessage = React.useCallback(\n        ({origin, data}: MessageEvent) => {\n            if (origin !== yaFormOrigin) {\n                return;\n            }\n\n            try {\n                const parsed = JSON.parse(data);\n                const height = parsed['iframe-height'];\n                const {message, name, redirectUrl} = parsed;\n                if (name !== `form${id}`) {\n                    return;\n                }\n\n                if (iframeRef.current && height && !message) {\n                    iframeRef.current.height = `${height}px`;\n                    onLoad?.();\n                }\n\n                if (message === 'sent' || redirectUrl) {\n                    // event with redirectUrl is comming when form with redirect is used\n                    // otherwise, message: 'sent' is not comming on such sort of forms\n                    // to catch this event and handle analytics redirectUrl is added to condition\n                    handleSubmit();\n                }\n            } catch {\n                return;\n            }\n        },\n        [yaFormOrigin, id, onLoad, handleSubmit],\n    );\n\n    const addIframe = React.useCallback(() => {\n        const container = formContainerRef.current;\n\n        if (container) {\n            updateFormIframe(container);\n            window.addEventListener('message', handleMessage, {passive: true});\n        }\n    }, [updateFormIframe, handleMessage]);\n\n    React.useEffect(() => {\n        addIframe();\n        // Crunch for mobile chrome in lite mode\n        // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1\n        setTimeout(() => onLoad?.(), 1000);\n\n        return () => window.removeEventListener('message', handleMessage);\n    }, [id, addIframe, handleMessage, onLoad]);\n\n    return <div ref={formContainerRef} className={b(null, className)} />;\n};\n\nexport default YandexForm;\n"]}
+{"version":3,"file":"YandexForm.js","sourceRoot":"../../../../src","sources":["components/YandexForm/YandexForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../context/localeContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useAnalytics} from '../../hooks';\nimport {YandexFormProps} from '../../models';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils';\nimport {HEADER_HEIGHT} from '../constants';\n\nexport const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';\nexport const YANDEX_FORM_SECTION = 'surveys';\nconst CONTAINER_ID = 'pc-yandex-form-container';\n\nconst b = block('yandex-form');\n\nconst YandexForm = (props: YandexFormProps) => {\n    const {\n        onLoad,\n        id,\n        params,\n        className,\n        theme,\n        containerId = CONTAINER_ID,\n        headerHeight = HEADER_HEIGHT,\n        onSubmit,\n        analyticsEvents,\n        customFormOrigin,\n        customFormSection,\n    } = props;\n    const formContainerRef = React.useRef<HTMLDivElement>(null);\n    const iframeRef = React.useRef<HTMLIFrameElement>();\n    const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;\n    const yaFormSection = customFormSection || YANDEX_FORM_SECTION;\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);\n    const isMobile = React.useContext(MobileContext);\n    const locale = React.useContext(LocaleContext);\n    const {defaultYandexFormTheme} = React.useContext(ProjectSettingsContext);\n\n    const updateFormIframe = React.useCallback(\n        (container: HTMLDivElement) => {\n            const queryParams = new URLSearchParams(location.search);\n            const url = location.origin + location.pathname;\n            const formTheme = theme || defaultYandexFormTheme;\n\n            queryParams.set('url', url);\n            queryParams.set('iframe', '1');\n\n            if (locale?.lang) {\n                queryParams.set('lang', locale.lang);\n            }\n\n            if (formTheme) {\n                queryParams.set('theme', formTheme);\n            }\n\n            if (isMobile) {\n                queryParams.set('media-type', 'mobile');\n            }\n\n            if (params) {\n                Object.keys(params).forEach((param) => {\n                    queryParams.set(param, params[param]);\n                });\n            }\n\n            const src = `${yaFormOrigin}/${yaFormSection}/${id}/?${queryParams}`;\n\n            if (iframeRef.current) {\n                iframeRef.current.src = src;\n            } else {\n                iframeRef.current = document.createElement('iframe');\n                iframeRef.current.src = src;\n                iframeRef.current.id = containerId;\n                iframeRef.current.name = `form${id}`;\n                iframeRef.current.setAttribute('loading', 'lazy');\n                iframeRef.current.frameBorder = '0';\n                iframeRef.current.scrolling = 'no';\n                iframeRef.current.width = '100%';\n                container.appendChild(iframeRef.current);\n            }\n        },\n        [\n            theme,\n            defaultYandexFormTheme,\n            locale.lang,\n            isMobile,\n            params,\n            yaFormOrigin,\n            yaFormSection,\n            id,\n            containerId,\n        ],\n    );\n\n    const handleSubmit = React.useCallback(() => {\n        if (formContainerRef && formContainerRef.current) {\n            const {top} = formContainerRef.current.getBoundingClientRect();\n            window.scrollBy(0, top - headerHeight);\n        }\n\n        handleAnalytics(analyticsEvents);\n\n        if (onSubmit) {\n            onSubmit();\n        }\n    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);\n\n    const handleMessage = React.useCallback(\n        ({origin, data}: MessageEvent) => {\n            if (origin !== yaFormOrigin) {\n                return;\n            }\n\n            try {\n                const parsed = JSON.parse(data);\n                const height = parsed['iframe-height'];\n                const {message, name, redirectUrl} = parsed;\n                if (name !== `form${id}`) {\n                    return;\n                }\n\n                if (iframeRef.current && height && !message) {\n                    iframeRef.current.height = `${height}px`;\n                    onLoad?.();\n                }\n\n                if (message === 'sent' || redirectUrl) {\n                    // event with redirectUrl is comming when form with redirect is used\n                    // otherwise, message: 'sent' is not comming on such sort of forms\n                    // to catch this event and handle analytics redirectUrl is added to condition\n                    handleSubmit();\n                }\n            } catch {\n                return;\n            }\n        },\n        [yaFormOrigin, id, onLoad, handleSubmit],\n    );\n\n    const addIframe = React.useCallback(() => {\n        const container = formContainerRef.current;\n\n        if (container) {\n            updateFormIframe(container);\n            window.addEventListener('message', handleMessage, {passive: true});\n        }\n    }, [updateFormIframe, handleMessage]);\n\n    React.useEffect(() => {\n        addIframe();\n        // Crunch for mobile chrome in lite mode\n        // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1\n        setTimeout(() => onLoad?.(), 1000);\n\n        return () => window.removeEventListener('message', handleMessage);\n    }, [id, addIframe, handleMessage, onLoad]);\n\n    return <div ref={formContainerRef} className={b(null, className)} />;\n};\n\nexport default YandexForm;\n"]}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YandexFormProps = void 0;
-const common_1 = require("../../gravity-blocks/schema/validators/common.js");
+const common_1 = require("../../schema/validators/common.js");
 exports.YandexFormProps = {
     type: 'object',
     required: ['id'],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/YandexForm/schema.ts"],"names":[],"mappings":";;;AAAA,6EAAwE;AAE3D,QAAA,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../gravity-blocks/schema/validators/common';\n\nexport const YandexFormProps = {\n    type: 'object',\n    required: ['id'],\n    properties: {\n        ...BaseProps,\n        id: {\n            type: 'string',\n        },\n        containerId: {\n            type: 'string',\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/YandexForm/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const YandexFormProps = {\n    type: 'object',\n    required: ['id'],\n    properties: {\n        ...BaseProps,\n        id: {\n            type: 'string',\n        },\n        containerId: {\n            type: 'string',\n        },\n    },\n};\n"]}

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

@@ -1,25 +1,44 @@
-import * as React from 'react';
-import { BlockConfig } from "./form-generator-v2/types.js";
-/**
- * TODO: remove it
- * @deprecated use blockDataMap
- **/
-export declare const blockMap: {};
-/**
- * TODO: remove it
- * @deprecated use blockDataMap
- **/
-export declare const subBlockMap: {};
+export declare const blockMap: {
+    "slider-old-block": (props: React.PropsWithChildren<import("./blocks/SliderOld/SliderOld.js").SliderOldProps>) => import("react/jsx-runtime").JSX.Element;
+    "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models/index.js").ExtendedFeaturesProps) => import("react/jsx-runtime").JSX.Element;
+    "promo-features-block": (props: import("./models/index.js").PromoFeaturesProps) => import("react/jsx-runtime").JSX.Element;
+    "questions-block": (props: import("./models/index.js").QuestionsProps) => import("react/jsx-runtime").JSX.Element;
+    "foldable-list-block": (props: import("./models/index.js").FoldableListProps) => import("react/jsx-runtime").JSX.Element;
+    "banner-block": (props: import("./models/index.js").BannerBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "companies-block": ({ title, description, images, animated }: import("./models/index.js").CompaniesBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "media-block": (props: import("./models/index.js").MediaBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "info-block": (props: import("./models/index.js").InfoBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "table-block": (props: import("./models/index.js").TableBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models/index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "header-block": (props: React.PropsWithChildren<import("./blocks/Header/Header.js").HeaderBlockFullProps>) => import("react/jsx-runtime").JSX.Element;
+    "hero-block": (props: import("./models/index.js").HeroBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "icons-block": ({ title, description, size, colSizes, items }: import("./models/index.js").IconsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "header-slider-block": ({ items, arrows, ...props }: import("./models/index.js").HeaderSliderBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "card-layout-block": ({ title, description, animated, colSizes, children, className, titleClassName, background, centered, }: import("./blocks/CardLayout/CardLayout.js").CardLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "content-layout-block": (props: import("./models/index.js").ContentLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "share-block": ({ items, title }: import("./models/index.js").ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "map-block": ({ map, border, disableShadow, ...props }: import("./models/index.js").MapBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "filter-block": ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }: import("./models/index.js").FilterBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "form-block": (props: import("./models/index.js").FormBlockProps) => import("react/jsx-runtime").JSX.Element | null;
+    "slider-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<import("./blocks/Slider/Slider.js").SliderProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const subBlockMap: {
+    divider: ({ size, border }: import("./models/index.js").DividerProps) => import("react/jsx-runtime").JSX.Element;
+    "price-detailed": (props: import("./models/index.js").PriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
+    "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models/index.js").MediaCardProps) => import("react/jsx-runtime").JSX.Element;
+    "banner-card": (props: import("./models/index.js").BannerCardProps) => import("react/jsx-runtime").JSX.Element;
+    "layout-item": ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models/index.js").LayoutItemProps) => import("react/jsx-runtime").JSX.Element;
+    "background-card": (props: import("./models/index.js").BackgroundCardProps) => import("react/jsx-runtime").JSX.Element;
+    "basic-card": (props: import("./models/index.js").BasicCardProps) => import("react/jsx-runtime").JSX.Element;
+    content: (props: import("./sub-blocks/Content/Content.js").ContentProps) => import("react/jsx-runtime").JSX.Element;
+    quote: (props: import("./models/index.js").QuoteProps) => import("react/jsx-runtime").JSX.Element;
+    "price-card": (props: import("./models/index.js").PriceCardProps) => import("react/jsx-runtime").JSX.Element;
+    "image-card": (props: import("./models/index.js").ImageCardProps) => import("react/jsx-runtime").JSX.Element;
+};
 export declare const navItemMap: {
-    button: (props: Pick<import("./gravity-blocks/navigation/index.js").NavigationItemProps, "className"> & import("./models/index.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    social: ({ icon, url, className, urlTitle }: import("./gravity-blocks/navigation/index.js").NavigationSocialItemOwnProps) => import("react/jsx-runtime").JSX.Element;
-    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./gravity-blocks/navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
-    link: (props: import("./gravity-blocks/navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationLinkItem) => import("react/jsx-runtime").JSX.Element;
-    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./gravity-blocks/navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationGithubButton) => import("react/jsx-runtime").JSX.Element;
+    button: (props: Pick<import("./navigation/index.js").NavigationItemProps, "className"> & import("./models/index.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    social: ({ icon, url, className, urlTitle }: import("./navigation/components/SocialIcon/SocialIcon.js").NavigationSocialItemOwnProps) => import("react/jsx-runtime").JSX.Element;
+    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
+    link: (props: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationLinkItem) => import("react/jsx-runtime").JSX.Element;
+    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationGithubButton) => import("react/jsx-runtime").JSX.Element;
 };
-export interface BlockData {
-    type: string;
-    component: React.ComponentType<any>;
-    schema: BlockConfig;
-}
-export declare const blockDataMap: Record<string, BlockData>;

package/build/cjs/constructor-items.js

@@ -1,86 +1,54 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.blockDataMap = exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
+exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
 const tslib_1 = require("tslib");
-const Banner_1 = tslib_1.__importDefault(require("./blocks/Banner/index.js"));
-const CardLayout_1 = tslib_1.__importDefault(require("./blocks/CardLayout/index.js"));
-const Companies_1 = tslib_1.__importDefault(require("./blocks/Companies/index.js"));
-const ContentLayout_1 = tslib_1.__importDefault(require("./blocks/ContentLayout/index.js"));
-const ExtendedFeatures_1 = tslib_1.__importDefault(require("./blocks/ExtendedFeatures/index.js"));
-// import FilterBlockConfig from './blocks/FilterBlock';
-const Form_1 = tslib_1.__importDefault(require("./blocks/Form/index.js"));
-const Header_1 = tslib_1.__importDefault(require("./blocks/Header/index.js"));
-const HeaderSlider_1 = tslib_1.__importDefault(require("./blocks/HeaderSlider/index.js"));
-const Icons_1 = tslib_1.__importDefault(require("./blocks/Icons/index.js"));
-const Info_1 = tslib_1.__importDefault(require("./blocks/Info/index.js"));
-const Map_1 = tslib_1.__importDefault(require("./blocks/Map/index.js"));
-const Media_1 = tslib_1.__importDefault(require("./blocks/Media/index.js"));
-const PromoFeaturesBlock_1 = tslib_1.__importDefault(require("./blocks/PromoFeaturesBlock/index.js"));
-const Questions_1 = tslib_1.__importDefault(require("./blocks/Questions/index.js"));
-const Share_1 = tslib_1.__importDefault(require("./blocks/Share/index.js"));
-const Slider_1 = tslib_1.__importDefault(require("./blocks/Slider/index.js"));
-const Table_1 = tslib_1.__importDefault(require("./blocks/Table/index.js"));
-const Tabs_1 = tslib_1.__importDefault(require("./blocks/Tabs/index.js"));
-const navigation_1 = require("./gravity-blocks/navigation/index.js");
-const SocialIcon_1 = tslib_1.__importDefault(require("./gravity-blocks/navigation/components/SocialIcon/SocialIcon.js"));
+const blocks_1 = require("./blocks/index.js");
 const models_1 = require("./models/index.js");
-const BackgroundCard_1 = tslib_1.__importDefault(require("./sub-blocks/BackgroundCard/index.js"));
-const BannerCard_1 = tslib_1.__importDefault(require("./sub-blocks/BannerCard/index.js"));
-const BasicCard_1 = tslib_1.__importDefault(require("./sub-blocks/BasicCard/index.js"));
-const Content_1 = tslib_1.__importDefault(require("./sub-blocks/Content/index.js"));
-const Divider_1 = tslib_1.__importDefault(require("./sub-blocks/Divider/index.js"));
-const ImageCard_1 = tslib_1.__importDefault(require("./sub-blocks/ImageCard/index.js"));
-const LayoutItem_1 = tslib_1.__importDefault(require("./sub-blocks/LayoutItem/index.js"));
-const MediaCard_1 = tslib_1.__importDefault(require("./sub-blocks/MediaCard/index.js"));
-const PriceCard_1 = tslib_1.__importDefault(require("./sub-blocks/PriceCard/index.js"));
-const Quote_1 = tslib_1.__importDefault(require("./sub-blocks/Quote/index.js"));
-/**
- * TODO: remove it
- * @deprecated use blockDataMap
- **/
-exports.blockMap = {};
-/**
- * TODO: remove it
- * @deprecated use blockDataMap
- **/
-exports.subBlockMap = {};
+const NavigationItem_1 = require("./navigation/components/NavigationItem/index.js");
+const SocialIcon_1 = tslib_1.__importDefault(require("./navigation/components/SocialIcon/SocialIcon.js"));
+const sub_blocks_1 = require("./sub-blocks/index.js");
+exports.blockMap = {
+    [models_1.BlockType.SliderOldBlock]: blocks_1.SliderOldBlock,
+    [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
+    [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
+    [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
+    [models_1.BlockType.FoldableListBlock]: blocks_1.FoldableListBlock,
+    [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.HeroBlock]: blocks_1.HeroBlock,
+    [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.SliderBlock]: blocks_1.SliderBlock,
+};
+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,
+};
 exports.navItemMap = {
-    [models_1.NavigationItemType.Button]: navigation_1.NavigationButton,
+    [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,
     [models_1.NavigationItemType.Social]: SocialIcon_1.default,
-    [models_1.NavigationItemType.Dropdown]: navigation_1.NavigationDropdown,
-    [models_1.NavigationItemType.Link]: navigation_1.NavigationLink,
-    [models_1.NavigationItemType.GithubButton]: navigation_1.GithubButton,
-};
-exports.blockDataMap = {
-    [models_1.BlockType.ExtendedFeaturesBlock]: ExtendedFeatures_1.default,
-    [models_1.BlockType.PromoFeaturesBlock]: PromoFeaturesBlock_1.default,
-    [models_1.BlockType.QuestionsBlock]: Questions_1.default,
-    [models_1.BlockType.BannerBlock]: Banner_1.default,
-    [models_1.BlockType.CompaniesBlock]: Companies_1.default,
-    [models_1.BlockType.MediaBlock]: Media_1.default,
-    [models_1.BlockType.InfoBlock]: Info_1.default,
-    [models_1.BlockType.TableBlock]: Table_1.default,
-    [models_1.BlockType.TabsBlock]: Tabs_1.default,
-    [models_1.BlockType.HeaderBlock]: Header_1.default,
-    [models_1.BlockType.IconsBlock]: Icons_1.default,
-    [models_1.BlockType.HeaderSliderBlock]: HeaderSlider_1.default,
-    [models_1.BlockType.CardLayoutBlock]: CardLayout_1.default,
-    [models_1.BlockType.ContentLayoutBlock]: ContentLayout_1.default,
-    [models_1.BlockType.ShareBlock]: Share_1.default,
-    [models_1.BlockType.MapBlock]: Map_1.default,
-    // TODO: fix items prop for editor compatibility
-    // [BlockType.FilterBlock]: FilterBlockConfig,
-    [models_1.BlockType.FormBlock]: Form_1.default,
-    [models_1.BlockType.SliderBlock]: Slider_1.default,
-    [models_1.SubBlockType.Divider]: Divider_1.default,
-    [models_1.SubBlockType.MediaCard]: MediaCard_1.default,
-    [models_1.SubBlockType.BannerCard]: BannerCard_1.default,
-    [models_1.SubBlockType.LayoutItem]: LayoutItem_1.default,
-    [models_1.SubBlockType.BackgroundCard]: BackgroundCard_1.default,
-    [models_1.SubBlockType.BasicCard]: BasicCard_1.default,
-    [models_1.SubBlockType.Content]: Content_1.default,
-    [models_1.SubBlockType.Quote]: Quote_1.default,
-    [models_1.SubBlockType.PriceCard]: PriceCard_1.default,
-    [models_1.SubBlockType.ImageCard]: ImageCard_1.default,
+    [models_1.NavigationItemType.Dropdown]: NavigationItem_1.NavigationDropdown,
+    [models_1.NavigationItemType.Link]: NavigationItem_1.NavigationLink,
+    [models_1.NavigationItemType.GithubButton]: NavigationItem_1.GithubButton,
 };
 //# sourceMappingURL=constructor-items.js.map

package/build/cjs/constructor-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":";;;;AAEA,8EAAgD;AAChD,sFAAwD;AACxD,oFAAsD;AACtD,4FAA8D;AAC9D,kGAAoE;AACpE,wDAAwD;AACxD,0EAA4C;AAC5C,8EAAgD;AAChD,0FAA4D;AAC5D,4EAA8C;AAC9C,0EAA4C;AAC5C,wEAA0C;AAC1C,4EAA8C;AAC9C,sGAAmE;AACnE,oFAAsD;AACtD,4EAA8C;AAC9C,8EAAgD;AAChD,4EAA8C;AAC9C,0EAA4C;AAE5C,qEAKqC;AACrC,yHAAsF;AACtF,8CAAqE;AACrE,kGAA+D;AAC/D,0FAAuD;AACvD,wFAAqD;AACrD,oFAAiD;AACjD,oFAAiD;AACjD,wFAAqD;AACrD,0FAAuD;AACvD,wFAAqD;AACrD,wFAAqD;AACrD,gFAA6C;AAE7C;;;IAGI;AACS,QAAA,QAAQ,GAAG,EAAE,CAAC;AAE3B;;;IAGI;AACS,QAAA,WAAW,GAAG,EAAE,CAAC;AAEjB,QAAA,UAAU,GAAG;IACtB,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,6BAAgB;IAC7C,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,oBAAU;IACvC,CAAC,2BAAkB,CAAC,QAAQ,CAAC,EAAE,+BAAkB;IACjD,CAAC,2BAAkB,CAAC,IAAI,CAAC,EAAE,2BAAc;IACzC,CAAC,2BAAkB,CAAC,YAAY,CAAC,EAAE,yBAAY;CAClD,CAAC;AAUW,QAAA,YAAY,GAA8B;IACnD,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,0BAA2B;IAC9D,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,4BAAwB;IACxD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,mBAAoB;IAChD,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAC1C,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,mBAAoB;IAChD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,sBAAuB;IACtD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,oBAAqB;IAClD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,uBAAwB;IACxD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,aAAc;IACpC,gDAAgD;IAChD,8CAA8C;IAC9C,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAE1C,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,iBAAa;IACrC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,oBAAgB;IAC3C,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,oBAAgB;IAC3C,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,wBAAoB;IACnD,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,iBAAa;IACrC,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,eAAW;IACjC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;CAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport BannerBlockConfig from './blocks/Banner';\nimport CardLayoutBlockConfig from './blocks/CardLayout';\nimport CompaniesBlockConfig from './blocks/Companies';\nimport ContentLayoutBlockConfig from './blocks/ContentLayout';\nimport ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';\n// import FilterBlockConfig from './blocks/FilterBlock';\nimport FormBlockConfig from './blocks/Form';\nimport HeaderBlockConfig from './blocks/Header';\nimport HeaderSliderBlockConfig from './blocks/HeaderSlider';\nimport IconsBlockConfig from './blocks/Icons';\nimport InfoBlockConfig from './blocks/Info';\nimport MapBlockConfig from './blocks/Map';\nimport MediaBlockConfig from './blocks/Media';\nimport PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';\nimport QuestionsBlockConfig from './blocks/Questions';\nimport ShareBlockConfig from './blocks/Share';\nimport SliderBlockConfig from './blocks/Slider';\nimport TableBlockConfig from './blocks/Table';\nimport TabsBlockConfig from './blocks/Tabs';\nimport {BlockConfig} from './form-generator-v2/types';\nimport {\n    GithubButton,\n    NavigationButton,\n    NavigationDropdown,\n    NavigationLink,\n} from './gravity-blocks/navigation';\nimport SocialIcon from './gravity-blocks/navigation/components/SocialIcon/SocialIcon';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport BackgroundCardConfig from './sub-blocks/BackgroundCard';\nimport BannerCardConfig from './sub-blocks/BannerCard';\nimport BasicCardConfig from './sub-blocks/BasicCard';\nimport ContentConfig from './sub-blocks/Content';\nimport DividerConfig from './sub-blocks/Divider';\nimport ImageCardConfig from './sub-blocks/ImageCard';\nimport LayoutItemConfig from './sub-blocks/LayoutItem';\nimport MediaCardConfig from './sub-blocks/MediaCard';\nimport PriceCardConfig from './sub-blocks/PriceCard';\nimport QuoteConfig from './sub-blocks/Quote';\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const blockMap = {};\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const subBlockMap = {};\n\nexport const navItemMap = {\n    [NavigationItemType.Button]: NavigationButton,\n    [NavigationItemType.Social]: SocialIcon,\n    [NavigationItemType.Dropdown]: NavigationDropdown,\n    [NavigationItemType.Link]: NavigationLink,\n    [NavigationItemType.GithubButton]: GithubButton,\n};\n\nexport interface BlockData {\n    type: string;\n    // TODO: remove any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    component: React.ComponentType<any>;\n    schema: BlockConfig;\n}\n\nexport const blockDataMap: Record<string, BlockData> = {\n    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,\n    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,\n    [BlockType.QuestionsBlock]: QuestionsBlockConfig,\n    [BlockType.BannerBlock]: BannerBlockConfig,\n    [BlockType.CompaniesBlock]: CompaniesBlockConfig,\n    [BlockType.MediaBlock]: MediaBlockConfig,\n    [BlockType.InfoBlock]: InfoBlockConfig,\n    [BlockType.TableBlock]: TableBlockConfig,\n    [BlockType.TabsBlock]: TabsBlockConfig,\n    [BlockType.HeaderBlock]: HeaderBlockConfig,\n    [BlockType.IconsBlock]: IconsBlockConfig,\n    [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,\n    [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,\n    [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,\n    [BlockType.ShareBlock]: ShareBlockConfig,\n    [BlockType.MapBlock]: MapBlockConfig,\n    // TODO: fix items prop for editor compatibility\n    // [BlockType.FilterBlock]: FilterBlockConfig,\n    [BlockType.FormBlock]: FormBlockConfig,\n    [BlockType.SliderBlock]: SliderBlockConfig,\n\n    [SubBlockType.Divider]: DividerConfig,\n    [SubBlockType.MediaCard]: MediaCardConfig,\n    [SubBlockType.BannerCard]: BannerCardConfig,\n    [SubBlockType.LayoutItem]: LayoutItemConfig,\n    [SubBlockType.BackgroundCard]: BackgroundCardConfig,\n    [SubBlockType.BasicCard]: BasicCardConfig,\n    [SubBlockType.Content]: ContentConfig,\n    [SubBlockType.Quote]: QuoteConfig,\n    [SubBlockType.PriceCard]: PriceCardConfig,\n    [SubBlockType.ImageCard]: ImageCardConfig,\n};\n"]}
+{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":";;;;AAAA,8CAuBkB;AAClB,8CAAqE;AACrE,oFAKgD;AAChD,0GAAuE;AACvE,sDAYsB;AAET,QAAA,QAAQ,GAAG;IACpB,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,8BAAqB;IACxD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,0BAAiB;IAChD,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,0BAAiB;IAChD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,wBAAe;IAC5C,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,iBAAQ;IAC9B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;CACvC,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,aAAa,CAAC,EAAE,0BAAa;IAC3C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,2BAAc;IAC7C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,kBAAK;IAC3B,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;CACtC,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,iCAAgB;IAC7C,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,oBAAU;IACvC,CAAC,2BAAkB,CAAC,QAAQ,CAAC,EAAE,mCAAkB;IACjD,CAAC,2BAAkB,CAAC,IAAI,CAAC,EAAE,+BAAc;IACzC,CAAC,2BAAkB,CAAC,YAAY,CAAC,EAAE,6BAAY;CAClD,CAAC","sourcesContent":["import {\n    BannerBlock,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FoldableListBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    HeroBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    SliderOldBlock,\n    TableBlock,\n    TabsBlock,\n} from './blocks';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {\n    GithubButton,\n    NavigationButton,\n    NavigationDropdown,\n    NavigationLink,\n} from './navigation/components/NavigationItem';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n    BackgroundCard,\n    BannerCard,\n    BasicCard,\n    Content,\n    Divider,\n    ImageCard,\n    LayoutItem,\n    MediaCard,\n    PriceCard,\n    PriceDetailed,\n    Quote,\n} from './sub-blocks';\n\nexport const blockMap = {\n    [BlockType.SliderOldBlock]: SliderOldBlock,\n    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n    [BlockType.QuestionsBlock]: QuestionsBlock,\n    [BlockType.FoldableListBlock]: FoldableListBlock,\n    [BlockType.BannerBlock]: BannerBlock,\n    [BlockType.CompaniesBlock]: CompaniesBlock,\n    [BlockType.MediaBlock]: MediaBlock,\n    [BlockType.InfoBlock]: InfoBlock,\n    [BlockType.TableBlock]: TableBlock,\n    [BlockType.TabsBlock]: TabsBlock,\n    [BlockType.HeaderBlock]: HeaderBlock,\n    [BlockType.HeroBlock]: HeroBlock,\n    [BlockType.IconsBlock]: IconsBlock,\n    [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n    [BlockType.CardLayoutBlock]: CardLayoutBlock,\n    [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n    [BlockType.ShareBlock]: ShareBlock,\n    [BlockType.MapBlock]: MapBlock,\n    [BlockType.FilterBlock]: FilterBlock,\n    [BlockType.FormBlock]: FormBlock,\n    [BlockType.SliderBlock]: SliderBlock,\n};\n\nexport const subBlockMap = {\n    [SubBlockType.Divider]: Divider,\n    [SubBlockType.PriceDetailed]: PriceDetailed,\n    [SubBlockType.MediaCard]: MediaCard,\n    [SubBlockType.BannerCard]: BannerCard,\n    [SubBlockType.LayoutItem]: LayoutItem,\n    [SubBlockType.BackgroundCard]: BackgroundCard,\n    [SubBlockType.BasicCard]: BasicCard,\n    [SubBlockType.Content]: Content,\n    [SubBlockType.Quote]: Quote,\n    [SubBlockType.PriceCard]: PriceCard,\n    [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n    [NavigationItemType.Button]: NavigationButton,\n    [NavigationItemType.Social]: SocialIcon,\n    [NavigationItemType.Dropdown]: NavigationDropdown,\n    [NavigationItemType.Link]: NavigationLink,\n    [NavigationItemType.GithubButton]: GithubButton,\n};\n"]}

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

@@ -1,12 +1,4 @@
 export declare const i18n: ((key: "loadable-load-error" | "loadable-try-again", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "loadable-load-error" | "loadable-try-again", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "loadable-load-error" | "loadable-try-again", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "pc-Loadable": Record<"loadable-load-error" | "loadable-try-again", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/containers/PageConstructor/PageConstructor.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import '@diplodoc/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 :root {
@@ -107,7 +107,15 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor_size_s p {
   margin-bottom: 8px;
 }
-.yfm_constructor.yfm_constructor_theme_dark p {
+.yfm_constructor.yfm_constructor_theme_dark h1,
+.yfm_constructor.yfm_constructor_theme_dark h2,
+.yfm_constructor.yfm_constructor_theme_dark h3,
+.yfm_constructor.yfm_constructor_theme_dark h4,
+.yfm_constructor.yfm_constructor_theme_dark h5,
+.yfm_constructor.yfm_constructor_theme_dark h6,
+.yfm_constructor.yfm_constructor_theme_dark span,
+.yfm_constructor.yfm_constructor_theme_dark p,
+.yfm_constructor.yfm_constructor_theme_dark li {
   color: var(--g-color-text-light-primary);
 }
 
@@ -125,14 +133,13 @@ unpredictable css rules order in build */
 }
 .yfm_constructor a {
   outline: none;
-}
-.utilityfocus .yfm_constructor a:focus {
-  outline: 2px solid #ffdb4d;
-}
-.yfm_constructor a {
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
 }
 .yfm_constructor a:hover, .yfm_constructor a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
@@ -144,9 +151,6 @@ unpredictable css rules order in build */
 .yfm_constructor a:focus:not(:focus-visible) {
   box-shadow: none;
 }
-.yfm_constructor a {
-  border-radius: var(--g-focus-border-radius);
-}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);
@@ -157,6 +161,9 @@ unpredictable css rules order in build */
   background-color: var(--g-color-base-generic);
 }
 
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
 .yfm_constructor_table table {
   border: 0;
   table-layout: fixed;
@@ -184,9 +191,6 @@ unpredictable css rules order in build */
 .yfm_constructor_table th {
   text-align: left !important;
 }
-.yfm_constructor_table {
-  /* stylelint-enable declaration-no-important */
-}
 
 .pc-page-constructor {
   font-feature-settings: "liga", "kern", "pnum" on, "lnum" on, "ss03" on;

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

@@ -1,28 +1,19 @@
 import * as React from 'react';
-import type { PageConstructorWrapper } from "../../common/types/index.js";
-import { BlockData, blockMap, navItemMap, subBlockMap } from "../../constructor-items.js";
-import { Fields } from "../../form-generator-v2/types.js";
-import { BlockWrapperDataProps, CustomConfig, CustomItems, PageContent, ShouldRenderBlock } from "../../models/index.js";
-export interface PageConstructorExtension<GlobalConfig extends Object = {}, WrapperProps extends Object = {}, BlockWrapperProps extends Object = {}> {
-    name: string;
-    id: string;
-    settings: {
-        ContentWrapper?: PageConstructorWrapper<WrapperProps>;
-        contentWrapperProps?: WrapperProps;
-        globalInputs?: Fields;
-        globalDefaults?: GlobalConfig;
-        blockWrapper?: React.ComponentType<BlockWrapperDataProps<BlockWrapperProps> & React.PropsWithChildren>;
-        blockWrapperProps?: BlockWrapperProps;
-        blockInputs?: Fields;
-    };
-}
+import '@diplodoc/transform/dist/js/yfm.js';
+import { blockMap, navItemMap, subBlockMap } from "../../constructor-items.js";
+import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from "../../models/index.js";
 export type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
 export type NavItemMap = typeof navItemMap & CustomItems;
 export interface PageConstructorProps {
     content?: PageContent;
     shouldRenderBlock?: ShouldRenderBlock;
     custom?: CustomConfig;
-    blocks?: Array<BlockData>;
-    extensions?: Array<PageConstructorExtension>;
+    renderMenu?: () => React.ReactNode;
+    navigation?: NavigationData;
+    isBranded?: boolean;
+    microdata?: {
+        contentUpdatedDate?: string;
+    };
 }
+export declare const Constructor: (props: PageConstructorProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PageConstructor: (props: PageConstructorProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -1,70 +1,65 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageConstructor = void 0;
+exports.PageConstructor = exports.Constructor = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
+require("@diplodoc/transform/dist/js/yfm.js");
+const BackgroundMedia_1 = tslib_1.__importDefault(require("../../components/BackgroundMedia/BackgroundMedia.js"));
+const BrandFooter_1 = tslib_1.__importDefault(require("../../components/BrandFooter/BrandFooter.js"));
 const RootCn_1 = tslib_1.__importDefault(require("../../components/RootCn/index.js"));
 const constructor_items_1 = require("../../constructor-items.js");
-const blockRegistryContext_1 = require("../../context/blockRegistryContext/index.js");
-const blocksContext_1 = require("../../context/blocksContext/index.js");
+const animateContext_1 = require("../../context/animateContext/index.js");
 const innerContext_1 = require("../../context/innerContext/index.js");
-const usePCEditorInitializeEvents_1 = require("../../hooks/usePCEditorInitializeEvents.js");
-const usePCEditorStore_1 = require("../../hooks/usePCEditorStore.js");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
+const theme_1 = require("../../context/theme/index.js");
+const grid_1 = require("../../grid/index.js");
+const models_1 = require("../../models/index.js");
+const Layout_1 = tslib_1.__importDefault(require("../../navigation/containers/Layout/Layout.js"));
 const utils_1 = require("../../utils/index.js");
-const components_1 = require("./components/index.js");
+const ConstructorBlocks_1 = require("./components/ConstructorBlocks/index.js");
+const ConstructorItem_1 = require("./components/ConstructorItem/index.js");
 const ConstructorRow_1 = require("./components/ConstructorRow/index.js");
 const b = (0, utils_1.block)('page-constructor');
-const PageConstructor = (props) => {
-    const { content: initialContent = { blocks: [] }, shouldRenderBlock, custom, blocks: availableLocalBlocks = [], extensions: extensionsProp, } = props;
-    const extensions = React.useMemo(() => extensionsProp ?? [], [extensionsProp]);
-    const { blocks: availableGlobalBlocks } = React.useContext(blocksContext_1.BlocksContext);
-    const availableBlocks = React.useMemo(() => [...availableGlobalBlocks, ...availableLocalBlocks], [availableGlobalBlocks, availableLocalBlocks]);
-    const globalDefaults = extensions.reduce((acc, extension) => ({
-        ...acc,
-        ...(extension.settings.globalDefaults || {}),
-    }), {});
-    const [content, setContent] = React.useState({
-        ...globalDefaults,
-        ...initialContent,
-    });
-    const store = (0, usePCEditorStore_1.usePCEditorStore)();
-    const { initialized } = store;
-    const blockRegistry = (0, blockRegistryContext_1.useBlockRegistryProvider)();
-    const blockWrappers = React.useMemo(() => extensions.flatMap((ext) => ext.settings.blockWrapper
-        ? [
-            {
-                wrapper: ext.settings.blockWrapper,
-                props: ext.settings.blockWrapperProps ?? {},
+const Constructor = (props) => {
+    const { content: { blocks = [], background } = {}, renderMenu, shouldRenderBlock, navigation, custom, isBranded, microdata, } = props;
+    const { context } = React.useMemo(() => ({
+        context: {
+            blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomTypes)(['blocks', 'headers'], custom)],
+            subBlockTypes: [...models_1.SubBlockTypes, ...(0, utils_1.getCustomTypes)(['subBlocks'], custom)],
+            headerBlockTypes: [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomTypes)(['headers'], custom)],
+            navigationBlockTypes: [
+                ...models_1.NavigationItemTypes,
+                ...(0, utils_1.getCustomTypes)(['navigation'], custom),
+            ],
+            itemMap: {
+                ...constructor_items_1.blockMap,
+                ...constructor_items_1.subBlockMap,
+                ...(0, utils_1.getCustomItems)(['blocks', 'headers', 'subBlocks'], custom),
+            },
+            navItemMap: {
+                ...constructor_items_1.navItemMap,
+                ...(0, utils_1.getCustomItems)(['navigation'], custom),
+            },
+            loadables: custom?.loadable,
+            shouldRenderBlock,
+            customization: {
+                decorators: custom?.decorators,
             },
-        ]
-        : []), [extensions]);
-    const blockInputs = React.useMemo(() => extensions.reduce((acc, ext) => [...acc, ...(ext.settings.blockInputs || [])], []), [extensions]);
-    (0, usePCEditorInitializeEvents_1.usePCEditorInitializeEvents)({
-        initialContent: content,
-        setContent,
-        blocks: availableBlocks,
-        global: extensions.reduce((acc, extension) => [...acc, ...(extension.settings.globalInputs || [])], []),
-        blockInputs,
-        registry: blockRegistry,
-    });
-    const context = React.useMemo(() => ({
-        blocks: availableBlocks,
-        navItemMap: {
-            ...constructor_items_1.navItemMap,
-            ...(0, utils_1.getCustomItems)(['navigation'], custom),
+            microdata,
         },
-        loadables: custom?.loadable,
-        shouldRenderBlock,
-        blockWrappers,
-        content,
-        setContent,
-    }), [custom, shouldRenderBlock, availableBlocks, content, setContent, blockWrappers]);
-    const restBlocks = content.blocks;
-    const blocksContent = restBlocks && ((0, jsx_runtime_1.jsx)(ConstructorRow_1.ConstructorRow, { children: (0, jsx_runtime_1.jsx)(components_1.ConstructorBlocks, { items: restBlocks }) }));
-    // Apply extensions (wrappers) from outermost to innermost
-    const wrappedContent = extensions.reduceRight((children, extension) => extension.settings.ContentWrapper ? ((0, jsx_runtime_1.jsx)(extension.settings.ContentWrapper, { ...(extension.settings.contentWrapperProps || {}), children: children })) : (children), blocksContent || null);
-    return ((0, jsx_runtime_1.jsx)(blockRegistryContext_1.BlockRegistryContext.Provider, { value: blockRegistry, children: (0, jsx_runtime_1.jsx)(innerContext_1.InnerContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(RootCn_1.default, { className: b('', { ['with-editor']: initialized }), children: wrappedContent }) }) }));
+    }), [custom, shouldRenderBlock, microdata]);
+    const theme = (0, theme_1.useTheme)();
+    const header = (0, utils_1.getHeaderBlock)(blocks, context.headerBlockTypes);
+    const restBlocks = (0, utils_1.getOrderedBlocks)(blocks, context.headerBlockTypes);
+    const themedBackground = (0, utils_1.getThemedValue)(background, theme);
+    return ((0, jsx_runtime_1.jsx)(innerContext_1.InnerContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(RootCn_1.default, { className: b(), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [themedBackground && ((0, jsx_runtime_1.jsx)(BackgroundMedia_1.default, { ...themedBackground, className: b('background') })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { navigation: navigation, children: [renderMenu && renderMenu(), header && ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorHeader, { data: header, blockKey: models_1.BlockType.HeaderBlock })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: restBlocks && ((0, jsx_runtime_1.jsx)(ConstructorRow_1.ConstructorRow, { children: (0, jsx_runtime_1.jsx)(ConstructorBlocks_1.ConstructorBlocks, { items: restBlocks }) })) })] }), isBranded && (0, jsx_runtime_1.jsx)(BrandFooter_1.default, {})] }) }) }));
+};
+exports.Constructor = Constructor;
+const PageConstructor = (props) => {
+    const { isAnimationEnabled = true } = React.useContext(projectSettingsContext_1.ProjectSettingsContext);
+    const { content: { animated = isAnimationEnabled } = {}, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)(animateContext_1.AnimateContext.Provider, { value: { animated }, children: (0, jsx_runtime_1.jsx)(exports.Constructor, { content: props.content, ...rest }) }));
 };
 exports.PageConstructor = PageConstructor;
 //# sourceMappingURL=PageConstructor.js.map