npm - @gravity-ui/page-constructor - Versions diffs - 7.0.0-beta.1 → 7.0.0-beta.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1133) hide show

package/build/cjs/context/theme/withTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";;AAQA,8BAcC;;;AAtBD,qDAA+B;AAI/B,oDAA+D;AAI/D,SAAgB,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,uBAAC,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,2BAAa;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"]}
1	+ {"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";;AAQA,8BAcC;;;AAtBD,qDAA+B;AAI/B,oDAA+D;AAI/D,SAAgB,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,2BAAY,CAAC;QAGlC,MAAM;YACF,OAAO,uBAAC,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/cjs/customization/BlockDecoration.js CHANGED Viewed

@@ -5,12 +5,10 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const innerContext_1 = require("../context/innerContext/index.js");
-const BlockDecoration = (_a) => {
-    var _b, _c;
-    var { children: blockChildren } = _a, rest = tslib_1.__rest(_a, ["children"]);
-    const blockDecorators = (_c = (_b = React.useContext(innerContext_1.InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
+const BlockDecoration = ({ children: blockChildren, ...rest }) => {
+    const blockDecorators = React.useContext(innerContext_1.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 (0, jsx_runtime_1.jsx)(React.Fragment, { children: content });
 };

package/build/cjs/customization/BlockDecoration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AAG9C,MAAM,eAAe,GAAG,CAAC,~~EAGgB,EAAE,EAAE;;QAHpB,~~EAC5B,QAAQ,EAAE,aAAa,~~OAEqB~~,~~EADzC~~,IAAI,~~sBAFqB~~,~~YAG/B~~,~~CADU~~;~~IAEP~~,MAAM,eAAe,GAAG,~~MAAA,MAAA,~~KAAK,CAAC,UAAU,CAAC,2BAAY,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,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B","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"]}
1	+ {"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AAG9C,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EAAE,aAAa,EACvB,GAAG,IAAI,EACqC,EAAE,EAAE;IAChD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,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,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B","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/cjs/editor/components/AddBlock/AddBlock.js CHANGED Viewed

@@ -19,10 +19,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 () => {
@@ -35,16 +34,15 @@ const AddBlock = ({ onAdd, className }) => {
                     setIsOpened(!isOpened);
                     setSearch('');
                 }, children: (0, jsx_runtime_1.jsx)(icons_1.Plus, { className: b('icon') }) }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Popup, { anchorRef: ref, open: isOpened, placement: "top", className: b('popup'), offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [(0, jsx_runtime_1.jsx)("div", { className: b('search'), children: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)("button", { className: b('block'), onClick: () => {
-                                    onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
+                                    onAdd(blockData?.template);
                                     setIsOpened(false);
-                                }, children: [(0, jsx_runtime_1.jsx)("div", { className: b('preview'), children: (0, jsx_runtime_1.jsx)(Preview, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.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) && ((0, jsx_runtime_1.jsx)("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
+                                }, children: [(0, jsx_runtime_1.jsx)("div", { className: b('preview'), children: (0, jsx_runtime_1.jsx)(Preview, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)("h4", { className: b('title'), children: blockData.meta.title }), blockData?.meta?.description && ((0, jsx_runtime_1.jsx)("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
                         }) })] }))] }));
 };
 exports.default = AddBlock;

package/build/cjs/editor/components/AddBlock/AddBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AACvC,6CAAmD;AAEnD,qEAAoD;AAEpD,mDAAqC;AACrC,8CAAiE;AAIjE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,4BAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtD,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAyC,EAAE,EAAE;IAC5E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA0B,IAAI,CAAC,CAAC;IAE9F,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE~~;;YACzC~~,~~OAAA~~,~~MAAA,~~gBAAgB,CAAC,SAAsB,CAAC,~~0CAAE~~,IAAI,CAAC,KAAK~~,CAC~~/C,iBAAiB,~~GACjB~~,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,~~CAAA;SAAA,~~CAC9C,CAAC;IACN,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,oBAAoB,GAAG,KAAK,IAAI,EAAE;YACpC,MAAM,IAAI,GAAG,MAAM,IAAA,0BAAmB,GAAE,CAAC;YACzC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,oBAAoB,EAAE,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aACxC,mCACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACV,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;oBACvB,SAAS,CAAC,EAAE,CAAC,CAAC;gBAClB,CAAC,YAED,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACzB,EACR,QAAQ,IAAI,CACT,wBAAC,aAAK,IACF,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,MAAM,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAC,EACpC,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAExC,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,iBAAS,IACN,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GACvC,GACA,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;;4BACtB,MAAM,SAAS,GAAG,gBAAgB,~~aAAhB~~,~~gBAAgB~~,~~uBAAhB,gBAAgB,CAAG,~~SAAsB,CAAC,CAAC;4BAE7D,IAAI,CAAC,SAAS,EAAE,CAAC;gCACb,OAAO,IAAI,CAAC;4BAChB,CAAC;4BAED,MAAM,OAAO,GACT,SAAS,CAAC,OAAO,CAAC;4BAEtB,OAAO,CACH,oCAEI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE;oCACV,KAAK,CAAC,SAAS,~~aAAT~~,~~SAAS,uBAAT,SAAS,CAAE,~~QAAiB,CAAC,CAAC;oCACpC,WAAW,CAAC,KAAK,CAAC,CAAC;gCACvB,CAAC,aAED,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,OAAO,KAAG,GACT,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,SAAS,CAAC,IAAI,CAAC,KAAK,GAAM,EACrD,~~CAAA,MAAA,~~SAAS,~~aAAT~~,~~SAAS,uBAAT,SAAS,CAAE,~~IAAI,~~0CAAE~~,WAAW,~~KAAI~~,CAC7B,8BAAG,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YACzB,SAAS,CAAC,IAAI,CAAC,WAAW,GAC3B,CACP,IACC,KAjBD,SAAS,CAkBT,CACZ,CAAC;wBACN,CAAC,CAAC,GACA,IACF,CACX,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","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"]}
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"]}

package/build/cjs/editor/components/BlockForm/BlockForm.js CHANGED Viewed

@@ -10,18 +10,23 @@ const noop_1 = tslib_1.__importDefault(require("lodash/noop.js"));
 const react_final_form_1 = require("react-final-form");
 const config_1 = require("../../dynamic-forms-custom/config.js");
 const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue.js"));
-exports.BlockForm = React.memo((_a) => {
-    var _b = _a.data, { type } = _b, content = tslib_1.__rest(_b, ["type"]), { onChange, onSelect, active, spec: specRaw } = _a;
+exports.BlockForm = React.memo(({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }) => {
     const initialValues = React.useMemo(() => ({ content }), [content]);
     const prevContent = (0, usePreviousValue_1.default)(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 ((0, jsx_runtime_1.jsx)(dynamic_forms_1.SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
     }
     return ((0, jsx_runtime_1.jsx)(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default, children: () => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_final_form_1.FormSpy, { onChange: ({ values }) => {
                         // fix for FormSpy onChange called twice without content changes
                         if (!(0, isEqual_1.default)(values.content, prevContent)) {
-                            onChange(Object.assign({ type }, values.content));
+                            onChange({ type, ...values.content });
                         }
                     }, subscription: { values: true } }), (0, jsx_runtime_1.jsx)(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig, withoutInsertFFDebounce: true })] })) }));
 });

package/build/cjs/editor/components/BlockForm/BlockForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAAsF;AACtF,wEAAqC;AACrC,kEAA+B;AAC/B,uDAA4D;AAG5D,iEAAgE;AAEhE,+FAA4D;AAU/C,QAAA,SAAS,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,~~EAAqF~~,~~EAAE~~,EAAE~~;QAAxF~~,~~YAAwB~~,~~EAAxB,EAAO,~~IAAI,~~OAAa~~,~~EAAR~~,OAAO,~~sBAAjB~~,~~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,IAAA,0BAAgB,EAAC,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,uBAAC,uCAAuB,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,uBAAC,uBAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAI,YAClD,GAAG,EAAE,CAAC,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,0BAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,IAAA,iBAAO,EAAC,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,uBAAC,4BAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,sBAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,iBAAS,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"]}
1	+ {"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAAsF;AACtF,wEAAqC;AACrC,kEAA+B;AAC/B,uDAA4D;AAG5D,iEAAgE;AAEhE,+FAA4D;AAU/C,QAAA,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,IAAA,0BAAgB,EAAC,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,uBAAC,uCAAuB,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,uBAAC,uBAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAI,YAClD,GAAG,EAAE,CAAC,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,0BAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,IAAA,iBAAO,EAAC,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,uBAAC,4BAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,sBAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,iBAAS,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/cjs/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js CHANGED Viewed

@@ -8,13 +8,13 @@ const context_1 = require("../../../context.js");
 const widget_1 = require("../../../widget/index.js");
 const b = (0, utils_1.block)('device-emulation-mobile');
 const DeviceEmulationMobile = ({ device, active }) => {
-    const _a = React.useContext(context_1.EditorContext), { deviceEmulationSettings } = _a, initialData = tslib_1.__rest(_a, ["deviceEmulationSettings"]);
+    const { deviceEmulationSettings, ...initialData } = React.useContext(context_1.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 widget_1.DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
+        if (containerRef?.current) {
+            iframe = new widget_1.DeviceIframe(containerRef?.current, {
                 initialData,
                 className: b('frame', { device }),
                 settings: deviceEmulationSettings,
@@ -22,7 +22,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/cjs/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeviceEmulationMobile.js","sourceRoot":"../../../../../../src","sources":["editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,sDAAwC;AACxC,iDAA+C;AAC/C,qDAA6C;AAK7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,yBAAyB,CAAC,CAAC;AAO3C,MAAM,qBAAqB,GAAG,CAAC,EAAC,MAAM,EAAE,MAAM,EAA6B,EAAE,EAAE;IAC3E,MAAM,~~KAA4C~~,~~KAAK~~,~~CAAC~~,~~UAAU~~,~~CAAC~~,~~uBAAa,CAAC,EAA3E,~~EAAC,~~uBAAuB~~,~~OAAmD~~,~~EAA9C~~,~~WAAW~~,~~sBAAxC~~,~~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,qBAAY,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,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AACtE,CAAC,CAAC;AAEF,kBAAe,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"]}
1	+ {"version":3,"file":"DeviceEmulationMobile.js","sourceRoot":"../../../../../../src","sources":["editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,sDAAwC;AACxC,iDAA+C;AAC/C,qDAA6C;AAK7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,uBAAa,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,qBAAY,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,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AACtE,CAAC,CAAC;AAEF,kBAAe,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/cjs/editor/components/EditBlock/EditBlock.js CHANGED Viewed

@@ -41,10 +41,10 @@ const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddi
                     active: isActive,
                     isHeader,
                     'reset-paddings': resetPaddings,
-                }), children: isActive && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: b('controls-content') }, stopPropagationProps, { children: actionsOrder.map((action) => {
+                }), children: isActive && ((0, jsx_runtime_1.jsx)("div", { className: b('controls-content'), ...stopPropagationProps, children: actionsOrder.map((action) => {
                         const Icon = editBlockControlsIcons[action];
                         return actions[action] ? ((0, jsx_runtime_1.jsx)("button", { className: b('control'), onClick: actions[action], children: (0, jsx_runtime_1.jsx)(Icon, {}) }, action)) : null;
-                    }) }))) }), children] }));
+                    }) })) }), children] }));
 };
 exports.default = React.memo(EditBlock);
 //# sourceMappingURL=EditBlock.js.map

