@gravity-ui/page-constructor 8.4.1 → 8.5.0-alpha.0

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 '../../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"]}
+{"version":3,"file":"YandexForm.js","sourceRoot":"../../../../src","sources":["components/YandexForm/YandexForm.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,uFAAyE;AACzE,uFAAyE;AACzE,yGAA2F;AAC3F,+DAAwD;AAExD,mDAAsD;AACtD,gDAAkC;AAClC,+CAA2C;AAE9B,QAAA,kBAAkB,GAAG,yBAAyB,CAAC;AAC/C,QAAA,mBAAmB,GAAG,SAAS,CAAC;AAC7C,MAAM,YAAY,GAAG,0BAA0B,CAAC;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC1C,MAAM,EACF,MAAM,EACN,EAAE,EACF,MAAM,EACN,SAAS,EACT,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,YAAY,GAAG,yBAAa,EAC5B,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GACpB,GAAG,KAAK,CAAC;IACV,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IACpD,MAAM,YAAY,GAAG,gBAAgB,IAAI,0BAAkB,CAAC;IAC5D,MAAM,aAAa,GAAG,iBAAiB,IAAI,2BAAmB,CAAC;IAE/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,gBAAgB,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAC/C,MAAM,EAAC,sBAAsB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,+CAAsB,CAAC,CAAC;IAE1E,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,SAAyB,EAAE,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAChD,MAAM,SAAS,GAAG,KAAK,IAAI,sBAAsB,CAAC;QAElD,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC5B,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAE/B,IAAI,MAAM,EAAE,IAAI,EAAE,CAAC;YACf,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,SAAS,EAAE,CAAC;YACZ,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACxC,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACX,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;QACP,CAAC;QAED,MAAM,GAAG,GAAG,GAAG,YAAY,IAAI,aAAa,IAAI,EAAE,KAAK,WAAW,EAAE,CAAC;QAErE,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,SAAS,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACrD,SAAS,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;YAC5B,SAAS,CAAC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,EAAE,EAAE,CAAC;YACrC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAClD,SAAS,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,CAAC;YACpC,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;YACjC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EACD;QACI,KAAK;QACL,sBAAsB;QACtB,MAAM,CAAC,IAAI;QACX,QAAQ;QACR,MAAM;QACN,YAAY;QACZ,aAAa;QACb,EAAE;QACF,WAAW;KACd,CACJ,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC/C,MAAM,EAAC,GAAG,EAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC/D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,CAAC;QAC3C,CAAC;QAED,eAAe,CAAC,eAAe,CAAC,CAAC;QAEjC,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;QACf,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAe,EAAE,EAAE;QAC7B,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;YAC1B,OAAO;QACX,CAAC;QAED,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;YACvC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,MAAM,CAAC;YAC5C,IAAI,IAAI,KAAK,OAAO,EAAE,EAAE,EAAE,CAAC;gBACvB,OAAO;YACX,CAAC;YAED,IAAI,SAAS,CAAC,OAAO,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC1C,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;gBACzC,MAAM,EAAE,EAAE,CAAC;YACf,CAAC;YAED,IAAI,OAAO,KAAK,MAAM,IAAI,WAAW,EAAE,CAAC;gBACpC,oEAAoE;gBACpE,kEAAkE;gBAClE,6EAA6E;gBAC7E,YAAY,EAAE,CAAC;YACnB,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACL,OAAO;QACX,CAAC;IACL,CAAC,EACD,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,CAC3C,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAE3C,IAAI,SAAS,EAAE,CAAC;YACZ,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACvE,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC;IAEtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,SAAS,EAAE,CAAC;QACZ,wCAAwC;QACxC,qFAAqF;QACrF,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;QAEnC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,OAAO,gCAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,GAAI,CAAC;AACzE,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","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"]}

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("../../schema/validators/common.js");
+const common_1 = require("../../gravity-blocks/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,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"]}
+{"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"]}

package/build/cjs/components/editor/ChildrenItemWrap/ChildrenItemWrap.css

@@ -0,0 +1,5 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-item-wrap {
+  height: 100%;
+}

package/build/cjs/components/editor/ChildrenItemWrap/ChildrenItemWrap.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ChildrenItemWrapProps extends React.PropsWithChildren {
+    index: number;
+}
+declare const ChildrenItemWrap: ({ index, children }: ChildrenItemWrapProps) => import("react/jsx-runtime").JSX.Element;
+export default ChildrenItemWrap;

