@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.1

package/build/esm/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":"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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"]}

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

@@ -1,4 +1,4 @@
-import { BaseProps } from "../../schema/validators/common.js";
+import { BaseProps } from "../../gravity-blocks/schema/validators/common.js";
 export const YandexFormProps = {
     type: 'object',
     required: ['id'],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/YandexForm/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,0CAAuC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE;QACR,GAAG,SAAS;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,OAAO,EAAC,SAAS,EAAC,yDAAsD;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE;QACR,GAAG,SAAS;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/esm/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/esm/components/editor/ChildrenItemWrap/ChildrenItemWrap.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import './ChildrenItemWrap.css';
+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/esm/components/editor/ChildrenItemWrap/ChildrenItemWrap.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePCEditorChildrenItemWrap } from "../../../hooks/usePCEditorChildrenItemWrap.js";
+import { block } from "../../../utils/index.js";
+import './ChildrenItemWrap.css';
+const b = block('item-wrap');
+const ChildrenItemWrap = ({ index, children }) => {
+    const { blockRef } = usePCEditorChildrenItemWrap(index);
+    return (_jsx("div", { ref: blockRef, className: b(), children: children }));
+};
+export default ChildrenItemWrap;
+//# sourceMappingURL=ChildrenItemWrap.js.map

package/build/esm/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,OAAO,EAAC,2BAA2B,EAAC,sDAAmD;AACvF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,gBAAgB,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAClE,MAAM,EAAC,QAAQ,EAAC,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACH,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAC7B,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/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/esm/components/editor/ChildrensWrap/ChildrensWrap.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import './ChildrensWrap.css';
+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/esm/components/editor/ChildrensWrap/ChildrensWrap.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import _ from 'lodash';
+import { BlockIdContext } from "../../../context/blockIdContext/index.js";
+import { generateChildrenPathFromArray } from "../../../editor-v2/index.js";
+import { usePCEditorBlockRegister } from "../../../hooks/usePCEditorBlockRegister.js";
+import { usePCEditorStore } from "../../../hooks/usePCEditorStore.js";
+import { block } from "../../../utils/index.js";
+import './ChildrensWrap.css';
+const b = block('childrens-wrap');
+const ChildrensWrap = ({ children }) => {
+    const { manipulateOverlayMode, content } = usePCEditorStore();
+    const parentBlockId = React.useContext(BlockIdContext);
+    const newBlockIndex = React.useMemo(() => {
+        const contentConfig = _.get(content.blocks, generateChildrenPathFromArray(parentBlockId));
+        return contentConfig?.children?.length ?? 0;
+    }, [content.blocks, parentBlockId]);
+    const path = React.useMemo(() => [...parentBlockId, newBlockIndex], [parentBlockId, newBlockIndex]);
+    const blockRef = usePCEditorBlockRegister(path, true);
+    if (manipulateOverlayMode === 'insert' && newBlockIndex === 0) {
+        return _jsx("div", { ref: blockRef, className: b({ 'drop-zone': true }) });
+    }
+    if (manipulateOverlayMode === 'insert') {
+        return (_jsx("div", { ref: blockRef, className: b(), children: children }));
+    }
+    return children;
+};
+export default ChildrensWrap;
+//# sourceMappingURL=ChildrensWrap.js.map