package/build/cjs/editor/components/EditBlock/EditBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/EditBlock/EditBlock.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAqF;AACrF,6CAAoD;AAEpD,mDAAqC;AAKrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,IAAY,iBAKX;AALD,WAAY,iBAAiB;IACzB,8BAAS,CAAA;IACT,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;AACrB,CAAC,EALW,iBAAiB,iCAAjB,iBAAiB,QAK5B;AAED,MAAM,YAAY,GAAG;IACjB,iBAAiB,CAAC,EAAE;IACpB,iBAAiB,CAAC,IAAI;IACtB,iBAAiB,CAAC,IAAI;IACtB,iBAAiB,CAAC,MAAM;CAC3B,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC3B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,iBAAS;IACjC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,mBAAW;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,YAAQ;IAClC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,gBAAQ;CACvC,CAAC;AAMF,MAAM,SAAS,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GACA,EAAE,EAAE;IACjB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAC,CAAC,EAC/D,EAAE,CACL,CAAC;IAEF,MAAM,EAAC,SAAS,EAAC,GAAG,IAAA,yBAAiB,EAAC,QAAQ,CAAC,CAAC;IAEhD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC1B,+FAA+F;YAC/F,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,iCACI,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAChC,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,kBACC,QAAQ,EACtB,QAAQ,EAAE,CAAC,aAEX,gCACI,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE;oBACrB,MAAM,EAAE,QAAQ;oBAChB,QAAQ;oBACR,gBAAgB,EAAE,aAAa;iBAClC,CAAC,YAED,QAAQ,IAAI,CACT,~~8CAAK~~,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,~~IAAM~~,oBAAoB,~~cAC1D~~,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACzB,MAAM,IAAI,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;wBAE5C,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACrB,mCAEI,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,YAExB,uBAAC,IAAI,KAAG,IAJH,MAAM,CAKN,CACZ,CAAC,CAAC,CAAC,IAAI,CAAC;oBACb,CAAC,CAAC,~~IACA~~,CACT,GACC,EACL,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC","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"]}
1	+ {"version":3,"file":"EditBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/EditBlock/EditBlock.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAqF;AACrF,6CAAoD;AAEpD,mDAAqC;AAKrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,IAAY,iBAKX;AALD,WAAY,iBAAiB;IACzB,8BAAS,CAAA;IACT,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;AACrB,CAAC,EALW,iBAAiB,iCAAjB,iBAAiB,QAK5B;AAED,MAAM,YAAY,GAAG;IACjB,iBAAiB,CAAC,EAAE;IACpB,iBAAiB,CAAC,IAAI;IACtB,iBAAiB,CAAC,IAAI;IACtB,iBAAiB,CAAC,MAAM;CAC3B,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC3B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,iBAAS;IACjC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,mBAAW;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,YAAQ;IAClC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,gBAAQ;CACvC,CAAC;AAMF,MAAM,SAAS,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GACA,EAAE,EAAE;IACjB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAC,CAAC,EAC/D,EAAE,CACL,CAAC;IAEF,MAAM,EAAC,SAAS,EAAC,GAAG,IAAA,yBAAiB,EAAC,QAAQ,CAAC,CAAC;IAEhD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC1B,+FAA+F;YAC/F,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,iCACI,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAChC,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,kBACC,QAAQ,EACtB,QAAQ,EAAE,CAAC,aAEX,gCACI,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE;oBACrB,MAAM,EAAE,QAAQ;oBAChB,QAAQ;oBACR,gBAAgB,EAAE,aAAa;iBAClC,CAAC,YAED,QAAQ,IAAI,CACT,gCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,KAAM,oBAAoB,YAC1D,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACzB,MAAM,IAAI,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;wBAE5C,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACrB,mCAEI,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,YAExB,uBAAC,IAAI,KAAG,IAJH,MAAM,CAKN,CACZ,CAAC,CAAC,CAAC,IAAI,CAAC;oBACb,CAAC,CAAC,GACA,CACT,GACC,EACL,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC","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/cjs/editor/components/ErrorBoundary/ErrorBoundary.js CHANGED Viewed

@@ -9,12 +9,9 @@ const utils_2 = require("../../utils/index.js");
 const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('error-boundary');
 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/cjs/editor/components/ErrorBoundary/ErrorBoundary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorBoundary.js","sourceRoot":"../../../../../src","sources":["editor/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,mDAAqC;AACrC,gDAAuC;AAEvC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAa,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,IAAA,WAAI,EAAC,oBAAoB,EAAE,EAAC,EAAE,EAAE,IAAA,kBAAU,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EAAC,CAAC;YAC7D,CAAC,CAAC,IAAA,WAAI,EAAC,mBAAmB,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,EAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,+BAAI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAM,EACzC,iCAAM,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;AA9BD,sCA8BC","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"]}
1	+ {"version":3,"file":"ErrorBoundary.js","sourceRoot":"../../../../../src","sources":["editor/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,mDAAqC;AACrC,gDAAuC;AAEvC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAa,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,IAAA,WAAI,EAAC,oBAAoB,EAAE,EAAC,EAAE,EAAE,IAAA,kBAAU,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EAAC,CAAC;YAC7D,CAAC,CAAC,IAAA,WAAI,EAAC,mBAAmB,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,EAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,+BAAI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAM,EACzC,iCAAM,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;AA9BD,sCA8BC","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/cjs/editor/components/Layout/Layout.js CHANGED Viewed

@@ -14,12 +14,12 @@ const Layout = ({ children, editMode, viewMode }) => {
     let left, right;
     const isEditingMode = editMode === types_1.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/cjs/editor/components/Layout/Layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mDAAqC;AACrC,gDAAuD;AACvD,oGAAiE;AAIjE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,oBAAY,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,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,uBAAC,yBAAe,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,kBAAe,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"]}
1	+ {"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mDAAqC;AACrC,gDAAuD;AACvD,oGAAiE;AAIjE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,oBAAY,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,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,uBAAC,yBAAe,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,kBAAe,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/cjs/editor/components/PageSettings/PageSettings.js CHANGED Viewed

@@ -17,11 +17,11 @@ const PageSettings = ({ schema, content, onChange }) => {
     const spec = (0, useFormSpec_1.default)(schema);
     const { page: pageSpec } = spec || {};
     const initialPage = React.useMemo(() => {
-        const _a = content || {}, { blocks: _ } = _a, page = tslib_1.__rest(_a, ["blocks"]);
+        const { blocks: _, ...page } = content || {};
         return page;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Disclosure, { className: b('container'), summary: (0, i18n_1.i18n)('page-settings-title'), size: "l", children: (0, jsx_runtime_1.jsx)("div", { className: b('form'), children: (0, jsx_runtime_1.jsx)(react_final_form_1.Form, { initialValues: { content: initialPage }, onSubmit: noop_1.default, children: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_final_form_1.FormSpy, { onChange: ({ values }) => onChange(Object.assign(Object.assign({}, content), values.content)), subscription: { values: true } }), (0, jsx_runtime_1.jsx)(dynamic_forms_1.DynamicField, { name: "content", spec: pageSpec, config: config_1.dynamicConfig })] })) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Disclosure, { className: b('container'), summary: (0, i18n_1.i18n)('page-settings-title'), size: "l", children: (0, jsx_runtime_1.jsx)("div", { className: b('form'), children: (0, jsx_runtime_1.jsx)(react_final_form_1.Form, { initialValues: { content: initialPage }, onSubmit: noop_1.default, children: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_final_form_1.FormSpy, { onChange: ({ values }) => onChange({ ...content, ...values.content }), subscription: { values: true } }), (0, jsx_runtime_1.jsx)(dynamic_forms_1.DynamicField, { name: "content", spec: pageSpec, config: config_1.dynamicConfig })] })) }) }) }));
 };
 exports.PageSettings = PageSettings;
 exports.PageSettings.displayName = 'PageSettings';