package/build/cjs/components/editor/ChildrenItemWrap/ChildrenItemWrap.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const usePCEditorChildrenItemWrap_1 = require("../../../hooks/usePCEditorChildrenItemWrap.js");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('item-wrap');
+const ChildrenItemWrap = ({ index, children }) => {
+    const { blockRef } = (0, usePCEditorChildrenItemWrap_1.usePCEditorChildrenItemWrap)(index);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b(), children: children }));
+};
+exports.default = ChildrenItemWrap;
+//# sourceMappingURL=ChildrenItemWrap.js.map

package/build/cjs/components/editor/ChildrenItemWrap/ChildrenItemWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildrenItemWrap.js","sourceRoot":"../../../../../src","sources":["components/editor/ChildrenItemWrap/ChildrenItemWrap.tsx"],"names":[],"mappings":";;;AAEA,+FAAuF;AACvF,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,gBAAgB,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAClE,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,yDAA2B,EAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACH,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAC7B,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePCEditorChildrenItemWrap} from '../../../hooks/usePCEditorChildrenItemWrap';\nimport {block} from '../../../utils';\n\nimport './ChildrenItemWrap.scss';\n\nconst b = block('item-wrap');\n\nexport interface ChildrenItemWrapProps extends React.PropsWithChildren {\n    index: number;\n}\n\nconst ChildrenItemWrap = ({index, children}: ChildrenItemWrapProps) => {\n    const {blockRef} = usePCEditorChildrenItemWrap(index);\n    return (\n        <div ref={blockRef} className={b()}>\n            {children}\n        </div>\n    );\n};\n\nexport default ChildrenItemWrap;\n"]}

package/build/cjs/components/editor/ChildrensWrap/ChildrensWrap.css

@@ -0,0 +1,5 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-childrens-wrap_drop-zone {
+  padding: 20px;
+}

package/build/cjs/components/editor/ChildrensWrap/ChildrensWrap.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ChildrensWrapProps extends React.PropsWithChildren {
+}
+declare const ChildrensWrap: ({ children }: ChildrensWrapProps) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default ChildrensWrap;

package/build/cjs/components/editor/ChildrensWrap/ChildrensWrap.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const blockIdContext_1 = require("../../../context/blockIdContext/index.js");
+const editor_v2_1 = require("../../../editor-v2/index.js");
+const usePCEditorBlockRegister_1 = require("../../../hooks/usePCEditorBlockRegister.js");
+const usePCEditorStore_1 = require("../../../hooks/usePCEditorStore.js");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('childrens-wrap');
+const ChildrensWrap = ({ children }) => {
+    const { manipulateOverlayMode, content } = (0, usePCEditorStore_1.usePCEditorStore)();
+    const parentBlockId = React.useContext(blockIdContext_1.BlockIdContext);
+    const newBlockIndex = React.useMemo(() => {
+        const contentConfig = lodash_1.default.get(content.blocks, (0, editor_v2_1.generateChildrenPathFromArray)(parentBlockId));
+        return contentConfig?.children?.length ?? 0;
+    }, [content.blocks, parentBlockId]);
+    const path = React.useMemo(() => [...parentBlockId, newBlockIndex], [parentBlockId, newBlockIndex]);
+    const blockRef = (0, usePCEditorBlockRegister_1.usePCEditorBlockRegister)(path, true);
+    if (manipulateOverlayMode === 'insert' && newBlockIndex === 0) {
+        return (0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b({ 'drop-zone': true }) });
+    }
+    if (manipulateOverlayMode === 'insert') {
+        return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b(), children: children }));
+    }
+    return children;
+};
+exports.default = ChildrensWrap;
+//# sourceMappingURL=ChildrensWrap.js.map

