@gravity-ui/page-constructor 6.3.2-alpha.6 → 6.3.2-alpha.9

package/build/esm/editor-v2/containers/ViewSwitches/ViewSwitches.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitches.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/ViewSwitches/ViewSwitches.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Display, Eye, Minus, Plus, Smartphone} from '@gravity-ui/icons';\nimport {Button, Icon, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {ZOOM_STEPS} from '../../constants';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './ViewSwitches.scss';\n\nconst b = editorCn('view-switches');\n\n/**\n * Device option type definition\n */\ninterface DeviceOption {\n    /** React node to display as the option label */\n    label: React.ReactNode;\n    /** Device width value (e.g., '100%', '768px') */\n    value: string;\n    /** Descriptive name for accessibility */\n    ariaLabel: string;\n}\n\n/**\n * Available device viewport options\n * - Desktop: 100% width\n * - Tablet: 768px width\n * - Mobile: 576px width\n */\nconst DEVICE_OPTIONS: DeviceOption[] = [\n    {\n        label: <Icon data={Display} />,\n        value: '100%',\n        ariaLabel: 'Desktop view',\n    },\n    {\n        label: <Icon data={Smartphone} />,\n        value: '768px',\n        ariaLabel: 'Tablet view',\n    },\n    {\n        label: <Icon width={14} data={Smartphone} />,\n        value: '576px',\n        ariaLabel: 'Mobile view',\n    },\n];\n\nconst ViewSwitches: React.FC = () => {\n    const {\n        zoom,\n        setZoom,\n        decreaseZoom,\n        increaseZoom,\n        deviceWidth,\n        setDeviceWidth,\n        togglePreviewMode,\n    } = useMainEditorStore();\n\n    // Memoize zoom options to prevent unnecessary recalculations\n    const zoomOptions = React.useMemo(\n        () =>\n            ZOOM_STEPS.map((step) => ({\n                value: String(step),\n                content: `${step}%`,\n            })),\n        [],\n    );\n\n    // Memoize current zoom value for Select component\n    const currentZoomValue = React.useMemo(() => [String(zoom)], [zoom]);\n\n    // Create stable callback for zoom updates\n    const handleZoomUpdate = React.useCallback(\n        (value: string | string[]) => {\n            const newZoom = Number(Array.isArray(value) ? value[0] : value);\n            if (!isNaN(newZoom) && ZOOM_STEPS.includes(newZoom)) {\n                setZoom(newZoom);\n            }\n        },\n        [setZoom],\n    );\n\n    return (\n        <div className={b()} role=\"toolbar\" aria-label=\"View controls\">\n            <SegmentedRadioGroup\n                value={deviceWidth}\n                onUpdate={setDeviceWidth}\n                aria-label=\"Device viewport selector\"\n            >\n                {DEVICE_OPTIONS.map(({value, label, ariaLabel}) => (\n                    <SegmentedRadioGroup.Option key={value} value={value} aria-label={ariaLabel}>\n                        {label}\n                    </SegmentedRadioGroup.Option>\n                ))}\n            </SegmentedRadioGroup>\n\n            <Button\n                view=\"flat\"\n                onClick={togglePreviewMode}\n                aria-label=\"Switch to preview mode\"\n                title=\"Switch to preview mode\"\n            >\n                <Icon data={Eye} />\n            </Button>\n\n            <div className={b('zoom')} role=\"group\" aria-label=\"Zoom controls\">\n                <Button\n                    view=\"flat\"\n                    onClick={decreaseZoom}\n                    aria-label=\"Decrease zoom\"\n                    disabled={zoom <= Math.min(...ZOOM_STEPS)}\n                >\n                    <Icon data={Minus} />\n                </Button>\n\n                <Select\n                    className={b('zoom-select')}\n                    multiple={false}\n                    value={currentZoomValue}\n                    options={zoomOptions}\n                    onUpdate={handleZoomUpdate}\n                    aria-label=\"Select zoom level\"\n                    width=\"max\"\n                />\n\n                <Button\n                    view=\"flat\"\n                    onClick={increaseZoom}\n                    aria-label=\"Increase zoom\"\n                    disabled={zoom >= Math.max(...ZOOM_STEPS)}\n                >\n                    <Icon data={Plus} />\n                </Button>\n            </div>\n        </div>\n    );\n};\n\nexport default React.memo(ViewSwitches);\n"]}
+{"version":3,"file":"ViewSwitches.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/ViewSwitches/ViewSwitches.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Display, Minus, Plus, Smartphone, SquareDashed} from '@gravity-ui/icons';\nimport {Button, Icon, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {ZOOM_STEPS} from '../../constants';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './ViewSwitches.scss';\n\nconst b = editorCn('view-switches');\n\n/**\n * Device option type definition\n */\ninterface DeviceOption {\n    /** React node to display as the option label */\n    label: React.ReactNode;\n    /** Device width value (e.g., '100%', '768px') */\n    value: string;\n    /** Descriptive name for accessibility */\n    ariaLabel: string;\n}\n\n/**\n * Available device viewport options\n * - Desktop: 100% width\n * - Tablet: 768px width\n * - Mobile: 375px width\n */\nconst DEVICE_OPTIONS: DeviceOption[] = [\n    {\n        label: <Icon data={Display} />,\n        value: '100%',\n        ariaLabel: 'Desktop view',\n    },\n    {\n        label: <Icon data={Smartphone} />,\n        value: '768px',\n        ariaLabel: 'Tablet view',\n    },\n    {\n        label: <Icon width={14} data={Smartphone} />,\n        value: '375px',\n        ariaLabel: 'Mobile view',\n    },\n];\n\nconst ViewSwitches: React.FC = () => {\n    const {\n        zoom,\n        setZoom,\n        decreaseZoom,\n        increaseZoom,\n        deviceWidth,\n        setDeviceWidth,\n        togglePreviewMode,\n    } = useMainEditorStore();\n\n    // Memoize zoom options to prevent unnecessary recalculations\n    const zoomOptions = React.useMemo(\n        () =>\n            ZOOM_STEPS.map((step) => ({\n                value: String(step),\n                content: `${step}%`,\n            })),\n        [],\n    );\n\n    // Memoize current zoom value for Select component\n    const currentZoomValue = React.useMemo(() => [String(zoom)], [zoom]);\n\n    // Create stable callback for zoom updates\n    const handleZoomUpdate = React.useCallback(\n        (value: string | string[]) => {\n            const newZoom = Number(Array.isArray(value) ? value[0] : value);\n            if (!isNaN(newZoom) && ZOOM_STEPS.includes(newZoom)) {\n                setZoom(newZoom);\n            }\n        },\n        [setZoom],\n    );\n\n    return (\n        <div className={b()} role=\"toolbar\" aria-label=\"View controls\">\n            <SegmentedRadioGroup\n                value={deviceWidth}\n                onUpdate={setDeviceWidth}\n                aria-label=\"Device viewport selector\"\n            >\n                {DEVICE_OPTIONS.map(({value, label, ariaLabel}) => (\n                    <SegmentedRadioGroup.Option key={value} value={value} aria-label={ariaLabel}>\n                        {label}\n                    </SegmentedRadioGroup.Option>\n                ))}\n            </SegmentedRadioGroup>\n\n            <Button\n                view=\"flat\"\n                onClick={togglePreviewMode}\n                aria-label=\"Switch to preview mode\"\n                title=\"Switch to preview mode\"\n            >\n                <Icon data={SquareDashed} />\n            </Button>\n\n            <div className={b('zoom')} role=\"group\" aria-label=\"Zoom controls\">\n                <Button\n                    view=\"flat\"\n                    onClick={decreaseZoom}\n                    aria-label=\"Decrease zoom\"\n                    disabled={zoom <= Math.min(...ZOOM_STEPS)}\n                >\n                    <Icon data={Minus} />\n                </Button>\n\n                <Select\n                    className={b('zoom-select')}\n                    multiple={false}\n                    value={currentZoomValue}\n                    options={zoomOptions}\n                    onUpdate={handleZoomUpdate}\n                    aria-label=\"Select zoom level\"\n                    width=\"max\"\n                />\n\n                <Button\n                    view=\"flat\"\n                    onClick={increaseZoom}\n                    aria-label=\"Increase zoom\"\n                    disabled={zoom >= Math.max(...ZOOM_STEPS)}\n                >\n                    <Icon data={Plus} />\n                </Button>\n            </div>\n        </div>\n    );\n};\n\nexport default React.memo(ViewSwitches);\n"]}

package/build/esm/editor-v2/hooks/useEditorTabs.d.ts

@@ -1,14 +1,20 @@
-import { TabsItemProps } from "../components/Tabs/Tabs.js";
+import { TabItemProps } from "../components/Tabs/Tabs.js";
 export declare const useEditorTabs: ({ leftTabs, rightTabs, }: {
-    leftTabs?: TabsItemProps[];
-    rightTabs?: TabsItemProps[];
+    leftTabs?: TabItemProps[];
+    rightTabs?: TabItemProps[];
 }) => {
-    left: (TabsItemProps | {
+    left: (TabItemProps | {
+        id: string;
+        title: string;
+        component: () => import("react/jsx-runtime").JSX.Element;
+        withPadding?: undefined;
+    } | {
         id: string;
         title: string;
         component: ({ className }: import("../containers/GlobalConfig/GlobalConfig.js").GlobalConfigProps) => import("react/jsx-runtime").JSX.Element;
+        withPadding: boolean;
     })[];
-    right: (TabsItemProps | {
+    right: (TabItemProps | {
         id: string;
         title: string;
         component: () => import("react/jsx-runtime").JSX.Element;

package/build/esm/editor-v2/hooks/useEditorTabs.js

@@ -17,28 +17,27 @@ export const useEditorTabs = ({ leftTabs, rightTabs, }) => {
                             id: 'blocks-list',
                             title: 'BLOCKS',
                             component: BlocksList,
+                            withPadding: true,
                         },
                         {
                             id: 'layers',
                             title: 'LAYERS',
                             component: Tree,
+                            withPadding: true,
                         },
                         {
-                            id: 'source-code-yaml',
-                            title: 'YAML',
-                            component: () => _jsx(SourceCode, { format: "yaml" }),
-                        },
-                        {
-                            id: 'source-code-json',
-                            title: 'JSON',
-                            component: () => _jsx(SourceCode, { format: "json" }),
+                            id: 'source-code',
+                            title: 'RAW',
+                            component: ({ className }) => (_jsx(SourceCode, { className: className })),
+                            withPadding: true,
                         },
                     ] })),
             },
             {
-                id: 'navigation',
-                title: 'NAVIGATION',
+                id: 'global',
+                title: 'GLOBAL',
                 component: GlobalConfig,
+                withPadding: true,
             },
             ...(leftTabs || []),
         ],
@@ -51,16 +50,13 @@ export const useEditorTabs = ({ leftTabs, rightTabs, }) => {
                             id: 'block-config',
                             title: 'INPUTS',
                             component: BlockConfigForm,
+                            withPadding: true,
                         },
                         {
-                            id: 'source-code-yaml',
-                            title: 'YAML',
-                            component: () => (_jsx(SourceCode, { format: "yaml", showSelectedBlockOnly: true })),
-                        },
-                        {
-                            id: 'source-code-json',
-                            title: 'JSON',
-                            component: () => (_jsx(SourceCode, { format: "json", showSelectedBlockOnly: true })),
+                            id: 'source-code',
+                            title: 'RAW',
+                            component: ({ className }) => (_jsx(SourceCode, { className: className, showSelectedBlockOnly: true })),
+                            withPadding: true,
                         },
                     ] })),
             },

