@gravity-ui/page-constructor 6.0.1-beta.0 → 6.1.1

package/build/esm/editor/data/index.js

@@ -23,7 +23,10 @@ async function getEditorBlocksData() {
         const preview = getBlockPreview(blockType);
         template.meta = template.meta || {};
         template.meta.title = template.meta.title || formatBlockName(blockType);
-        EdiorBlockData[blockType] = Object.assign(Object.assign({}, template), { preview });
+        EdiorBlockData[blockType] = {
+            ...template,
+            preview,
+        };
     }
     return EdiorBlockData;
 }

package/build/esm/editor/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAC,8BAAqB;AAC9C,OAAO,EAAC,eAAe,EAAC,0BAAiB;AAEzC,OAAO,cAAc,sCAAmC;AACxD,OAAO,WAAW,mCAAgC;AAalD,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAA4C,EAAE,CACxF,MAAM,CAAC,eAAe,SAAS,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAEzE,MAAM,eAAe,GAAG,CAAC,SAAoB,EAAoB,EAAE;IAC/D,IAAI,CAAC;QACD,IAAI,SAAS,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC;YACtC,OAAO,WAAW,CAAC;QACvB,CAAC;QAED,OAAO,cAAc,CAAC;IAC1B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACX,8BAA8B;QAC9B,OAAO,CAAC,IAAI,CAAC,qBAAqB,SAAS,YAAY,CAAC,CAAC;QACzD,OAAO,cAAc,CAAC;IAC1B,CAAC;AACL,CAAC,CAAC;AAIF,KAAK,UAAU,mBAAmB;IAC9B,MAAM,cAAc,GAAqB,EAAE,CAAC;IAE5C,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,SAAsB,CAAC,CAAC;QAEhE,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3C,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC,SAAS,CAAC,CAAC;QAExE,cAAc,CAAC,SAAS,CAAC,mCAClB,QAAQ,KACX,OAAO,GACV,CAAC;IACN,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,OAAO,EAAmB,mBAAmB,EAAC,CAAC","sourcesContent":["import {Block, BlockType} from '../../models';\nimport {formatBlockName} from '../utils';\n\nimport DefaultPreview from './previews/default-preview';\nimport HeaderBlock from './previews/header-block';\n\nexport type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n\nexport interface EdiorBlockData {\n    template: Block;\n    preview: PreviewComponent;\n    meta: {\n        title: string;\n        description?: string;\n    };\n}\n\nconst getBlockTemplate = (blockType: BlockType): Promise<Omit<EdiorBlockData, 'preview'>> =>\n    import(`./templates/${blockType}.json`).then((data) => data.default);\n\nconst getBlockPreview = (blockType: BlockType): PreviewComponent => {\n    try {\n        if (blockType === BlockType.HeaderBlock) {\n            return HeaderBlock;\n        }\n\n        return DefaultPreview;\n    } catch (err) {\n        /*eslint-disable no-console */\n        console.warn(`Preview image for ${blockType} not found`);\n        return DefaultPreview;\n    }\n};\n\ntype EditorBlocksData = Partial<Record<BlockType, EdiorBlockData>>;\n\nasync function getEditorBlocksData(): Promise<EditorBlocksData> {\n    const EdiorBlockData: EditorBlocksData = {};\n\n    for (const blockType of Object.values(BlockType)) {\n        const template = await getBlockTemplate(blockType as BlockType);\n\n        const preview = getBlockPreview(blockType);\n\n        template.meta = template.meta || {};\n        template.meta.title = template.meta.title || formatBlockName(blockType);\n\n        EdiorBlockData[blockType] = {\n            ...template,\n            preview,\n        };\n    }\n\n    return EdiorBlockData;\n}\n\nexport {EditorBlocksData, getEditorBlocksData};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAC,8BAAqB;AAC9C,OAAO,EAAC,eAAe,EAAC,0BAAiB;AAEzC,OAAO,cAAc,sCAAmC;AACxD,OAAO,WAAW,mCAAgC;AAalD,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAA4C,EAAE,CACxF,MAAM,CAAC,eAAe,SAAS,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAEzE,MAAM,eAAe,GAAG,CAAC,SAAoB,EAAoB,EAAE;IAC/D,IAAI,CAAC;QACD,IAAI,SAAS,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC;YACtC,OAAO,WAAW,CAAC;QACvB,CAAC;QAED,OAAO,cAAc,CAAC;IAC1B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACX,8BAA8B;QAC9B,OAAO,CAAC,IAAI,CAAC,qBAAqB,SAAS,YAAY,CAAC,CAAC;QACzD,OAAO,cAAc,CAAC;IAC1B,CAAC;AACL,CAAC,CAAC;AAIF,KAAK,UAAU,mBAAmB;IAC9B,MAAM,cAAc,GAAqB,EAAE,CAAC;IAE5C,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,SAAsB,CAAC,CAAC;QAEhE,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3C,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC,SAAS,CAAC,CAAC;QAExE,cAAc,CAAC,SAAS,CAAC,GAAG;YACxB,GAAG,QAAQ;YACX,OAAO;SACV,CAAC;IACN,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,OAAO,EAAmB,mBAAmB,EAAC,CAAC","sourcesContent":["import {Block, BlockType} from '../../models';\nimport {formatBlockName} from '../utils';\n\nimport DefaultPreview from './previews/default-preview';\nimport HeaderBlock from './previews/header-block';\n\nexport type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n\nexport interface EdiorBlockData {\n    template: Block;\n    preview: PreviewComponent;\n    meta: {\n        title: string;\n        description?: string;\n    };\n}\n\nconst getBlockTemplate = (blockType: BlockType): Promise<Omit<EdiorBlockData, 'preview'>> =>\n    import(`./templates/${blockType}.json`).then((data) => data.default);\n\nconst getBlockPreview = (blockType: BlockType): PreviewComponent => {\n    try {\n        if (blockType === BlockType.HeaderBlock) {\n            return HeaderBlock;\n        }\n\n        return DefaultPreview;\n    } catch (err) {\n        /*eslint-disable no-console */\n        console.warn(`Preview image for ${blockType} not found`);\n        return DefaultPreview;\n    }\n};\n\ntype EditorBlocksData = Partial<Record<BlockType, EdiorBlockData>>;\n\nasync function getEditorBlocksData(): Promise<EditorBlocksData> {\n    const EdiorBlockData: EditorBlocksData = {};\n\n    for (const blockType of Object.values(BlockType)) {\n        const template = await getBlockTemplate(blockType as BlockType);\n\n        const preview = getBlockPreview(blockType);\n\n        template.meta = template.meta || {};\n        template.meta.title = template.meta.title || formatBlockName(blockType);\n\n        EdiorBlockData[blockType] = {\n            ...template,\n            preview,\n        };\n    }\n\n    return EdiorBlockData;\n}\n\nexport {EditorBlocksData, getEditorBlocksData};\n"]}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { a11yHiddenSvgProps } from "../../../utils/svg.js";
-const DefaultPreview = (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: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _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 DefaultPreview = (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: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _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 DefaultPreview;
 //# sourceMappingURL=default-preview.js.map

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Controller, GroupIndent, SpecTypes, transformArrOut, } from '@gravity-ui/dynamic-forms';
 import Ajv from 'ajv';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from "lodash/isEmpty.js";
 import { block } from "../../../../utils/index.js";
 import { getSpecTypeDefaultValue, useOneOf } from "../../hooks/useOneOf.js";
 import './OneOfCustom.css';
@@ -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/config.js

@@ -1,5 +1,5 @@
 import { dynamicConfig as libConfig } from '@gravity-ui/dynamic-forms';
-import cloneDeep from 'lodash/cloneDeep';
+import cloneDeep from "lodash/cloneDeep.js";
 import { OneOfCustom } from "./components/OneOfCustom/OneOfCustom.js";
 const getDynamicConfig = () => {
     const dynamicConfig = cloneDeep(libConfig);

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"../../../../src","sources":["editor/dynamic-forms-custom/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,aAAa,IAAI,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACxF,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAC,gDAA6C;AAEjE,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,MAAM,aAAa,GAAsB,SAAS,CAAC,SAAS,CAAC,CAAC;IAE9D,aAAa;IACb,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,EAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAC,CAAC;IAE1F,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC","sourcesContent":["import {DynamicFormConfig, dynamicConfig as libConfig} from '@gravity-ui/dynamic-forms';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport {OneOfCustom} from './components/OneOfCustom/OneOfCustom';\n\nconst getDynamicConfig = () => {\n    const dynamicConfig: DynamicFormConfig = cloneDeep(libConfig);\n\n    // @ts-ignore\n    dynamicConfig.object.inputs['oneof_custom'] = {Component: OneOfCustom, independent: true};\n\n    return dynamicConfig;\n};\n\nexport const dynamicConfig = getDynamicConfig();\n"]}
+{"version":3,"file":"config.js","sourceRoot":"../../../../src","sources":["editor/dynamic-forms-custom/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,aAAa,IAAI,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACxF,OAAO,SAAS,4BAAyB;AAEzC,OAAO,EAAC,WAAW,EAAC,gDAA6C;AAEjE,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,MAAM,aAAa,GAAsB,SAAS,CAAC,SAAS,CAAC,CAAC;IAE9D,aAAa;IACb,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,EAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAC,CAAC;IAE1F,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC","sourcesContent":["import {DynamicFormConfig, dynamicConfig as libConfig} from '@gravity-ui/dynamic-forms';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport {OneOfCustom} from './components/OneOfCustom/OneOfCustom';\n\nconst getDynamicConfig = () => {\n    const dynamicConfig: DynamicFormConfig = cloneDeep(libConfig);\n\n    // @ts-ignore\n    dynamicConfig.object.inputs['oneof_custom'] = {Component: OneOfCustom, independent: true};\n\n    return dynamicConfig;\n};\n\nexport const dynamicConfig = getDynamicConfig();\n"]}

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

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { SpecTypes, } from '@gravity-ui/dynamic-forms';
 import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
-import isObjectLike from 'lodash/isObjectLike';
-import some from 'lodash/some';
+import isObjectLike from "lodash/isObjectLike.js";
+import some from "lodash/some.js";
 const MAX_TAB_TITLE_LENGTH = 20;
 export const getSpecTypeDefaultValue = (type) => {
     switch (type) {
@@ -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":"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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"]}