package/build/cjs/components/editor/ChildrensWrap/ChildrensWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildrensWrap.js","sourceRoot":"../../../../../src","sources":["components/editor/ChildrensWrap/ChildrensWrap.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,4DAAuB;AAEvB,6EAA+D;AAC/D,2DAAiE;AACjE,yFAAiF;AACjF,yEAAiE;AACjE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAIlC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAqB,EAAE,EAAE;IACrD,MAAM,EAAC,qBAAqB,EAAE,OAAO,EAAC,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAE5D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IAEvD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,aAAa,GAAG,gBAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,IAAA,yCAA6B,EAAC,aAAa,CAAC,CAAC,CAAC;QAC1F,OAAO,aAAa,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,GAAG,aAAa,EAAE,aAAa,CAAC,EACvC,CAAC,aAAa,EAAE,aAAa,CAAC,CACjC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,mDAAwB,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEtD,IAAI,qBAAqB,KAAK,QAAQ,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;QAC5D,OAAO,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,GAAQ,CAAC;IACzE,CAAC;IAED,IAAI,qBAAqB,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,CACH,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAC7B,QAAQ,GACP,CACT,CAAC;IACN,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport _ from 'lodash';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {generateChildrenPathFromArray} from '../../../editor-v2';\nimport {usePCEditorBlockRegister} from '../../../hooks/usePCEditorBlockRegister';\nimport {usePCEditorStore} from '../../../hooks/usePCEditorStore';\nimport {block} from '../../../utils';\n\nimport './ChildrensWrap.scss';\n\nconst b = block('childrens-wrap');\n\nexport interface ChildrensWrapProps extends React.PropsWithChildren {}\n\nconst ChildrensWrap = ({children}: ChildrensWrapProps) => {\n    const {manipulateOverlayMode, content} = usePCEditorStore();\n\n    const parentBlockId = React.useContext(BlockIdContext);\n\n    const newBlockIndex = React.useMemo(() => {\n        const contentConfig = _.get(content.blocks, generateChildrenPathFromArray(parentBlockId));\n        return contentConfig?.children?.length ?? 0;\n    }, [content.blocks, parentBlockId]);\n\n    const path = React.useMemo(\n        () => [...parentBlockId, newBlockIndex],\n        [parentBlockId, newBlockIndex],\n    );\n\n    const blockRef = usePCEditorBlockRegister(path, true);\n\n    if (manipulateOverlayMode === 'insert' && newBlockIndex === 0) {\n        return <div ref={blockRef} className={b({'drop-zone': true})}></div>;\n    }\n\n    if (manipulateOverlayMode === 'insert') {\n        return (\n            <div ref={blockRef} className={b()}>\n                {children}\n            </div>\n        );\n    }\n\n    return children;\n};\n\nexport default ChildrensWrap;\n"]}

package/build/cjs/components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.css

@@ -0,0 +1,51 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-empty-blocks-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  padding: 40px;
+  margin: 20px;
+  border: 3px dashed var(--g-color-base-brand);
+  border-radius: 16px;
+  background-color: var(--g-color-base-generic);
+  user-select: none;
+  transition: all 0.2s ease;
+}
+.pc-empty-blocks-wrapper:hover {
+  background-color: var(--g-color-base-generic-hover);
+  border-color: var(--g-color-text-link);
+}
+.pc-empty-blocks-wrapper__content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  text-align: center;
+}
+.pc-empty-blocks-wrapper__icon {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32px;
+  font-weight: 300;
+  color: var(--g-color-base-brand);
+  background-color: var(--g-color-base-background);
+  border-radius: 50%;
+  border: 2px dashed var(--g-color-base-brand);
+  line-height: 1;
+}
+.pc-empty-blocks-wrapper__text {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+  font-weight: 500;
+  color: var(--g-color-text-primary);
+}
+.pc-empty-blocks-wrapper__hint {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+  color: var(--g-color-text-secondary);
+}

package/build/cjs/components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.d.ts

@@ -0,0 +1,4 @@
+export interface EmptyBlocksWrapperProps {
+}
+declare const EmptyBlocksWrapper: () => import("react/jsx-runtime").JSX.Element | null;
+export default EmptyBlocksWrapper;

