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

package/build/esm/editor/data/previews/default-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-preview.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/default-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,cAAc,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,6BACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,kBAAkB,EAClB,KAAK,eAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,KAC1F,CACT,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"43.1628\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"31.9767\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"37.1395\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"42.3023\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7674\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"33.6977\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"52.6279\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default DefaultPreview;\n"]}
+{"version":3,"file":"default-preview.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/default-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,cAAc,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,eACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,kBAAkB,KAClB,KAAK,aAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,IAC1F,CACT,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"43.1628\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"31.9767\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"37.1395\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"42.3023\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7674\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"33.6977\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"52.6279\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default DefaultPreview;\n"]}

package/build/esm/editor/data/previews/header-block.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { a11yHiddenSvgProps } from "../../../utils/svg.js";
-const Header = (props) => (_jsxs("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a11yHiddenSvgProps, props, { children: [_jsx("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), _jsx("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
+const Header = (props) => (_jsxs("svg", { width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a11yHiddenSvgProps, ...props, children: [_jsx("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), _jsx("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] }));
 export default Header;
 //# sourceMappingURL=header-block.js.map

package/build/esm/editor/data/previews/header-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-block.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/header-block.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,6BACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,kBAAkB,EAClB,KAAK,eAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,KAC1F,CACT,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst Header: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"4.44174\"\n            y=\"9.60464\"\n            width=\"141.116\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"43.1628\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"31.9767\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"37.1395\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"42.3023\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"33.6976\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"52.6279\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default Header;\n"]}
+{"version":3,"file":"header-block.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/header-block.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,eACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,kBAAkB,KAClB,KAAK,aAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,IAC1F,CACT,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst Header: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"4.44174\"\n            y=\"9.60464\"\n            width=\"141.116\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"43.1628\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"31.9767\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"37.1395\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"42.3023\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"33.6976\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"52.6279\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default Header;\n"]}

package/build/esm/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js

@@ -14,7 +14,7 @@ const ajv = new Ajv({
     strictTypes: false,
     strictRequired: false,
 });