package/build/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,CAAC,MAAM,QAAQ,CAAC;AAEvB,OAAO,EAAC,cAAc,EAAC,iDAAwC;AAC/D,OAAO,EAAC,6BAA6B,EAAC,oCAA2B;AACjE,OAAO,EAAC,wBAAwB,EAAC,mDAAgD;AACjF,OAAO,EAAC,gBAAgB,EAAC,2CAAwC;AACjE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAIlC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAqB,EAAE,EAAE;IACrD,MAAM,EAAC,qBAAqB,EAAE,OAAO,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAE5D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEvD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,6BAA6B,CAAC,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,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEtD,IAAI,qBAAqB,KAAK,QAAQ,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;QAC5D,OAAO,cAAK,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,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAC7B,QAAQ,GACP,CACT,CAAC;IACN,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,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/esm/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/esm/components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.d.ts

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePCEditorBlockRegister } from "../../../hooks/usePCEditorBlockRegister.js";
+import { usePCEditorStore } from "../../../hooks/usePCEditorStore.js";
+import { block } from "../../../utils/index.js";
+import './EmptyBlocksWrapper.css';
+const b = block('empty-blocks-wrapper');
+const EMPTY_DROP_PATH = [0];
+const EmptyBlocksWrapper = () => {
+    const { initialized, content: { blocks }, } = usePCEditorStore();
+    const blockRef = usePCEditorBlockRegister(EMPTY_DROP_PATH);
+    if (!initialized || blocks.length > 0) {
+        return null;
+    }
+    return (_jsx("div", { ref: blockRef, className: b(), children: _jsxs("div", { className: b('content'), children: [_jsx("div", { className: b('icon'), children: "+" }), _jsx("div", { className: b('text'), children: "\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0431\u043B\u043E\u043A \u0441\u044E\u0434\u0430" }), _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" })] }) }));
+};
+export default EmptyBlocksWrapper;
+//# sourceMappingURL=EmptyBlocksWrapper.js.map

package/build/esm/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,OAAO,EAAC,wBAAwB,EAAC,mDAAgD;AACjF,OAAO,EAAC,gBAAgB,EAAC,2CAAwC;AACjE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,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,gBAAgB,EAAE,CAAC;IAEvB,MAAM,QAAQ,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAE3D,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAS,EAClC,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,+HAA4B,EACrD,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uLAAuC,IAC9D,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/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/index.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("./index.js").NavigationItemProps, "className"> & import("./models/index.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    social: ({ icon, url, className, urlTitle }: import("./index.js").NavigationSocialItemOwnProps) => import("react/jsx-runtime").JSX.Element;
+    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./index.js").NavigationItemProps & import("./models/index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
+    link: (props: import("./index.js").NavigationItemProps & import("./models/index.js").NavigationLinkItem) => import("react/jsx-runtime").JSX.Element;
+    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./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/esm/constructor-items.js

@@ -1,45 +1,45 @@
-import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FoldableListBlock, FormBlock, HeaderBlock, HeaderSliderBlock, HeroBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, SliderOldBlock, TableBlock, TabsBlock, } from "./blocks/index.js";
+import BannerBlockConfig from "./blocks/Banner/index.js";
+import CardLayoutBlockConfig from "./blocks/CardLayout/index.js";
+import CompaniesBlockConfig from "./blocks/Companies/index.js";
+import ContentLayoutBlockConfig from "./blocks/ContentLayout/index.js";
+import ExtendedFeaturesBlockConfig from "./blocks/ExtendedFeatures/index.js";
+// import FilterBlockConfig from './blocks/FilterBlock';
+import FormBlockConfig from "./blocks/Form/index.js";
+import HeaderBlockConfig from "./blocks/Header/index.js";
+import HeaderSliderBlockConfig from "./blocks/HeaderSlider/index.js";
+import IconsBlockConfig from "./blocks/Icons/index.js";
+import InfoBlockConfig from "./blocks/Info/index.js";
+import MapBlockConfig from "./blocks/Map/index.js";
+import MediaBlockConfig from "./blocks/Media/index.js";
+import PromoFeaturesBlockConfig from "./blocks/PromoFeaturesBlock/index.js";
+import QuestionsBlockConfig from "./blocks/Questions/index.js";
+import ShareBlockConfig from "./blocks/Share/index.js";
+import SliderBlockConfig from "./blocks/Slider/index.js";
+import TableBlockConfig from "./blocks/Table/index.js";
+import TabsBlockConfig from "./blocks/Tabs/index.js";
+import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from "./gravity-blocks/navigation/index.js";
+import SocialIcon from "./gravity-blocks/navigation/components/SocialIcon/SocialIcon.js";
 import { BlockType, NavigationItemType, SubBlockType } from "./models/index.js";
-import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from "./navigation/components/NavigationItem/index.js";
-import SocialIcon from "./navigation/components/SocialIcon/SocialIcon.js";
-import { BackgroundCard, BannerCard, BasicCard, Content, Divider, ImageCard, LayoutItem, MediaCard, PriceCard, PriceDetailed, Quote, } from "./sub-blocks/index.js";
-export const blockMap = {
-    [BlockType.SliderOldBlock]: SliderOldBlock,
-    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
-    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,
-    [BlockType.QuestionsBlock]: QuestionsBlock,
-    [BlockType.FoldableListBlock]: FoldableListBlock,
-    [BlockType.BannerBlock]: BannerBlock,
-    [BlockType.CompaniesBlock]: CompaniesBlock,
-    [BlockType.MediaBlock]: MediaBlock,
-    [BlockType.InfoBlock]: InfoBlock,
-    [BlockType.TableBlock]: TableBlock,
-    [BlockType.TabsBlock]: TabsBlock,
-    [BlockType.HeaderBlock]: HeaderBlock,
-    [BlockType.HeroBlock]: HeroBlock,
-    [BlockType.IconsBlock]: IconsBlock,
-    [BlockType.HeaderSliderBlock]: HeaderSliderBlock,
-    [BlockType.CardLayoutBlock]: CardLayoutBlock,
-    [BlockType.ContentLayoutBlock]: ContentLayoutBlock,
-    [BlockType.ShareBlock]: ShareBlock,
-    [BlockType.MapBlock]: MapBlock,
-    [BlockType.FilterBlock]: FilterBlock,
-    [BlockType.FormBlock]: FormBlock,
-    [BlockType.SliderBlock]: SliderBlock,
-};
-export const subBlockMap = {
-    [SubBlockType.Divider]: Divider,
-    [SubBlockType.PriceDetailed]: PriceDetailed,
-    [SubBlockType.MediaCard]: MediaCard,
-    [SubBlockType.BannerCard]: BannerCard,
-    [SubBlockType.LayoutItem]: LayoutItem,
-    [SubBlockType.BackgroundCard]: BackgroundCard,
-    [SubBlockType.BasicCard]: BasicCard,
-    [SubBlockType.Content]: Content,
-    [SubBlockType.Quote]: Quote,
-    [SubBlockType.PriceCard]: PriceCard,
-    [SubBlockType.ImageCard]: ImageCard,
-};
+import BackgroundCardConfig from "./sub-blocks/BackgroundCard/index.js";
+import BannerCardConfig from "./sub-blocks/BannerCard/index.js";
+import BasicCardConfig from "./sub-blocks/BasicCard/index.js";
+import ContentConfig from "./sub-blocks/Content/index.js";
+import DividerConfig from "./sub-blocks/Divider/index.js";
+import ImageCardConfig from "./sub-blocks/ImageCard/index.js";
+import LayoutItemConfig from "./sub-blocks/LayoutItem/index.js";
+import MediaCardConfig from "./sub-blocks/MediaCard/index.js";
+import PriceCardConfig from "./sub-blocks/PriceCard/index.js";
+import QuoteConfig from "./sub-blocks/Quote/index.js";
+/**
+ * TODO: remove it
+ * @deprecated use blockDataMap
+ **/
+export const blockMap = {};
+/**
+ * TODO: remove it
+ * @deprecated use blockDataMap
+ **/
+export const subBlockMap = {};
 export const navItemMap = {
     [NavigationItemType.Button]: NavigationButton,
     [NavigationItemType.Social]: SocialIcon,
@@ -47,4 +47,36 @@ export const navItemMap = {
     [NavigationItemType.Link]: NavigationLink,
     [NavigationItemType.GithubButton]: GithubButton,
 };
+export const blockDataMap = {
+    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,
+    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,
+    [BlockType.QuestionsBlock]: QuestionsBlockConfig,
+    [BlockType.BannerBlock]: BannerBlockConfig,
+    [BlockType.CompaniesBlock]: CompaniesBlockConfig,
+    [BlockType.MediaBlock]: MediaBlockConfig,
+    [BlockType.InfoBlock]: InfoBlockConfig,
+    [BlockType.TableBlock]: TableBlockConfig,
+    [BlockType.TabsBlock]: TabsBlockConfig,
+    [BlockType.HeaderBlock]: HeaderBlockConfig,
+    [BlockType.IconsBlock]: IconsBlockConfig,
+    [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,
+    [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,
+    [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,
+    [BlockType.ShareBlock]: ShareBlockConfig,
+    [BlockType.MapBlock]: MapBlockConfig,
+    // TODO: fix items prop for editor compatibility
+    // [BlockType.FilterBlock]: FilterBlockConfig,
+    [BlockType.FormBlock]: FormBlockConfig,
+    [BlockType.SliderBlock]: SliderBlockConfig,
+    [SubBlockType.Divider]: DividerConfig,
+    [SubBlockType.MediaCard]: MediaCardConfig,
+    [SubBlockType.BannerCard]: BannerCardConfig,
+    [SubBlockType.LayoutItem]: LayoutItemConfig,
+    [SubBlockType.BackgroundCard]: BackgroundCardConfig,
+    [SubBlockType.BasicCard]: BasicCardConfig,
+    [SubBlockType.Content]: ContentConfig,
+    [SubBlockType.Quote]: QuoteConfig,
+    [SubBlockType.PriceCard]: PriceCardConfig,
+    [SubBlockType.ImageCard]: ImageCardConfig,
+};
 //# sourceMappingURL=constructor-items.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":"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","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/esm/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/esm/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/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,20 +1,30 @@
 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";
 import './PageConstructor.css';
+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;