package/build/cjs/editor/components/PageSettings/PageSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageSettings.js","sourceRoot":"../../../../../src","sources":["editor/components/PageSettings/PageSettings.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA6D;AAC7D,6CAA6C;AAE7C,kEAA+B;AAC/B,uDAA4D;AAG5D,mDAAqC;AACrC,iEAAgE;AAChE,qFAAkD;AAElD,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAQjC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,IAAA,qBAAW,EAAC,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,~~sBAAnB~~,~~UAAoB~~,~~CAAgB~~,CAAC;QAE3C,OAAO,IAAI,CAAC;QACZ,uDAAuD;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uBAAC,kBAAU,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAA,WAAI,EAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,GAAG,YACjF,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,uBAAS,IAAC,aAAa,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,EAAE,QAAQ,EAAE,cAAI,YAC3D,GAAG,EAAE,CAAC,CACH,4CACI,uBAAC,0BAAO,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,uBAAC,4BAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,QAAgB,EACtB,MAAM,EAAE,sBAAa,GACvB,IACA,CACT,GACO,GACV,GACG,CAChB,CAAC;AACN,CAAC,CAAC;AAhCW,QAAA,YAAY,gBAgCvB;AAEF,oBAAY,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"]}
1	+ {"version":3,"file":"PageSettings.js","sourceRoot":"../../../../../src","sources":["editor/components/PageSettings/PageSettings.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA6D;AAC7D,6CAA6C;AAE7C,kEAA+B;AAC/B,uDAA4D;AAG5D,mDAAqC;AACrC,iEAAgE;AAChE,qFAAkD;AAElD,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAQjC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,IAAA,qBAAW,EAAC,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,uBAAC,kBAAU,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAA,WAAI,EAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,GAAG,YACjF,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,uBAAS,IAAC,aAAa,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,EAAE,QAAQ,EAAE,cAAI,YAC3D,GAAG,EAAE,CAAC,CACH,4CACI,uBAAC,0BAAO,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,uBAAC,4BAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,QAAgB,EACtB,MAAM,EAAE,sBAAa,GACvB,IACA,CACT,GACO,GACV,GACG,CAChB,CAAC;AACN,CAAC,CAAC;AAhCW,QAAA,YAAY,gBAgCvB;AAEF,oBAAY,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/cjs/editor/containers/Editor/Editor.js CHANGED Viewed

@@ -18,7 +18,7 @@ const b = (0, utils_1.block)('editor');
 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, } = (0, useEditorState_1.useEditorState)(props);
-    return ((0, jsx_runtime_1.jsxs)(context_1.EditorContext.Provider, { value: context, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(PageSettings_1.PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && ((0, jsx_runtime_1.jsx)(CodeEditor_1.CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(Layout_1.default.Left, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && ((0, jsx_runtime_1.jsxs)(Layout_1.default.Right, { children: [(0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme, children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, Object.assign({}, outgoingProps)) })) }, errorBoundaryState), isFormEditMode && (0, jsx_runtime_1.jsx)(AddBlock_1.default, { onAdd: onAdd })] }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(context_1.EditorContext.Provider, { value: context, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(PageSettings_1.PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && ((0, jsx_runtime_1.jsx)(CodeEditor_1.CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(Layout_1.default.Left, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && ((0, jsx_runtime_1.jsxs)(Layout_1.default.Right, { children: [(0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { ...providerProps, theme: constructorTheme, children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { ...outgoingProps }) }) }, errorBoundaryState), isFormEditMode && (0, jsx_runtime_1.jsx)(AddBlock_1.default, { onAdd: onAdd })] }))] })] }));
 };
 exports.Editor = Editor;
 //# sourceMappingURL=Editor.js.map