-const getOneOfCustomSpecDefaultType = (spec) => { var _a, _b; return ((_b = (_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.order) === null || _b === void 0 ? void 0 : _b[0]) || Object.keys(spec.properties || {})[0]; };
+const getOneOfCustomSpecDefaultType = (spec) => spec.viewSpec?.order?.[0] || Object.keys(spec.properties || {})[0];
 // dynamic-forms pass {} as default value for required properties of all types
 // this function replaces {} with default value accordingly to selected OneOf option spec type
 const getControllerDefautValue = (value, valueSpecType) => {
@@ -39,29 +39,31 @@ const getControllerDefautValue = (value, valueSpecType) => {
  * @returns {React.FC<ObjectIndependentInputProps>}
  */
 export const OneOfCustom = (props) => {
-    var _a;
     const { spec, input, name } = props;
     const { properties } = spec;
     //getting oneOf option type from initial value
-    const valueType = React.useMemo(() => {
-        var _a;
-        return (properties &&
-            ((_a = Object.keys(properties)) === null || _a === void 0 ? void 0 : _a.find((key) => {
-                const fieldSchema = (properties === null || properties === void 0 ? void 0 : properties[key]).__schema;
-                return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));
-            }))) ||
-            getOneOfCustomSpecDefaultType(spec);
-    }, 
+    const valueType = React.useMemo(() => (properties &&
+        Object.keys(properties)?.find((key) => {
+            const fieldSchema = (properties?.[key]).__schema;
+            return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));
+        })) ||
+        getOneOfCustomSpecDefaultType(spec), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     const { oneOfValue, specProperties, toggler } = useOneOf({
-        props: Object.assign(Object.assign({}, props), { input: Object.assign(Object.assign({}, input), { value: valueType ? { [valueType]: input.value } : input.value }) }),
+        props: {
+            ...props,
+            input: {
+                ...input,
+                value: valueType ? { [valueType]: input.value } : input.value,
+            },
+        },
     });
     const parentOnChange = React.useCallback((_childName, childValue, childErrors) => {
         input.onChange(childValue, childErrors);
     }, [input]);
     const parentOnUnmount = React.useCallback((childName) => input.onChange((currentValue) => currentValue, { [childName]: false }), [input]);
-    const valueSpecType = ((_a = specProperties[oneOfValue]) === null || _a === void 0 ? void 0 : _a.type) || SpecTypes.Object;
+    const valueSpecType = specProperties[oneOfValue]?.type || SpecTypes.Object;
     return (_jsxs("div", { className: b(), children: [_jsx("div", { children: toggler }), specProperties[oneOfValue] && (_jsx(GroupIndent, { children: _jsx(Controller, { value: getControllerDefautValue(input.value, valueSpecType), name: name, spec: specProperties[oneOfValue], parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount }, `${name}.${oneOfValue}`) }))] }));
 };
 //# sourceMappingURL=OneOfCustom.js.map

package/build/esm/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneOfCustom.js","sourceRoot":"../../../../../../src","sources":["editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    Controller,\n    FieldObjectValue,\n    FieldValue,\n    GroupIndent,\n    ObjectIndependentInputProps,\n    ObjectSpec,\n    SpecTypes,\n    ValidateError,\n    transformArrOut,\n} from '@gravity-ui/dynamic-forms';\nimport Ajv from 'ajv';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {block} from '../../../../utils';\nimport {getSpecTypeDefaultValue, useOneOf} from '../../hooks/useOneOf';\nimport {SpecCustomProps} from '../../parser/types';\n\nimport './OneOfCustom.scss';\n\nconst b = block('one-of-custom');\n\nconst ajv = new Ajv({\n    $data: true,\n    strict: false,\n    strictSchema: false,\n    strictTypes: false,\n    strictRequired: false,\n});\n\nconst getOneOfCustomSpecDefaultType = (spec: ObjectSpec) =>\n    spec.viewSpec?.order?.[0] || Object.keys(spec.properties || {})[0];\n\n// dynamic-forms pass {} as default value for required properties of all types\n// this function replaces {} with default value accordingly to selected OneOf option spec type\nconst getControllerDefautValue = (value: FieldValue, valueSpecType?: SpecTypes) => {\n    const isDefaultValue = typeof value === 'object' && isEmpty(value);\n    const defaultValue = valueSpecType ? getSpecTypeDefaultValue(valueSpecType) : undefined;\n\n    return isDefaultValue ? (defaultValue as FieldValue) : value;\n};\n\n/**\n * Customization of @gravity-ui/dynamic-forms OneOf component\n *\n * Main differences from original component:\n *\n * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and\n * shows according input\n *\n * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.\n *\n * custom component: {propertyName: propertyValue}\n * original component: {propertyName: {option1: {value: propertyValue}}}\n *\n * @param {ObjectIndependentInputProps} props - props of original OneOf component\n * @returns {React.FC<ObjectIndependentInputProps>}\n */\nexport const OneOfCustom: React.FC<ObjectIndependentInputProps> = (props) => {\n    const {spec, input, name} = props;\n    const {properties} = spec;\n\n    //getting oneOf option type from initial value\n    const valueType = React.useMemo(\n        () =>\n            (properties &&\n                Object.keys(properties)?.find((key) => {\n                    const fieldSchema = (properties?.[key] as SpecCustomProps).__schema;\n\n                    return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));\n                })) ||\n            getOneOfCustomSpecDefaultType(spec),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    const {oneOfValue, specProperties, toggler} = useOneOf({\n        props: {\n            ...props,\n            input: {\n                ...input,\n                value: valueType ? {[valueType]: input.value} : input.value,\n            },\n        },\n    });\n\n    const parentOnChange = React.useCallback(\n        (\n            _childName: string,\n            childValue: FieldValue,\n            childErrors?: Record<string, ValidateError>,\n        ) => {\n            input.onChange(childValue as FieldObjectValue, childErrors);\n        },\n        [input],\n    );\n\n    const parentOnUnmount = React.useCallback(\n        (childName: string) => input.onChange((currentValue) => currentValue, {[childName]: false}),\n        [input],\n    );\n\n    const valueSpecType = specProperties[oneOfValue]?.type || SpecTypes.Object;\n\n    return (\n        <div className={b()}>\n            <div>{toggler}</div>\n            {specProperties[oneOfValue] && (\n                <GroupIndent>\n                    <Controller\n                        value={getControllerDefautValue(input.value, valueSpecType)}\n                        name={name}\n                        spec={specProperties[oneOfValue]}\n                        parentOnChange={parentOnChange}\n                        parentOnUnmount={parentOnUnmount}\n                        key={`${name}.${oneOfValue}`}\n                    />\n                </GroupIndent>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"OneOfCustom.js","sourceRoot":"../../../../../../src","sources":["editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    Controller,\n    FieldObjectValue,\n    FieldValue,\n    GroupIndent,\n    ObjectIndependentInputProps,\n    ObjectSpec,\n    SpecTypes,\n    ValidateError,\n    transformArrOut,\n} from '@gravity-ui/dynamic-forms';\nimport Ajv from 'ajv';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {block} from '../../../../utils';\nimport {getSpecTypeDefaultValue, useOneOf} from '../../hooks/useOneOf';\nimport {SpecCustomProps} from '../../parser/types';\n\nimport './OneOfCustom.scss';\n\nconst b = block('one-of-custom');\n\nconst ajv = new Ajv({\n    $data: true,\n    strict: false,\n    strictSchema: false,\n    strictTypes: false,\n    strictRequired: false,\n});\n\nconst getOneOfCustomSpecDefaultType = (spec: ObjectSpec) =>\n    spec.viewSpec?.order?.[0] || Object.keys(spec.properties || {})[0];\n\n// dynamic-forms pass {} as default value for required properties of all types\n// this function replaces {} with default value accordingly to selected OneOf option spec type\nconst getControllerDefautValue = (value: FieldValue, valueSpecType?: SpecTypes) => {\n    const isDefaultValue = typeof value === 'object' && isEmpty(value);\n    const defaultValue = valueSpecType ? getSpecTypeDefaultValue(valueSpecType) : undefined;\n\n    return isDefaultValue ? (defaultValue as FieldValue) : value;\n};\n\n/**\n * Customization of @gravity-ui/dynamic-forms OneOf component\n *\n * Main differences from original component:\n *\n * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and\n * shows according input\n *\n * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.\n *\n * custom component: {propertyName: propertyValue}\n * original component: {propertyName: {option1: {value: propertyValue}}}\n *\n * @param {ObjectIndependentInputProps} props - props of original OneOf component\n * @returns {React.FC<ObjectIndependentInputProps>}\n */\nexport const OneOfCustom: React.FC<ObjectIndependentInputProps> = (props) => {\n    const {spec, input, name} = props;\n    const {properties} = spec;\n\n    //getting oneOf option type from initial value\n    const valueType = React.useMemo(\n        () =>\n            (properties &&\n                Object.keys(properties)?.find((key) => {\n                    const fieldSchema = (properties?.[key] as SpecCustomProps).__schema;\n\n                    return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));\n                })) ||\n            getOneOfCustomSpecDefaultType(spec),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    const {oneOfValue, specProperties, toggler} = useOneOf({\n        props: {\n            ...props,\n            input: {\n                ...input,\n                value: valueType ? {[valueType]: input.value} : input.value,\n            },\n        },\n    });\n\n    const parentOnChange = React.useCallback(\n        (\n            _childName: string,\n            childValue: FieldValue,\n            childErrors?: Record<string, ValidateError>,\n        ) => {\n            input.onChange(childValue as FieldObjectValue, childErrors);\n        },\n        [input],\n    );\n\n    const parentOnUnmount = React.useCallback(\n        (childName: string) => input.onChange((currentValue) => currentValue, {[childName]: false}),\n        [input],\n    );\n\n    const valueSpecType = specProperties[oneOfValue]?.type || SpecTypes.Object;\n\n    return (\n        <div className={b()}>\n            <div>{toggler}</div>\n            {specProperties[oneOfValue] && (\n                <GroupIndent>\n                    <Controller\n                        value={getControllerDefautValue(input.value, valueSpecType)}\n                        name={name}\n                        spec={specProperties[oneOfValue]}\n                        parentOnChange={parentOnChange}\n                        parentOnUnmount={parentOnUnmount}\n                        key={`${name}.${oneOfValue}`}\n                    />\n                </GroupIndent>\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/editor/dynamic-forms-custom/hooks/useOneOf.js

