@gravity-ui/page-constructor 6.3.2-alpha.10 → 6.3.2-alpha.11

package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.css

@@ -1,23 +1,23 @@
-.select-field-renderer__config-row {
+.pcformgenerator-select-field-renderer__config-row {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.select-field-renderer__config-row > span {
+.pcformgenerator-select-field-renderer__config-row > span {
   min-width: 90px;
   font-weight: 500;
 }
-.select-field-renderer__config-row > div {
+.pcformgenerator-select-field-renderer__config-row > div {
   flex: 1;
 }
-.select-field-renderer__config-row_vertical {
+.pcformgenerator-select-field-renderer__config-row_vertical {
   flex-direction: column;
   align-items: flex-start;
 }
-.select-field-renderer__options-title {
+.pcformgenerator-select-field-renderer__options-title {
   margin-bottom: 8px;
 }
-.select-field-renderer__enum-option {
+.pcformgenerator-select-field-renderer__enum-option {
   margin-top: 8px;
   padding: 12px;
   background-color: var(--g-color-base-generic-ultralight);
@@ -27,10 +27,10 @@
   flex-direction: column;
   gap: 8px;
 }
-.select-field-renderer__remove-button {
+.pcformgenerator-select-field-renderer__remove-button {
   align-self: flex-end;
   margin-top: 4px;
 }
-.select-field-renderer__add-button {
+.pcformgenerator-select-field-renderer__add-button {
   margin-top: 8px;
 }

package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js

@@ -5,9 +5,9 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
+const cn_1 = require("../../utils/cn.js");
 const FormContext_1 = require("../../hooks/FormContext.js");
-const b = (0, bem_cn_lite_1.default)('select-field-renderer');
+const b = (0, cn_1.formGeneratorCn)('select-field-renderer');
 const SelectFieldRenderer = ({ field }) => {
     const { updateField } = (0, FormContext_1.useFormContext)();
     if (field.type !== 'select') {

package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SelectFieldRenderer/SelectFieldRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {FormField} from '../../hooks/types';\nimport {useFormContext} from '../../hooks/FormContext';\n\nimport './SelectFieldRenderer.scss';\n\nconst b = block('select-field-renderer');\n\ninterface SelectFieldRendererProps {\n    field: FormField;\n}\n\ninterface SelectFieldOption {\n    content: string;\n    value: string;\n}\n\nexport const SelectFieldRenderer: React.FC<SelectFieldRendererProps> = ({field}) => {\n    const {updateField} = useFormContext();\n\n    if (field.type !== 'select') {\n        return null;\n    }\n\n    const view = field.view as 'select' | 'radiobutton';\n    const mode = field.mode as 'single' | 'multiple';\n    const enumValues = (field.enum || []) as SelectFieldOption[];\n\n    return (\n        <React.Fragment>\n            <div className={b('config-row')}>\n                <Text variant=\"body-2\">View:</Text>\n                <DropdownMenu\n                    items={[\n                        {\n                            action: () => updateField(field.id, {view: 'select'}),\n                            text: 'Select',\n                        },\n                        {\n                            action: () => updateField(field.id, {view: 'radiobutton'}),\n                            text: 'Radio Button',\n                        },\n                    ]}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"normal\" size=\"s\">\n                            {view === 'radiobutton' ? 'Radio Button' : 'Select'}\n                        </Button>\n                    )}\n                />\n            </div>\n\n            <div className={b('config-row')}>\n                <Text variant=\"body-2\">Mode:</Text>\n                <DropdownMenu\n                    items={[\n                        {\n                            action: () => updateField(field.id, {mode: 'single'}),\n                            text: 'Single',\n                        },\n                        {\n                            action: () => updateField(field.id, {mode: 'multiple'}),\n                            text: 'Multiple',\n                        },\n                    ]}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"normal\" size=\"s\">\n                            {mode === 'multiple' ? 'Multiple' : 'Single'}\n                        </Button>\n                    )}\n                />\n            </div>\n\n            <div className={b('config-row', {vertical: true})}>\n                <Text variant=\"body-2\" className={b('options-title')}>\n                    Options:\n                </Text>\n                {enumValues.map((option, index) => (\n                    <div key={`enum_${index}`} className={b('enum-option')}>\n                        <div className={b('config-row')}>\n                            <Text variant=\"body-2\">Label:</Text>\n                            <TextInput\n                                value={option.content}\n                                onUpdate={(value) => {\n                                    const newEnum = [...enumValues];\n                                    newEnum[index] = {\n                                        ...newEnum[index],\n                                        content: value,\n                                    };\n                                    updateField(field.id, {enum: newEnum});\n                                }}\n                                size=\"s\"\n                            />\n                        </div>\n                        <div className={b('config-row')}>\n                            <Text variant=\"body-2\">Value:</Text>\n                            <TextInput\n                                value={option.value}\n                                onUpdate={(value) => {\n                                    const newEnum = [...enumValues];\n                                    newEnum[index] = {\n                                        ...newEnum[index],\n                                        value,\n                                    };\n                                    updateField(field.id, {enum: newEnum});\n                                }}\n                                size=\"s\"\n                            />\n                        </div>\n                        <Button\n                            view=\"flat-danger\"\n                            size=\"xs\"\n                            onClick={() => {\n                                const newEnum = [...enumValues];\n                                newEnum.splice(index, 1);\n                                updateField(field.id, {enum: newEnum});\n                            }}\n                            className={b('remove-button')}\n                        >\n                            Remove\n                        </Button>\n                    </div>\n                ))}\n                <Button\n                    view=\"normal\"\n                    size=\"s\"\n                    onClick={() => {\n                        const newEnum = [...(enumValues || [])];\n                        newEnum.push({\n                            content: `Option ${newEnum.length + 1}`,\n                            value: `option${newEnum.length + 1}`,\n                        });\n                        updateField(field.id, {enum: newEnum});\n                    }}\n                    className={b('add-button')}\n                >\n                    + Add Option\n                </Button>\n            </div>\n        </React.Fragment>\n    );\n};\n"]}
+{"version":3,"file":"SelectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SelectFieldRenderer/SelectFieldRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text, TextInput} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {FormField} from '../../hooks/types';\nimport {useFormContext} from '../../hooks/FormContext';\n\nimport './SelectFieldRenderer.scss';\n\nconst b = formGeneratorCn('select-field-renderer');\n\ninterface SelectFieldRendererProps {\n    field: FormField;\n}\n\ninterface SelectFieldOption {\n    content: string;\n    value: string;\n}\n\nexport const SelectFieldRenderer: React.FC<SelectFieldRendererProps> = ({field}) => {\n    const {updateField} = useFormContext();\n\n    if (field.type !== 'select') {\n        return null;\n    }\n\n    const view = field.view as 'select' | 'radiobutton';\n    const mode = field.mode as 'single' | 'multiple';\n    const enumValues = (field.enum || []) as SelectFieldOption[];\n\n    return (\n        <React.Fragment>\n            <div className={b('config-row')}>\n                <Text variant=\"body-2\">View:</Text>\n                <DropdownMenu\n                    items={[\n                        {\n                            action: () => updateField(field.id, {view: 'select'}),\n                            text: 'Select',\n                        },\n                        {\n                            action: () => updateField(field.id, {view: 'radiobutton'}),\n                            text: 'Radio Button',\n                        },\n                    ]}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"normal\" size=\"s\">\n                            {view === 'radiobutton' ? 'Radio Button' : 'Select'}\n                        </Button>\n                    )}\n                />\n            </div>\n\n            <div className={b('config-row')}>\n                <Text variant=\"body-2\">Mode:</Text>\n                <DropdownMenu\n                    items={[\n                        {\n                            action: () => updateField(field.id, {mode: 'single'}),\n                            text: 'Single',\n                        },\n                        {\n                            action: () => updateField(field.id, {mode: 'multiple'}),\n                            text: 'Multiple',\n                        },\n                    ]}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"normal\" size=\"s\">\n                            {mode === 'multiple' ? 'Multiple' : 'Single'}\n                        </Button>\n                    )}\n                />\n            </div>\n\n            <div className={b('config-row', {vertical: true})}>\n                <Text variant=\"body-2\" className={b('options-title')}>\n                    Options:\n                </Text>\n                {enumValues.map((option, index) => (\n                    <div key={`enum_${index}`} className={b('enum-option')}>\n                        <div className={b('config-row')}>\n                            <Text variant=\"body-2\">Label:</Text>\n                            <TextInput\n                                value={option.content}\n                                onUpdate={(value) => {\n                                    const newEnum = [...enumValues];\n                                    newEnum[index] = {\n                                        ...newEnum[index],\n                                        content: value,\n                                    };\n                                    updateField(field.id, {enum: newEnum});\n                                }}\n                                size=\"s\"\n                            />\n                        </div>\n                        <div className={b('config-row')}>\n                            <Text variant=\"body-2\">Value:</Text>\n                            <TextInput\n                                value={option.value}\n                                onUpdate={(value) => {\n                                    const newEnum = [...enumValues];\n                                    newEnum[index] = {\n                                        ...newEnum[index],\n                                        value,\n                                    };\n                                    updateField(field.id, {enum: newEnum});\n                                }}\n                                size=\"s\"\n                            />\n                        </div>\n                        <Button\n                            view=\"flat-danger\"\n                            size=\"xs\"\n                            onClick={() => {\n                                const newEnum = [...enumValues];\n                                newEnum.splice(index, 1);\n                                updateField(field.id, {enum: newEnum});\n                            }}\n                            className={b('remove-button')}\n                        >\n                            Remove\n                        </Button>\n                    </div>\n                ))}\n                <Button\n                    view=\"normal\"\n                    size=\"s\"\n                    onClick={() => {\n                        const newEnum = [...(enumValues || [])];\n                        newEnum.push({\n                            content: `Option ${newEnum.length + 1}`,\n                            value: `option${newEnum.length + 1}`,\n                        });\n                        updateField(field.id, {enum: newEnum});\n                    }}\n                    className={b('add-button')}\n                >\n                    + Add Option\n                </Button>\n            </div>\n        </React.Fragment>\n    );\n};\n"]}

package/build/cjs/form-generator/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const FORM_GENERATOR_NAMESPACE = "pcformgenerator-";
+export declare const formGeneratorCn: import("@bem-react/classname").ClassNameInitilizer;

package/build/cjs/form-generator/utils/cn.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formGeneratorCn = exports.FORM_GENERATOR_NAMESPACE = void 0;
+const classname_1 = require("@bem-react/classname");
+exports.FORM_GENERATOR_NAMESPACE = 'pcformgenerator-';
+exports.formGeneratorCn = (0, classname_1.withNaming)({ n: exports.FORM_GENERATOR_NAMESPACE, e: '__', m: '_' });
+//# sourceMappingURL=cn.js.map

package/build/cjs/form-generator/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["form-generator/utils/cn.ts"],"names":[],"mappings":";;;AAAA,oDAAgD;AAEnC,QAAA,wBAAwB,GAAG,kBAAkB,CAAC;AAE9C,QAAA,eAAe,GAAG,IAAA,sBAAU,EAAC,EAAC,CAAC,EAAE,gCAAwB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const FORM_GENERATOR_NAMESPACE = 'pcformgenerator-';\n\nexport const formGeneratorCn = withNaming({n: FORM_GENERATOR_NAMESPACE, e: '__', m: '_'});\n"]}

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

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

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, DropdownMenu } from '@gravity-ui/uikit';
-import block from 'bem-cn-lite';
+import { formGeneratorCn } from "../../utils/cn.js";
 import './AddPropertyButton.css';
-const b = block('add-property-button');
+const b = formGeneratorCn('add-property-button');
 export const AddPropertyButton = ({ inputTypeMenuItems, onAdd, buttonText = '+ Add Property', }) => (_jsx("div", { className: b(), children: _jsx(DropdownMenu, { items: inputTypeMenuItems.map((item) => ({
             ...item,
             action: () => {

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

@@ -1 +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"]}
+{"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;AAEvD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAQjD,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 {ConfigInput} from '../../../editor-v2';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './AddPropertyButton.scss';\n\nconst b = formGeneratorCn('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

@@ -1,21 +1,21 @@
-.array-field-renderer__config {
+.pcformgenerator-array-field-renderer__config {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.array-field-renderer__config-row {
+.pcformgenerator-array-field-renderer__config-row {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.array-field-renderer__config-row > span {
+.pcformgenerator-array-field-renderer__config-row > span {
   min-width: 90px;
   font-weight: 500;
 }
-.array-field-renderer__config-row > div {
+.pcformgenerator-array-field-renderer__config-row > div {
   flex: 1;
 }
-.array-field-renderer__nested-fields {
+.pcformgenerator-array-field-renderer__nested-fields {
   margin-top: 12px;
   margin-left: 16px;
   padding-left: 12px;

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

@@ -1,12 +1,12 @@
 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 { formGeneratorCn } from "../../utils/cn.js";
 import './ArrayFieldRenderer.css';
-const b = block('array-field-renderer');
+const b = formGeneratorCn('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: [

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

@@ -1 +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"]}
+{"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;AAE7D,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;AAEvD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAclD,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 {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';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './ArrayFieldRenderer.scss';\n\nconst b = formGeneratorCn('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

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

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

@@ -1,9 +1,9 @@
 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 { formGeneratorCn } from "../../utils/cn.js";
 import './ConfigRow.css';
-const b = block('config-row');
+const b = formGeneratorCn('config-row');
 const ConfigRowComponent = ({ label, value, onUpdate }) => {
     const handleUpdate = React.useCallback((newValue) => {
         onUpdate(newValue);

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

@@ -1 +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"]}
+{"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,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAQxC,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 {formGeneratorCn} from '../../utils/cn';\n\nimport './ConfigRow.scss';\n\nconst b = formGeneratorCn('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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card } from '@gravity-ui/uikit';
-import block from 'bem-cn-lite';
+import { formGeneratorCn } from "../../utils/cn.js";
 import { ConfigRow } from "../ConfigRow/ConfigRow.js";
 import { FieldHeader } from "../FieldHeader/FieldHeader.js";
 import { ArrayFieldRenderer } from "../ArrayFieldRenderer/ArrayFieldRenderer.js";
@@ -9,7 +9,7 @@ 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');
+const b = formGeneratorCn('field-card');
 export const FieldCard = ({ field, inputTypeMenuItems }) => {
     const { removeField, updateField, removeObjectProperty, removeOptionProperty, updateObjectProperty, updateOptionProperty, } = useFormContext();
     const renderNestedField = (nestedField, index, parentId, optionIndex) => {

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

@@ -1 +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"]}
+{"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 {formGeneratorCn} from '../../utils/cn';\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 = formGeneratorCn('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

@@ -1,4 +1,4 @@
-.field-header {
+.pcformgenerator-field-header {
   display: flex;
   justify-content: space-between;
   align-items: center;

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

@@ -1,7 +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 { formGeneratorCn } from "../../utils/cn.js";
 import './FieldHeader.css';
-const b = block('field-header');
+const b = formGeneratorCn('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

@@ -1 +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"]}
+{"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,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAS1C,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 {formGeneratorCn} from '../../utils/cn';\n\nimport './FieldHeader.scss';\n\nconst b = formGeneratorCn('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

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

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

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, DropdownMenu } from '@gravity-ui/uikit';
-import block from 'bem-cn-lite';
+import { formGeneratorCn } from "../../utils/cn.js";
 import { FieldCard } from "../FieldCard/FieldCard.js";
 import { useFormContext } from "../../hooks/FormContext.js";
 import './FormBuilder.css';
-const b = block('form-builder');
+const b = formGeneratorCn('form-builder');
 export const FormBuilder = ({ className, formFields }) => {
     const { addField } = useFormContext();
     const inputTypeMenuItems = [

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

@@ -1 +1 @@
-{"version":3,"file":"FormBuilder.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FormBuilder/FormBuilder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAOhC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAC,SAAS,EAAE,UAAU,EAAC,EAAE,EAAE;IAC/E,MAAM,EAAC,QAAQ,EAAC,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,kBAAkB,GAAwB;QAC5C;YACI,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YAC9B,IAAI,EAAE,YAAY;SACrB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;YACjC,IAAI,EAAE,eAAe;SACxB;QACD;YACI,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;YAClC,IAAI,EAAE,gBAAgB;SACzB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC3B,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,SAAS,IAEN,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,IAFjC,KAAK,CAAC,EAAE,CAGf,CACL,CAAC,GACA,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,YAAY,IACT,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,4BAEhC,CACZ,GACH,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {Button, DropdownMenu} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {FieldCard} from '../FieldCard/FieldCard';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './FormBuilder.scss';\n\nconst b = block('form-builder');\n\ninterface FormBuilderProps {\n    className?: string;\n    formFields: Array<FormField>;\n}\n\nexport const FormBuilder: React.FC<FormBuilderProps> = ({className, formFields}) => {\n    const {addField} = useFormContext();\n\n    const inputTypeMenuItems: InputTypeMenuItem[] = [\n        {\n            type: 'text',\n            action: () => addField('text'),\n            text: 'Text Input',\n        },\n        {\n            type: 'number',\n            action: () => addField('number'),\n            text: 'Number Input',\n        },\n        {\n            type: 'boolean',\n            action: () => addField('boolean'),\n            text: 'Boolean Input',\n        },\n        {\n            type: 'textarea',\n            action: () => addField('textarea'),\n            text: 'Textarea Input',\n        },\n        {\n            type: 'select',\n            action: () => addField('select'),\n            text: 'Select Input',\n        },\n        {\n            type: 'object',\n            action: () => addField('object'),\n            text: 'Object Input',\n        },\n        {\n            type: 'array',\n            action: () => addField('array'),\n            text: 'Array Input',\n        },\n        {\n            type: 'oneOf',\n            action: () => addField('oneOf'),\n            text: 'OneOf Input',\n        },\n        {\n            type: 'anyOf',\n            action: () => addField('anyOf'),\n            text: 'AnyOf Input',\n        },\n    ];\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('fields-list')}>\n                {formFields.map((field) => (\n                    <FieldCard\n                        key={field.id}\n                        field={field}\n                        inputTypeMenuItems={inputTypeMenuItems}\n                    />\n                ))}\n            </div>\n\n            <div className={b('field')}>\n                <DropdownMenu\n                    items={inputTypeMenuItems}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"action\" size=\"l\">\n                            + Add Field\n                        </Button>\n                    )}\n                />\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"FormBuilder.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FormBuilder/FormBuilder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAC/C,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAO1C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAC,SAAS,EAAE,UAAU,EAAC,EAAE,EAAE;IAC/E,MAAM,EAAC,QAAQ,EAAC,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,kBAAkB,GAAwB;QAC5C;YACI,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YAC9B,IAAI,EAAE,YAAY;SACrB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;YACjC,IAAI,EAAE,eAAe;SACxB;QACD;YACI,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;YAClC,IAAI,EAAE,gBAAgB;SACzB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC3B,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,SAAS,IAEN,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,IAFjC,KAAK,CAAC,EAAE,CAGf,CACL,CAAC,GACA,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,YAAY,IACT,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,4BAEhC,CACZ,GACH,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {Button, DropdownMenu} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {FieldCard} from '../FieldCard/FieldCard';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './FormBuilder.scss';\n\nconst b = formGeneratorCn('form-builder');\n\ninterface FormBuilderProps {\n    className?: string;\n    formFields: Array<FormField>;\n}\n\nexport const FormBuilder: React.FC<FormBuilderProps> = ({className, formFields}) => {\n    const {addField} = useFormContext();\n\n    const inputTypeMenuItems: InputTypeMenuItem[] = [\n        {\n            type: 'text',\n            action: () => addField('text'),\n            text: 'Text Input',\n        },\n        {\n            type: 'number',\n            action: () => addField('number'),\n            text: 'Number Input',\n        },\n        {\n            type: 'boolean',\n            action: () => addField('boolean'),\n            text: 'Boolean Input',\n        },\n        {\n            type: 'textarea',\n            action: () => addField('textarea'),\n            text: 'Textarea Input',\n        },\n        {\n            type: 'select',\n            action: () => addField('select'),\n            text: 'Select Input',\n        },\n        {\n            type: 'object',\n            action: () => addField('object'),\n            text: 'Object Input',\n        },\n        {\n            type: 'array',\n            action: () => addField('array'),\n            text: 'Array Input',\n        },\n        {\n            type: 'oneOf',\n            action: () => addField('oneOf'),\n            text: 'OneOf Input',\n        },\n        {\n            type: 'anyOf',\n            action: () => addField('anyOf'),\n            text: 'AnyOf Input',\n        },\n    ];\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('fields-list')}>\n                {formFields.map((field) => (\n                    <FieldCard\n                        key={field.id}\n                        field={field}\n                        inputTypeMenuItems={inputTypeMenuItems}\n                    />\n                ))}\n            </div>\n\n            <div className={b('field')}>\n                <DropdownMenu\n                    items={inputTypeMenuItems}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"action\" size=\"l\">\n                            + Add Field\n                        </Button>\n                    )}\n                />\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,4 +1,4 @@
-.object-field-renderer__nested-fields {
+.pcformgenerator-object-field-renderer__nested-fields {
   margin-top: 12px;
   margin-left: 16px;
   padding-left: 12px;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import block from 'bem-cn-lite';
+import { formGeneratorCn } from "../../utils/cn.js";
 import { AddPropertyButton } from "../AddPropertyButton/AddPropertyButton.js";
 import { SectionHeader } from "../SectionHeader/SectionHeader.js";
 import { useFormContext } from "../../hooks/FormContext.js";
 import './ObjectFieldRenderer.css';
-const b = block('object-field-renderer');
+const b = formGeneratorCn('object-field-renderer');
 export const ObjectFieldRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
     const { addObjectProperty } = useFormContext();
     return (_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) })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAczC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACpE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAC,GAAG,cAAc,EAAE,CAAC;IAE7C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,GAAG,EAEpC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACtC,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,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport block from 'bem-cn-lite';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormObjectField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './ObjectFieldRenderer.scss';\n\nconst b = block('object-field-renderer');\n\ninterface ObjectFieldRendererProps {\n    field: FormObjectField;\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 ObjectFieldRenderer: React.FC<ObjectFieldRendererProps> = ({\n    field,\n    fieldName: _fieldName,\n    inputTypeMenuItems,\n    renderNestedField,\n}) => {\n    const {addObjectProperty} = useFormContext();\n\n    return (\n        <div className={b('nested-fields')}>\n            <SectionHeader title=\"Properties:\" />\n\n            {field.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};\n"]}
+{"version":3,"file":"ObjectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAcnD,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACpE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAC,GAAG,cAAc,EAAE,CAAC;IAE7C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,GAAG,EAEpC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACtC,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,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormObjectField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './ObjectFieldRenderer.scss';\n\nconst b = formGeneratorCn('object-field-renderer');\n\ninterface ObjectFieldRendererProps {\n    field: FormObjectField;\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 ObjectFieldRenderer: React.FC<ObjectFieldRendererProps> = ({\n    field,\n    fieldName: _fieldName,\n    inputTypeMenuItems,\n    renderNestedField,\n}) => {\n    const {addObjectProperty} = useFormContext();\n\n    return (\n        <div className={b('nested-fields')}>\n            <SectionHeader title=\"Properties:\" />\n\n            {field.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};\n"]}

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

@@ -1,4 +1,4 @@
-.option-header {
+.pcformgenerator-option-header {
   display: flex;
   justify-content: space-between;
   align-items: center;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from '@gravity-ui/uikit';
-import block from 'bem-cn-lite';
+import { formGeneratorCn } from "../../utils/cn.js";
 import './OptionHeader.css';
-const b = block('option-header');
+const b = formGeneratorCn('option-header');
 export const OptionHeader = ({ title }) => (_jsx("div", { className: b(), children: _jsx(Text, { variant: "subheader-3", children: title }) }));
 //# sourceMappingURL=OptionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionHeader/OptionHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAMjC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAClE,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,GACxC,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './OptionHeader.scss';\n\nconst b = block('option-header');\n\ninterface OptionHeaderProps {\n    title: string;\n}\n\nexport const OptionHeader: React.FC<OptionHeaderProps> = ({title}) => (\n    <div className={b()}>\n        <Text variant=\"subheader-3\">{title}</Text>\n    </div>\n);\n"]}
+{"version":3,"file":"OptionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionHeader/OptionHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AAM3C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAClE,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,GACxC,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './OptionHeader.scss';\n\nconst b = formGeneratorCn('option-header');\n\ninterface OptionHeaderProps {\n    title: string;\n}\n\nexport const OptionHeader: React.FC<OptionHeaderProps> = ({title}) => (\n    <div className={b()}>\n        <Text variant=\"subheader-3\">{title}</Text>\n    </div>\n);\n"]}