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

package/build/esm/demo/InteractiveAndForms.stories.js

@@ -1,66 +1,74 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { scriptsSrc, ymapApiKeyForStorybook } from "../../.storybook/maps.js";
 import { blockTransform } from "../../.storybook/utils.js";
-import { PageConstructor } from "../containers/PageConstructor/index.js";
-import { MapType } from "../context/mapsContext/mapsContext.js";
-import { MapProvider } from "../context/mapsContext/mapsProvider.js";
-import { CustomButton } from "../navigation/__stories__/CustomButton/CustomButton.js";
+import { PageConstructor, PageConstructorProvider } from "../containers/PageConstructor/index.js";
+import { MapType } from "../gravity-blocks/context/mapsContext/mapsContext.js";
+import { MapProvider } from "../gravity-blocks/context/mapsContext/mapsProvider.js";
+import { gravityBlocksExtension } from "../gravity-blocks/extensions/index.js";
+import { CustomButton } from "../gravity-blocks/navigation/__stories__/CustomButton/CustomButton.js";
 import filterData from "../blocks/FilterBlock/__stories__/data.json";
 import formData from "../blocks/Form/__stories__/data.json";
 import iconsData from "../blocks/Icons/__stories__/data.json";
 import mapData from "../blocks/Map/__stories__/data.json";
 import shareData from "../blocks/Share/__stories__/data.json";
-import navData from "../navigation/__stories__/data.json";
+import navData from "../gravity-blocks/navigation/__stories__/data.json";
 export default {
     title: 'Lab/Tokenization/Blocks/InteractiveAndForms',
     component: PageConstructor,
 };