@@ -32,18 +32,16 @@ export const useOneOf = ({ props, onTogglerChange }) => {
         return (valueKeys || order || Object.keys(specProperties))[0];
     });
     const onOneOfChange = React.useCallback(([newValue]) => {
-        var _a;
         if (newValue !== oneOfValue) {
-            const specType = ((_a = specProperties[newValue]) === null || _a === void 0 ? void 0 : _a.type) || SpecTypes.Object;
+            const specType = specProperties[newValue]?.type || SpecTypes.Object;
             input.onChange(getSpecTypeDefaultValue(specType));
             setOneOfValue(newValue);
-            onTogglerChange === null || onTogglerChange === void 0 ? void 0 : onTogglerChange(newValue);
+            onTogglerChange?.(newValue);
         }
     }, [setOneOfValue, input, oneOfValue, specProperties, onTogglerChange]);
     const options = React.useMemo(() => (order || Object.keys(specProperties)).map((value) => {
-        var _a, _b;
-        const title = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) ||
-            ((_b = specProperties[value]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
+        const title = spec.description?.[value] ||
+            specProperties[value]?.viewSpec.layoutTitle ||
             value ||
             '';
         return {
@@ -53,17 +51,17 @@ export const useOneOf = ({ props, onTogglerChange }) => {
         };
     }), [spec.description, order, specProperties]);
     const togglerInput = React.useMemo(() => {
-        if ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) !== 'radio' &&
-            ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) === 'select' ||
+        if (oneOfParams?.toggler !== 'radio' &&
+            (oneOfParams?.toggler === 'select' ||
                 options.length > 3 ||
                 some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
             return (_jsx(Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: disabled, filterable: options.length > 7, qa: name }));
         }
         return (_jsx(SegmentedRadioGroup, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: disabled, qa: name, children: options.map(({ value, title }) => (_jsx(SegmentedRadioGroup.Option, { value: value, children: title }, value))) }));
-    }, [options, oneOfValue, onOneOfChange, name, oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler, disabled]);
+    }, [options, oneOfValue, onOneOfChange, name, oneOfParams?.toggler, disabled]);
     const toggler = React.useMemo(() => {
         if (Layout) {
-            return _jsx(Layout, Object.assign({}, props, { children: togglerInput }));
+            return _jsx(Layout, { ...props, children: togglerInput });
         }
         return togglerInput;
     }, [Layout, togglerInput, props]);