package/build/cjs/components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const usePCEditorBlockRegister_1 = require("../../../hooks/usePCEditorBlockRegister.js");
+const usePCEditorStore_1 = require("../../../hooks/usePCEditorStore.js");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('empty-blocks-wrapper');
+const EMPTY_DROP_PATH = [0];
+const EmptyBlocksWrapper = () => {
+    const { initialized, content: { blocks }, } = (0, usePCEditorStore_1.usePCEditorStore)();
+    const blockRef = (0, usePCEditorBlockRegister_1.usePCEditorBlockRegister)(EMPTY_DROP_PATH);
+    if (!initialized || blocks.length > 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b(), children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('icon'), children: "+" }), (0, jsx_runtime_1.jsx)("div", { className: b('text'), children: "\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0431\u043B\u043E\u043A \u0441\u044E\u0434\u0430" }), (0, jsx_runtime_1.jsx)("div", { className: b('hint'), children: "\u0411\u043B\u043E\u043A\u0438 \u043D\u0430\u0445\u043E\u0434\u044F\u0442\u0441\u044F \u043D\u0430 \u043F\u0430\u043D\u0435\u043B\u0438 \u0441\u043B\u0435\u0432\u0430" })] }) }));
+};
+exports.default = EmptyBlocksWrapper;
+//# sourceMappingURL=EmptyBlocksWrapper.js.map

package/build/cjs/components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyBlocksWrapper.js","sourceRoot":"../../../../../src","sources":["components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.tsx"],"names":[],"mappings":";;;AAAA,yFAAiF;AACjF,yEAAiE;AACjE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAIxC,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC5B,MAAM,EACF,WAAW,EACX,OAAO,EAAE,EAAC,MAAM,EAAC,GACpB,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEvB,MAAM,QAAQ,GAAG,IAAA,mDAAwB,EAAC,eAAe,CAAC,CAAC;IAE3D,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAS,EAClC,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,+HAA4B,EACrD,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uLAAuC,IAC9D,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import {usePCEditorBlockRegister} from '../../../hooks/usePCEditorBlockRegister';\nimport {usePCEditorStore} from '../../../hooks/usePCEditorStore';\nimport {block} from '../../../utils';\n\nimport './EmptyBlocksWrapper.scss';\n\nconst b = block('empty-blocks-wrapper');\n\nexport interface EmptyBlocksWrapperProps {}\n\nconst EMPTY_DROP_PATH = [0];\n\nconst EmptyBlocksWrapper = () => {\n    const {\n        initialized,\n        content: {blocks},\n    } = usePCEditorStore();\n\n    const blockRef = usePCEditorBlockRegister(EMPTY_DROP_PATH);\n\n    if (!initialized || blocks.length > 0) {\n        return null;\n    }\n\n    return (\n        <div ref={blockRef} className={b()}>\n            <div className={b('content')}>\n                <div className={b('icon')}>+</div>\n                <div className={b('text')}>Перетащите блок сюда</div>\n                <div className={b('hint')}>Блоки находятся на панели слева</div>\n            </div>\n        </div>\n    );\n};\n\nexport default EmptyBlocksWrapper;\n"]}

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

@@ -1,44 +1,25 @@
-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;
-};
+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 navItemMap: {
-    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;
+    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;
 };
+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,54 +1,86 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
+exports.blockDataMap = exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
 const tslib_1 = require("tslib");
-const blocks_1 = require("./blocks/index.js");
+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 models_1 = require("./models/index.js");
-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,
-};
+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 = {};
 exports.navItemMap = {
-    [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,
+    [models_1.NavigationItemType.Button]: navigation_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,
+    [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,
 };
 //# 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":";;;;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"]}
+{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":"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","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"]}

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

@@ -1,4 +1,12 @@
 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 {
@@ -125,14 +125,15 @@ unpredictable css rules order in build */
 }
 .yfm_constructor a {
   outline: none;
-  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 {
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
 .yfm_constructor a:hover, .yfm_constructor a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
@@ -143,6 +144,9 @@ 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);
@@ -153,9 +157,6 @@ 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;
@@ -183,6 +184,9 @@ 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,19 +1,29 @@
 import * as React from 'react';
-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";
+import '@diplodoc/transform/dist/js/yfm';
+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;
+    };
+}
 export type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
 export type NavItemMap = typeof navItemMap & CustomItems;
 export interface PageConstructorProps {
     content?: PageContent;
     shouldRenderBlock?: ShouldRenderBlock;
     custom?: CustomConfig;
-    renderMenu?: () => React.ReactNode;
-    navigation?: NavigationData;
-    isBranded?: boolean;
-    microdata?: {
-        contentUpdatedDate?: string;
-    };
+    blocks?: Array<BlockData>;
+    extensions?: Array<PageConstructorExtension>;
 }
-export declare const Constructor: (props: PageConstructorProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PageConstructor: (props: PageConstructorProps) => import("react/jsx-runtime").JSX.Element;