package/build/esm/editor-v2/hooks/useEditorTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorTabs.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useEditorTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAqB,mCAAgC;AAC5D,OAAO,eAAe,yDAAsD;AAC5E,OAAO,UAAU,+CAA4C;AAC7D,OAAO,YAAY,mDAAgD;AACnE,OAAO,UAAU,+CAA4C;AAC7D,OAAO,IAAI,oCAA2B;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,GAIZ,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE;YACF;gBACI,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,IAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,UAAU;yBACxB;wBACD;4BACI,EAAE,EAAE,QAAQ;4BACZ,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,IAAI;yBAClB;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;yBAChD;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;yBAChD;qBACJ,GACH,CACL;aACJ;YACD;gBACI,EAAE,EAAE,YAAY;gBAChB,KAAK,EAAE,YAAY;gBACnB,SAAS,EAAE,YAAY;aAC1B;YACD,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC;SACtB;QACD,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,IAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,cAAc;4BAClB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,eAAe;yBAC7B;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,EAAC,qBAAqB,EAAE,IAAI,GAAI,CAC5D;yBACJ;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,EAAC,qBAAqB,EAAE,IAAI,GAAI,CAC5D;yBACJ;qBACJ,GACH,CACL;aACJ;YACD,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC;SACvB;KACJ,CAAC,EACF,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport Tabs, {TabsItemProps} from '../components/Tabs/Tabs';\nimport BlockConfigForm from '../containers/BlockConfigForm/BlockConfigForm';\nimport BlocksList from '../containers/BlocksList/BlocksList';\nimport GlobalConfig from '../containers/GlobalConfig/GlobalConfig';\nimport SourceCode from '../containers/SourceCode/SourceCode';\nimport Tree from '../containers/Tree';\n\nexport const useEditorTabs = ({\n    leftTabs,\n    rightTabs,\n}: {\n    leftTabs?: TabsItemProps[];\n    rightTabs?: TabsItemProps[];\n}) => {\n    const tabs = React.useMemo(\n        () => ({\n            left: [\n                {\n                    id: 'page',\n                    title: 'PAGE',\n                    component: () => (\n                        <Tabs\n                            items={[\n                                {\n                                    id: 'blocks-list',\n                                    title: 'BLOCKS',\n                                    component: BlocksList,\n                                },\n                                {\n                                    id: 'layers',\n                                    title: 'LAYERS',\n                                    component: Tree,\n                                },\n                                {\n                                    id: 'source-code-yaml',\n                                    title: 'YAML',\n                                    component: () => <SourceCode format=\"yaml\" />,\n                                },\n                                {\n                                    id: 'source-code-json',\n                                    title: 'JSON',\n                                    component: () => <SourceCode format=\"json\" />,\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                {\n                    id: 'navigation',\n                    title: 'NAVIGATION',\n                    component: GlobalConfig,\n                },\n                ...(leftTabs || []),\n            ],\n            right: [\n                {\n                    id: 'edit',\n                    title: 'EDIT',\n                    component: () => (\n                        <Tabs\n                            items={[\n                                {\n                                    id: 'block-config',\n                                    title: 'INPUTS',\n                                    component: BlockConfigForm,\n                                },\n                                {\n                                    id: 'source-code-yaml',\n                                    title: 'YAML',\n                                    component: () => (\n                                        <SourceCode format=\"yaml\" showSelectedBlockOnly={true} />\n                                    ),\n                                },\n                                {\n                                    id: 'source-code-json',\n                                    title: 'JSON',\n                                    component: () => (\n                                        <SourceCode format=\"json\" showSelectedBlockOnly={true} />\n                                    ),\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                ...(rightTabs || []),\n            ],\n        }),\n        [leftTabs, rightTabs],\n    );\n\n    return tabs;\n};\n"]}
+{"version":3,"file":"useEditorTabs.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useEditorTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAoB,mCAAgC;AAC3D,OAAO,eAAe,yDAAsD;AAC5E,OAAO,UAAU,+CAA4C;AAC7D,OAAO,YAAY,mDAAgD;AACnE,OAAO,UAAU,+CAA4C;AAC7D,OAAO,IAAI,oCAA2B;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,GAIZ,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE;YACF;gBACI,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,IAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,UAAU;4BACrB,WAAW,EAAE,IAAI;yBACpB;wBACD;4BACI,EAAE,EAAE,QAAQ;4BACZ,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,IAAI;4BACf,WAAW,EAAE,IAAI;yBACpB;wBACD;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,GAAI,CACvC;4BACD,WAAW,EAAE,IAAI;yBACpB;qBACJ,GACH,CACL;aACJ;YACD;gBACI,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE,YAAY;gBACvB,WAAW,EAAE,IAAI;aACpB;YACD,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC;SACtB;QACD,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,IAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,cAAc;4BAClB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,eAAe;4BAC1B,WAAW,EAAE,IAAI;yBACpB;wBACD;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,IAAI,GAC7B,CACL;4BACD,WAAW,EAAE,IAAI;yBACpB;qBACJ,GACH,CACL;aACJ;YACD,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC;SACvB;KACJ,CAAC,EACF,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport Tabs, {TabItemProps} from '../components/Tabs/Tabs';\nimport BlockConfigForm from '../containers/BlockConfigForm/BlockConfigForm';\nimport BlocksList from '../containers/BlocksList/BlocksList';\nimport GlobalConfig from '../containers/GlobalConfig/GlobalConfig';\nimport SourceCode from '../containers/SourceCode/SourceCode';\nimport Tree from '../containers/Tree';\n\nexport const useEditorTabs = ({\n    leftTabs,\n    rightTabs,\n}: {\n    leftTabs?: TabItemProps[];\n    rightTabs?: TabItemProps[];\n}) => {\n    const tabs = React.useMemo(\n        () => ({\n            left: [\n                {\n                    id: 'page',\n                    title: 'PAGE',\n                    component: () => (\n                        <Tabs\n                            items={[\n                                {\n                                    id: 'blocks-list',\n                                    title: 'BLOCKS',\n                                    component: BlocksList,\n                                    withPadding: true,\n                                },\n                                {\n                                    id: 'layers',\n                                    title: 'LAYERS',\n                                    component: Tree,\n                                    withPadding: true,\n                                },\n                                {\n                                    id: 'source-code',\n                                    title: 'RAW',\n                                    component: ({className}) => (\n                                        <SourceCode className={className} />\n                                    ),\n                                    withPadding: true,\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                {\n                    id: 'global',\n                    title: 'GLOBAL',\n                    component: GlobalConfig,\n                    withPadding: true,\n                },\n                ...(leftTabs || []),\n            ],\n            right: [\n                {\n                    id: 'edit',\n                    title: 'EDIT',\n                    component: () => (\n                        <Tabs\n                            items={[\n                                {\n                                    id: 'block-config',\n                                    title: 'INPUTS',\n                                    component: BlockConfigForm,\n                                    withPadding: true,\n                                },\n                                {\n                                    id: 'source-code',\n                                    title: 'RAW',\n                                    component: ({className}) => (\n                                        <SourceCode\n                                            className={className}\n                                            showSelectedBlockOnly={true}\n                                        />\n                                    ),\n                                    withPadding: true,\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                ...(rightTabs || []),\n            ],\n        }),\n        [leftTabs, rightTabs],\n    );\n\n    return tabs;\n};\n"]}

package/build/esm/editor-v2/utils/index.js

@@ -50,7 +50,7 @@ export function insertByPath(object, path, value) {
 export function splitPathAndIndex(path) {
     // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]
     const bracketsRegExp = /(.*)\[(\d+)]$/g;
-    const regexpMatches = [...path.matchAll(bracketsRegExp)];
+    const regexpMatches = Array.from(path.matchAll(bracketsRegExp));
     if (regexpMatches.length) {
         return {
             // blocks, blocks[0].children

package/build/esm/editor-v2/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {ConstructorBlock} from '../../models';\nexport * from './code';\nexport * from './cn';\n\nexport function insert<T>(arr: Array<T>, index: number, newItem: T) {\n    return [...arr.slice(0, index), newItem, ...arr.slice(index)];\n}\n\nexport function removeFromArray<T>(array: Array<T>, index: number) {\n    return [...array.slice(0, index), ...array.slice(index + 1)];\n}\n\nexport function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number) {\n    const results = array.slice();\n    const firstItem = array[firstIndex];\n    results[firstIndex] = array[secondIndex];\n    results[secondIndex] = firstItem;\n    return results;\n}\n\nexport function reorderArrayItems<T>(array: Array<T>, index: number, destination: number) {\n    const min = Math.min(index, destination);\n    const max = Math.max(index, destination);\n    const firstOperationRemove = index < destination;\n    const result = [];\n    result.push(...array.slice(0, min));\n    if (!firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));\n    if (firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));\n    return result;\n}\n\nexport function duplicateArrayItem<T>(array: Array<T>, index: number) {\n    const duplicatedItem = _.cloneDeep(array[index]);\n    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function insertByPath<T extends object>(object: T, path: string, value: any) {\n    if (!path) {\n        return value as T;\n    }\n\n    return _.setWith(_.clone(object), path, value, _.clone);\n}\n\n/*\n *  path: string;\n *  Example:\n *  1. blocks[0] => {path: blocks, index: 0}\n *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}\n **/\nexport function splitPathAndIndex(path: string) {\n    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]\n    const bracketsRegExp = /(.*)\\[(\\d+)]$/g;\n    const regexpMatches = [...path.matchAll(bracketsRegExp)];\n    if (regexpMatches.length) {\n        return {\n            // blocks, blocks[0].children\n            path: regexpMatches[0][1],\n            // 3, 12, 0, 9999\n            index: Number(regexpMatches[0][2]),\n        };\n    }\n\n    // eslint-disable-next-line no-console\n    console.error('Non correct path for splitting');\n    return undefined;\n}\n\n/*\n * [0, 4, 3] => [0].children[4].children[3]\n * */\nexport function generateChildrenPathFromArray(indexes: number[]) {\n    if (!indexes.length) {\n        return '';\n    }\n\n    let resultPath = `[${indexes[0]}]`;\n\n    if (indexes.length > 1) {\n        for (let i = 1; i < indexes.length; i++) {\n            resultPath += `.children[${indexes[i]}]`;\n        }\n    }\n\n    return resultPath;\n}\n\nexport function modifyObjectByPath(\n    blocks: ConstructorBlock[],\n    arrayPath: number[],\n    modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[],\n) {\n    // [1]\n    // [4].children[3]\n    const insertPath = generateChildrenPathFromArray(arrayPath);\n    // path: ''                 index: 1\n    // path: '[4].children'     index: 3\n    const splitPath = splitPathAndIndex(insertPath);\n\n    if (splitPath) {\n        const {path: parentPath, index} = splitPath;\n        // Get Array that lies on path\n        const parentArray = parentPath ? _.get(blocks, parentPath) : blocks;\n\n        const value = Array.isArray(parentArray) ? parentArray : [];\n        // Modify Array\n        const newModifiedArray = modifyCallback(value, index);\n\n        // Return it back\n        return insertByPath(blocks, parentPath, newModifiedArray);\n    }\n\n    return blocks;\n}\n\nexport function isItemsNeighbours(arrayA: number[], arrayB: number[]) {\n    if (arrayA.length !== arrayB.length) {\n        return false;\n    }\n\n    for (let i = 0; i < arrayA.length - 1; i++) {\n        if (arrayA[i] !== arrayB[i]) {\n            return false;\n        }\n    }\n\n    return true;\n}\n\nexport function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    for (let i = 0; i < arrayInit.length; i++) {\n        if (arrayInit[i] < arrayDest[i]) {\n            return prepareShift(arrayInit, arrayDest);\n        }\n    }\n\n    return arrayDest;\n}\n\nexport function prepareShift(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    return arrayDest.map((pathIndex, index) =>\n        index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex,\n    );\n}\n\nexport const getUrlOrigin = (url: string) => {\n    try {\n        const urlObject = new URL(url);\n        return urlObject.origin;\n    } catch {\n        return undefined;\n    }\n};\n\nexport const getItemTitle = (item: object): string | undefined => {\n    return (\n        _.get(item, 'title.text') ||\n        _.get(item, 'title') ||\n        _.get(item, 'textContent.title') ||\n        _.get(item, 'content.title')\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {ConstructorBlock} from '../../models';\nexport * from './code';\nexport * from './cn';\n\nexport function insert<T>(arr: Array<T>, index: number, newItem: T) {\n    return [...arr.slice(0, index), newItem, ...arr.slice(index)];\n}\n\nexport function removeFromArray<T>(array: Array<T>, index: number) {\n    return [...array.slice(0, index), ...array.slice(index + 1)];\n}\n\nexport function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number) {\n    const results = array.slice();\n    const firstItem = array[firstIndex];\n    results[firstIndex] = array[secondIndex];\n    results[secondIndex] = firstItem;\n    return results;\n}\n\nexport function reorderArrayItems<T>(array: Array<T>, index: number, destination: number) {\n    const min = Math.min(index, destination);\n    const max = Math.max(index, destination);\n    const firstOperationRemove = index < destination;\n    const result = [];\n    result.push(...array.slice(0, min));\n    if (!firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));\n    if (firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));\n    return result;\n}\n\nexport function duplicateArrayItem<T>(array: Array<T>, index: number) {\n    const duplicatedItem = _.cloneDeep(array[index]);\n    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function insertByPath<T extends object>(object: T, path: string, value: any) {\n    if (!path) {\n        return value as T;\n    }\n\n    return _.setWith(_.clone(object), path, value, _.clone);\n}\n\n/*\n *  path: string;\n *  Example:\n *  1. blocks[0] => {path: blocks, index: 0}\n *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}\n **/\nexport function splitPathAndIndex(path: string) {\n    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]\n    const bracketsRegExp = /(.*)\\[(\\d+)]$/g;\n    const regexpMatches = Array.from(path.matchAll(bracketsRegExp));\n    if (regexpMatches.length) {\n        return {\n            // blocks, blocks[0].children\n            path: regexpMatches[0][1],\n            // 3, 12, 0, 9999\n            index: Number(regexpMatches[0][2]),\n        };\n    }\n\n    // eslint-disable-next-line no-console\n    console.error('Non correct path for splitting');\n    return undefined;\n}\n\n/*\n * [0, 4, 3] => [0].children[4].children[3]\n * */\nexport function generateChildrenPathFromArray(indexes: number[]) {\n    if (!indexes.length) {\n        return '';\n    }\n\n    let resultPath = `[${indexes[0]}]`;\n\n    if (indexes.length > 1) {\n        for (let i = 1; i < indexes.length; i++) {\n            resultPath += `.children[${indexes[i]}]`;\n        }\n    }\n\n    return resultPath;\n}\n\nexport function modifyObjectByPath(\n    blocks: ConstructorBlock[],\n    arrayPath: number[],\n    modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[],\n) {\n    // [1]\n    // [4].children[3]\n    const insertPath = generateChildrenPathFromArray(arrayPath);\n    // path: ''                 index: 1\n    // path: '[4].children'     index: 3\n    const splitPath = splitPathAndIndex(insertPath);\n\n    if (splitPath) {\n        const {path: parentPath, index} = splitPath;\n        // Get Array that lies on path\n        const parentArray = parentPath ? _.get(blocks, parentPath) : blocks;\n\n        const value = Array.isArray(parentArray) ? parentArray : [];\n        // Modify Array\n        const newModifiedArray = modifyCallback(value, index);\n\n        // Return it back\n        return insertByPath(blocks, parentPath, newModifiedArray);\n    }\n\n    return blocks;\n}\n\nexport function isItemsNeighbours(arrayA: number[], arrayB: number[]) {\n    if (arrayA.length !== arrayB.length) {\n        return false;\n    }\n\n    for (let i = 0; i < arrayA.length - 1; i++) {\n        if (arrayA[i] !== arrayB[i]) {\n            return false;\n        }\n    }\n\n    return true;\n}\n\nexport function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    for (let i = 0; i < arrayInit.length; i++) {\n        if (arrayInit[i] < arrayDest[i]) {\n            return prepareShift(arrayInit, arrayDest);\n        }\n    }\n\n    return arrayDest;\n}\n\nexport function prepareShift(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    return arrayDest.map((pathIndex, index) =>\n        index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex,\n    );\n}\n\nexport const getUrlOrigin = (url: string) => {\n    try {\n        const urlObject = new URL(url);\n        return urlObject.origin;\n    } catch {\n        return undefined;\n    }\n};\n\nexport const getItemTitle = (item: object): string | undefined => {\n    return (\n        _.get(item, 'title.text') ||\n        _.get(item, 'title') ||\n        _.get(item, 'textContent.title') ||\n        _.get(item, 'content.title')\n    );\n};\n"]}

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.css

@@ -0,0 +1,3 @@
+.add-property-button {
+  margin-top: 8px;
+}

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ConfigInput } from "../../../editor-v2/index.js";
+import './AddPropertyButton.css';
+interface AddPropertyButtonProps {
+    inputTypeMenuItems: Array<{
+        action: () => void;
+        text: string;
+        type: string;
+    }>;
+    onAdd: (type: ConfigInput['type']) => void;
+    buttonText?: string;
+}
+export declare const AddPropertyButton: React.FC<AddPropertyButtonProps>;
+export {};

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, DropdownMenu } from '@gravity-ui/uikit';
+import block from 'bem-cn-lite';
+import './AddPropertyButton.css';
+const b = block('add-property-button');
+export const AddPropertyButton = ({ inputTypeMenuItems, onAdd, buttonText = '+ Add Property', }) => (_jsx("div", { className: b(), children: _jsx(DropdownMenu, { items: inputTypeMenuItems.map((item) => ({
+            ...item,
+            action: () => {
+                onAdd(item.type);
+            },
+        })), renderSwitcher: (props) => (_jsx(Button, { ...props, view: "normal", size: "s", children: buttonText })) }) }));
+//# sourceMappingURL=AddPropertyButton.js.map

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPropertyButton.js","sourceRoot":"../../../../../src","sources":["form-generator/components/AddPropertyButton/AddPropertyButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,MAAM,aAAa,CAAC;AAGhC,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAQvC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,kBAAkB,EAClB,KAAK,EACL,UAAU,GAAG,gBAAgB,GAChC,EAAE,EAAE,CAAC,CACF,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IACT,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrC,GAAG,IAAI;YACP,MAAM,EAAE,GAAG,EAAE;gBACT,KAAK,CAAC,IAAI,CAAC,IAA2B,CAAC,CAAC;YAC5C,CAAC;SACJ,CAAC,CAAC,EACH,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,UAAU,GACN,CACZ,GACH,GACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {ConfigInput} from '../../../editor-v2';\n\nimport './AddPropertyButton.scss';\n\nconst b = block('add-property-button');\n\ninterface AddPropertyButtonProps {\n    inputTypeMenuItems: Array<{action: () => void; text: string; type: string}>;\n    onAdd: (type: ConfigInput['type']) => void;\n    buttonText?: string;\n}\n\nexport const AddPropertyButton: React.FC<AddPropertyButtonProps> = ({\n    inputTypeMenuItems,\n    onAdd,\n    buttonText = '+ Add Property',\n}) => (\n    <div className={b()}>\n        <DropdownMenu\n            items={inputTypeMenuItems.map((item) => ({\n                ...item,\n                action: () => {\n                    onAdd(item.type as ConfigInput['type']);\n                },\n            }))}\n            renderSwitcher={(props) => (\n                <Button {...props} view=\"normal\" size=\"s\">\n                    {buttonText}\n                </Button>\n            )}\n        />\n    </div>\n);\n"]}

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.css

@@ -0,0 +1,23 @@
+.array-field-renderer__config {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.array-field-renderer__config-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.array-field-renderer__config-row > span {
+  min-width: 90px;
+  font-weight: 500;
+}
+.array-field-renderer__config-row > div {
+  flex: 1;
+}
+.array-field-renderer__nested-fields {
+  margin-top: 12px;
+  margin-left: 16px;
+  padding-left: 12px;
+  border-left: 2px solid var(--g-color-line-generic);
+}

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConfigInput } from "../../../editor-v2/index.js";
+import { FormArrayField, InputTypeMenuItem } from "../../hooks/types.js";
+import './ArrayFieldRenderer.css';
+interface ArrayFieldRendererProps {
+    field: FormArrayField;
+    fieldName: string;
+    inputTypeMenuItems: InputTypeMenuItem[];
+    renderNestedField: (field: ConfigInput, index: number, parentId: string, optionIndex?: number) => React.ReactNode;
+}
+export declare const ArrayFieldRenderer: React.FC<ArrayFieldRendererProps>;
+export {};

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DropdownMenu, Text } from '@gravity-ui/uikit';
+import block from 'bem-cn-lite';
+import { ConfigRow } from "../ConfigRow/ConfigRow.js";
+import { AddPropertyButton } from "../AddPropertyButton/AddPropertyButton.js";
+import { SectionHeader } from "../SectionHeader/SectionHeader.js";
+import { useFormContext } from "../../hooks/FormContext.js";
+import './ArrayFieldRenderer.css';
+const b = block('array-field-renderer');
+export const ArrayFieldRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
+    const { addObjectProperty, updateField } = useFormContext();
+    return (_jsxs("div", { className: b('config'), children: [_jsxs("div", { className: b('config-row'), children: [_jsx(Text, { variant: "body-2", children: "Array Type:" }), _jsx(DropdownMenu, { items: [
+                            {
+                                action: () => updateField(field.id, { arrayType: 'text' }),
+                                text: 'Text',
+                            },
+                            {
+                                action: () => updateField(field.id, { arrayType: 'object' }),
+                                text: 'Object',
+                            },
+                        ], renderSwitcher: (props) => (_jsx(Button, { ...props, view: "normal", size: "s", children: field.arrayType === 'object' ? 'Object' : 'Text' })) })] }), _jsx(ConfigRow, { label: "Button Text", value: field.buttonText, onUpdate: (value) => updateField(field.id, { buttonText: value }) }), field.arrayType === 'object' && (_jsxs("div", { className: b('nested-fields'), children: [_jsx(SectionHeader, { title: "Properties:" }), field?.properties?.map((property, index) => renderNestedField(property, index, field.id)), _jsx(AddPropertyButton, { inputTypeMenuItems: inputTypeMenuItems, onAdd: (type) => addObjectProperty(field.id, type) })] }))] }));
+};
+//# sourceMappingURL=ArrayFieldRenderer.js.map

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAcxC,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,WAAW,EAAC,GAAG,cAAc,EAAE,CAAC;IAE1D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAEvB,eAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,4BAAmB,EACzC,KAAC,YAAY,IACT,KAAK,EAAE;4BACH;gCACI,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,CAAC;gCACxD,IAAI,EAAE,MAAM;6BACf;4BACD;gCACI,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,CAAC;gCAC1D,IAAI,EAAE,QAAQ;6BACjB;yBACJ,EACD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GAC5C,CACZ,GACH,IACA,EAGN,KAAC,SAAS,IACN,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,CAAC,GACjE,EAGD,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,CAC7B,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,GAAG,EAEnC,KAA0B,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAC9D,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAC/C,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,GACpD,IACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {ArrayObjectInput, ConfigInput} from '../../../editor-v2';\nimport {ConfigRow} from '../ConfigRow/ConfigRow';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormArrayField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './ArrayFieldRenderer.scss';\n\nconst b = block('array-field-renderer');\n\ninterface ArrayFieldRendererProps {\n    field: FormArrayField;\n    fieldName: string;\n    inputTypeMenuItems: InputTypeMenuItem[];\n    renderNestedField: (\n        field: ConfigInput,\n        index: number,\n        parentId: string,\n        optionIndex?: number,\n    ) => React.ReactNode;\n}\n\nexport const ArrayFieldRenderer: React.FC<ArrayFieldRendererProps> = ({\n    field,\n    fieldName: _fieldName,\n    inputTypeMenuItems,\n    renderNestedField,\n}) => {\n    const {addObjectProperty, updateField} = useFormContext();\n\n    return (\n        <div className={b('config')}>\n            {/* Array Type Selection */}\n            <div className={b('config-row')}>\n                <Text variant=\"body-2\">Array Type:</Text>\n                <DropdownMenu\n                    items={[\n                        {\n                            action: () => updateField(field.id, {arrayType: 'text'}),\n                            text: 'Text',\n                        },\n                        {\n                            action: () => updateField(field.id, {arrayType: 'object'}),\n                            text: 'Object',\n                        },\n                    ]}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"normal\" size=\"s\">\n                            {field.arrayType === 'object' ? 'Object' : 'Text'}\n                        </Button>\n                    )}\n                />\n            </div>\n\n            {/* Button Text Configuration */}\n            <ConfigRow\n                label=\"Button Text\"\n                value={field.buttonText}\n                onUpdate={(value) => updateField(field.id, {buttonText: value})}\n            />\n\n            {/* Properties for Object Array Type */}\n            {field.arrayType === 'object' && (\n                <div className={b('nested-fields')}>\n                    <SectionHeader title=\"Properties:\" />\n\n                    {(field as ArrayObjectInput)?.properties?.map((property, index) =>\n                        renderNestedField(property, index, field.id),\n                    )}\n\n                    <AddPropertyButton\n                        inputTypeMenuItems={inputTypeMenuItems}\n                        onAdd={(type) => addObjectProperty(field.id, type)}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/form-generator/components/ConfigRow/ConfigRow.css

@@ -0,0 +1,12 @@
+.config-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.config-row > span {
+  min-width: 90px;
+  font-weight: 500;
+}
+.config-row > div {
+  flex: 1;
+}

package/build/esm/form-generator/components/ConfigRow/ConfigRow.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './ConfigRow.css';
+interface ConfigRowProps {
+    label: string;
+    value: string;
+    onUpdate: (value: string) => void;
+}
+export declare const ConfigRow: React.NamedExoticComponent<ConfigRowProps>;
+export {};

package/build/esm/form-generator/components/ConfigRow/ConfigRow.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Text, TextInput } from '@gravity-ui/uikit';
+import block from 'bem-cn-lite';
+import './ConfigRow.css';
+const b = block('config-row');
+const ConfigRowComponent = ({ label, value, onUpdate }) => {
+    const handleUpdate = React.useCallback((newValue) => {
+        onUpdate(newValue);
+    }, [onUpdate]);
+    return (_jsxs("div", { className: b(), children: [_jsxs(Text, { variant: "body-2", children: [label, ":"] }), _jsx(TextInput, { value: value, onUpdate: handleUpdate, size: "s" })] }));
+};
+export const ConfigRow = React.memo(ConfigRowComponent);
+//# sourceMappingURL=ConfigRow.js.map

package/build/esm/form-generator/components/ConfigRow/ConfigRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigRow.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ConfigRow/ConfigRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAQ9B,MAAM,kBAAkB,GAA6B,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,QAAgB,EAAE,EAAE;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,MAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,aAAE,KAAK,SAAS,EACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,GAAG,GAAG,IAC1D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './ConfigRow.scss';\n\nconst b = block('config-row');\n\ninterface ConfigRowProps {\n    label: string;\n    value: string;\n    onUpdate: (value: string) => void;\n}\n\nconst ConfigRowComponent: React.FC<ConfigRowProps> = ({label, value, onUpdate}) => {\n    const handleUpdate = React.useCallback(\n        (newValue: string) => {\n            onUpdate(newValue);\n        },\n        [onUpdate],\n    );\n\n    return (\n        <div className={b()}>\n            <Text variant=\"body-2\">{label}:</Text>\n            <TextInput value={value} onUpdate={handleUpdate} size=\"s\" />\n        </div>\n    );\n};\n\nexport const ConfigRow = React.memo(ConfigRowComponent);\n"]}

package/build/esm/form-generator/components/FieldCard/FieldCard.css

@@ -0,0 +1,15 @@
+.field-card {
+  padding: 16px;
+}
+.field-card__config {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.field-card__nested-field {
+  margin-top: 8px;
+  padding: 12px;
+  background-color: var(--g-color-base-generic);
+  border-radius: 6px;
+  border: 1px solid var(--g-color-line-generic);
+}

package/build/esm/form-generator/components/FieldCard/FieldCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FormField, InputTypeMenuItem } from "../../hooks/types.js";
+import './FieldCard.css';
+interface FieldCardProps {
+    field: FormField;
+    inputTypeMenuItems: InputTypeMenuItem[];
+}
+export declare const FieldCard: React.FC<FieldCardProps>;
+export {};

package/build/esm/form-generator/components/FieldCard/FieldCard.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '@gravity-ui/uikit';
+import block from 'bem-cn-lite';
+import { ConfigRow } from "../ConfigRow/ConfigRow.js";
+import { FieldHeader } from "../FieldHeader/FieldHeader.js";
+import { ArrayFieldRenderer } from "../ArrayFieldRenderer/ArrayFieldRenderer.js";
+import { ObjectFieldRenderer } from "../ObjectFieldRenderer/ObjectFieldRenderer.js";
+import { OptionsRenderer } from "../OptionsRenderer/OptionsRenderer.js";
+import { SelectFieldRenderer } from "../SelectFieldRenderer/SelectFieldRenderer.js";
+import { useFormContext } from "../../hooks/FormContext.js";
+import './FieldCard.css';
+const b = block('field-card');
+export const FieldCard = ({ field, inputTypeMenuItems }) => {
+    const { removeField, updateField, removeObjectProperty, removeOptionProperty, updateObjectProperty, updateOptionProperty, } = useFormContext();
+    const renderNestedField = (nestedField, index, parentId, optionIndex) => {
+        const isInOption = optionIndex !== undefined;
+        const handleRemove = () => {
+            if (isInOption) {
+                removeOptionProperty(parentId, optionIndex, index);
+            }
+            else {
+                removeObjectProperty(parentId, index);
+            }
+        };
+        const handleUpdate = (updates) => {
+            if (isInOption) {
+                updateOptionProperty(parentId, optionIndex, index, updates);
+            }
+            else {
+                updateObjectProperty(parentId, index, updates);
+            }
+        };
+        return (_jsxs("div", { className: b('nested-field'), children: [_jsx(FieldHeader, { title: nestedField.type.toUpperCase(), onRemove: handleRemove, variant: "subheader-3", buttonSize: "xs" }), _jsxs("div", { className: b('config'), children: [_jsx(ConfigRow, { label: "Name", value: nestedField.name, onUpdate: (value) => handleUpdate({ name: value }) }), _jsx(ConfigRow, { label: "Title", value: nestedField.title, onUpdate: (value) => handleUpdate({ title: value }) }), renderFieldTypeSpecificContent(nestedField, parentId)] })] }, `${parentId}_${index}`));
+    };
+    const renderFieldTypeSpecificContent = (fieldConfig, parentId) => {
+        switch (fieldConfig.type) {
+            case 'object':
+                return (_jsx(ObjectFieldRenderer, { field: fieldConfig, fieldName: parentId, inputTypeMenuItems: inputTypeMenuItems, renderNestedField: renderNestedField }));
+            case 'oneOf':
+                return (_jsx(OptionsRenderer, { field: fieldConfig, fieldName: parentId, inputTypeMenuItems: inputTypeMenuItems, renderNestedField: renderNestedField }));
+            case 'anyOf':
+                return (_jsx(OptionsRenderer, { field: fieldConfig, fieldName: parentId, inputTypeMenuItems: inputTypeMenuItems, renderNestedField: renderNestedField }));
+            case 'select':
+                return _jsx(SelectFieldRenderer, { field: fieldConfig });
+            case 'array':
+                return (_jsx(ArrayFieldRenderer, { field: fieldConfig, fieldName: parentId, inputTypeMenuItems: inputTypeMenuItems, renderNestedField: renderNestedField }));
+            default:
+                return null;
+        }
+    };
+    return (_jsxs(Card, { className: b(), children: [_jsx(FieldHeader, { title: field.type.toUpperCase(), onRemove: () => removeField(field.id) }), _jsxs("div", { className: b('config'), children: [_jsx(ConfigRow, { label: "Name", value: field.name, onUpdate: (value) => updateField(field.id, { name: value }) }), _jsx(ConfigRow, { label: "Title", value: field.title, onUpdate: (value) => updateField(field.id, { title: value }) }), renderFieldTypeSpecificContent(field, field.id)] })] }, field.id));
+};
+//# sourceMappingURL=FieldCard.js.map

package/build/esm/form-generator/components/FieldCard/FieldCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCard.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldCard/FieldCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Card} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {ConfigInput} from '../../../editor-v2';\nimport {ConfigRow} from '../ConfigRow/ConfigRow';\nimport {FieldHeader} from '../FieldHeader/FieldHeader';\nimport {ArrayFieldRenderer} from '../ArrayFieldRenderer/ArrayFieldRenderer';\nimport {ObjectFieldRenderer} from '../ObjectFieldRenderer/ObjectFieldRenderer';\nimport {OptionsRenderer} from '../OptionsRenderer/OptionsRenderer';\nimport {SelectFieldRenderer} from '../SelectFieldRenderer/SelectFieldRenderer';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {\n    FormAnyOfField,\n    FormArrayField,\n    FormField,\n    FormObjectField,\n    FormOneOfField,\n    InputTypeMenuItem,\n} from '../../hooks/types';\n\nimport './FieldCard.scss';\n\nconst b = block('field-card');\n\ninterface FieldCardProps {\n    field: FormField;\n    inputTypeMenuItems: InputTypeMenuItem[];\n}\n\nexport const FieldCard: React.FC<FieldCardProps> = ({field, inputTypeMenuItems}) => {\n    const {\n        removeField,\n        updateField,\n        removeObjectProperty,\n        removeOptionProperty,\n        updateObjectProperty,\n        updateOptionProperty,\n    } = useFormContext();\n\n    const renderNestedField = (\n        nestedField: ConfigInput,\n        index: number,\n        parentId: string,\n        optionIndex?: number,\n    ) => {\n        const isInOption = optionIndex !== undefined;\n\n        const handleRemove = () => {\n            if (isInOption) {\n                removeOptionProperty(parentId, optionIndex, index);\n            } else {\n                removeObjectProperty(parentId, index);\n            }\n        };\n\n        const handleUpdate = (updates: Partial<ConfigInput>) => {\n            if (isInOption) {\n                updateOptionProperty(parentId, optionIndex, index, updates);\n            } else {\n                updateObjectProperty(parentId, index, updates);\n            }\n        };\n\n        return (\n            <div key={`${parentId}_${index}`} className={b('nested-field')}>\n                <FieldHeader\n                    title={nestedField.type.toUpperCase()}\n                    onRemove={handleRemove}\n                    variant=\"subheader-3\"\n                    buttonSize=\"xs\"\n                />\n\n                <div className={b('config')}>\n                    <ConfigRow\n                        label=\"Name\"\n                        value={nestedField.name}\n                        onUpdate={(value) => handleUpdate({name: value})}\n                    />\n                    <ConfigRow\n                        label=\"Title\"\n                        value={nestedField.title}\n                        onUpdate={(value) => handleUpdate({title: value})}\n                    />\n\n                    {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n                    {renderFieldTypeSpecificContent(nestedField, parentId)}\n                </div>\n            </div>\n        );\n    };\n\n    const renderFieldTypeSpecificContent = (fieldConfig: ConfigInput, parentId: string) => {\n        switch (fieldConfig.type) {\n            case 'object':\n                return (\n                    <ObjectFieldRenderer\n                        field={fieldConfig as FormObjectField}\n                        fieldName={parentId}\n                        inputTypeMenuItems={inputTypeMenuItems}\n                        renderNestedField={renderNestedField}\n                    />\n                );\n\n            case 'oneOf':\n                return (\n                    <OptionsRenderer\n                        field={fieldConfig as FormOneOfField}\n                        fieldName={parentId}\n                        inputTypeMenuItems={inputTypeMenuItems}\n                        renderNestedField={renderNestedField}\n                    />\n                );\n\n            case 'anyOf':\n                return (\n                    <OptionsRenderer\n                        field={fieldConfig as FormAnyOfField}\n                        fieldName={parentId}\n                        inputTypeMenuItems={inputTypeMenuItems}\n                        renderNestedField={renderNestedField}\n                    />\n                );\n\n            case 'select':\n                return <SelectFieldRenderer field={fieldConfig as FormField} />;\n\n            case 'array':\n                return (\n                    <ArrayFieldRenderer\n                        field={fieldConfig as FormArrayField}\n                        fieldName={parentId}\n                        inputTypeMenuItems={inputTypeMenuItems}\n                        renderNestedField={renderNestedField}\n                    />\n                );\n\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <Card key={field.id} className={b()}>\n            <FieldHeader title={field.type.toUpperCase()} onRemove={() => removeField(field.id)} />\n\n            <div className={b('config')}>\n                <ConfigRow\n                    label=\"Name\"\n                    value={field.name}\n                    onUpdate={(value) => updateField(field.id, {name: value})}\n                />\n                <ConfigRow\n                    label=\"Title\"\n                    value={field.title}\n                    onUpdate={(value) => updateField(field.id, {title: value})}\n                />\n\n                {/* Render type-specific configuration */}\n                {renderFieldTypeSpecificContent(field, field.id)}\n            </div>\n        </Card>\n    );\n};\n"]}

package/build/esm/form-generator/components/FieldHeader/FieldHeader.css

@@ -0,0 +1,6 @@
+.field-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}

package/build/esm/form-generator/components/FieldHeader/FieldHeader.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import './FieldHeader.css';
+interface FieldHeaderProps {
+    title: string;
+    onRemove: () => void;
+    variant?: 'subheader-2' | 'subheader-3';
+    buttonSize?: 's' | 'xs';
+}
+export declare const FieldHeader: React.FC<FieldHeaderProps>;
+export {};

package/build/esm/form-generator/components/FieldHeader/FieldHeader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Text } from '@gravity-ui/uikit';
+import block from 'bem-cn-lite';
+import './FieldHeader.css';
+const b = block('field-header');
+export const FieldHeader = ({ title, onRemove, variant = 'subheader-2', buttonSize = 's', }) => (_jsxs("div", { className: b(), children: [_jsx(Text, { variant: variant, children: title }), _jsx(Button, { view: "flat-danger", size: buttonSize, onClick: onRemove, children: "Remove" })] }));
+//# sourceMappingURL=FieldHeader.js.map

package/build/esm/form-generator/components/FieldHeader/FieldHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldHeader/FieldHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAShC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,UAAU,GAAG,GAAG,GACnB,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,uBAErD,IACP,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './FieldHeader.scss';\n\nconst b = block('field-header');\n\ninterface FieldHeaderProps {\n    title: string;\n    onRemove: () => void;\n    variant?: 'subheader-2' | 'subheader-3';\n    buttonSize?: 's' | 'xs';\n}\n\nexport const FieldHeader: React.FC<FieldHeaderProps> = ({\n    title,\n    onRemove,\n    variant = 'subheader-2',\n    buttonSize = 's',\n}) => (\n    <div className={b()}>\n        <Text variant={variant}>{title}</Text>\n        <Button view=\"flat-danger\" size={buttonSize} onClick={onRemove}>\n            Remove\n        </Button>\n    </div>\n);\n"]}

package/build/esm/form-generator/components/FormBuilder/FormBuilder.css

@@ -0,0 +1,93 @@
+.form-builder {
+  width: 100%;
+}
+.form-builder__field {
+  margin-top: 16px;
+}
+.form-builder__fields-list {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.form-builder__field-card {
+  padding: 16px;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  background-color: #ffffff;
+}
+.form-builder__field-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.form-builder__field-config {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.form-builder__config-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.form-builder__config-row > span {
+  min-width: 90px;
+  font-weight: 500;
+}
+.form-builder__config-row > div {
+  flex: 1;
+}
+.form-builder__nested-fields {
+  margin-top: 12px;
+  margin-left: 16px;
+  padding-left: 12px;
+  border-left: 2px solid #e5e7eb;
+}
+.form-builder__nested-field {
+  margin-top: 8px;
+  padding: 12px;
+  background-color: #f9fafb;
+  border-radius: 6px;
+  border: 1px solid #e5e7eb;
+}
+.form-builder__nested-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.form-builder__option {
+  margin-top: 12px;
+  padding: 12px;
+  background-color: #f9fafb;
+  border-radius: 6px;
+  border: 1px solid #e5e7eb;
+}
+.form-builder__option-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.form-builder__add-field-button {
+  margin-top: 8px;
+}
+.form-builder__enum-option {
+  margin-top: 8px;
+  padding: 12px;
+  background-color: #f3f4f6;
+  border-radius: 6px;
+  border: 1px solid #e5e7eb;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.form-builder__enum-option .forms__config-row {
+  margin-bottom: 4px;
+}
+.form-builder__enum-option button {
+  align-self: flex-end;
+  margin-top: 4px;
+}