package/build/cjs/editor/containers/Editor/Editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor/containers/Editor/Editor.tsx"],"names":[],"mappings":";;;;;AAAA,kFAA6F;AAC7F,mDAAqC;AACrC,6FAA0D;AAC1D,0EAAkE;AAClE,yGAAsE;AACtE,mFAA2E;AAC3E,uFAAoD;AACpD,gFAAwE;AACxE,8CAA4C;AAE5C,0CAAkC;AAElC,8DAAsD;AAItD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAEnB,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,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IAE1B,OAAO,CACH,wBAAC,uBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,aAClC,uBAAC,sBAAY,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,uBAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAI,CAChF,EACA,cAAc,IAAI,CACf,uBAAC,uBAAU,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,wBAAwB,EAAE,2BAA2B,GACvD,CACL,EACD,wBAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACzC,cAAc,IAAI,iBAAiB,IAAI,CACpC,uBAAC,gBAAM,CAAC,IAAI,cACR,uBAAC,WAAI,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,wBAAC,gBAAM,CAAC,KAAK,eACT,uBAAC,6BAAa,cACV,uBAAC,yCAAuB,~~oBAAK~~,aAAa,~~IAAE~~,KAAK,EAAE,gBAAgB,YAC/D,uBAAC,iCAAe,~~oBAAK~~,aAAa,~~EAAI~~,~~IAChB~~,IAHV,kBAAkB,CAItB,EACf,cAAc,IAAI,uBAAC,kBAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IAClC,CAClB,IACI,IACY,CAC5B,CAAC;AACN,CAAC,CAAC;AA7EW,QAAA,MAAM,UA6EjB","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"]}
1	+ {"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor/containers/Editor/Editor.tsx"],"names":[],"mappings":";;;;;AAAA,kFAA6F;AAC7F,mDAAqC;AACrC,6FAA0D;AAC1D,0EAAkE;AAClE,yGAAsE;AACtE,mFAA2E;AAC3E,uFAAoD;AACpD,gFAAwE;AACxE,8CAA4C;AAE5C,0CAAkC;AAElC,8DAAsD;AAItD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAEnB,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,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IAE1B,OAAO,CACH,wBAAC,uBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,aAClC,uBAAC,sBAAY,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,uBAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAI,CAChF,EACA,cAAc,IAAI,CACf,uBAAC,uBAAU,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,wBAAwB,EAAE,2BAA2B,GACvD,CACL,EACD,wBAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACzC,cAAc,IAAI,iBAAiB,IAAI,CACpC,uBAAC,gBAAM,CAAC,IAAI,cACR,uBAAC,WAAI,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,wBAAC,gBAAM,CAAC,KAAK,eACT,uBAAC,6BAAa,cACV,uBAAC,yCAAuB,OAAK,aAAa,EAAE,KAAK,EAAE,gBAAgB,YAC/D,uBAAC,iCAAe,OAAK,aAAa,GAAI,GAChB,IAHV,kBAAkB,CAItB,EACf,cAAc,IAAI,uBAAC,kBAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IAClC,CAClB,IACI,IACY,CAC5B,CAAC;AACN,CAAC,CAAC;AA7EW,QAAA,MAAM,UA6EjB","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/cjs/editor/containers/Editor/hooks/useCode.js CHANGED Viewed