package/build/esm/editor/dynamic-forms-custom/hooks/useOneOf.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOneOf.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/hooks/useOneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    FieldObjectValue,\n    ObjectIndependentInputProps,\n    Spec,\n    SpecTypes,\n} from '@gravity-ui/dynamic-forms';\nimport {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport isObjectLike from 'lodash/isObjectLike';\nimport some from 'lodash/some';\n\nconst MAX_TAB_TITLE_LENGTH = 20;\n\nexport interface UseOneOfParams {\n    props: ObjectIndependentInputProps;\n    onTogglerChange?: (value: string) => void;\n}\n\nexport const getSpecTypeDefaultValue = (type: SpecTypes) => {\n    switch (type) {\n        case SpecTypes.Array:\n            return [];\n        case SpecTypes.Boolean:\n        case SpecTypes.Number:\n        case SpecTypes.String:\n            return undefined;\n        default:\n            return {};\n    }\n};\n\nexport const useOneOf = ({props, onTogglerChange}: UseOneOfParams) => {\n    const {name, input, spec, Layout} = props;\n    const {order, disabled, oneOfParams} = spec.viewSpec;\n\n    const specProperties = React.useMemo(\n        () => (isObjectLike(spec.properties) ? (spec.properties as Record<string, Spec>) : {}),\n        [spec.properties],\n    );\n\n    const [oneOfValue, setOneOfValue] = React.useState(() => {\n        let valueKeys: string[] | undefined;\n\n        if (isObjectLike(input.value)) {\n            const keys = Object.keys(input.value);\n\n            if (keys.length) {\n                valueKeys = keys;\n            }\n        }\n\n        return (valueKeys || order || Object.keys(specProperties))[0];\n    });\n\n    const onOneOfChange = React.useCallback(\n        ([newValue]: string[]) => {\n            if (newValue !== oneOfValue) {\n                const specType = specProperties[newValue]?.type || SpecTypes.Object;\n                input.onChange(getSpecTypeDefaultValue(specType) as FieldObjectValue);\n                setOneOfValue(newValue);\n                onTogglerChange?.(newValue);\n            }\n        },\n        [setOneOfValue, input, oneOfValue, specProperties, onTogglerChange],\n    );\n\n    const options = React.useMemo(\n        () =>\n            (order || Object.keys(specProperties)).map((value) => {\n                const title =\n                    spec.description?.[value] ||\n                    specProperties[value]?.viewSpec.layoutTitle ||\n                    value ||\n                    '';\n\n                return {\n                    value,\n                    title,\n                    content: title,\n                };\n            }),\n        [spec.description, order, specProperties],\n    );\n\n    const togglerInput = React.useMemo(() => {\n        if (\n            oneOfParams?.toggler !== 'radio' &&\n            (oneOfParams?.toggler === 'select' ||\n                options.length > 3 ||\n                some(options, ({title}) => title.length > MAX_TAB_TITLE_LENGTH))\n        ) {\n            return (\n                <Select\n                    width=\"max\"\n                    value={[oneOfValue]}\n                    onUpdate={onOneOfChange}\n                    options={options}\n                    disabled={disabled}\n                    filterable={options.length > 7}\n                    qa={name}\n                />\n            );\n        }\n\n        return (\n            <SegmentedRadioGroup\n                value={oneOfValue}\n                onChange={(event) => onOneOfChange([event.target.value])}\n                disabled={disabled}\n                qa={name}\n            >\n                {options.map(({value, title}) => (\n                    <SegmentedRadioGroup.Option key={value} value={value}>\n                        {title}\n                    </SegmentedRadioGroup.Option>\n                ))}\n            </SegmentedRadioGroup>\n        );\n    }, [options, oneOfValue, onOneOfChange, name, oneOfParams?.toggler, disabled]);\n\n    const toggler = React.useMemo(() => {\n        if (Layout) {\n            return <Layout {...props}>{togglerInput}</Layout>;\n        }\n\n        return togglerInput;\n    }, [Layout, togglerInput, props]);\n\n    return {oneOfValue, specProperties, toggler, togglerInput};\n};\n"]}
+{"version":3,"file":"useOneOf.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/hooks/useOneOf.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIH,SAAS,GACZ,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAC9D,OAAO,YAAY,+BAA4B;AAC/C,OAAO,IAAI,uBAAoB;AAE/B,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAOhC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAe,EAAE,EAAE;IACvD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,SAAS,CAAC,KAAK;YAChB,OAAO,EAAE,CAAC;QACd,KAAK,SAAS,CAAC,OAAO,CAAC;QACvB,KAAK,SAAS,CAAC,MAAM,CAAC;QACtB,KAAK,SAAS,CAAC,MAAM;YACjB,OAAO,SAAS,CAAC;QACrB;YACI,OAAO,EAAE,CAAC;IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAiB,EAAE,EAAE;IACjE,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;IAErD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,IAAI,CAAC,UAAmC,CAAC,CAAC,CAAC,EAAE,CAAC,EACtF,CAAC,IAAI,CAAC,UAAU,CAAC,CACpB,CAAC;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QACpD,IAAI,SAA+B,CAAC;QAEpC,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAEtC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,SAAS,GAAG,IAAI,CAAC;YACrB,CAAC;QACL,CAAC;QAED,OAAO,CAAC,SAAS,IAAI,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAC,QAAQ,CAAW,EAAE,EAAE;QACrB,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;YAC1B,MAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,SAAS,CAAC,MAAM,CAAC;YACpE,KAAK,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAqB,CAAC,CAAC;YACtE,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,CAAC,CACtE,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CACD,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACjD,MAAM,KAAK,GACP,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACzB,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAW;YAC3C,KAAK;YACL,EAAE,CAAC;QAEP,OAAO;YACH,KAAK;YACL,KAAK;YACL,OAAO,EAAE,KAAK;SACjB,CAAC;IACN,CAAC,CAAC,EACN,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,CAC5C,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,IACI,WAAW,EAAE,OAAO,KAAK,OAAO;YAChC,CAAC,WAAW,EAAE,OAAO,KAAK,QAAQ;gBAC9B,OAAO,CAAC,MAAM,GAAG,CAAC;gBAClB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,oBAAoB,CAAC,CAAC,EACtE,CAAC;YACC,OAAO,CACH,KAAC,MAAM,IACH,KAAK,EAAC,KAAK,EACX,KAAK,EAAE,CAAC,UAAU,CAAC,EACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,EAC9B,EAAE,EAAE,IAAI,GACV,CACL,CAAC;QACN,CAAC;QAED,OAAO,CACH,KAAC,mBAAmB,IAChB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACxD,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,YAEP,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,mBAAmB,CAAC,MAAM,IAAa,KAAK,EAAE,KAAK,YAC/C,KAAK,IADuB,KAAK,CAET,CAChC,CAAC,GACgB,CACzB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,KAAC,MAAM,OAAK,KAAK,YAAG,YAAY,GAAU,CAAC;QACtD,CAAC;QAED,OAAO,YAAY,CAAC;IACxB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAC,CAAC;AAC/D,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    FieldObjectValue,\n    ObjectIndependentInputProps,\n    Spec,\n    SpecTypes,\n} from '@gravity-ui/dynamic-forms';\nimport {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport isObjectLike from 'lodash/isObjectLike';\nimport some from 'lodash/some';\n\nconst MAX_TAB_TITLE_LENGTH = 20;\n\nexport interface UseOneOfParams {\n    props: ObjectIndependentInputProps;\n    onTogglerChange?: (value: string) => void;\n}\n\nexport const getSpecTypeDefaultValue = (type: SpecTypes) => {\n    switch (type) {\n        case SpecTypes.Array:\n            return [];\n        case SpecTypes.Boolean:\n        case SpecTypes.Number:\n        case SpecTypes.String:\n            return undefined;\n        default:\n            return {};\n    }\n};\n\nexport const useOneOf = ({props, onTogglerChange}: UseOneOfParams) => {\n    const {name, input, spec, Layout} = props;\n    const {order, disabled, oneOfParams} = spec.viewSpec;\n\n    const specProperties = React.useMemo(\n        () => (isObjectLike(spec.properties) ? (spec.properties as Record<string, Spec>) : {}),\n        [spec.properties],\n    );\n\n    const [oneOfValue, setOneOfValue] = React.useState(() => {\n        let valueKeys: string[] | undefined;\n\n        if (isObjectLike(input.value)) {\n            const keys = Object.keys(input.value);\n\n            if (keys.length) {\n                valueKeys = keys;\n            }\n        }\n\n        return (valueKeys || order || Object.keys(specProperties))[0];\n    });\n\n    const onOneOfChange = React.useCallback(\n        ([newValue]: string[]) => {\n            if (newValue !== oneOfValue) {\n                const specType = specProperties[newValue]?.type || SpecTypes.Object;\n                input.onChange(getSpecTypeDefaultValue(specType) as FieldObjectValue);\n                setOneOfValue(newValue);\n                onTogglerChange?.(newValue);\n            }\n        },\n        [setOneOfValue, input, oneOfValue, specProperties, onTogglerChange],\n    );\n\n    const options = React.useMemo(\n        () =>\n            (order || Object.keys(specProperties)).map((value) => {\n                const title =\n                    spec.description?.[value] ||\n                    specProperties[value]?.viewSpec.layoutTitle ||\n                    value ||\n                    '';\n\n                return {\n                    value,\n                    title,\n                    content: title,\n                };\n            }),\n        [spec.description, order, specProperties],\n    );\n\n    const togglerInput = React.useMemo(() => {\n        if (\n            oneOfParams?.toggler !== 'radio' &&\n            (oneOfParams?.toggler === 'select' ||\n                options.length > 3 ||\n                some(options, ({title}) => title.length > MAX_TAB_TITLE_LENGTH))\n        ) {\n            return (\n                <Select\n                    width=\"max\"\n                    value={[oneOfValue]}\n                    onUpdate={onOneOfChange}\n                    options={options}\n                    disabled={disabled}\n                    filterable={options.length > 7}\n                    qa={name}\n                />\n            );\n        }\n\n        return (\n            <SegmentedRadioGroup\n                value={oneOfValue}\n                onChange={(event) => onOneOfChange([event.target.value])}\n                disabled={disabled}\n                qa={name}\n            >\n                {options.map(({value, title}) => (\n                    <SegmentedRadioGroup.Option key={value} value={value}>\n                        {title}\n                    </SegmentedRadioGroup.Option>\n                ))}\n            </SegmentedRadioGroup>\n        );\n    }, [options, oneOfValue, onOneOfChange, name, oneOfParams?.toggler, disabled]);\n\n    const toggler = React.useMemo(() => {\n        if (Layout) {\n            return <Layout {...props}>{togglerInput}</Layout>;\n        }\n\n        return togglerInput;\n    }, [Layout, togglerInput, props]);\n\n    return {oneOfValue, specProperties, toggler, togglerInput};\n};\n"]}

package/build/esm/editor/dynamic-forms-custom/parser/index.js

@@ -1,123 +1,11 @@
-import { __rest } from "tslib";
 /* eslint-disable no-param-reassign */
 /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 import { SpecTypes } from '@gravity-ui/dynamic-forms';
 import { ParserType, detectParserType } from "./detect.js";
 import { getArrayViewSpec, getObjectViewSpec, getOneOfViewSpec, getPrimitiveViewSpec } from "./views.js";
 class FormSpecParser {
-    constructor() {
-        this.schema = {};
-        this.definitions = {};
-        this.getChildrenSpec = (data) => {
-            var _a, _b, _c;
-            const childrenType = (_c = (_b = (_a = data.items) === null || _a === void 0 ? void 0 : _a.$ref) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop();
-            return this.definitions[childrenType];
-        };
-        this.getRequiredProperties = (data) => Array.isArray(data.required) ? data.required : [];
-        this.childrenParser = ({ data, name, required }) => {
-            const childSpec = this.getChildrenSpec(data);
-            const properties = childSpec &&
-                Object.entries(childSpec).reduce((parsedChildSpecProperties, [childName, childSchema]) => {
-                    const childRequiredProperties = this.getRequiredProperties(childSchema);
-                    const childProperies = childSchema.properties &&
-                        Object.entries(childSchema.properties).reduce((parsedChildProperties, [childPropertyName, childPropertyData]) => {
-                            parsedChildProperties[childPropertyName] = this.parseSchemaProperty({
-                                data: childPropertyData,
-                                name: childPropertyName,
-                                required: childRequiredProperties.includes(childPropertyName),
-                            });
-                            return parsedChildProperties;
-                        }, {});
-                    const childJsonSchema = Object.assign(Object.assign({}, childSchema), { properties: Object.assign(Object.assign({}, childSchema.properties), { type: {
-                                type: SpecTypes.String,
-                                enum: [childName],
-                            } }) });
-                    parsedChildSpecProperties[childName] = {
-                        type: SpecTypes.Array,
-                        items: Object.assign(Object.assign({}, childSchema), { type: SpecTypes.Object, properties: Object.assign(Object.assign({}, childProperies), { type: {
-                                    type: SpecTypes.String,
-                                    defaultValue: childName,
-                                    viewSpec: {
-                                        type: 'hidden',
-                                    },
-                                } }), viewSpec: childProperies &&
-                                getObjectViewSpec({
-                                    properties: childProperies,
-                                    layoutTitle: childName,
-                                }), __schema: childJsonSchema }),
-                        required: false,
-                        viewSpec: getArrayViewSpec({ layoutTitle: childName }),
-                        __schema: {
-                            type: SpecTypes.Array,
-                            items: childJsonSchema,
-                        },
-                    };
-                    return parsedChildSpecProperties;
-                }, {});
-            return {
-                type: SpecTypes.Object,
-                properties,
-                viewSpec: {
-                    type: 'oneof_custom',
-                    layout: 'row',
-                    layoutTitle: name,
-                    oneOfParams: {
-                        toggler: 'select',
-                    },
-                },
-                required,
-            };
-        };
-        this.oneOfParser = ({ data, name, required }) => {
-            const requiredProperties = this.getRequiredProperties(data);
-            const properties = data.oneOf &&
-                data.oneOf.reduce((result, propertyData, index) => {
-                    const propertyName = (propertyData === null || propertyData === void 0 ? void 0 : propertyData.optionName)
-                        ? propertyData === null || propertyData === void 0 ? void 0 : propertyData.optionName
-                        : `${name}_${index}`;
-                    result[propertyName] = this.parseSchemaProperty({
-                        data: propertyData,
-                        name: propertyName,
-                        required: requiredProperties.includes(propertyName),
-                    });
-                    return result;
-                }, {});
-            return {
-                type: SpecTypes.Object,
-                properties,
-                required,
-                viewSpec: getOneOfViewSpec({ layoutTitle: name }),
-            };
-        };
-        this.arrayParser = ({ data, name }) => {
-            const items = data.items && this.parseSchemaProperty({ data: data.items, name });
-            return Object.assign(Object.assign({}, data), { type: SpecTypes.Array, items, viewSpec: getArrayViewSpec({ layoutTitle: name }) });
-        };
-        this.objectParser = ({ data, name, required }) => {
-            const requiredProperties = this.getRequiredProperties(data);
-            const properties = data.properties &&
-                Object.entries(data.properties).reduce((result, [propertyName, propertyData]) => {
-                    result[propertyName] = this.parseSchemaProperty({
-                        data: propertyData,
-                        name: propertyName,
-                        required: requiredProperties.includes(propertyName),
-                    });
-                    return result;
-                }, {});
-            return Object.assign(Object.assign({}, data), { type: SpecTypes.Object, properties, viewSpec: getObjectViewSpec({ properties, layoutTitle: name }), required });
-        };
-        this.primitiveParser = ({ data, name, required }) => {
-            return Object.assign(Object.assign({}, data), { type: data.type, required, defaultValue: data.default, viewSpec: getPrimitiveViewSpec({ layoutTitle: name, data }), validator: 'base' });
-        };
-        //eslint-disable-next-line @typescript-eslint/member-ordering
-        this.schemaParserMap = {
-            [ParserType.Object]: this.objectParser,
-            [ParserType.Array]: this.arrayParser,
-            [ParserType.Primitive]: this.primitiveParser,
-            [ParserType.OneOf]: this.oneOfParser,
-            [ParserType.Children]: this.childrenParser,
-        };
-    }
+    schema = {};
+    definitions = {};
     /**
      * Transforms page-constructor json schema into dynamic-forms specs for each block
      *
@@ -128,28 +16,170 @@ class FormSpecParser {
         this.init(schema);
         return this.getFormSpec();
     }
+    getChildrenSpec = (data) => {
+        const childrenType = data.items?.$ref?.split('/')?.pop();
+        return this.definitions[childrenType];
+    };
+    getRequiredProperties = (data) => Array.isArray(data.required) ? data.required : [];
+    childrenParser = ({ data, name, required }) => {
+        const childSpec = this.getChildrenSpec(data);
+        const properties = childSpec &&
+            Object.entries(childSpec).reduce((parsedChildSpecProperties, [childName, childSchema]) => {
+                const childRequiredProperties = this.getRequiredProperties(childSchema);
+                const childProperies = childSchema.properties &&
+                    Object.entries(childSchema.properties).reduce((parsedChildProperties, [childPropertyName, childPropertyData]) => {
+                        parsedChildProperties[childPropertyName] = this.parseSchemaProperty({
+                            data: childPropertyData,
+                            name: childPropertyName,
+                            required: childRequiredProperties.includes(childPropertyName),
+                        });
+                        return parsedChildProperties;
+                    }, {});
+                const childJsonSchema = {
+                    ...childSchema,
+                    properties: {
+                        ...childSchema.properties,
+                        type: {
+                            type: SpecTypes.String,
+                            enum: [childName],
+                        },
+                    },
+                };
+                parsedChildSpecProperties[childName] = {
+                    type: SpecTypes.Array,
+                    items: {
+                        ...childSchema,
+                        type: SpecTypes.Object,
+                        properties: {
+                            ...childProperies,
+                            type: {
+                                type: SpecTypes.String,
+                                defaultValue: childName,
+                                viewSpec: {
+                                    type: 'hidden',
+                                },
+                            },
+                        },
+                        viewSpec: childProperies &&
+                            getObjectViewSpec({
+                                properties: childProperies,
+                                layoutTitle: childName,
+                            }),
+                        __schema: childJsonSchema,
+                    },
+                    required: false,
+                    viewSpec: getArrayViewSpec({ layoutTitle: childName }),
+                    __schema: {
+                        type: SpecTypes.Array,
+                        items: childJsonSchema,
+                    },
+                };
+                return parsedChildSpecProperties;
+            }, {});
+        return {
+            type: SpecTypes.Object,
+            properties,
+            viewSpec: {
+                type: 'oneof_custom',
+                layout: 'row',
+                layoutTitle: name,
+                oneOfParams: {
+                    toggler: 'select',
+                },
+            },
+            required,
+        };
+    };
+    oneOfParser = ({ data, name, required }) => {
+        const requiredProperties = this.getRequiredProperties(data);
+        const properties = data.oneOf &&
+            data.oneOf.reduce((result, propertyData, index) => {
+                const propertyName = propertyData?.optionName
+                    ? propertyData?.optionName
+                    : `${name}_${index}`;
+                result[propertyName] = this.parseSchemaProperty({
+                    data: propertyData,
+                    name: propertyName,
+                    required: requiredProperties.includes(propertyName),
+                });
+                return result;
+            }, {});
+        return {
+            type: SpecTypes.Object,
+            properties,
+            required,
+            viewSpec: getOneOfViewSpec({ layoutTitle: name }),
+        };
+    };
+    arrayParser = ({ data, name }) => {
+        const items = data.items && this.parseSchemaProperty({ data: data.items, name });
+        return {
+            ...data,
+            type: SpecTypes.Array,
+            items,
+            viewSpec: getArrayViewSpec({ layoutTitle: name }),
+        };
+    };
+    objectParser = ({ data, name, required }) => {
+        const requiredProperties = this.getRequiredProperties(data);
+        const properties = data.properties &&
+            Object.entries(data.properties).reduce((result, [propertyName, propertyData]) => {
+                result[propertyName] = this.parseSchemaProperty({
+                    data: propertyData,
+                    name: propertyName,
+                    required: requiredProperties.includes(propertyName),
+                });
+                return result;
+            }, {});
+        return {
+            ...data,
+            type: SpecTypes.Object,
+            properties,
+            viewSpec: getObjectViewSpec({ properties, layoutTitle: name }),
+            required,
+        };
+    };
+    primitiveParser = ({ data, name, required }) => {
+        return {
+            ...data,
+            type: data.type,
+            required,
+            defaultValue: data.default,
+            viewSpec: getPrimitiveViewSpec({ layoutTitle: name, data }),
+            validator: 'base',
+        };
+    };
+    //eslint-disable-next-line @typescript-eslint/member-ordering
+    schemaParserMap = {
+        [ParserType.Object]: this.objectParser,
+        [ParserType.Array]: this.arrayParser,
+        [ParserType.Primitive]: this.primitiveParser,
+        [ParserType.OneOf]: this.oneOfParser,
+        [ParserType.Children]: this.childrenParser,
+    };
     parseSchemaProperty({ data, name, required }) {
         const parserType = detectParserType(data);
         const parser = this.schemaParserMap[parserType];
-        return Object.assign(Object.assign({}, parser({ data, name, required })), { 
+        return {
+            ...parser({ data, name, required }),
             //save json schema from constructor to compare with incoming intial data inside oneOf form fields
-            __schema: data });
+            __schema: data,
+        };
     }
     getBlocksSpec() {
         const blocks = this.definitions.children;
         return Object.entries(blocks).reduce((result, [blockName, blockData]) => {
             result[blockName] = this.parseSchemaProperty({
                 name: blockName,
-                data: Object.assign({}, blockData),
+                data: { ...blockData },
                 required: true,
             });
             return result;
         }, {});
     }
     getPageSpec() {
-        var _a;
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const _b = ((_a = this.schema) === null || _a === void 0 ? void 0 : _a.properties) || {}, { blocks } = _b, pageSchema = __rest(_b, ["blocks"]);
+        const { blocks, ...pageSchema } = this.schema?.properties || {};
         const requiredProperties = this.getRequiredProperties(this.schema);
         const properties = Object.entries(pageSchema).reduce((result, [propertyName, propertyData]) => {
             result[propertyName] = this.parseSchemaProperty({
@@ -176,7 +206,7 @@ class FormSpecParser {
         this.schema = schema;
         if (schema.definitions) {
             this.definitions = Object.entries(schema.definitions).reduce((result, [childType, childSpec]) => {
-                result[childType] = childSpec === null || childSpec === void 0 ? void 0 : childSpec.selectCases;
+                result[childType] = childSpec?.selectCases;
                 return result;
             }, {});
         }