-const Template = ({ navigation, custom = {}, }) => (_jsx(MapProvider, { scriptSrc: scriptsSrc[MapType.Yandex], apiKey: ymapApiKeyForStorybook, type: MapType.Yandex, children: _jsx(PageConstructor, { navigation: navigation, custom: custom, content: {
-            blocks: [
-                // form-block: hubspot form
-                blockTransform(formData.default),
-                // form-block: with background color
-                blockTransform({ ...formData.default, ...formData.withBackground }),
-                // form-block: with background image
-                blockTransform({ ...formData.default, ...formData.withBackgroundImage }),
-                // form-block: yandex form
-                blockTransform(formData.yandexForm),
-                // filter-block: with tag filtering and layout items
-                blockTransform(filterData.default),
-                // icons-block: minimal (no title)
-                blockTransform(iconsData.default.content),
-                // icons-block: with title and description
-                blockTransform(iconsData.withDescription.content),
-                // share-block: default (no title)
-                blockTransform(shareData.default.content),
-                // share-block: with custom title
-                blockTransform(shareData.customTitle.content),
-                // map-block: default with yandex map
-                blockTransform({
-                    type: 'map-block',
-                    title: mapData.common.title,
-                    description: mapData.common.description,
-                    map: mapData.ymap,
-                }),
-                // map-block: with additional info and links
-                blockTransform({
-                    type: 'map-block',
-                    title: mapData.common.title,
-                    description: mapData.common.description,
-                    additionalInfo: mapData.common.additionalInfo,
-                    links: mapData.common.links,
-                    map: { ...mapData.ymap, id: 'common-places-2' },
-                }),
-                // map-block: with buttons
-                blockTransform({
-                    type: 'map-block',
-                    title: mapData.common.title,
-                    description: mapData.common.description,
-                    buttons: mapData.common.buttons,
-                    map: { ...mapData.ymap, id: 'common-places-3' },
-                }),
-            ],
-        } }) }));
+const Template = ({ navigation, custom = {}, }) => (_jsx(PageConstructorProvider, { children: _jsx(MapProvider, { scriptSrc: scriptsSrc[MapType.Yandex], apiKey: ymapApiKeyForStorybook, type: MapType.Yandex, children: _jsx(PageConstructor, { extensions: gravityBlocksExtension({
+                globalDefaults: {
+                    navigation,
+                },
+            }), custom: custom, content: {
+                blocks: [
+                    // form-block: hubspot form
+                    blockTransform(formData.default),
+                    // form-block: with background color
+                    blockTransform({ ...formData.default, ...formData.withBackground }),
+                    // form-block: with background image
+                    blockTransform({
+                        ...formData.default,
+                        ...formData.withBackgroundImage,
+                    }),
+                    // form-block: yandex form
+                    blockTransform(formData.yandexForm),
+                    // filter-block: with tag filtering and layout items
+                    blockTransform(filterData.default),
+                    // icons-block: minimal (no title)
+                    blockTransform(iconsData.default.content),
+                    // icons-block: with title and description
+                    blockTransform(iconsData.withDescription.content),
+                    // share-block: default (no title)
+                    blockTransform(shareData.default.content),
+                    // share-block: with custom title
+                    blockTransform(shareData.customTitle.content),
+                    // map-block: default with yandex map
+                    blockTransform({
+                        type: 'map-block',
+                        title: mapData.common.title,
+                        description: mapData.common.description,
+                        map: mapData.ymap,
+                    }),
+                    // map-block: with additional info and links
+                    blockTransform({
+                        type: 'map-block',
+                        title: mapData.common.title,
+                        description: mapData.common.description,
+                        additionalInfo: mapData.common.additionalInfo,
+                        links: mapData.common.links,
+                        map: { ...mapData.ymap, id: 'common-places-2' },
+                    }),
+                    // map-block: with buttons
+                    blockTransform({
+                        type: 'map-block',
+                        title: mapData.common.title,
+                        description: mapData.common.description,
+                        buttons: mapData.common.buttons,
+                        map: { ...mapData.ymap, id: 'common-places-3' },
+                    }),
+                ],
+            } }) }) }));
 export const Default = Template.bind({});
 Default.args = {
     custom: {

package/build/esm/demo/InteractiveAndForms.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveAndForms.stories.js","sourceRoot":"../../../src","sources":["demo/InteractiveAndForms.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {scriptsSrc, ymapApiKeyForStorybook} from '../../.storybook/maps';\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {MapType} from '../context/mapsContext/mapsContext';\nimport {MapProvider} from '../context/mapsContext/mapsProvider';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\nimport {CustomButton} from '../navigation/__stories__/CustomButton/CustomButton';\n\nimport filterData from '../blocks/FilterBlock/__stories__/data.json';\nimport formData from '../blocks/Form/__stories__/data.json';\nimport iconsData from '../blocks/Icons/__stories__/data.json';\nimport mapData from '../blocks/Map/__stories__/data.json';\nimport shareData from '../blocks/Share/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/InteractiveAndForms',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <MapProvider\n        scriptSrc={scriptsSrc[MapType.Yandex]}\n        apiKey={ymapApiKeyForStorybook}\n        type={MapType.Yandex}\n    >\n        <PageConstructor\n            navigation={navigation}\n            custom={custom}\n            content={\n                {\n                    blocks: [\n                        // form-block: hubspot form\n                        blockTransform(formData.default),\n                        // form-block: with background color\n                        blockTransform({...formData.default, ...formData.withBackground}),\n                        // form-block: with background image\n                        blockTransform({...formData.default, ...formData.withBackgroundImage}),\n                        // form-block: yandex form\n                        blockTransform(formData.yandexForm),\n\n                        // filter-block: with tag filtering and layout items\n                        blockTransform(filterData.default),\n\n                        // icons-block: minimal (no title)\n                        blockTransform(iconsData.default.content),\n                        // icons-block: with title and description\n                        blockTransform(iconsData.withDescription.content),\n\n                        // share-block: default (no title)\n                        blockTransform(shareData.default.content),\n                        // share-block: with custom title\n                        blockTransform(shareData.customTitle.content),\n\n                        // map-block: default with yandex map\n                        blockTransform({\n                            type: 'map-block',\n                            title: mapData.common.title,\n                            description: mapData.common.description,\n                            map: mapData.ymap,\n                        }),\n                        // map-block: with additional info and links\n                        blockTransform({\n                            type: 'map-block',\n                            title: mapData.common.title,\n                            description: mapData.common.description,\n                            additionalInfo: mapData.common.additionalInfo,\n                            links: mapData.common.links,\n                            map: {...mapData.ymap, id: 'common-places-2'},\n                        }),\n                        // map-block: with buttons\n                        blockTransform({\n                            type: 'map-block',\n                            title: mapData.common.title,\n                            description: mapData.common.description,\n                            buttons: mapData.common.buttons,\n                            map: {...mapData.ymap, id: 'common-places-3'},\n                        }),\n                    ],\n                } as PageContent\n            }\n        />\n    </MapProvider>\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomButton,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            customMobileHeaderItems: [{type: 'custom-item'}],\n        },\n    } as unknown as NavigationData,\n};\n"]}
+{"version":3,"file":"InteractiveAndForms.stories.js","sourceRoot":"../../../src","sources":["demo/InteractiveAndForms.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {scriptsSrc, ymapApiKeyForStorybook} from '../../.storybook/maps';\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor, PageConstructorProvider} from '../containers/PageConstructor';\nimport {MapType} from '../gravity-blocks/context/mapsContext/mapsContext';\nimport {MapProvider} from '../gravity-blocks/context/mapsContext/mapsProvider';\nimport {gravityBlocksExtension} from '../gravity-blocks/extensions';\nimport {CustomButton} from '../gravity-blocks/navigation/__stories__/CustomButton/CustomButton';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\n\nimport filterData from '../blocks/FilterBlock/__stories__/data.json';\nimport formData from '../blocks/Form/__stories__/data.json';\nimport iconsData from '../blocks/Icons/__stories__/data.json';\nimport mapData from '../blocks/Map/__stories__/data.json';\nimport shareData from '../blocks/Share/__stories__/data.json';\nimport navData from '../gravity-blocks/navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/InteractiveAndForms',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructorProvider>\n        <MapProvider\n            scriptSrc={scriptsSrc[MapType.Yandex]}\n            apiKey={ymapApiKeyForStorybook}\n            type={MapType.Yandex}\n        >\n            <PageConstructor\n                extensions={gravityBlocksExtension({\n                    globalDefaults: {\n                        navigation,\n                    },\n                })}\n                custom={custom}\n                content={\n                    {\n                        blocks: [\n                            // form-block: hubspot form\n                            blockTransform(formData.default),\n                            // form-block: with background color\n                            blockTransform({...formData.default, ...formData.withBackground}),\n                            // form-block: with background image\n                            blockTransform({\n                                ...formData.default,\n                                ...formData.withBackgroundImage,\n                            }),\n                            // form-block: yandex form\n                            blockTransform(formData.yandexForm),\n\n                            // filter-block: with tag filtering and layout items\n                            blockTransform(filterData.default),\n\n                            // icons-block: minimal (no title)\n                            blockTransform(iconsData.default.content),\n                            // icons-block: with title and description\n                            blockTransform(iconsData.withDescription.content),\n\n                            // share-block: default (no title)\n                            blockTransform(shareData.default.content),\n                            // share-block: with custom title\n                            blockTransform(shareData.customTitle.content),\n\n                            // map-block: default with yandex map\n                            blockTransform({\n                                type: 'map-block',\n                                title: mapData.common.title,\n                                description: mapData.common.description,\n                                map: mapData.ymap,\n                            }),\n                            // map-block: with additional info and links\n                            blockTransform({\n                                type: 'map-block',\n                                title: mapData.common.title,\n                                description: mapData.common.description,\n                                additionalInfo: mapData.common.additionalInfo,\n                                links: mapData.common.links,\n                                map: {...mapData.ymap, id: 'common-places-2'},\n                            }),\n                            // map-block: with buttons\n                            blockTransform({\n                                type: 'map-block',\n                                title: mapData.common.title,\n                                description: mapData.common.description,\n                                buttons: mapData.common.buttons,\n                                map: {...mapData.ymap, id: 'common-places-3'},\n                            }),\n                        ],\n                    } as PageContent\n                }\n            />\n        </MapProvider>\n    </PageConstructorProvider>\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomButton,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            customMobileHeaderItems: [{type: 'custom-item'}],\n        },\n    } as unknown as NavigationData,\n};\n"]}

package/build/esm/editor/components/AddBlock/AddBlock.css

@@ -20,15 +20,17 @@ unpredictable css rules order in build */
   justify-content: center;
   align-items: center;
   transition: transform 0.2s;
+}
+.pc-add-block__button:hover {
+  transform: scale(1.05);
+}
+.pc-add-block__button {
   width: 76px;
   height: 40px;
   color: var(--pc-editor-control-icon-color);
   background-color: var(--pc-editor-base-color);
   border-radius: 8px;
 }
-.pc-add-block__button:hover {
-  transform: scale(1.05);
-}
 .pc-add-block__icon {
   width: 16px;
   height: 16px;
@@ -64,14 +66,16 @@ unpredictable css rules order in build */
   justify-content: center;
   align-items: center;
   transition: transform 0.2s;
+}
+.pc-add-block__popup .pc-add-block__block:hover {
+  transform: scale(1.05);
+}
+.pc-add-block__popup .pc-add-block__block {
   margin-top: 20px;
   justify-content: flex-start;
   text-align: start;
   cursor: pointer;
 }
-.pc-add-block__popup .pc-add-block__block:hover {
-  transform: scale(1.05);
-}
 .pc-add-block__popup .pc-add-block__block:first-child {
   margin-top: 0;
 }

package/build/esm/editor/components/CodeEditor/CodeEditor.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PageContent } from "../../../models/index.js";
 import { CodeEditorMessageProps } from "../../utils/validation.js";
 import './CodeEditor.css';
@@ -10,5 +9,5 @@ interface CodeEditorProps {
     onChange: (content: PageContent) => void;
     message?: CodeEditorMessageProps;
 }
-export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CodeEditor: ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,8 +11,7 @@ import { parseCode } from "../../utils/code.js";
 import { options } from "./constants.js";
 import './CodeEditor.css';
 const b = block('code-editor');
-const ON_CHANGE_DEBOUNCE_TIMEOUT = 300;
-export const CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
+export const CodeEditor = ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }) => {
     const [message, setMessage] = React.useState(() => validator(code));
     const { theme = Theme.Light } = React.useContext(EditorContext);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -20,8 +19,7 @@ export const CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, o
         const validationResult = validator(newCode);
         setMessage(validationResult);
         onChange(parseCode(newCode));
-    }, ON_CHANGE_DEBOUNCE_TIMEOUT), [onChange, validator]);
-    return (_jsxs("div", { className: b({ fullscreen: fullscreenModeOn }), children: [_jsx("div", { className: b('header'), children: _jsx(Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: _jsx(Icon, { data: fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight, size: 16 }) }) }), _jsx("div", { className: b('code'), children: _jsx(MonacoEditor, { defaultValue: code, value: code, language: "yaml", options: options, onChange: onChangeWithValidation, theme: theme === Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), _jsx("div", { className: b('footer'), children: message && (_jsx("div", { className: b('message-container'), children: _jsx("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
-});
-CodeEditor.displayName = 'CodeEditor';
+    }, 200), [onChange, validator]);
+    return (_jsxs("div", { className: b({ fullscreen: fullscreenModeOn }), children: [_jsx("div", { className: b('header'), children: _jsx(Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: _jsx(Icon, { data: fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight, size: 16 }) }) }), _jsx("div", { className: b('code'), children: _jsx(MonacoEditor, { value: code, language: "yaml", options: options, onChange: onChangeWithValidation, theme: theme === Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), _jsx("div", { className: b('footer'), children: message && (_jsx("div", { className: b('message-container'), children: _jsx("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
+};
 //# sourceMappingURL=CodeEditor.js.map

package/build/esm/editor/components/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,QAAQ,2BAAwB;AACvC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAc,KAAK,EAAC,iCAAwB;AACnD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAC5C,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAG3C,OAAO,EAAC,OAAO,EAAC,uBAAoB;AAEpC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAWvC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,EAAkB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,QAAQ,CAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,0BAA0B,CAAC,EAC9B,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,KAAC,IAAI,IACD,IAAI,EACA,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB,EAEtE,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IAET,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IANzC,MAAM,CAAC,gBAAgB,CAAC,CAO/B,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,YACjD,OAAO,CAAC,IAAI,GACX,GACJ,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\nconst ON_CHANGE_DEBOUNCE_TIMEOUT = 300;\n\ninterface CodeEditorProps {\n    code: string;\n    fullscreenModeOn: boolean;\n    validator: (code: string) => CodeEditorMessageProps;\n    onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n    onChange: (content: PageContent) => void;\n    message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = React.memo(\n    ({onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code}: CodeEditorProps) => {\n        const [message, setMessage] = React.useState(() => validator(code));\n        const {theme = Theme.Light} = React.useContext(EditorContext);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        const onChangeWithValidation = React.useCallback(\n            debounce((newCode: string) => {\n                const validationResult = validator(newCode);\n\n                setMessage(validationResult);\n                onChange(parseCode(newCode));\n            }, ON_CHANGE_DEBOUNCE_TIMEOUT),\n            [onChange, validator],\n        );\n\n        return (\n            <div className={b({fullscreen: fullscreenModeOn})}>\n                <div className={b('header')}>\n                    <Button\n                        view=\"flat-secondary\"\n                        onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n                    >\n                        <Icon\n                            data={\n                                fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight\n                            }\n                            size={16}\n                        />\n                    </Button>\n                </div>\n                <div className={b('code')}>\n                    <MonacoEditor\n                        key={String(fullscreenModeOn)}\n                        defaultValue={code}\n                        value={code}\n                        language=\"yaml\"\n                        options={options}\n                        onChange={onChangeWithValidation}\n                        theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n                    />\n                </div>\n                <div className={b('footer')}>\n                    {message && (\n                        <div className={b('message-container')}>\n                            <div className={b('message', {status: message.status})}>\n                                {message.text}\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n"]}
+{"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,QAAQ,2BAAwB;AACvC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAc,KAAK,EAAC,iCAAwB;AACnD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAC5C,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAG3C,OAAO,EAAC,OAAO,EAAC,uBAAoB;AAEpC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAW/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,wBAAwB,EACxB,IAAI,GACU,EAAE,EAAE;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,QAAQ,CAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,GAAG,CAAC,EACP,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,KAAC,IAAI,IACD,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB,EACxE,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IAET,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IALzC,MAAM,CAAC,gBAAgB,CAAC,CAM/B,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,YAAG,OAAO,CAAC,IAAI,GAAO,GAC1E,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\ninterface CodeEditorProps {\n    code: string;\n    fullscreenModeOn: boolean;\n    validator: (code: string) => CodeEditorMessageProps;\n    onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n    onChange: (content: PageContent) => void;\n    message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = ({\n    onChange,\n    validator,\n    fullscreenModeOn,\n    onFullscreenModeOnUpdate,\n    code,\n}: CodeEditorProps) => {\n    const [message, setMessage] = React.useState(() => validator(code));\n    const {theme = Theme.Light} = React.useContext(EditorContext);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const onChangeWithValidation = React.useCallback(\n        debounce((newCode: string) => {\n            const validationResult = validator(newCode);\n\n            setMessage(validationResult);\n            onChange(parseCode(newCode));\n        }, 200),\n        [onChange, validator],\n    );\n\n    return (\n        <div className={b({fullscreen: fullscreenModeOn})}>\n            <div className={b('header')}>\n                <Button\n                    view=\"flat-secondary\"\n                    onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n                >\n                    <Icon\n                        data={fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight}\n                        size={16}\n                    />\n                </Button>\n            </div>\n            <div className={b('code')}>\n                <MonacoEditor\n                    key={String(fullscreenModeOn)}\n                    value={code}\n                    language=\"yaml\"\n                    options={options}\n                    onChange={onChangeWithValidation}\n                    theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n                />\n            </div>\n            <div className={b('footer')}>\n                {message && (\n                    <div className={b('message-container')}>\n                        <div className={b('message', {status: message.status})}>{message.text}</div>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n"]}

package/build/esm/editor/components/ControlPanel/i18n/index.d.ts

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

package/build/esm/editor/components/EditBlock/EditBlock.css

@@ -51,15 +51,17 @@ unpredictable css rules order in build */
   justify-content: center;
   align-items: center;
   transition: transform 0.2s;
+}
+.pc-edit-block__control:hover {
+  transform: scale(1.1);
+}
+.pc-edit-block__control {
   width: 48px;
   height: 32px;
   border-radius: 8px;
   color: var(--pc-editor-control-icon-color);
   background-color: var(--pc-editor-control-color);
 }
-.pc-edit-block__control:hover {
-  transform: scale(1.1);
-}
 .pc-edit-block__control:not(:first-child) {
   margin-left: 4px;
 }

package/build/esm/editor/components/EditBlock/EditBlock.d.ts

@@ -10,5 +10,5 @@ export declare enum EditBlockControls {
 export type EditBlockActions = {
     [key in EditBlockControls]?: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ actions, isActive, onSelect, isHeader, children, resetPaddings, }: EditBlockProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actions, isActive, onSelect, isHeader, children }: EditBlockProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -24,7 +24,7 @@ const editBlockControlsIcons = {
     [EditBlockControls.Copy]: CopyIcon,
     [EditBlockControls.Delete]: TrashBin,
 };
-const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddings, }) => {
+const EditBlock = ({ actions, isActive, onSelect, isHeader, children }) => {
     const ref = React.useRef(null);
     const stopPropagationProps = React.useMemo(() => ({ onClick: (e) => e.stopPropagation() }), []);
     const { onKeyDown } = useActionHandlers(onSelect);
@@ -37,7 +37,6 @@ const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddi
     return (_jsxs("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0, children: [_jsx("div", { className: b('controls', {
                     active: isActive,
                     isHeader,
-                    'reset-paddings': resetPaddings,
                 }), children: isActive && (_jsx("div", { className: b('controls-content'), ...stopPropagationProps, children: actionsOrder.map((action) => {
                         const Icon = editBlockControlsIcons[action];
                         return actions[action] ? (_jsx("button", { className: b('control'), onClick: actions[action], children: _jsx(Icon, {}) }, action)) : null;

package/build/esm/editor/components/EditBlock/EditBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/EditBlock/EditBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin} from '@gravity-ui/icons';\nimport {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {EditBlockProps} from '../../types';\n\nimport './EditBlock.scss';\n\nconst b = block('edit-block');\n\nexport enum EditBlockControls {\n    Up = 'up',\n    Down = 'down',\n    Copy = 'copy',\n    Delete = 'delete',\n}\n\nconst actionsOrder = [\n    EditBlockControls.Up,\n    EditBlockControls.Down,\n    EditBlockControls.Copy,\n    EditBlockControls.Delete,\n];\n\nconst editBlockControlsIcons = {\n    [EditBlockControls.Up]: ChevronUp,\n    [EditBlockControls.Down]: ChevronDown,\n    [EditBlockControls.Copy]: CopyIcon,\n    [EditBlockControls.Delete]: TrashBin,\n};\n\nexport type EditBlockActions = {\n    [key in EditBlockControls]?: () => void;\n};\n\nconst EditBlock = ({\n    actions,\n    isActive,\n    onSelect,\n    isHeader,\n    children,\n    resetPaddings,\n}: EditBlockProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const stopPropagationProps = React.useMemo(\n        () => ({onClick: (e: React.MouseEvent) => e.stopPropagation()}),\n        [],\n    );\n\n    const {onKeyDown} = useActionHandlers(onSelect);\n\n    React.useEffect(() => {\n        if (isActive && ref.current) {\n            //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support\n            ref.current.scrollIntoView({block: 'center'});\n        }\n    }, [isActive]);\n\n    return (\n        <div\n            className={b({active: isActive})}\n            onClick={onSelect}\n            onKeyDown={onKeyDown}\n            ref={ref}\n            role=\"button\"\n            aria-current={isActive}\n            tabIndex={0}\n        >\n            <div\n                className={b('controls', {\n                    active: isActive,\n                    isHeader,\n                    'reset-paddings': resetPaddings,\n                })}\n            >\n                {isActive && (\n                    <div className={b('controls-content')} {...stopPropagationProps}>\n                        {actionsOrder.map((action) => {\n                            const Icon = editBlockControlsIcons[action];\n\n                            return actions[action] ? (\n                                <button\n                                    key={action}\n                                    className={b('control')}\n                                    onClick={actions[action]}\n                                >\n                                    <Icon />\n                                </button>\n                            ) : null;\n                        })}\n                    </div>\n                )}\n            </div>\n            {children}\n        </div>\n    );\n};\n\nexport default React.memo(EditBlock);\n"]}
+{"version":3,"file":"EditBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/EditBlock/EditBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin} from '@gravity-ui/icons';\nimport {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {EditBlockProps} from '../../types';\n\nimport './EditBlock.scss';\n\nconst b = block('edit-block');\n\nexport enum EditBlockControls {\n    Up = 'up',\n    Down = 'down',\n    Copy = 'copy',\n    Delete = 'delete',\n}\n\nconst actionsOrder = [\n    EditBlockControls.Up,\n    EditBlockControls.Down,\n    EditBlockControls.Copy,\n    EditBlockControls.Delete,\n];\n\nconst editBlockControlsIcons = {\n    [EditBlockControls.Up]: ChevronUp,\n    [EditBlockControls.Down]: ChevronDown,\n    [EditBlockControls.Copy]: CopyIcon,\n    [EditBlockControls.Delete]: TrashBin,\n};\n\nexport type EditBlockActions = {\n    [key in EditBlockControls]?: () => void;\n};\n\nconst EditBlock = ({actions, isActive, onSelect, isHeader, children}: EditBlockProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const stopPropagationProps = React.useMemo(\n        () => ({onClick: (e: React.MouseEvent) => e.stopPropagation()}),\n        [],\n    );\n\n    const {onKeyDown} = useActionHandlers(onSelect);\n\n    React.useEffect(() => {\n        if (isActive && ref.current) {\n            //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support\n            ref.current.scrollIntoView({block: 'center'});\n        }\n    }, [isActive]);\n\n    return (\n        <div\n            className={b({active: isActive})}\n            onClick={onSelect}\n            onKeyDown={onKeyDown}\n            ref={ref}\n            role=\"button\"\n            aria-current={isActive}\n            tabIndex={0}\n        >\n            <div\n                className={b('controls', {\n                    active: isActive,\n                    isHeader,\n                })}\n            >\n                {isActive && (\n                    <div className={b('controls-content')} {...stopPropagationProps}>\n                        {actionsOrder.map((action) => {\n                            const Icon = editBlockControlsIcons[action];\n\n                            return actions[action] ? (\n                                <button\n                                    key={action}\n                                    className={b('control')}\n                                    onClick={actions[action]}\n                                >\n                                    <Icon />\n                                </button>\n                            ) : null;\n                        })}\n                    </div>\n                )}\n            </div>\n            {children}\n        </div>\n    );\n};\n\nexport default React.memo(EditBlock);\n"]}

package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { BlockDecorationProps } from "../../../models/index.js";
+import { BlockWrapperDataProps } from "../../../models/index.js";
 import './ErrorBoundary.css';
-interface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {
+interface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockWrapperDataProps> {
 }
 interface ErrorBoundaryState {
     error?: string;

package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"../../../../../src","sources":["editor/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,UAAU,EAAC,6BAAoB;AAEvC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACtF,KAAK,GAAG,EAAwB,CAAC;IAEjC,iBAAiB,CAAC,KAAY,EAAE,IAAqB;QACjD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,cAAc,EAAE,EAAC,CAAC,CAAC;IACvE,CAAC;IAED,MAAM;QACF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI;YACf,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAC,EAAE,EAAE,UAAU,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EAAC,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,EAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,aAAI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAM,EACzC,eAAM,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,IACzC,IACJ,GACJ,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ","sourcesContent":["import * as React from 'react';\n\nimport {BlockDecorationProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {getBlockId} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './ErrorBoundary.scss';\n\nconst b = block('error-boundary');\n\ninterface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {}\ninterface ErrorBoundaryState {\n    error?: string;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    state = {} as ErrorBoundaryState;\n\n    componentDidCatch(error: Error, info: React.ErrorInfo) {\n        this.setState({error: `${error.message} ${info?.componentStack}`});\n    }\n\n    render() {\n        const {type, index} = this.props;\n        const {error} = this.state;\n        const header = type\n            ? i18n('error-block-header', {id: getBlockId({type, index})})\n            : i18n('error-page-header');\n\n        if (this.state.error) {\n            return (\n                <div className={b()}>\n                    <div className={b('container')}>\n                        <div className={b('image')} />\n                        <div className={b('content')}>\n                            <h2 className={b('header')}>{header}</h2>\n                            <code className={b('error')}>{error}</code>\n                        </div>\n                    </div>\n                </div>\n            );\n        }\n\n        return this.props.children;\n    }\n}\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"../../../../../src","sources":["editor/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,UAAU,EAAC,6BAAoB;AAEvC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACtF,KAAK,GAAG,EAAwB,CAAC;IAEjC,iBAAiB,CAAC,KAAY,EAAE,IAAqB;QACjD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,cAAc,EAAE,EAAC,CAAC,CAAC;IACvE,CAAC;IAED,MAAM;QACF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI;YACf,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAC,EAAE,EAAE,UAAU,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EAAC,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,EAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,aAAI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAM,EACzC,eAAM,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,IACzC,IACJ,GACJ,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ","sourcesContent":["import * as React from 'react';\n\nimport {BlockWrapperDataProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {getBlockId} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './ErrorBoundary.scss';\n\nconst b = block('error-boundary');\n\ninterface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockWrapperDataProps> {}\ninterface ErrorBoundaryState {\n    error?: string;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    state = {} as ErrorBoundaryState;\n\n    componentDidCatch(error: Error, info: React.ErrorInfo) {\n        this.setState({error: `${error.message} ${info?.componentStack}`});\n    }\n\n    render() {\n        const {type, index} = this.props;\n        const {error} = this.state;\n        const header = type\n            ? i18n('error-block-header', {id: getBlockId({type, index})})\n            : i18n('error-page-header');\n\n        if (this.state.error) {\n            return (\n                <div className={b()}>\n                    <div className={b('container')}>\n                        <div className={b('image')} />\n                        <div className={b('content')}>\n                            <h2 className={b('header')}>{header}</h2>\n                            <code className={b('error')}>{error}</code>\n                        </div>\n                    </div>\n                </div>\n            );\n        }\n\n        return this.props.children;\n    }\n}\n"]}

package/build/esm/editor/components/ErrorBoundary/i18n/index.d.ts

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

package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.d.ts

@@ -1,3 +1,4 @@
-import { BlockDecorationProps } from "../../../models/index.js";
+import * as React from 'react';
+import { BlockWrapperDataProps } from "../../../models/index.js";
 import './NotFoundBlock.css';
-export declare const NotFoundBlock: ({ type, children }: BlockDecorationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotFoundBlock: ({ type, children }: BlockWrapperDataProps & React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotFoundBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/NotFoundBlock/NotFoundBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,qCAA4B;AAE9C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAuB,EAAE,EAAE,CACpE,QAAQ,CAAC,CAAC,CAAC,CACP,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAC9C,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,cACN,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,IAAI,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAO,GAC5C,CACf,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockBase} from '../../../components';\nimport {BlockDecorationProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './NotFoundBlock.scss';\n\nconst b = block('not-found-block');\n\nexport const NotFoundBlock = ({type, children}: BlockDecorationProps) =>\n    children ? (\n        <React.Fragment>{children}</React.Fragment>\n    ) : (\n        <BlockBase>\n            <div className={b()}>{i18n('message', {type})}</div>\n        </BlockBase>\n    );\n"]}
+{"version":3,"file":"NotFoundBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/NotFoundBlock/NotFoundBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,qCAA4B;AAE9C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAkD,EAAE,EAAE,CAC/F,QAAQ,CAAC,CAAC,CAAC,CACP,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAC9C,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,cACN,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,IAAI,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAO,GAC5C,CACf,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockBase} from '../../../components';\nimport {BlockWrapperDataProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './NotFoundBlock.scss';\n\nconst b = block('not-found-block');\n\nexport const NotFoundBlock = ({type, children}: BlockWrapperDataProps & React.PropsWithChildren) =>\n    children ? (\n        <React.Fragment>{children}</React.Fragment>\n    ) : (\n        <BlockBase>\n            <div className={b()}>{i18n('message', {type})}</div>\n        </BlockBase>\n    );\n"]}

package/build/esm/editor/components/NotFoundBlock/i18n/index.d.ts

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

package/build/esm/editor/components/PageSettings/i18n/index.d.ts

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

package/build/esm/editor/containers/Editor/Editor.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PageConstructor, PageConstructorProvider } from "../../../containers/PageConstructor/index.js";
+import { GravityBlocksProvider } from "../../../gravity-blocks/extensions/GravityBlocksExtension.js";
 import { block } from "../../../utils/index.js";
 import AddBlock from "../../components/AddBlock/AddBlock.js";
 import { CodeEditor } from "../../components/CodeEditor/CodeEditor.js";
@@ -15,6 +16,6 @@ const b = block('editor');
 export const Editor = (props) => {
     const { providerProps } = props;
     const { context, viewMode, editMode, constructorTheme, onThemeUpdate, onViewModeUpdate, onEditModeUpdate, isCodeEditMode, isFormEditMode, isDesktopViewMode, content, schema, onContentUpdate, code, codeValidator, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, activeBlockIndex, onSelect, isCodeOnlyMode, errorBoundaryState, outgoingProps, onAdd, } = useEditorState(props);
-    return (_jsxs(EditorContext.Provider, { value: context, children: [_jsx(ControlPanel, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && (_jsx(PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && (_jsx(CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), _jsxs(Layout, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && (_jsx(Layout.Left, { children: _jsx(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && (_jsxs(Layout.Right, { children: [_jsx(ErrorBoundary, { children: _jsx(PageConstructorProvider, { ...providerProps, theme: constructorTheme, children: _jsx(PageConstructor, { ...outgoingProps }) }) }, errorBoundaryState), isFormEditMode && _jsx(AddBlock, { onAdd: onAdd })] }))] })] }));
+    return (_jsxs(EditorContext.Provider, { value: context, children: [_jsx(ControlPanel, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && (_jsx(PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && (_jsx(CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), _jsxs(Layout, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && (_jsx(Layout.Left, { children: _jsx(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && (_jsxs(Layout.Right, { children: [_jsx(ErrorBoundary, { children: _jsx(PageConstructorProvider, { ...providerProps, children: _jsx(GravityBlocksProvider, { theme: constructorTheme, children: _jsx(PageConstructor, { ...outgoingProps }) }) }) }, errorBoundaryState), isFormEditMode && _jsx(AddBlock, { onAdd: onAdd })] }))] })] }));
 };
 //# sourceMappingURL=Editor.js.map

package/build/esm/editor/containers/Editor/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor/containers/Editor/Editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,uBAAuB,EAAC,qDAA4C;AAC7F,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,QAAQ,8CAA2C;AAC1D,OAAO,EAAC,UAAU,EAAC,kDAA+C;AAClE,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,aAAa,EAAC,wDAAqD;AAC3E,OAAO,MAAM,0CAAuC;AACpD,OAAO,EAAC,YAAY,EAAC,sDAAmD;AACxE,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAE5C,OAAO,EAAC,IAAI,EAAC,wBAAqB;AAElC,OAAO,EAAC,cAAc,EAAC,kCAA+B;AAEtD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC;IAE9B,MAAM,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,IAAI,EACJ,aAAa,EACb,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,KAAK,GACR,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE1B,OAAO,CACH,MAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,aAClC,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,aAAa,GAC9B,EACD,cAAc,IAAI,iBAAiB,IAAI,CACpC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAI,CAChF,EACA,cAAc,IAAI,CACf,KAAC,UAAU,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,wBAAwB,EAAE,2BAA2B,GACvD,CACL,EACD,MAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACzC,cAAc,IAAI,iBAAiB,IAAI,CACpC,KAAC,MAAM,CAAC,IAAI,cACR,KAAC,IAAI,IACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACpB,GACQ,CACjB,EACA,CAAC,cAAc,IAAI,CAChB,MAAC,MAAM,CAAC,KAAK,eACT,KAAC,aAAa,cACV,KAAC,uBAAuB,OAAK,aAAa,EAAE,KAAK,EAAE,gBAAgB,YAC/D,KAAC,eAAe,OAAK,aAAa,GAAI,GAChB,IAHV,kBAAkB,CAItB,EACf,cAAc,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IAClC,CAClB,IACI,IACY,CAC5B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {PageConstructor, PageConstructorProvider} from '../../../containers/PageConstructor';\nimport {block} from '../../../utils';\nimport AddBlock from '../../components/AddBlock/AddBlock';\nimport {CodeEditor} from '../../components/CodeEditor/CodeEditor';\nimport ControlPanel from '../../components/ControlPanel/ControlPanel';\nimport {ErrorBoundary} from '../../components/ErrorBoundary/ErrorBoundary';\nimport Layout from '../../components/Layout/Layout';\nimport {PageSettings} from '../../components/PageSettings/PageSettings';\nimport {EditorContext} from '../../context';\nimport {EditorProps} from '../../types';\nimport {Form} from '../Form/Form';\n\nimport {useEditorState} from './hooks/useEditorState';\n\nimport './Editor.scss';\n\nconst b = block('editor');\n\nexport const Editor = (props: EditorProps) => {\n    const {providerProps} = props;\n\n    const {\n        context,\n        viewMode,\n        editMode,\n        constructorTheme,\n        onThemeUpdate,\n        onViewModeUpdate,\n        onEditModeUpdate,\n        isCodeEditMode,\n        isFormEditMode,\n        isDesktopViewMode,\n        content,\n        schema,\n        onContentUpdate,\n        code,\n        codeValidator,\n        codeFullscreeModeOn,\n        onCodeFullscreeModeOnUpdate,\n        activeBlockIndex,\n        onSelect,\n        isCodeOnlyMode,\n        errorBoundaryState,\n        outgoingProps,\n        onAdd,\n    } = useEditorState(props);\n\n    return (\n        <EditorContext.Provider value={context}>\n            <ControlPanel\n                viewMode={viewMode}\n                onViewModeChange={onViewModeUpdate}\n                editMode={editMode}\n                onEditModeChange={onEditModeUpdate}\n                theme={constructorTheme}\n                className={b('panel')}\n                onThemeChange={onThemeUpdate}\n            />\n            {isFormEditMode && isDesktopViewMode && (\n                <PageSettings content={content} schema={schema} onChange={onContentUpdate} />\n            )}\n            {isCodeEditMode && (\n                <CodeEditor\n                    code={code}\n                    onChange={onContentUpdate}\n                    validator={codeValidator}\n                    fullscreenModeOn={codeFullscreeModeOn}\n                    onFullscreenModeOnUpdate={onCodeFullscreeModeOnUpdate}\n                />\n            )}\n            <Layout editMode={editMode} viewMode={viewMode}>\n                {isFormEditMode && isDesktopViewMode && (\n                    <Layout.Left>\n                        <Form\n                            content={content}\n                            onChange={onContentUpdate}\n                            activeBlockIndex={activeBlockIndex}\n                            schema={schema}\n                            onSelect={onSelect}\n                        />\n                    </Layout.Left>\n                )}\n                {!isCodeOnlyMode && (\n                    <Layout.Right>\n                        <ErrorBoundary key={errorBoundaryState}>\n                            <PageConstructorProvider {...providerProps} theme={constructorTheme}>\n                                <PageConstructor {...outgoingProps} />\n                            </PageConstructorProvider>\n                        </ErrorBoundary>\n                        {isFormEditMode && <AddBlock onAdd={onAdd} />}\n                    </Layout.Right>\n                )}\n            </Layout>\n        </EditorContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor/containers/Editor/Editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,uBAAuB,EAAC,qDAA4C;AAC7F,OAAO,EAAC,qBAAqB,EAAC,qEAAkE;AAChG,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,QAAQ,8CAA2C;AAC1D,OAAO,EAAC,UAAU,EAAC,kDAA+C;AAClE,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,aAAa,EAAC,wDAAqD;AAC3E,OAAO,MAAM,0CAAuC;AACpD,OAAO,EAAC,YAAY,EAAC,sDAAmD;AACxE,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAE5C,OAAO,EAAC,IAAI,EAAC,wBAAqB;AAElC,OAAO,EAAC,cAAc,EAAC,kCAA+B;AAEtD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC;IAE9B,MAAM,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,IAAI,EACJ,aAAa,EACb,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,KAAK,GACR,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE1B,OAAO,CACH,MAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,aAClC,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,aAAa,GAC9B,EACD,cAAc,IAAI,iBAAiB,IAAI,CACpC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAI,CAChF,EACA,cAAc,IAAI,CACf,KAAC,UAAU,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,wBAAwB,EAAE,2BAA2B,GACvD,CACL,EACD,MAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACzC,cAAc,IAAI,iBAAiB,IAAI,CACpC,KAAC,MAAM,CAAC,IAAI,cACR,KAAC,IAAI,IACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACpB,GACQ,CACjB,EACA,CAAC,cAAc,IAAI,CAChB,MAAC,MAAM,CAAC,KAAK,eACT,KAAC,aAAa,cACV,KAAC,uBAAuB,OAAK,aAAa,YACtC,KAAC,qBAAqB,IAAC,KAAK,EAAE,gBAAgB,YAC1C,KAAC,eAAe,OAAK,aAAa,GAAI,GAClB,GACF,IALV,kBAAkB,CAMtB,EACf,cAAc,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IAClC,CAClB,IACI,IACY,CAC5B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {PageConstructor, PageConstructorProvider} from '../../../containers/PageConstructor';\nimport {GravityBlocksProvider} from '../../../gravity-blocks/extensions/GravityBlocksExtension';\nimport {block} from '../../../utils';\nimport AddBlock from '../../components/AddBlock/AddBlock';\nimport {CodeEditor} from '../../components/CodeEditor/CodeEditor';\nimport ControlPanel from '../../components/ControlPanel/ControlPanel';\nimport {ErrorBoundary} from '../../components/ErrorBoundary/ErrorBoundary';\nimport Layout from '../../components/Layout/Layout';\nimport {PageSettings} from '../../components/PageSettings/PageSettings';\nimport {EditorContext} from '../../context';\nimport {EditorProps} from '../../types';\nimport {Form} from '../Form/Form';\n\nimport {useEditorState} from './hooks/useEditorState';\n\nimport './Editor.scss';\n\nconst b = block('editor');\n\nexport const Editor = (props: EditorProps) => {\n    const {providerProps} = props;\n\n    const {\n        context,\n        viewMode,\n        editMode,\n        constructorTheme,\n        onThemeUpdate,\n        onViewModeUpdate,\n        onEditModeUpdate,\n        isCodeEditMode,\n        isFormEditMode,\n        isDesktopViewMode,\n        content,\n        schema,\n        onContentUpdate,\n        code,\n        codeValidator,\n        codeFullscreeModeOn,\n        onCodeFullscreeModeOnUpdate,\n        activeBlockIndex,\n        onSelect,\n        isCodeOnlyMode,\n        errorBoundaryState,\n        outgoingProps,\n        onAdd,\n    } = useEditorState(props);\n\n    return (\n        <EditorContext.Provider value={context}>\n            <ControlPanel\n                viewMode={viewMode}\n                onViewModeChange={onViewModeUpdate}\n                editMode={editMode}\n                onEditModeChange={onEditModeUpdate}\n                theme={constructorTheme}\n                className={b('panel')}\n                onThemeChange={onThemeUpdate}\n            />\n            {isFormEditMode && isDesktopViewMode && (\n                <PageSettings content={content} schema={schema} onChange={onContentUpdate} />\n            )}\n            {isCodeEditMode && (\n                <CodeEditor\n                    code={code}\n                    onChange={onContentUpdate}\n                    validator={codeValidator}\n                    fullscreenModeOn={codeFullscreeModeOn}\n                    onFullscreenModeOnUpdate={onCodeFullscreeModeOnUpdate}\n                />\n            )}\n            <Layout editMode={editMode} viewMode={viewMode}>\n                {isFormEditMode && isDesktopViewMode && (\n                    <Layout.Left>\n                        <Form\n                            content={content}\n                            onChange={onContentUpdate}\n                            activeBlockIndex={activeBlockIndex}\n                            schema={schema}\n                            onSelect={onSelect}\n                        />\n                    </Layout.Left>\n                )}\n                {!isCodeOnlyMode && (\n                    <Layout.Right>\n                        <ErrorBoundary key={errorBoundaryState}>\n                            <PageConstructorProvider {...providerProps}>\n                                <GravityBlocksProvider theme={constructorTheme}>\n                                    <PageConstructor {...outgoingProps} />\n                                </GravityBlocksProvider>\n                            </PageConstructorProvider>\n                        </ErrorBoundary>\n                        {isFormEditMode && <AddBlock onAdd={onAdd} />}\n                    </Layout.Right>\n                )}\n            </Layout>\n        </EditorContext.Provider>\n    );\n};\n"]}

package/build/esm/editor/containers/Editor/hooks/useEditorState.d.ts

@@ -8,14 +8,7 @@ export declare const useEditorState: ({ customSchema, onChange, providerProps, t
         providerProps: {
             isMobile: boolean;
             theme: import("../../../../index.js").Theme;
-            locale?: import("../../../../context/localeContext/index.js").LocaleContextProps;
-            location?: import("../../../../context/locationContext/index.js").LocationContextProps;
-            ssrConfig?: import("../../../../context/ssrContext/index.js").SSRContextProps;
-            mapsContext?: import("../../../../context/mapsContext/mapsContext.js").MapsContextType;
-            projectSettings?: import("../../../../context/projectSettingsContext/index.js").ProjectSettingsContextProps;
-            analytics?: import("../../../../index.js").AnalyticsContextProps;
-            forms?: import("../../../../context/formsContext/index.js").FormsContextProps;
-            image?: import("../../../../context/imageContext/index.js").ImageContextProps;
+            blocks?: Array<import("../../../../constructor-items.js").BlockData>;
         };
         deviceEmulationSettings: import("../../../index.js").DeviceEmulationSettings | undefined;
         theme: import("../../../../index.js").Theme | undefined;
@@ -42,6 +35,7 @@ export declare const useEditorState: ({ customSchema, onChange, providerProps, t
     outgoingProps: {
         content: import("../../../../index.js").PageContent;
         custom: import("../../../../index.js").CustomConfig | undefined;
+        extensions: import("../../../../containers/PageConstructor/PageConstructor.js").PageConstructorExtension<{}, {}, {}>[];
         viewMode: ViewModeItem;
     };
     onAdd: (block: import("../../../../index.js").Block) => void;