@@ -12,13 +12,11 @@ const usePreviousValue_1 = tslib_1.__importDefault(require("../../../hooks/usePr
  * @returns {string} - updated code
  */
 function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
-    var _a;
     const [code, setCode] = React.useState('');
-    const prevContentLength = (0, usePreviousValue_1.default)((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+    const prevContentLength = (0, usePreviousValue_1.default)(content.blocks?.length);
     const prevCodeFullscreeModeOn = (0, usePreviousValue_1.default)(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(js_yaml_1.default.dump(content, { lineWidth: -1 }));

package/build/cjs/editor/containers/Editor/hooks/useCode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCode.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useCode.ts"],"names":[],"mappings":";;AAmBA,0BAgBC;;AAnCD,qDAA+B;AAE/B,8DAA2B;AAG3B,kGAA+D;AAQ/D;;;;;GAKG;AACH,SAAgB,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,IAAA,0BAAgB,EAAC,~~MAAA,~~OAAO,CAAC,MAAM,~~0CAAE~~,MAAM,CAAC,CAAC;IACnE,MAAM,uBAAuB,GAAG,IAAA,0BAAgB,EAAC,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,iBAAI,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"]}
1	+ {"version":3,"file":"useCode.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useCode.ts"],"names":[],"mappings":";;AAmBA,0BAgBC;;AAnCD,qDAA+B;AAE/B,8DAA2B;AAG3B,kGAA+D;AAQ/D;;;;;GAKG;AACH,SAAgB,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,IAAA,0BAAgB,EAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnE,MAAM,uBAAuB,GAAG,IAAA,0BAAgB,EAAC,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,iBAAI,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"]}

package/build/cjs/editor/containers/Editor/hooks/useEditorState.js CHANGED Viewed

@@ -16,8 +16,7 @@ const types_1 = require("../../../types/index.js");
 const utils_1 = require("../../../utils/index.js");
 const useCode_1 = require("./useCode.js");
 // Editor business logic
-const useEditorState = (_a) => {
-    var { customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme } = _a, rest = tslib_1.__rest(_a, ["customSchema", "onChange", "providerProps", "transformContent", "deviceEmulationSettings", "theme"]);
+const useEditorState = ({ customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme, ...rest }) => {
     const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect, injectEditBlockProps, } = (0, main_1.useMainState)(rest);
     const { viewMode, editMode, onEditModeUpdate, theme: constructorTheme, onViewModeUpdate, onThemeUpdate, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, } = (0, settings_1.useSettingsState)();
     const isCodeEditMode = editMode === types_1.EditModeItem.Code;
@@ -32,10 +31,10 @@ const useEditorState = (_a) => {
         const custom = isCodeEditMode || isViewEditMode
             ? rest.custom
             : (0, utils_1.addCustomDecorator)([
-                (props) => (0, jsx_runtime_1.jsx)(NotFoundBlock_1.NotFoundBlock, Object.assign({}, props)),
-                (props) => ((0, jsx_runtime_1.jsx)(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
+                (props) => (0, jsx_runtime_1.jsx)(NotFoundBlock_1.NotFoundBlock, { ...props }),
+                (props) => ((0, jsx_runtime_1.jsx)(EditBlock_1.default, { ...injectEditBlockProps(props) })),
                 // need errorBoundaryState flag to reset error on content update
-                (props) => ((0, react_1.createElement)(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
+                (props) => ((0, react_1.createElement)(ErrorBoundary_1.ErrorBoundary, { ...props, key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` })),
             ], rest.custom);
         return {
             content: transformedContent,
@@ -56,7 +55,11 @@ const useEditorState = (_a) => {
             content: transformedContent,
             custom: rest.custom,
         },
-        providerProps: Object.assign(Object.assign({}, providerProps), { isMobile: (0, utils_1.checkIsMobile)(viewMode), theme: constructorTheme }),
+        providerProps: {
+            ...providerProps,
+            isMobile: (0, utils_1.checkIsMobile)(viewMode),
+            theme: constructorTheme,
+        },
         deviceEmulationSettings,
         theme: editorTheme,
     }), [
@@ -69,7 +72,7 @@ const useEditorState = (_a) => {
         editorTheme,
     ]);
     React.useEffect(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(content);
+        onChange?.(content);
     }, [content, onChange]);
     const code = (0, useCode_1.useCode)({ isCodeEditMode, content, codeFullscreeModeOn });
     return {

package/build/cjs/editor/containers/Editor/hooks/useEditorState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEditorState.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useEditorState.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA+B;AAG/B,wDAAyD;AACzD,mGAAgE;AAChE,sFAA8E;AAC9E,sFAA8E;AAC9E,yEAAiE;AACjE,uDAAiD;AACjD,+DAAyD;AACzD,mDAAuE;AACvE,mDAA6E;AAE7E,0CAAkC;AAElC,wBAAwB;AACjB,MAAM,cAAc,GAAG,CAAC,~~EAQjB,EAAE,EAAE;QARa,~~EAC3B,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,KAAK,EAAE,WAAW,~~OAER~~,~~EADP~~,IAAI,~~sBAPoB~~,~~qGAQ9B~~,~~CADU~~;~~IAEP~~,MAAM,EACF,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,KAAK,EACL,QAAQ,EACR,oBAAoB,GACvB,GAAG,IAAA,mBAAY,EAAC,IAAI,CAAC,CAAC;IAEvB,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,KAAK,EAAE,gBAAgB,EACvB,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,2BAA2B,GAC9B,GAAG,IAAA,2BAAgB,GAAE,CAAC;IAEvB,MAAM,cAAc,GAAG,QAAQ,KAAK,oBAAY,CAAC,IAAI,CAAC;IACtD,MAAM,cAAc,GAAG,QAAQ,KAAK,oBAAY,CAAC,IAAI,CAAC;IACtD,MAAM,cAAc,GAAG,QAAQ,KAAK,oBAAY,CAAC,IAAI,CAAC;IACtD,MAAM,iBAAiB,GAAG,QAAQ,KAAK,oBAAY,CAAC,OAAO,CAAC;IAC5D,MAAM,cAAc,GAAG,mBAAmB,IAAI,cAAc,CAAC;IAE7D,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EACpF,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAClD,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,8BAAqB,EAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACxF,MAAM,aAAa,GAAG,IAAA,mCAAgB,EAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,MAAM,GACR,cAAc,IAAI,cAAc;YAC5B,CAAC,CAAC,IAAI,CAAC,MAAM;YACb,CAAC,CAAC,IAAA,0BAAkB,EACd;gBACI,CAAC,KAA2B,EAAE,EAAE,CAAC,uBAAC,6BAAa,~~oBAAK~~,KAAK,~~EAAI~~;gBAC7D,CAAC,KAA2B,EAAE,EAAE,CAAC,CAC7B,uBAAC,mBAAS,~~oBAAK~~,oBAAoB,CAAC,KAAK,CAAC,~~EAAI~~,CACjD;gBACD,gEAAgE;gBAChE,CAAC,KAA2B,EAAE,EAAE,CAAC,CAC7B,2BAAC,6BAAa,~~oBACN~~,KAAK,~~IACT~~,GAAG,EAAE,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,kBAAkB,EAAE,~~IACnD~~,CACL;aACJ,EACD,IAAI,CAAC,MAAM,CACd,CAAC;QAEZ,OAAO;YACH,OAAO,EAAE,kBAAkB;YAC3B,MAAM;YACN,QAAQ;SACX,CAAC;IACN,CAAC,EAAE;QACC,oBAAoB;QACpB,kBAAkB;QAClB,QAAQ;QACR,kBAAkB;QAClB,IAAI,CAAC,MAAM;QACX,cAAc;QACd,cAAc;KACjB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACH,gBAAgB,EAAE;YACd,OAAO,EAAE,kBAAkB;YAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;SACtB;QACD,aAAa,~~kCACN~~,aAAa,~~KAChB,~~QAAQ,EAAE,IAAA,qBAAa,EAAC,QAAQ,CAAC,~~EACjC,~~KAAK,EAAE,gBAAgB~~,GAC1B~~;QACD,uBAAuB;QACvB,KAAK,EAAE,WAAW;KACrB,CAAC,EACF;QACI,aAAa;QACb,IAAI,CAAC,MAAM;QACX,QAAQ;QACR,kBAAkB;QAClB,uBAAuB;QACvB,gBAAgB;QAChB,WAAW;KACd,CACJ,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,~~aAAR~~,~~QAAQ~~,~~uBAAR,QAAQ,CAAG,~~OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,IAAI,GAAG,IAAA,iBAAO,EAAC,EAAC,cAAc,EAAE,OAAO,EAAE,mBAAmB,EAAC,CAAC,CAAC;IAErE,OAAO;QACH,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,gBAAgB;QAChB,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,iBAAiB;QACjB,OAAO;QACP,MAAM;QACN,eAAe;QACf,IAAI;QACJ,aAAa;QACb,mBAAmB;QACnB,2BAA2B;QAC3B,gBAAgB;QAChB,QAAQ;QACR,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,KAAK;QACL,cAAc;KACjB,CAAC;AACN,CAAC,CAAC;AAvIW,QAAA,cAAc,kBAuIzB","sourcesContent":["import * as React from 'react';\n\nimport {BlockDecorationProps} from '../../../../models';\nimport {generateDefaultSchema} from '../../../../schema';\nimport EditBlock from '../../../components/EditBlock/EditBlock';\nimport {ErrorBoundary} from '../../../components/ErrorBoundary/ErrorBoundary';\nimport {NotFoundBlock} from '../../../components/NotFoundBlock/NotFoundBlock';\nimport {useCodeValidator} from '../../../hooks/useCodeValidator';\nimport {useMainState} from '../../../store/main';\nimport {useSettingsState} from '../../../store/settings';\nimport {EditModeItem, EditorProps, ViewModeItem} from '../../../types';\nimport {addCustomDecorator, checkIsMobile, getBlockId} from '../../../utils';\n\nimport {useCode} from './useCode';\n\n// Editor business logic\nexport const useEditorState = ({\n customSchema,\n onChange,\n providerProps,\n transformContent,\n deviceEmulationSettings,\n theme: editorTheme,\n ...rest\n}: EditorProps) => {\n const {\n content,\n activeBlockIndex,\n errorBoundaryState,\n onContentUpdate,\n onAdd,\n onSelect,\n injectEditBlockProps,\n } = useMainState(rest);\n\n const {\n viewMode,\n editMode,\n onEditModeUpdate,\n theme: constructorTheme,\n onViewModeUpdate,\n onThemeUpdate,\n codeFullscreeModeOn,\n onCodeFullscreeModeOnUpdate,\n } = useSettingsState();\n\n const isCodeEditMode = editMode === EditModeItem.Code;\n const isViewEditMode = editMode === EditModeItem.View;\n const isFormEditMode = editMode === EditModeItem.Form;\n const isDesktopViewMode = viewMode === ViewModeItem.Desktop;\n const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;\n\n const transformedContent = React.useMemo(\n () => (transformContent ? transformContent(content, {viewMode, editMode}) : content),\n [content, transformContent, viewMode, editMode],\n );\n const schema = React.useMemo(() => generateDefaultSchema(customSchema), [customSchema]);\n const codeValidator = useCodeValidator(schema);\n\n const outgoingProps = React.useMemo(() => {\n const custom =\n isCodeEditMode \|\| isViewEditMode\n ? rest.custom\n : addCustomDecorator(\n [\n (props: BlockDecorationProps) => <NotFoundBlock {...props} />,\n (props: BlockDecorationProps) => (\n <EditBlock {...injectEditBlockProps(props)} />\n ),\n // need errorBoundaryState flag to reset error on content update\n (props: BlockDecorationProps) => (\n <ErrorBoundary\n {...props}\n key={`${getBlockId(props)}-${errorBoundaryState}`}\n />\n ),\n ],\n rest.custom,\n );\n\n return {\n content: transformedContent,\n custom,\n viewMode,\n };\n }, [\n injectEditBlockProps,\n errorBoundaryState,\n viewMode,\n transformedContent,\n rest.custom,\n isCodeEditMode,\n isViewEditMode,\n ]);\n\n const context = React.useMemo(\n () => ({\n constructorProps: {\n content: transformedContent,\n custom: rest.custom,\n },\n providerProps: {\n ...providerProps,\n isMobile: checkIsMobile(viewMode),\n theme: constructorTheme,\n },\n deviceEmulationSettings,\n theme: editorTheme,\n }),\n [\n providerProps,\n rest.custom,\n viewMode,\n transformedContent,\n deviceEmulationSettings,\n constructorTheme,\n editorTheme,\n ],\n );\n\n React.useEffect(() => {\n onChange?.(content);\n }, [content, onChange]);\n\n const code = useCode({isCodeEditMode, content, codeFullscreeModeOn});\n\n return {\n context,\n viewMode,\n editMode,\n constructorTheme,\n onThemeUpdate,\n onViewModeUpdate,\n onEditModeUpdate,\n isCodeEditMode,\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 isFormEditMode,\n };\n};\n"]}
1	+ {"version":3,"file":"useEditorState.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useEditorState.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BlockDecorationProps} from '../../../../models';\nimport {generateDefaultSchema} from '../../../../schema';\nimport EditBlock from '../../../components/EditBlock/EditBlock';\nimport {ErrorBoundary} from '../../../components/ErrorBoundary/ErrorBoundary';\nimport {NotFoundBlock} from '../../../components/NotFoundBlock/NotFoundBlock';\nimport {useCodeValidator} from '../../../hooks/useCodeValidator';\nimport {useMainState} from '../../../store/main';\nimport {useSettingsState} from '../../../store/settings';\nimport {EditModeItem, EditorProps, ViewModeItem} from '../../../types';\nimport {addCustomDecorator, checkIsMobile, getBlockId} from '../../../utils';\n\nimport {useCode} from './useCode';\n\n// Editor business logic\nexport const useEditorState = ({\n customSchema,\n onChange,\n providerProps,\n transformContent,\n deviceEmulationSettings,\n theme: editorTheme,\n ...rest\n}: EditorProps) => {\n const {\n content,\n activeBlockIndex,\n errorBoundaryState,\n onContentUpdate,\n onAdd,\n onSelect,\n injectEditBlockProps,\n } = useMainState(rest);\n\n const {\n viewMode,\n editMode,\n onEditModeUpdate,\n theme: constructorTheme,\n onViewModeUpdate,\n onThemeUpdate,\n codeFullscreeModeOn,\n onCodeFullscreeModeOnUpdate,\n } = useSettingsState();\n\n const isCodeEditMode = editMode === EditModeItem.Code;\n const isViewEditMode = editMode === EditModeItem.View;\n const isFormEditMode = editMode === EditModeItem.Form;\n const isDesktopViewMode = viewMode === ViewModeItem.Desktop;\n const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;\n\n const transformedContent = React.useMemo(\n () => (transformContent ? transformContent(content, {viewMode, editMode}) : content),\n [content, transformContent, viewMode, editMode],\n );\n const schema = React.useMemo(() => generateDefaultSchema(customSchema), [customSchema]);\n const codeValidator = useCodeValidator(schema);\n\n const outgoingProps = React.useMemo(() => {\n const custom =\n isCodeEditMode \|\| isViewEditMode\n ? rest.custom\n : addCustomDecorator(\n [\n (props: BlockDecorationProps) => <NotFoundBlock {...props} />,\n (props: BlockDecorationProps) => (\n <EditBlock {...injectEditBlockProps(props)} />\n ),\n // need errorBoundaryState flag to reset error on content update\n (props: BlockDecorationProps) => (\n <ErrorBoundary\n {...props}\n key={`${getBlockId(props)}-${errorBoundaryState}`}\n />\n ),\n ],\n rest.custom,\n );\n\n return {\n content: transformedContent,\n custom,\n viewMode,\n };\n }, [\n injectEditBlockProps,\n errorBoundaryState,\n viewMode,\n transformedContent,\n rest.custom,\n isCodeEditMode,\n isViewEditMode,\n ]);\n\n const context = React.useMemo(\n () => ({\n constructorProps: {\n content: transformedContent,\n custom: rest.custom,\n },\n providerProps: {\n ...providerProps,\n isMobile: checkIsMobile(viewMode),\n theme: constructorTheme,\n },\n deviceEmulationSettings,\n theme: editorTheme,\n }),\n [\n providerProps,\n rest.custom,\n viewMode,\n transformedContent,\n deviceEmulationSettings,\n constructorTheme,\n editorTheme,\n ],\n );\n\n React.useEffect(() => {\n onChange?.(content);\n }, [content, onChange]);\n\n const code = useCode({isCodeEditMode, content, codeFullscreeModeOn});\n\n return {\n context,\n viewMode,\n editMode,\n constructorTheme,\n onThemeUpdate,\n onViewModeUpdate,\n onEditModeUpdate,\n isCodeEditMode,\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 isFormEditMode,\n };\n};\n"]}

package/build/cjs/editor/containers/Form/Form.js CHANGED Viewed

@@ -15,11 +15,14 @@ exports.Form = React.memo(({ content, onChange, activeBlockIndex, onSelect, sche
     const spec = (0, useFormSpec_1.default)(schema);
     const { blocks: blocksSpec } = spec || {};
     return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-2", children: 'Blocks' }), blocks.map((blockData, index) => blocksSpec[blockData.type] ? ((0, jsx_runtime_1.jsx)("div", { className: b('block-form'), children: (0, jsx_runtime_1.jsx)(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
-                        onChange(Object.assign(Object.assign({}, content), { blocks: [
+                        onChange({
+                            ...content,
+                            blocks: [
                                 ...blocks.slice(0, index),
                                 data,
                                 ...blocks.slice(index + 1),
-                            ] }));
+                            ],
+                        });
                     }, onSelect: () => onSelect(index) }) }, (0, utils_1.getBlockKey)(blockData, index))) : null)] }));
 });
 exports.Form.displayName = 'Form';

package/build/cjs/editor/containers/Form/Form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Form.js","sourceRoot":"../../../../../src","sources":["editor/containers/Form/Form.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAuC;AAIvC,mDAAkD;AAClD,uEAA+D;AAC/D,qFAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAU/B,8GAA8G;AAEjG,QAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAC1B,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAY,EAAE,EAAE;IACnE,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,IAAI,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IACjC,MAAM,EAAC,MAAM,EAAE,UAAU,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAExC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,YAAE,QAAQ,GAAQ,EACvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAC7B,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,qBAAS,IACN,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAChC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,gBAAgB,KAAK,KAAK,EAClC,QAAQ,EAAE,CAAC,IAAW,EAAE,EAAE;wBACtB,QAAQ,~~iCACD~~,OAAO,~~KACV,~~MAAM,EAAE;gCACJ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;gCACzB,IAAI;gCACJ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;6BAC7B,~~IACH~~,CAAC;oBACP,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACjC,IAhBgC,IAAA,mBAAW,EAAC,SAAS,EAAE,KAAK,CAAC,CAiB7D,CACT,CAAC,CAAC,CAAC,IAAI,CACX,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Text} from '@gravity-ui/uikit';\nimport {JSONSchema4} from 'json-schema';\n\nimport {Block, PageContent} from '../../../models';\nimport {block, getBlockKey} from '../../../utils';\nimport {BlockForm} from '../../components/BlockForm/BlockForm';\nimport useFormSpec from '../../hooks/useFormSpec';\n\nimport './Form.scss';\n\nconst b = block('editor-form');\n\nexport interface FormProps {\n content: PageContent;\n schema: JSONSchema4;\n activeBlockIndex: number;\n onChange: (content: PageContent) => void;\n onSelect: (index: number) => void;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be extremely refactor\n\nexport const Form = React.memo(\n ({content, onChange, activeBlockIndex, onSelect, schema}: FormProps) => {\n const {blocks} = content \|\| {};\n const spec = useFormSpec(schema);\n const {blocks: blocksSpec} = spec \|\| {};\n\n return (\n <div className={b()}>\n <Text variant=\"body-2\">{'Blocks'}</Text>\n {blocks.map((blockData, index) =>\n blocksSpec[blockData.type] ? (\n <div className={b('block-form')} key={getBlockKey(blockData, index)}>\n <BlockForm\n spec={blocksSpec[blockData.type]}\n data={blockData}\n active={activeBlockIndex === index}\n onChange={(data: Block) => {\n onChange({\n ...content,\n blocks: [\n ...blocks.slice(0, index),\n data,\n ...blocks.slice(index + 1),\n ],\n });\n }}\n onSelect={() => onSelect(index)}\n />\n </div>\n ) : null,\n )}\n </div>\n );\n },\n);\n\nForm.displayName = 'Form';\n"]}
1	+ {"version":3,"file":"Form.js","sourceRoot":"../../../../../src","sources":["editor/containers/Form/Form.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAuC;AAIvC,mDAAkD;AAClD,uEAA+D;AAC/D,qFAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAU/B,8GAA8G;AAEjG,QAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAC1B,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAY,EAAE,EAAE;IACnE,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,IAAI,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IACjC,MAAM,EAAC,MAAM,EAAE,UAAU,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAExC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,YAAE,QAAQ,GAAQ,EACvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAC7B,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,qBAAS,IACN,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAChC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,gBAAgB,KAAK,KAAK,EAClC,QAAQ,EAAE,CAAC,IAAW,EAAE,EAAE;wBACtB,QAAQ,CAAC;4BACL,GAAG,OAAO;4BACV,MAAM,EAAE;gCACJ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;gCACzB,IAAI;gCACJ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;6BAC7B;yBACJ,CAAC,CAAC;oBACP,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACjC,IAhBgC,IAAA,mBAAW,EAAC,SAAS,EAAE,KAAK,CAAC,CAiB7D,CACT,CAAC,CAAC,CAAC,IAAI,CACX,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Text} from '@gravity-ui/uikit';\nimport {JSONSchema4} from 'json-schema';\n\nimport {Block, PageContent} from '../../../models';\nimport {block, getBlockKey} from '../../../utils';\nimport {BlockForm} from '../../components/BlockForm/BlockForm';\nimport useFormSpec from '../../hooks/useFormSpec';\n\nimport './Form.scss';\n\nconst b = block('editor-form');\n\nexport interface FormProps {\n content: PageContent;\n schema: JSONSchema4;\n activeBlockIndex: number;\n onChange: (content: PageContent) => void;\n onSelect: (index: number) => void;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be extremely refactor\n\nexport const Form = React.memo(\n ({content, onChange, activeBlockIndex, onSelect, schema}: FormProps) => {\n const {blocks} = content \|\| {};\n const spec = useFormSpec(schema);\n const {blocks: blocksSpec} = spec \|\| {};\n\n return (\n <div className={b()}>\n <Text variant=\"body-2\">{'Blocks'}</Text>\n {blocks.map((blockData, index) =>\n blocksSpec[blockData.type] ? (\n <div className={b('block-form')} key={getBlockKey(blockData, index)}>\n <BlockForm\n spec={blocksSpec[blockData.type]}\n data={blockData}\n active={activeBlockIndex === index}\n onChange={(data: Block) => {\n onChange({\n ...content,\n blocks: [\n ...blocks.slice(0, index),\n data,\n ...blocks.slice(index + 1),\n ],\n });\n }}\n onSelect={() => onSelect(index)}\n />\n </div>\n ) : null,\n )}\n </div>\n );\n },\n);\n\nForm.displayName = 'Form';\n"]}