@gravity-ui/page-constructor 7.0.0-beta.2 → 7.0.0-beta.3

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { BlockIdContext } from "../../../../context/blockIdContext/index.js";
@@ -6,9 +5,9 @@ import { InnerContext } from "../../../../context/innerContext/index.js";
 import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
 export const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = React.useContext(InnerContext);
-    const { type } = data, rest = __rest(data, ["type"]);
+    const { type, ...rest } = data;
     const Component = itemMap[type];
-    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, Object.assign({}, rest, { children: children })) }));
+    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, { ...rest, children: children }) }));
 };
 export const ConstructorHeader = ({ data, blockKey, }) => (_jsx(BlockDecoration, { type: data.type, children: _jsx(ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
 //# sourceMappingURL=ConstructorItem.js.map

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,KAAa,IAAI,EAAZ,IAAI,UAAI,IAAI,EAAtB,QAAe,CAAO,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,oBAAK,IAAI,cAAG,QAAQ,IAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => (\n    <BlockDecoration type={data.type as BlockType}>\n        <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n    </BlockDecoration>\n);\n"]}
+{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => (\n    <BlockDecoration type={data.type as BlockType}>\n        <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n    </BlockDecoration>\n);\n"]}

package/build/esm/context/projectSettingsContext/ProjectSettingsContext.d.ts

@@ -2,5 +2,7 @@ import * as React from 'react';
 export interface ProjectSettingsContextProps {
     disableCompress?: boolean;
     isAnimationEnabled?: boolean;
+    renderInvisibleBlocks?: boolean;
+    defaultYandexFormTheme?: string;
 }
 export declare const ProjectSettingsContext: React.Context<ProjectSettingsContextProps>;

package/build/esm/context/projectSettingsContext/ProjectSettingsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectSettingsContext.js","sourceRoot":"../../../../src","sources":["context/projectSettingsContext/ProjectSettingsContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface ProjectSettingsContextProps {\n    disableCompress?: boolean;\n    isAnimationEnabled?: boolean;\n}\n\nexport const ProjectSettingsContext = React.createContext<ProjectSettingsContextProps>({});\n"]}
+{"version":3,"file":"ProjectSettingsContext.js","sourceRoot":"../../../../src","sources":["context/projectSettingsContext/ProjectSettingsContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface ProjectSettingsContextProps {\n    disableCompress?: boolean;\n    isAnimationEnabled?: boolean;\n    renderInvisibleBlocks?: boolean;\n    defaultYandexFormTheme?: string;\n}\n\nexport const ProjectSettingsContext = React.createContext<ProjectSettingsContextProps>({});\n"]}

package/build/esm/context/theme/withTheme.js

@@ -2,15 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ThemeContext } from "./ThemeContext.js";
 export function withTheme(WrappedComponent) {
-    var _a;
     const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    return _a = class WithThemeComponent extends React.Component {
-            render() {
-                return _jsx(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
-            }
-        },
-        _a.displayName = `withTheme(${componentName})`,
-        _a.contextType = ThemeContext,
-        _a;
+    return class WithThemeComponent extends React.Component {
+        static displayName = `withTheme(${componentName})`;
+        static contextType = ThemeContext;
+        render() {
+            return _jsx(WrappedComponent, { ...this.props, theme: this.context.theme });
+        }
+    };
 }
 //# sourceMappingURL=withTheme.js.map

package/build/esm/context/theme/withTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,YAAY,EAAoB,0BAAuB;AAI/D,MAAM,UAAU,SAAS,CACrB,gBAAwC;;IAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAE3F,YAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAsC;YAKhF,MAAM;gBACF,OAAO,KAAC,gBAAgB,oBAAM,IAAI,CAAC,KAAW,IAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;YAClF,CAAC;SACJ;QAPU,cAAW,GAAG,aAAa,aAAa,GAAI;QAC5C,cAAW,GAAG,YAAa;WAMpC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Subtract} from 'utility-types';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport interface WithThemeProps extends ThemeContextProps {}\n\nexport function withTheme<T extends WithThemeProps>(\n    WrappedComponent: React.ComponentType<T>,\n): React.ComponentType<Subtract<T, WithThemeProps>> {\n    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n    return class WithThemeComponent extends React.Component<Subtract<T, WithThemeProps>> {\n        static displayName = `withTheme(${componentName})`;\n        static contextType = ThemeContext;\n        context!: ThemeContextProps;\n\n        render() {\n            return <WrappedComponent {...(this.props as T)} theme={this.context.theme} />;\n        }\n    };\n}\n"]}
+{"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,YAAY,EAAoB,0BAAuB;AAI/D,MAAM,UAAU,SAAS,CACrB,gBAAwC;IAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAE3F,OAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAsC;QAChF,MAAM,CAAC,WAAW,GAAG,aAAa,aAAa,GAAG,CAAC;QACnD,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC;QAGlC,MAAM;YACF,OAAO,KAAC,gBAAgB,OAAM,IAAI,CAAC,KAAW,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAI,CAAC;QAClF,CAAC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Subtract} from 'utility-types';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport interface WithThemeProps extends ThemeContextProps {}\n\nexport function withTheme<T extends WithThemeProps>(\n    WrappedComponent: React.ComponentType<T>,\n): React.ComponentType<Subtract<T, WithThemeProps>> {\n    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n    return class WithThemeComponent extends React.Component<Subtract<T, WithThemeProps>> {\n        static displayName = `withTheme(${componentName})`;\n        static contextType = ThemeContext;\n        declare context: ThemeContextProps;\n\n        render() {\n            return <WrappedComponent {...(this.props as T)} theme={this.context.theme} />;\n        }\n    };\n}\n"]}

package/build/esm/customization/BlockDecoration.js

@@ -1,13 +1,10 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { InnerContext } from "../context/innerContext/index.js";
-export const BlockDecoration = (_a) => {
-    var _b, _c;
-    var { children: blockChildren } = _a, rest = __rest(_a, ["children"]);
-    const blockDecorators = (_c = (_b = React.useContext(InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
+export const BlockDecoration = ({ children: blockChildren, ...rest }) => {
+    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;
     const content = blockDecorators
-        ? blockDecorators.reduce((children, decorator) => decorator(Object.assign({ children }, rest)), blockChildren)
+        ? blockDecorators.reduce((children, decorator) => decorator({ children, ...rest }), blockChildren)
         : blockChildren;
     return _jsx(React.Fragment, { children: content });
 };

package/build/esm/customization/BlockDecoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,yCAAgC;AAGrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAGgB,EAAE,EAAE;;QAHpB,EAC5B,QAAQ,EAAE,aAAa,OAEqB,EADzC,IAAI,cAFqB,YAG/B,CADU;IAEP,MAAM,eAAe,GAAG,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,aAAa,0CAAE,UAAU,0CAAE,KAAK,CAAC;IAExF,MAAM,OAAO,GAAG,eAAe;QAC3B,CAAC,CAAC,eAAe,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,iBAAE,QAAQ,IAAK,IAAI,EAAE,EACvD,aAAa,CAChB;QACH,CAAC,CAAC,aAAa,CAAC;IAEpB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../context/innerContext';\nimport {BlockDecorationProps} from '../models';\n\nexport const BlockDecoration = ({\n    children: blockChildren,\n    ...rest\n}: React.PropsWithChildren<BlockDecorationProps>) => {\n    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;\n\n    const content = blockDecorators\n        ? blockDecorators.reduce(\n              (children, decorator) => decorator({children, ...rest}),\n              blockChildren,\n          )\n        : blockChildren;\n\n    return <React.Fragment>{content}</React.Fragment>;\n};\n"]}
+{"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,yCAAgC;AAGrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EAAE,aAAa,EACvB,GAAG,IAAI,EACqC,EAAE,EAAE;IAChD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC;IAExF,MAAM,OAAO,GAAG,eAAe;QAC3B,CAAC,CAAC,eAAe,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,CAAC,EACvD,aAAa,CAChB;QACH,CAAC,CAAC,aAAa,CAAC;IAEpB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../context/innerContext';\nimport {BlockDecorationProps} from '../models';\n\nexport const BlockDecoration = ({\n    children: blockChildren,\n    ...rest\n}: React.PropsWithChildren<BlockDecorationProps>) => {\n    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;\n\n    const content = blockDecorators\n        ? blockDecorators.reduce(\n              (children, decorator) => decorator({children, ...rest}),\n              blockChildren,\n          )\n        : blockChildren;\n\n    return <React.Fragment>{content}</React.Fragment>;\n};\n"]}

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

@@ -17,10 +17,9 @@ const AddBlock = ({ onAdd, className }) => {
         if (!editorBlocksData) {
             return [];
         }
-        return sortedBlockNames.filter((blockName) => {
-            var _a;
-            return (_a = editorBlocksData[blockName]) === null || _a === void 0 ? void 0 : _a.meta.title.toLocaleLowerCase().startsWith(search.toLocaleLowerCase());
-        });
+        return sortedBlockNames.filter((blockName) => editorBlocksData[blockName]?.meta.title
+            .toLocaleLowerCase()
+            .startsWith(search.toLocaleLowerCase()));
     }, [editorBlocksData, search]);
     React.useEffect(() => {
         const loadEditorBlocksData = async () => {
@@ -33,16 +32,15 @@ const AddBlock = ({ onAdd, className }) => {
                     setIsOpened(!isOpened);
                     setSearch('');
                 }, children: _jsx(Plus, { className: b('icon') }) }), isOpened && (_jsxs(Popup, { anchorRef: ref, open: isOpened, placement: "top", className: b('popup'), offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [_jsx("div", { className: b('search'), children: _jsx(TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), _jsx("div", { className: b('blocks'), children: blocks.map((blockName) => {
-                            var _a;
-                            const blockData = editorBlocksData === null || editorBlocksData === void 0 ? void 0 : editorBlocksData[blockName];
+                            const blockData = editorBlocksData?.[blockName];
                             if (!blockData) {
                                 return null;
                             }
                             const Preview = blockData.preview;
                             return (_jsxs("button", { className: b('block'), onClick: () => {
-                                    onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
+                                    onAdd(blockData?.template);
                                     setIsOpened(false);
-                                }, children: [_jsx("div", { className: b('preview'), children: _jsx(Preview, {}) }), _jsxs("div", { className: b('info'), children: [_jsx("h4", { className: b('title'), children: blockData.meta.title }), ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && (_jsx("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
+                                }, children: [_jsx("div", { className: b('preview'), children: _jsx(Preview, {}) }), _jsxs("div", { className: b('info'), children: [_jsx("h4", { className: b('title'), children: blockData.meta.title }), blockData?.meta?.description && (_jsx("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
                         }) })] }))] }));
 };
 export default AddBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Plus} from '@gravity-ui/icons';\nimport {Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {blockMap} from '../../../constructor-items';\nimport {Block, BlockType, ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorBlocksData, getEditorBlocksData} from '../../data';\n\nimport './AddBlock.scss';\n\nconst b = block('add-block');\n\nexport interface AddBlockProps extends ClassNameProps {\n    onAdd: (data: Block) => void;\n}\n\nconst sortedBlockNames = Object.keys(blockMap).sort();\n\nconst AddBlock = ({onAdd, className}: React.PropsWithChildren<AddBlockProps>) => {\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [search, setSearch] = React.useState('');\n    const [editorBlocksData, setEditorBlocksData] = React.useState<EditorBlocksData | null>(null);\n\n    const ref = React.useRef(null);\n    const blocks = React.useMemo(() => {\n        if (!editorBlocksData) {\n            return [];\n        }\n\n        return sortedBlockNames.filter((blockName) =>\n            editorBlocksData[blockName as BlockType]?.meta.title\n                .toLocaleLowerCase()\n                .startsWith(search.toLocaleLowerCase()),\n        );\n    }, [editorBlocksData, search]);\n\n    React.useEffect(() => {\n        const loadEditorBlocksData = async () => {\n            const data = await getEditorBlocksData();\n            setEditorBlocksData(data);\n        };\n\n        loadEditorBlocksData();\n    }, []);\n\n    return (\n        <div className={b(null, className)} ref={ref}>\n            <button\n                className={b('button')}\n                type=\"button\"\n                onClick={() => {\n                    setIsOpened(!isOpened);\n                    setSearch('');\n                }}\n            >\n                <Plus className={b('icon')} />\n            </button>\n            {isOpened && (\n                <Popup\n                    anchorRef={ref}\n                    open={isOpened}\n                    placement=\"top\"\n                    className={b('popup')}\n                    offset={{mainAxis: 0, crossAxis: 24}}\n                    onOutsideClick={() => setIsOpened(false)}\n                >\n                    <div className={b('search')}>\n                        <TextInput\n                            placeholder=\"search\"\n                            type=\"text\"\n                            value={search}\n                            size=\"l\"\n                            onUpdate={(value) => setSearch(value)}\n                        />\n                    </div>\n                    <div className={b('blocks')}>\n                        {blocks.map((blockName) => {\n                            const blockData = editorBlocksData?.[blockName as BlockType];\n\n                            if (!blockData) {\n                                return null;\n                            }\n\n                            const Preview: React.FC<React.SVGProps<SVGSVGElement>> =\n                                blockData.preview;\n\n                            return (\n                                <button\n                                    key={blockName}\n                                    className={b('block')}\n                                    onClick={() => {\n                                        onAdd(blockData?.template as Block);\n                                        setIsOpened(false);\n                                    }}\n                                >\n                                    <div className={b('preview')}>\n                                        <Preview />\n                                    </div>\n                                    <div className={b('info')}>\n                                        <h4 className={b('title')}>{blockData.meta.title}</h4>\n                                        {blockData?.meta?.description && (\n                                            <p className={b('description')}>\n                                                {blockData.meta.description}\n                                            </p>\n                                        )}\n                                    </div>\n                                </button>\n                            );\n                        })}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n};\n\nexport default AddBlock;\n"]}
+{"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Plus} from '@gravity-ui/icons';\nimport {Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {blockMap} from '../../../constructor-items';\nimport {Block, BlockType, ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorBlocksData, getEditorBlocksData} from '../../data';\n\nimport './AddBlock.scss';\n\nconst b = block('add-block');\n\nexport interface AddBlockProps extends ClassNameProps {\n    onAdd: (data: Block) => void;\n}\n\nconst sortedBlockNames = Object.keys(blockMap).sort();\n\nconst AddBlock = ({onAdd, className}: React.PropsWithChildren<AddBlockProps>) => {\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [search, setSearch] = React.useState('');\n    const [editorBlocksData, setEditorBlocksData] = React.useState<EditorBlocksData | null>(null);\n\n    const ref = React.useRef(null);\n    const blocks = React.useMemo(() => {\n        if (!editorBlocksData) {\n            return [];\n        }\n\n        return sortedBlockNames.filter((blockName) =>\n            editorBlocksData[blockName as BlockType]?.meta.title\n                .toLocaleLowerCase()\n                .startsWith(search.toLocaleLowerCase()),\n        );\n    }, [editorBlocksData, search]);\n\n    React.useEffect(() => {\n        const loadEditorBlocksData = async () => {\n            const data = await getEditorBlocksData();\n            setEditorBlocksData(data);\n        };\n\n        loadEditorBlocksData();\n    }, []);\n\n    return (\n        <div className={b(null, className)} ref={ref}>\n            <button\n                className={b('button')}\n                type=\"button\"\n                onClick={() => {\n                    setIsOpened(!isOpened);\n                    setSearch('');\n                }}\n            >\n                <Plus className={b('icon')} />\n            </button>\n            {isOpened && (\n                <Popup\n                    anchorRef={ref}\n                    open={isOpened}\n                    placement=\"top\"\n                    className={b('popup')}\n                    offset={{mainAxis: 0, crossAxis: 24}}\n                    onOutsideClick={() => setIsOpened(false)}\n                >\n                    <div className={b('search')}>\n                        <TextInput\n                            placeholder=\"search\"\n                            type=\"text\"\n                            value={search}\n                            size=\"l\"\n                            onUpdate={(value) => setSearch(value)}\n                        />\n                    </div>\n                    <div className={b('blocks')}>\n                        {blocks.map((blockName) => {\n                            const blockData = editorBlocksData?.[blockName as BlockType];\n\n                            if (!blockData) {\n                                return null;\n                            }\n\n                            const Preview: React.FC<React.SVGProps<SVGSVGElement>> =\n                                blockData.preview;\n\n                            return (\n                                <button\n                                    key={blockName}\n                                    className={b('block')}\n                                    onClick={() => {\n                                        onAdd(blockData?.template as Block);\n                                        setIsOpened(false);\n                                    }}\n                                >\n                                    <div className={b('preview')}>\n                                        <Preview />\n                                    </div>\n                                    <div className={b('info')}>\n                                        <h4 className={b('title')}>{blockData.meta.title}</h4>\n                                        {blockData?.meta?.description && (\n                                            <p className={b('description')}>\n                                                {blockData.meta.description}\n                                            </p>\n                                        )}\n                                    </div>\n                                </button>\n                            );\n                        })}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n};\n\nexport default AddBlock;\n"]}

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

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { DynamicField, SimpleVerticalAccordeon } from '@gravity-ui/dynamic-forms';
@@ -7,18 +6,23 @@ import noop from "lodash/noop.js";
 import { Form as FinalForm, FormSpy } from 'react-final-form';
 import { dynamicConfig } from "../../dynamic-forms-custom/config.js";
 import usePreviousValue from "../../hooks/usePreviousValue.js";
-export const BlockForm = React.memo((_a) => {
-    var _b = _a.data, { type } = _b, content = __rest(_b, ["type"]), { onChange, onSelect, active, spec: specRaw } = _a;
+export const BlockForm = React.memo(({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }) => {
     const initialValues = React.useMemo(() => ({ content }), [content]);
     const prevContent = usePreviousValue(content);
-    const spec = React.useMemo(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
+    const spec = React.useMemo(() => ({
+        ...specRaw,
+        viewSpec: {
+            ...specRaw.viewSpec,
+            layoutOpen: active,
+        },
+    }), [specRaw, active]);
     if (!active) {
         return (_jsx(SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
     }
     return (_jsx(FinalForm, { initialValues: initialValues, onSubmit: noop, children: () => (_jsxs(React.Fragment, { children: [_jsx(FormSpy, { onChange: ({ values }) => {
                         // fix for FormSpy onChange called twice without content changes
                         if (!isEqual(values.content, prevContent)) {
-                            onChange(Object.assign({ type }, values.content));
+                            onChange({ type, ...values.content });
                         }
                     }, subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: spec, config: dynamicConfig, withoutInsertFFDebounce: true })] })) }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAE,uBAAuB,EAAO,MAAM,2BAA2B,CAAC;AACtF,OAAO,OAAO,0BAAuB;AACrC,OAAO,IAAI,uBAAoB;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAEhE,OAAO,gBAAgB,wCAAqC;AAU5D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,EAAqF,EAAE,EAAE;QAAxF,YAAwB,EAAxB,EAAO,IAAI,OAAa,EAAR,OAAO,cAAjB,QAAkB,CAAD,EAAxB,EAA2B,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,OAAiB;IAClF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,iCACC,OAAO,KACV,QAAQ,kCACD,OAAO,CAAC,QAAQ,KACnB,UAAU,EAAE,MAAM,OAExB,EACF,CAAC,OAAO,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CACH,KAAC,uBAAuB,IACpB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,EACxC,YAAY,EAAE,QAAQ,YAE4C,GAAG,GAC/C,CAC7B,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,SAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,YAClD,GAAG,EAAE,CAAC,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;4BACxC,QAAQ,iBAAE,IAAI,IAAK,MAAM,CAAC,OAAO,EAAE,CAAC;wBACxC,CAAC;oBACL,CAAC,EACD,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,aAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, SimpleVerticalAccordeon, Spec} from '@gravity-ui/dynamic-forms';\nimport isEqual from 'lodash/isEqual';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {Block, ConstructorBlock} from '../../../models';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport {CustomSpec} from '../../dynamic-forms-custom/parser/types';\nimport usePreviousValue from '../../hooks/usePreviousValue';\n\ninterface BlockFormProps {\n    data: ConstructorBlock;\n    spec: CustomSpec;\n    onChange: (data: Block) => void;\n    onSelect: () => void;\n    active?: boolean;\n}\n\nexport const BlockForm = React.memo(\n    ({data: {type, ...content}, onChange, onSelect, active, spec: specRaw}: BlockFormProps) => {\n        const initialValues = React.useMemo(() => ({content}), [content]);\n        const prevContent = usePreviousValue(content);\n        const spec = React.useMemo(\n            () => ({\n                ...specRaw,\n                viewSpec: {\n                    ...specRaw.viewSpec,\n                    layoutOpen: active,\n                },\n            }),\n            [specRaw, active],\n        );\n\n        if (!active) {\n            return (\n                <SimpleVerticalAccordeon\n                    open={false}\n                    name={type}\n                    title={spec.viewSpec.layoutTitle || type}\n                    onOpenChange={onSelect}\n                >\n                    {/* SimpleVerticalAccordeon requires children, put dummy value*/}{' '}\n                </SimpleVerticalAccordeon>\n            );\n        }\n\n        return (\n            <FinalForm initialValues={initialValues} onSubmit={noop}>\n                {() => (\n                    <React.Fragment>\n                        <FormSpy\n                            onChange={({values}) => {\n                                // fix for FormSpy onChange called twice without content changes\n                                if (!isEqual(values.content, prevContent)) {\n                                    onChange({type, ...values.content});\n                                }\n                            }}\n                            subscription={{values: true}}\n                        />\n                        <DynamicField\n                            name=\"content\"\n                            spec={spec as Spec}\n                            config={dynamicConfig}\n                            withoutInsertFFDebounce\n                        />\n                    </React.Fragment>\n                )}\n            </FinalForm>\n        );\n    },\n);\n\nBlockForm.displayName = 'BlockForm';\n"]}
+{"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAE,uBAAuB,EAAO,MAAM,2BAA2B,CAAC;AACtF,OAAO,OAAO,0BAAuB;AACrC,OAAO,IAAI,uBAAoB;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAEhE,OAAO,gBAAgB,wCAAqC;AAU5D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,EAAC,IAAI,EAAE,EAAC,IAAI,EAAE,GAAG,OAAO,EAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAiB,EAAE,EAAE;IACtF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,GAAG,OAAO;QACV,QAAQ,EAAE;YACN,GAAG,OAAO,CAAC,QAAQ;YACnB,UAAU,EAAE,MAAM;SACrB;KACJ,CAAC,EACF,CAAC,OAAO,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CACH,KAAC,uBAAuB,IACpB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,EACxC,YAAY,EAAE,QAAQ,YAE4C,GAAG,GAC/C,CAC7B,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,SAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,YAClD,GAAG,EAAE,CAAC,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;4BACxC,QAAQ,CAAC,EAAC,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,EAAC,CAAC,CAAC;wBACxC,CAAC;oBACL,CAAC,EACD,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,aAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, SimpleVerticalAccordeon, Spec} from '@gravity-ui/dynamic-forms';\nimport isEqual from 'lodash/isEqual';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {Block, ConstructorBlock} from '../../../models';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport {CustomSpec} from '../../dynamic-forms-custom/parser/types';\nimport usePreviousValue from '../../hooks/usePreviousValue';\n\ninterface BlockFormProps {\n    data: ConstructorBlock;\n    spec: CustomSpec;\n    onChange: (data: Block) => void;\n    onSelect: () => void;\n    active?: boolean;\n}\n\nexport const BlockForm = React.memo(\n    ({data: {type, ...content}, onChange, onSelect, active, spec: specRaw}: BlockFormProps) => {\n        const initialValues = React.useMemo(() => ({content}), [content]);\n        const prevContent = usePreviousValue(content);\n        const spec = React.useMemo(\n            () => ({\n                ...specRaw,\n                viewSpec: {\n                    ...specRaw.viewSpec,\n                    layoutOpen: active,\n                },\n            }),\n            [specRaw, active],\n        );\n\n        if (!active) {\n            return (\n                <SimpleVerticalAccordeon\n                    open={false}\n                    name={type}\n                    title={spec.viewSpec.layoutTitle || type}\n                    onOpenChange={onSelect}\n                >\n                    {/* SimpleVerticalAccordeon requires children, put dummy value*/}{' '}\n                </SimpleVerticalAccordeon>\n            );\n        }\n\n        return (\n            <FinalForm initialValues={initialValues} onSubmit={noop}>\n                {() => (\n                    <React.Fragment>\n                        <FormSpy\n                            onChange={({values}) => {\n                                // fix for FormSpy onChange called twice without content changes\n                                if (!isEqual(values.content, prevContent)) {\n                                    onChange({type, ...values.content});\n                                }\n                            }}\n                            subscription={{values: true}}\n                        />\n                        <DynamicField\n                            name=\"content\"\n                            spec={spec as Spec}\n                            config={dynamicConfig}\n                            withoutInsertFFDebounce\n                        />\n                    </React.Fragment>\n                )}\n            </FinalForm>\n        );\n    },\n);\n\nBlockForm.displayName = 'BlockForm';\n"]}

package/build/esm/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { block } from "../../../../utils/index.js";
@@ -7,13 +6,13 @@ import { DeviceIframe } from "../../../widget/index.js";
 import './DeviceEmulationMobile.css';
 const b = block('device-emulation-mobile');
 const DeviceEmulationMobile = ({ device, active }) => {
-    const _a = React.useContext(EditorContext), { deviceEmulationSettings } = _a, initialData = __rest(_a, ["deviceEmulationSettings"]);
+    const { deviceEmulationSettings, ...initialData } = React.useContext(EditorContext);
     const containerRef = React.useRef(null);
     const deviceIframeRef = React.useRef(null);
     React.useEffect(() => {
         let iframe;
-        if (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) {
-            iframe = new DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
+        if (containerRef?.current) {
+            iframe = new DeviceIframe(containerRef?.current, {
                 initialData,
                 className: b('frame', { device }),
                 settings: deviceEmulationSettings,
@@ -21,7 +20,7 @@ const DeviceEmulationMobile = ({ device, active }) => {
             deviceIframeRef.current = iframe;
         }
         return () => {
-            iframe === null || iframe === void 0 ? void 0 : iframe.destroy();
+            iframe?.destroy();
         };
         // render iframe only once, then update it's data with postMessage
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/build/esm/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceEmulationMobile.js","sourceRoot":"../../../../../../src","sources":["editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,mCAA0B;AACxC,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,OAAO,EAAC,YAAY,EAAC,iCAAwB;AAG7C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;AAO3C,MAAM,qBAAqB,GAAG,CAAC,EAAC,MAAM,EAAE,MAAM,EAA6B,EAAE,EAAE;IAC3E,MAAM,KAA4C,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,EAA3E,EAAC,uBAAuB,OAAmD,EAA9C,WAAW,cAAxC,2BAAyC,CAAkC,CAAC;IAClF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,MAAoB,CAAC;QAEzB,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE,CAAC;YACxB,MAAM,GAAG,IAAI,YAAY,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE;gBAC7C,WAAW;gBACX,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC;gBAC/B,QAAQ,EAAE,uBAAuB;aACpC,CAAC,CAAC;YACH,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;QACF,kEAAkE;QAClE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACvD,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,eAAe,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;YACzC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACtD,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AACtE,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\nimport {EditorContext} from '../../../context';\nimport {DeviceIframe} from '../../../widget';\nimport {MobileDevice} from '../utils';\n\nimport './DeviceEmulationMobile.scss';\n\nconst b = block('device-emulation-mobile');\n\ninterface DeviceEmulationMobileProps extends React.PropsWithChildren {\n    device: MobileDevice;\n    active: boolean;\n}\n\nconst DeviceEmulationMobile = ({device, active}: DeviceEmulationMobileProps) => {\n    const {deviceEmulationSettings, ...initialData} = React.useContext(EditorContext);\n    const containerRef = React.useRef<HTMLDivElement | null>(null);\n    const deviceIframeRef = React.useRef<DeviceIframe | null>(null);\n\n    React.useEffect(() => {\n        let iframe: DeviceIframe;\n\n        if (containerRef?.current) {\n            iframe = new DeviceIframe(containerRef?.current, {\n                initialData,\n                className: b('frame', {device}),\n                settings: deviceEmulationSettings,\n            });\n            deviceIframeRef.current = iframe;\n        }\n\n        return () => {\n            iframe?.destroy();\n        };\n        // render iframe only once, then update it's data with postMessage\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [device]);\n\n    React.useEffect(() => {\n        if (deviceIframeRef.current) {\n            deviceIframeRef.current.onActivenessUpdate(active);\n        }\n    }, [active]);\n\n    React.useEffect(() => {\n        if (deviceIframeRef.current && initialData) {\n            deviceIframeRef.current.onDataUpdate(initialData);\n        }\n    }, [initialData]);\n\n    return <div className={b({active, device})} ref={containerRef} />;\n};\n\nexport default DeviceEmulationMobile;\n"]}
+{"version":3,"file":"DeviceEmulationMobile.js","sourceRoot":"../../../../../../src","sources":["editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,mCAA0B;AACxC,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,OAAO,EAAC,YAAY,EAAC,iCAAwB;AAG7C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;AAO3C,MAAM,qBAAqB,GAAG,CAAC,EAAC,MAAM,EAAE,MAAM,EAA6B,EAAE,EAAE;IAC3E,MAAM,EAAC,uBAAuB,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,MAAoB,CAAC;QAEzB,IAAI,YAAY,EAAE,OAAO,EAAE,CAAC;YACxB,MAAM,GAAG,IAAI,YAAY,CAAC,YAAY,EAAE,OAAO,EAAE;gBAC7C,WAAW;gBACX,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC;gBAC/B,QAAQ,EAAE,uBAAuB;aACpC,CAAC,CAAC;YACH,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,EAAE,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;QACF,kEAAkE;QAClE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACvD,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,eAAe,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;YACzC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACtD,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AACtE,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\nimport {EditorContext} from '../../../context';\nimport {DeviceIframe} from '../../../widget';\nimport {MobileDevice} from '../utils';\n\nimport './DeviceEmulationMobile.scss';\n\nconst b = block('device-emulation-mobile');\n\ninterface DeviceEmulationMobileProps extends React.PropsWithChildren {\n    device: MobileDevice;\n    active: boolean;\n}\n\nconst DeviceEmulationMobile = ({device, active}: DeviceEmulationMobileProps) => {\n    const {deviceEmulationSettings, ...initialData} = React.useContext(EditorContext);\n    const containerRef = React.useRef<HTMLDivElement | null>(null);\n    const deviceIframeRef = React.useRef<DeviceIframe | null>(null);\n\n    React.useEffect(() => {\n        let iframe: DeviceIframe;\n\n        if (containerRef?.current) {\n            iframe = new DeviceIframe(containerRef?.current, {\n                initialData,\n                className: b('frame', {device}),\n                settings: deviceEmulationSettings,\n            });\n            deviceIframeRef.current = iframe;\n        }\n\n        return () => {\n            iframe?.destroy();\n        };\n        // render iframe only once, then update it's data with postMessage\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [device]);\n\n    React.useEffect(() => {\n        if (deviceIframeRef.current) {\n            deviceIframeRef.current.onActivenessUpdate(active);\n        }\n    }, [active]);\n\n    React.useEffect(() => {\n        if (deviceIframeRef.current && initialData) {\n            deviceIframeRef.current.onDataUpdate(initialData);\n        }\n    }, [initialData]);\n\n    return <div className={b({active, device})} ref={containerRef} />;\n};\n\nexport default DeviceEmulationMobile;\n"]}

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

@@ -38,10 +38,10 @@ const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddi
                     active: isActive,
                     isHeader,
                     'reset-paddings': resetPaddings,
-                }), children: isActive && (_jsx("div", Object.assign({ className: b('controls-content') }, stopPropagationProps, { children: actionsOrder.map((action) => {
+                }), 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;
-                    }) }))) }), children] }));
+                    }) })) }), children] }));
 };
 export default React.memo(EditBlock);
 //# sourceMappingURL=EditBlock.js.map

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 = ({\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"]}

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

@@ -6,12 +6,9 @@ import { i18n } from "./i18n/index.js";
 import './ErrorBoundary.css';
 const b = block('error-boundary');
 export class ErrorBoundary extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {};
-    }
+    state = {};
     componentDidCatch(error, info) {
-        this.setState({ error: `${error.message} ${info === null || info === void 0 ? void 0 : info.componentStack}` });
+        this.setState({ error: `${error.message} ${info?.componentStack}` });
     }
     render() {
         const { type, index } = this.props;

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;IAA1F;;QACI,UAAK,GAAG,EAAwB,CAAC;IA6BrC,CAAC;IA3BG,iBAAiB,CAAC,KAAY,EAAE,IAAqB;QACjD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,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 {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"]}

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

@@ -12,12 +12,12 @@ const Layout = ({ children, editMode, viewMode }) => {
     let left, right;
     const isEditingMode = editMode === EditModeItem.Form;
     function handleChild(child) {
-        switch (child === null || child === void 0 ? void 0 : child.type) {
+        switch (child?.type) {
             case Left:
-                left = child === null || child === void 0 ? void 0 : child.props.children;
+                left = child?.props.children;
                 break;
             case Right:
-                right = child === null || child === void 0 ? void 0 : child.props.children;
+                right = child?.props.children;
                 break;
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,YAAY,EAAe,6BAAoB;AACvD,OAAO,eAAe,8CAA2C;AAEjE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,IAAI,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC3D,MAAM,KAAK,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAO5D,uGAAuG;AAEvG,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAuC,EAAE,EAAE;IACpF,IAAI,IAAI,EAAE,KAAK,CAAC;IAChB,MAAM,aAAa,GAAG,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC;IAErD,SAAS,WAAW,CAAC,KAAyB;QAC1C,QAAQ,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACL,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,QAAQ,CAAC;gBAC7B,MAAM;YACV,KAAK,KAAK;gBACN,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,QAAQ,CAAC;gBAC9B,MAAM;QACd,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAA8B,EAAE,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,YAAG,KAAK,GAAmB,GACxD,CACT,IACY,GACf,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../utils';\nimport {EditModeItem, ViewModeItem} from '../../types';\nimport DeviceEmulation from '../DeviceEmulation/DeviceEmulation';\n\nimport './Layout.scss';\n\nconst b = block('editor-layout');\n\nconst Left: React.FC<React.PropsWithChildren> = () => null;\nconst Right: React.FC<React.PropsWithChildren> = () => null;\n\nexport interface LayoutProps {\n    editMode: EditModeItem;\n    viewMode: ViewModeItem;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared\n\nconst Layout = ({children, editMode, viewMode}: React.PropsWithChildren<LayoutProps>) => {\n    let left, right;\n    const isEditingMode = editMode === EditModeItem.Form;\n\n    function handleChild(child: React.ReactElement) {\n        switch (child?.type) {\n            case Left:\n                left = child?.props.children;\n                break;\n            case Right:\n                right = child?.props.children;\n                break;\n        }\n    }\n\n    if (React.Children.toArray(children).length) {\n        React.Children.forEach(children as React.ReactElement, handleChild);\n    }\n\n    return (\n        <div className={b('container')}>\n            <React.Fragment>\n                {left && <div className={b('left')}>{left}</div>}\n                {right && (\n                    <div className={b('right', {editing: isEditingMode})}>\n                        <DeviceEmulation mode={viewMode}>{right}</DeviceEmulation>\n                    </div>\n                )}\n            </React.Fragment>\n        </div>\n    );\n};\n\nLayout.Left = Left;\nLayout.Right = Right;\n\nexport default Layout;\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,YAAY,EAAe,6BAAoB;AACvD,OAAO,eAAe,8CAA2C;AAEjE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,IAAI,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC3D,MAAM,KAAK,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAO5D,uGAAuG;AAEvG,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAuC,EAAE,EAAE;IACpF,IAAI,IAAI,EAAE,KAAK,CAAC;IAChB,MAAM,aAAa,GAAG,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC;IAErD,SAAS,WAAW,CAAC,KAAyB;QAC1C,QAAQ,KAAK,EAAE,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACL,IAAI,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;gBAC7B,MAAM;YACV,KAAK,KAAK;gBACN,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;gBAC9B,MAAM;QACd,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAA8B,EAAE,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,YAAG,KAAK,GAAmB,GACxD,CACT,IACY,GACf,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../utils';\nimport {EditModeItem, ViewModeItem} from '../../types';\nimport DeviceEmulation from '../DeviceEmulation/DeviceEmulation';\n\nimport './Layout.scss';\n\nconst b = block('editor-layout');\n\nconst Left: React.FC<React.PropsWithChildren> = () => null;\nconst Right: React.FC<React.PropsWithChildren> = () => null;\n\nexport interface LayoutProps {\n    editMode: EditModeItem;\n    viewMode: ViewModeItem;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared\n\nconst Layout = ({children, editMode, viewMode}: React.PropsWithChildren<LayoutProps>) => {\n    let left, right;\n    const isEditingMode = editMode === EditModeItem.Form;\n\n    function handleChild(child: React.ReactElement) {\n        switch (child?.type) {\n            case Left:\n                left = child?.props.children;\n                break;\n            case Right:\n                right = child?.props.children;\n                break;\n        }\n    }\n\n    if (React.Children.toArray(children).length) {\n        React.Children.forEach(children as React.ReactElement, handleChild);\n    }\n\n    return (\n        <div className={b('container')}>\n            <React.Fragment>\n                {left && <div className={b('left')}>{left}</div>}\n                {right && (\n                    <div className={b('right', {editing: isEditingMode})}>\n                        <DeviceEmulation mode={viewMode}>{right}</DeviceEmulation>\n                    </div>\n                )}\n            </React.Fragment>\n        </div>\n    );\n};\n\nLayout.Left = Left;\nLayout.Right = Right;\n\nexport default Layout;\n"]}

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

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { DynamicField } from '@gravity-ui/dynamic-forms';
@@ -15,11 +14,11 @@ export const PageSettings = ({ schema, content, onChange }) => {
     const spec = useFormSpec(schema);
     const { page: pageSpec } = spec || {};
     const initialPage = React.useMemo(() => {
-        const _a = content || {}, { blocks: _ } = _a, page = __rest(_a, ["blocks"]);
+        const { blocks: _, ...page } = content || {};
         return page;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (_jsx(Disclosure, { className: b('container'), summary: i18n('page-settings-title'), size: "l", children: _jsx("div", { className: b('form'), children: _jsx(FinalForm, { initialValues: { content: initialPage }, onSubmit: noop, children: () => (_jsxs("div", { children: [_jsx(FormSpy, { onChange: ({ values }) => onChange(Object.assign(Object.assign({}, content), values.content)), subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: pageSpec, config: dynamicConfig })] })) }) }) }));
+    return (_jsx(Disclosure, { className: b('container'), summary: i18n('page-settings-title'), size: "l", children: _jsx("div", { className: b('form'), children: _jsx(FinalForm, { initialValues: { content: initialPage }, onSubmit: noop, children: () => (_jsxs("div", { children: [_jsx(FormSpy, { onChange: ({ values }) => onChange({ ...content, ...values.content }), subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: pageSpec, config: dynamicConfig })] })) }) }) }));
 };
 PageSettings.displayName = 'PageSettings';
 //# sourceMappingURL=PageSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageSettings.js","sourceRoot":"../../../../../src","sources":["editor/components/PageSettings/PageSettings.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAO,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,IAAI,uBAAoB;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAChE,OAAO,WAAW,mCAAgC;AAElD,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAQxC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,KAAuB,OAAO,IAAI,EAAE,EAApC,EAAC,MAAM,EAAE,CAAC,OAA0B,EAArB,IAAI,cAAnB,UAAoB,CAAgB,CAAC;QAE3C,OAAO,IAAI,CAAC;QACZ,uDAAuD;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,GAAG,YACjF,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,SAAS,IAAC,aAAa,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,EAAE,QAAQ,EAAE,IAAI,YAC3D,GAAG,EAAE,CAAC,CACH,0BACI,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,iCAAK,OAAO,GAAK,MAAM,CAAC,OAAO,EAAE,EACjE,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,QAAgB,EACtB,MAAM,EAAE,aAAa,GACvB,IACA,CACT,GACO,GACV,GACG,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, Spec} from '@gravity-ui/dynamic-forms';\nimport {Disclosure} from '@gravity-ui/uikit';\nimport {JSONSchema4} from 'json-schema';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {PageContent} from '../../../models';\nimport {block} from '../../../utils';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport useFormSpec from '../../hooks/useFormSpec';\n\nimport {i18n} from './i18n';\n\nimport './PageSettings.scss';\n\nconst b = block('editor-page-settings');\n\nexport interface PageSettingsProps {\n    content: PageContent;\n    schema: JSONSchema4;\n    onChange: (content: PageContent) => void;\n}\n\nexport const PageSettings = ({schema, content, onChange}: PageSettingsProps) => {\n    const spec = useFormSpec(schema);\n    const {page: pageSpec} = spec || {};\n\n    const initialPage = React.useMemo(() => {\n        const {blocks: _, ...page} = content || {};\n\n        return page;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n        <Disclosure className={b('container')} summary={i18n('page-settings-title')} size=\"l\">\n            <div className={b('form')}>\n                <FinalForm initialValues={{content: initialPage}} onSubmit={noop}>\n                    {() => (\n                        <div>\n                            <FormSpy\n                                onChange={({values}) => onChange({...content, ...values.content})}\n                                subscription={{values: true}}\n                            />\n                            <DynamicField\n                                name=\"content\"\n                                spec={pageSpec as Spec}\n                                config={dynamicConfig}\n                            />\n                        </div>\n                    )}\n                </FinalForm>\n            </div>\n        </Disclosure>\n    );\n};\n\nPageSettings.displayName = 'PageSettings';\n"]}
+{"version":3,"file":"PageSettings.js","sourceRoot":"../../../../../src","sources":["editor/components/PageSettings/PageSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAO,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,IAAI,uBAAoB;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAChE,OAAO,WAAW,mCAAgC;AAElD,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAQxC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,EAAC,GAAG,OAAO,IAAI,EAAE,CAAC;QAE3C,OAAO,IAAI,CAAC;QACZ,uDAAuD;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,GAAG,YACjF,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,SAAS,IAAC,aAAa,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,EAAE,QAAQ,EAAE,IAAI,YAC3D,GAAG,EAAE,CAAC,CACH,0BACI,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,EAAC,CAAC,EACjE,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,QAAgB,EACtB,MAAM,EAAE,aAAa,GACvB,IACA,CACT,GACO,GACV,GACG,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, Spec} from '@gravity-ui/dynamic-forms';\nimport {Disclosure} from '@gravity-ui/uikit';\nimport {JSONSchema4} from 'json-schema';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {PageContent} from '../../../models';\nimport {block} from '../../../utils';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport useFormSpec from '../../hooks/useFormSpec';\n\nimport {i18n} from './i18n';\n\nimport './PageSettings.scss';\n\nconst b = block('editor-page-settings');\n\nexport interface PageSettingsProps {\n    content: PageContent;\n    schema: JSONSchema4;\n    onChange: (content: PageContent) => void;\n}\n\nexport const PageSettings = ({schema, content, onChange}: PageSettingsProps) => {\n    const spec = useFormSpec(schema);\n    const {page: pageSpec} = spec || {};\n\n    const initialPage = React.useMemo(() => {\n        const {blocks: _, ...page} = content || {};\n\n        return page;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n        <Disclosure className={b('container')} summary={i18n('page-settings-title')} size=\"l\">\n            <div className={b('form')}>\n                <FinalForm initialValues={{content: initialPage}} onSubmit={noop}>\n                    {() => (\n                        <div>\n                            <FormSpy\n                                onChange={({values}) => onChange({...content, ...values.content})}\n                                subscription={{values: true}}\n                            />\n                            <DynamicField\n                                name=\"content\"\n                                spec={pageSpec as Spec}\n                                config={dynamicConfig}\n                            />\n                        </div>\n                    )}\n                </FinalForm>\n            </div>\n        </Disclosure>\n    );\n};\n\nPageSettings.displayName = 'PageSettings';\n"]}

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

@@ -15,6 +15,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, Object.assign({}, providerProps, { theme: constructorTheme, children: _jsx(PageConstructor, Object.assign({}, 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, 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,oBAAK,aAAa,IAAE,KAAK,EAAE,gBAAgB,YAC/D,KAAC,eAAe,oBAAK,aAAa,EAAI,IAChB,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,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"]}

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

@@ -8,13 +8,11 @@ import usePreviousValue from "../../../hooks/usePreviousValue.js";
  * @returns {string} - updated code
  */
 export function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
-    var _a;
     const [code, setCode] = React.useState('');
-    const prevContentLength = usePreviousValue((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+    const prevContentLength = usePreviousValue(content.blocks?.length);
     const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);
     React.useEffect(() => {
-        var _a;
-        const blocksCountChanged = prevContentLength !== ((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+        const blocksCountChanged = prevContentLength !== content.blocks?.length;
         const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;
         if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {
             setCode(yaml.dump(content, { lineWidth: -1 }));

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

@@ -1 +1 @@
-{"version":3,"file":"useCode.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useCode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,OAAO,gBAAgB,2CAAwC;AAQ/D;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAe;;IAChF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,MAAA,OAAO,CAAC,MAAM,0CAAE,MAAM,CAAC,CAAC;IACnE,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAEtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACjB,MAAM,kBAAkB,GAAG,iBAAiB,MAAK,MAAA,OAAO,CAAC,MAAM,0CAAE,MAAM,CAAA,CAAC;QACxE,MAAM,gBAAgB,GAAG,mBAAmB,KAAK,uBAAuB,CAAC;QAEzE,IAAI,kBAAkB,IAAI,cAAc,IAAI,gBAAgB,EAAE,CAAC;YAC3D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QACjD,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAE/F,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport yaml from 'js-yaml';\n\nimport {PageContent} from '../../../../models';\nimport usePreviousValue from '../../../hooks/usePreviousValue';\n\ntype UseCodeProps = {\n    content: PageContent;\n    codeFullscreeModeOn: boolean;\n    isCodeEditMode: boolean;\n};\n\n/**\n * Transorms PageConstructor content in JSON to YAML on code editor mode switching\n *\n * @param {Object} props - props parent from form\n * @returns {string} - updated code\n */\nexport function useCode({content, codeFullscreeModeOn, isCodeEditMode}: UseCodeProps) {\n    const [code, setCode] = React.useState('');\n\n    const prevContentLength = usePreviousValue(content.blocks?.length);\n    const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);\n\n    React.useEffect(() => {\n        const blocksCountChanged = prevContentLength !== content.blocks?.length;\n        const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;\n\n        if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {\n            setCode(yaml.dump(content, {lineWidth: -1}));\n        }\n    }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);\n\n    return code;\n}\n"]}
+{"version":3,"file":"useCode.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useCode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,OAAO,gBAAgB,2CAAwC;AAQ/D;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAe;IAChF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnE,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAEtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,kBAAkB,GAAG,iBAAiB,KAAK,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC;QACxE,MAAM,gBAAgB,GAAG,mBAAmB,KAAK,uBAAuB,CAAC;QAEzE,IAAI,kBAAkB,IAAI,cAAc,IAAI,gBAAgB,EAAE,CAAC;YAC3D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QACjD,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAE/F,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport yaml from 'js-yaml';\n\nimport {PageContent} from '../../../../models';\nimport usePreviousValue from '../../../hooks/usePreviousValue';\n\ntype UseCodeProps = {\n    content: PageContent;\n    codeFullscreeModeOn: boolean;\n    isCodeEditMode: boolean;\n};\n\n/**\n * Transorms PageConstructor content in JSON to YAML on code editor mode switching\n *\n * @param {Object} props - props parent from form\n * @returns {string} - updated code\n */\nexport function useCode({content, codeFullscreeModeOn, isCodeEditMode}: UseCodeProps) {\n    const [code, setCode] = React.useState('');\n\n    const prevContentLength = usePreviousValue(content.blocks?.length);\n    const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);\n\n    React.useEffect(() => {\n        const blocksCountChanged = prevContentLength !== content.blocks?.length;\n        const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;\n\n        if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {\n            setCode(yaml.dump(content, {lineWidth: -1}));\n        }\n    }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);\n\n    return code;\n}\n"]}