npm - @gravity-ui/page-constructor - Versions diffs - 6.3.2-alpha.10 → 6.3.2-alpha.11 - Mend

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

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

Files changed (75) hide show

package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.css CHANGED Viewed

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

package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.js CHANGED Viewed

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddPropertyButton = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
-const b = (0, bem_cn_lite_1.default)('add-property-button');
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.formGeneratorCn)('add-property-button');
 const AddPropertyButton = ({ inputTypeMenuItems, onAdd, buttonText = '+ Add Property', }) => ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { items: inputTypeMenuItems.map((item) => ({
             ...item,
             action: () => {

package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddPropertyButton.js","sourceRoot":"../../../../../src","sources":["form-generator/components/AddPropertyButton/AddPropertyButton.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,6CAAuD;~~AACvD~~,~~sEAAgC~~;~~AAKhC~~,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,qBAAqB,CAAC,CAAC;~~AAQhC~~,MAAM,iBAAiB,GAAqC,CAAC,EAChE,kBAAkB,EAClB,KAAK,EACL,UAAU,GAAG,gBAAgB,GAChC,EAAE,EAAE,CAAC,CACF,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,oBAAY,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,uBAAC,cAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,UAAU,GACN,CACZ,GACH,GACA,CACT,CAAC;AApBW,QAAA,iBAAiB,qBAoB5B","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"]}
1	+ {"version":3,"file":"AddPropertyButton.js","sourceRoot":"../../../../../src","sources":["form-generator/components/AddPropertyButton/AddPropertyButton.tsx"],"names":[],"mappings":";;;;AACA,6CAAuD;AAEvD,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,qBAAqB,CAAC,CAAC;AAQ1C,MAAM,iBAAiB,GAAqC,CAAC,EAChE,kBAAkB,EAClB,KAAK,EACL,UAAU,GAAG,gBAAgB,GAChC,EAAE,EAAE,CAAC,CACF,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,oBAAY,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,uBAAC,cAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,UAAU,GACN,CACZ,GACH,GACA,CACT,CAAC;AApBW,QAAA,iBAAiB,qBAoB5B","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/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.css CHANGED Viewed

@@ -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/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js CHANGED Viewed

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrayFieldRenderer = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const ConfigRow_1 = require("../ConfigRow/ConfigRow.js");
 const AddPropertyButton_1 = require("../AddPropertyButton/AddPropertyButton.js");
 const SectionHeader_1 = require("../SectionHeader/SectionHeader.js");
 const FormContext_1 = require("../../hooks/FormContext.js");
-const b = (0, bem_cn_lite_1.default)('array-field-renderer');
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.formGeneratorCn)('array-field-renderer');
 const ArrayFieldRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
     const { addObjectProperty, updateField } = (0, FormContext_1.useFormContext)();
     return ((0, jsx_runtime_1.jsxs)("div", { className: b('config'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('config-row'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-2", children: "Array Type:" }), (0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { items: [

package/build/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrayFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,6CAA6D;~~AAC7D~~,~~sEAAgC;AAEhC,~~yDAAiD;AACjD,iFAAyE;AACzE,qEAA6D;AAC7D,4DAAuD;~~AAKvD~~,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,sBAAsB,CAAC,CAAC;~~AAcjC~~,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,IAAA,4BAAc,GAAE,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAEvB,iCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC3B,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,4BAAmB,EACzC,uBAAC,oBAAY,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,uBAAC,cAAM,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,uBAAC,qBAAS,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,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,6BAAa,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,uBAAC,qCAAiB,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;AAxDW,QAAA,kBAAkB,sBAwD7B","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"]}
1	+ {"version":3,"file":"ArrayFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.tsx"],"names":[],"mappings":";;;;AACA,6CAA6D;AAE7D,yDAAiD;AACjD,iFAAyE;AACzE,qEAA6D;AAC7D,4DAAuD;AAEvD,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,sBAAsB,CAAC,CAAC;AAc3C,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,IAAA,4BAAc,GAAE,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAEvB,iCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC3B,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,4BAAmB,EACzC,uBAAC,oBAAY,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,uBAAC,cAAM,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,uBAAC,qBAAS,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,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,6BAAa,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,uBAAC,qCAAiB,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;AAxDW,QAAA,kBAAkB,sBAwD7B","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/cjs/form-generator/components/ConfigRow/ConfigRow.css CHANGED Viewed

@@ -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/cjs/form-generator/components/ConfigRow/ConfigRow.js CHANGED Viewed

@@ -5,8 +5,8 @@ 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 b = (0, bem_cn_lite_1.default)('config-row');
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.formGeneratorCn)('config-row');
 const ConfigRowComponent = ({ label, value, onUpdate }) => {
     const handleUpdate = React.useCallback((newValue) => {
         onUpdate(newValue);

package/build/cjs/form-generator/components/ConfigRow/ConfigRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfigRow.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ConfigRow/ConfigRow.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAC/B,6CAAkD;AAClD,~~sEAAgC~~;~~AAIhC~~,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,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,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,wBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,aAAE,KAAK,SAAS,EACtC,uBAAC,iBAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,GAAG,GAAG,IAC1D,CACT,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,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"]}
1	+ {"version":3,"file":"ConfigRow.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ConfigRow/ConfigRow.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAC/B,6CAAkD;AAClD,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,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,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,wBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,aAAE,KAAK,SAAS,EACtC,uBAAC,iBAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,GAAG,GAAG,IAC1D,CACT,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,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/cjs/form-generator/components/FieldCard/FieldCard.css CHANGED Viewed

@@ -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/cjs/form-generator/components/FieldCard/FieldCard.js CHANGED Viewed

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldCard = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 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 ConfigRow_1 = require("../ConfigRow/ConfigRow.js");
 const FieldHeader_1 = require("../FieldHeader/FieldHeader.js");
 const ArrayFieldRenderer_1 = require("../ArrayFieldRenderer/ArrayFieldRenderer.js");
@@ -12,7 +11,7 @@ const ObjectFieldRenderer_1 = require("../ObjectFieldRenderer/ObjectFieldRendere
 const OptionsRenderer_1 = require("../OptionsRenderer/OptionsRenderer.js");
 const SelectFieldRenderer_1 = require("../SelectFieldRenderer/SelectFieldRenderer.js");
 const FormContext_1 = require("../../hooks/FormContext.js");
-const b = (0, bem_cn_lite_1.default)('field-card');
+const b = (0, cn_1.formGeneratorCn)('field-card');
 const FieldCard = ({ field, inputTypeMenuItems }) => {
     const { removeField, updateField, removeObjectProperty, removeOptionProperty, updateObjectProperty, updateOptionProperty, } = (0, FormContext_1.useFormContext)();
     const renderNestedField = (nestedField, index, parentId, optionIndex) => {

package/build/cjs/form-generator/components/FieldCard/FieldCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldCard.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldCard/FieldCard.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,6CAAuC;AACvC,~~sEAAgC~~;~~AAEhC~~,yDAAiD;AACjD,+DAAuD;AACvD,oFAA4E;AAC5E,uFAA+E;AAC/E,2EAAmE;AACnE,uFAA+E;AAC/E,4DAAuD;AAYvD,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,YAAY,CAAC,CAAC;~~AAOvB~~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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"]}
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 {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/cjs/form-generator/components/FieldHeader/FieldHeader.css CHANGED Viewed

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

package/build/cjs/form-generator/components/FieldHeader/FieldHeader.js CHANGED Viewed

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldHeader = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
-const b = (0, bem_cn_lite_1.default)('field-header');
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.formGeneratorCn)('field-header');
 const FieldHeader = ({ title, onRemove, variant = 'subheader-2', buttonSize = 's', }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: variant, children: title }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat-danger", size: buttonSize, onClick: onRemove, children: "Remove" })] }));
 exports.FieldHeader = FieldHeader;
 //# sourceMappingURL=FieldHeader.js.map

package/build/cjs/form-generator/components/FieldHeader/FieldHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldHeader/FieldHeader.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,6CAA+C;AAC/C,~~sEAAgC~~;~~AAIhC~~,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,cAAc,CAAC,CAAC;~~AASzB~~,MAAM,WAAW,GAA+B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,UAAU,GAAG,GAAG,GACnB,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,uBAAC,YAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,EACtC,uBAAC,cAAM,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,uBAErD,IACP,CACT,CAAC;AAZW,QAAA,WAAW,eAYtB","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"]}
1	+ {"version":3,"file":"FieldHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldHeader/FieldHeader.tsx"],"names":[],"mappings":";;;;AACA,6CAA+C;AAC/C,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,cAAc,CAAC,CAAC;AASnC,MAAM,WAAW,GAA+B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,UAAU,GAAG,GAAG,GACnB,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,uBAAC,YAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,EACtC,uBAAC,cAAM,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,uBAErD,IACP,CACT,CAAC;AAZW,QAAA,WAAW,eAYtB","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/cjs/form-generator/components/FormBuilder/FormBuilder.css CHANGED Viewed

@@ -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/cjs/form-generator/components/FormBuilder/FormBuilder.js CHANGED Viewed

@@ -2,13 +2,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormBuilder = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 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 FieldCard_1 = require("../FieldCard/FieldCard.js");
 const FormContext_1 = require("../../hooks/FormContext.js");
-const b = (0, bem_cn_lite_1.default)('form-builder');
+const b = (0, cn_1.formGeneratorCn)('form-builder');
 const FormBuilder = ({ className, formFields }) => {
     const { addField } = (0, FormContext_1.useFormContext)();
     const inputTypeMenuItems = [

package/build/cjs/form-generator/components/FormBuilder/FormBuilder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormBuilder.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FormBuilder/FormBuilder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC~~;;;;;;~~AAGb,6CAAuD;AACvD,~~sEAAgC~~;~~AAChC~~,yDAAiD;AACjD,4DAAuD;AAKvD,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,cAAc,CAAC,CAAC;~~AAOzB~~,MAAM,WAAW,GAA+B,CAAC,EAAC,SAAS,EAAE,UAAU,EAAC,EAAE,EAAE;IAC/E,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,4BAAc,GAAE,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,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC3B,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,uBAAC,qBAAS,IAEN,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,IAFjC,KAAK,CAAC,EAAE,CAGf,CACL,CAAC,GACA,EAEN,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,oBAAY,IACT,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,uBAAC,cAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,4BAEhC,CACZ,GACH,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA3EW,QAAA,WAAW,eA2EtB","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"]}
1	+ {"version":3,"file":"FormBuilder.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FormBuilder/FormBuilder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;AAGb,6CAAuD;AACvD,0CAA+C;AAC/C,yDAAiD;AACjD,4DAAuD;AAKvD,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,cAAc,CAAC,CAAC;AAOnC,MAAM,WAAW,GAA+B,CAAC,EAAC,SAAS,EAAE,UAAU,EAAC,EAAE,EAAE;IAC/E,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,4BAAc,GAAE,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,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC3B,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,uBAAC,qBAAS,IAEN,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,IAFjC,KAAK,CAAC,EAAE,CAGf,CACL,CAAC,GACA,EAEN,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,oBAAY,IACT,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,uBAAC,cAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,4BAEhC,CACZ,GACH,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA3EW,QAAA,WAAW,eA2EtB","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/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.css CHANGED Viewed

@@ -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/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js CHANGED Viewed

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ObjectFieldRenderer = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
+const cn_1 = require("../../utils/cn.js");
 const AddPropertyButton_1 = require("../AddPropertyButton/AddPropertyButton.js");
 const SectionHeader_1 = require("../SectionHeader/SectionHeader.js");
 const FormContext_1 = require("../../hooks/FormContext.js");
-const b = (0, bem_cn_lite_1.default)('object-field-renderer');
+const b = (0, cn_1.formGeneratorCn)('object-field-renderer');
 const ObjectFieldRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
     const { addObjectProperty } = (0, FormContext_1.useFormContext)();
     return ((0, jsx_runtime_1.jsxs)("div", { className: b('nested-fields'), children: [(0, jsx_runtime_1.jsx)(SectionHeader_1.SectionHeader, { title: "Properties:" }), field.properties.map((property, index) => renderNestedField(property, index, field.id)), (0, jsx_runtime_1.jsx)(AddPropertyButton_1.AddPropertyButton, { inputTypeMenuItems: inputTypeMenuItems, onAdd: (type) => addObjectProperty(field.id, type) })] }));

package/build/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ObjectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,~~sEAAgC~~;~~AAEhC~~,iFAAyE;AACzE,qEAA6D;AAC7D,4DAAuD;AAKvD,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,uBAAuB,CAAC,CAAC;~~AAclC~~,MAAM,mBAAmB,GAAuC,CAAC,EACpE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAC,GAAG,IAAA,4BAAc,GAAE,CAAC;IAE7C,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,6BAAa,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,uBAAC,qCAAiB,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;AAtBW,QAAA,mBAAmB,uBAsB9B","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"]}
1	+ {"version":3,"file":"ObjectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.tsx"],"names":[],"mappings":";;;;AACA,0CAA+C;AAE/C,iFAAyE;AACzE,qEAA6D;AAC7D,4DAAuD;AAKvD,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,uBAAuB,CAAC,CAAC;AAc5C,MAAM,mBAAmB,GAAuC,CAAC,EACpE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAC,GAAG,IAAA,4BAAc,GAAE,CAAC;IAE7C,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,6BAAa,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,uBAAC,qCAAiB,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;AAtBW,QAAA,mBAAmB,uBAsB9B","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/cjs/form-generator/components/OptionHeader/OptionHeader.css CHANGED Viewed

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

package/build/cjs/form-generator/components/OptionHeader/OptionHeader.js CHANGED Viewed

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionHeader = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
-const b = (0, bem_cn_lite_1.default)('option-header');
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.formGeneratorCn)('option-header');
 const OptionHeader = ({ title }) => ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-3", children: title }) }));
 exports.OptionHeader = OptionHeader;
 //# sourceMappingURL=OptionHeader.js.map

package/build/cjs/form-generator/components/OptionHeader/OptionHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionHeader/OptionHeader.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,6CAAuC;AACvC,~~sEAAgC~~;~~AAIhC~~,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,eAAe,CAAC,CAAC;~~AAM1B~~,MAAM,YAAY,GAAgC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAClE,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,YAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,GACxC,CACT,CAAC;AAJW,QAAA,YAAY,gBAIvB","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"]}
1	+ {"version":3,"file":"OptionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionHeader/OptionHeader.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AACvC,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,eAAe,CAAC,CAAC;AAMpC,MAAM,YAAY,GAAgC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAClE,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,YAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,GACxC,CACT,CAAC;AAJW,QAAA,YAAY,gBAIvB","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"]}

package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.css CHANGED Viewed

@@ -1,28 +1,28 @@
-.options-renderer__header {
+.pcformgenerator-options-renderer__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 8px;
 }
-.options-renderer__option-header {
+.pcformgenerator-options-renderer__option-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 8px;
 }
-.options-renderer__add-option-button {
+.pcformgenerator-options-renderer__add-option-button {
   margin-left: 8px;
 }
-.options-renderer__remove-option-button {
+.pcformgenerator-options-renderer__remove-option-button {
   margin-left: 8px;
 }
-.options-renderer__nested-fields {
+.pcformgenerator-options-renderer__nested-fields {
   margin-top: 12px;
   margin-left: 16px;
   padding-left: 12px;
   border-left: 2px solid var(--g-color-line-generic);
 }
-.options-renderer__option {
+.pcformgenerator-options-renderer__option {
   margin-top: 12px;
   padding: 12px;
   background-color: var(--g-color-base-background);

package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.js CHANGED Viewed

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsRenderer = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
+const cn_1 = require("../../utils/cn.js");
 const uikit_1 = require("@gravity-ui/uikit");
 const AddPropertyButton_1 = require("../AddPropertyButton/AddPropertyButton.js");
 const OptionHeader_1 = require("../OptionHeader/OptionHeader.js");
 const SectionHeader_1 = require("../SectionHeader/SectionHeader.js");
 const FormContext_1 = require("../../hooks/FormContext.js");
-const b = (0, bem_cn_lite_1.default)('options-renderer');
+const b = (0, cn_1.formGeneratorCn)('options-renderer');
 const OptionsRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
     const { addOptionProperty, addOption, removeOption } = (0, FormContext_1.useFormContext)();
     return ((0, jsx_runtime_1.jsxs)("div", { className: b('nested-fields'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsx)(SectionHeader_1.SectionHeader, { title: "Options:" }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "normal", size: "s", onClick: () => {

package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionsRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionsRenderer/OptionsRenderer.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,~~sEAAgC~~;~~AAChC~~,6CAAyC;AAEzC,iFAAyE;AACzE,kEAA0D;AAC1D,qEAA6D;AAC7D,4DAAuD;AAKvD,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,kBAAkB,CAAC,CAAC;~~AAc7B~~,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAC,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEtE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,GAAG,EAClC,uBAAC,cAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;4BACV,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,6BAG5B,IACP,EAEL,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACxC,iCAAmC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrD,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,2BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACpC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,uBAAC,cAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;oCACV,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gCACxC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,uBAG/B,CACZ,IACC,EAEN,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,6BAAa,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,GAAG,EAErD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAC3C,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAChE,EAED,uBAAC,qCAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gCACnD,CAAC,GACH,IACA,KA9BA,UAAU,WAAW,EAAE,CA+B3B,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AA5DW,QAAA,eAAe,mBA4D1B","sourcesContent":["import * as React from 'react';\nimport ~~block~~ from '~~bem-~~cn~~-lite~~';\nimport {Button} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {OptionHeader} from '../OptionHeader/OptionHeader';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormOptionsField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './OptionsRenderer.scss';\n\nconst b = ~~block~~('options-renderer');\n\ninterface OptionsRendererProps {\n field: FormOptionsField;\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 OptionsRenderer: React.FC<OptionsRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addOptionProperty, addOption, removeOption} = useFormContext();\n\n return (\n <div className={b('nested-fields')}>\n <div className={b('header')}>\n <SectionHeader title=\"Options:\" />\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n addOption(field.id);\n }}\n className={b('add-option-button')}\n >\n + Add Option\n </Button>\n </div>\n\n {field.options.map((option, optionIndex) => (\n <div key={`option_${optionIndex}`} className={b('option')}>\n <div className={b('option-header')}>\n <OptionHeader title={option.title} />\n {field.options.length > 1 && (\n <Button\n view=\"normal\"\n size=\"xs\"\n onClick={() => {\n removeOption(field.id, optionIndex);\n }}\n className={b('remove-option-button')}\n >\n Remove\n </Button>\n )}\n </div>\n\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" variant=\"body-2\" />\n\n {option.properties.map((property, propIndex) =>\n renderNestedField(property, propIndex, field.id, optionIndex),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => {\n addOptionProperty(field.id, optionIndex, type);\n }}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"OptionsRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionsRenderer/OptionsRenderer.tsx"],"names":[],"mappings":";;;;AACA,0CAA+C;AAC/C,6CAAyC;AAEzC,iFAAyE;AACzE,kEAA0D;AAC1D,qEAA6D;AAC7D,4DAAuD;AAKvD,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,kBAAkB,CAAC,CAAC;AAcvC,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAC,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEtE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,GAAG,EAClC,uBAAC,cAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;4BACV,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,6BAG5B,IACP,EAEL,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACxC,iCAAmC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrD,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,2BAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACpC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,uBAAC,cAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;oCACV,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gCACxC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,uBAG/B,CACZ,IACC,EAEN,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,6BAAa,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,GAAG,EAErD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAC3C,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAChE,EAED,uBAAC,qCAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gCACnD,CAAC,GACH,IACA,KA9BA,UAAU,WAAW,EAAE,CA+B3B,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AA5DW,QAAA,eAAe,mBA4D1B","sourcesContent":["import * as React from 'react';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {Button} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {OptionHeader} from '../OptionHeader/OptionHeader';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormOptionsField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './OptionsRenderer.scss';\n\nconst b = formGeneratorCn('options-renderer');\n\ninterface OptionsRendererProps {\n field: FormOptionsField;\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 OptionsRenderer: React.FC<OptionsRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addOptionProperty, addOption, removeOption} = useFormContext();\n\n return (\n <div className={b('nested-fields')}>\n <div className={b('header')}>\n <SectionHeader title=\"Options:\" />\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n addOption(field.id);\n }}\n className={b('add-option-button')}\n >\n + Add Option\n </Button>\n </div>\n\n {field.options.map((option, optionIndex) => (\n <div key={`option_${optionIndex}`} className={b('option')}>\n <div className={b('option-header')}>\n <OptionHeader title={option.title} />\n {field.options.length > 1 && (\n <Button\n view=\"normal\"\n size=\"xs\"\n onClick={() => {\n removeOption(field.id, optionIndex);\n }}\n className={b('remove-option-button')}\n >\n Remove\n </Button>\n )}\n </div>\n\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" variant=\"body-2\" />\n\n {option.properties.map((property, propIndex) =>\n renderNestedField(property, propIndex, field.id, optionIndex),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => {\n addOptionProperty(field.id, optionIndex, type);\n }}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"]}

package/build/cjs/form-generator/components/SectionHeader/SectionHeader.css CHANGED Viewed

@@ -1,3 +1,3 @@
-.section-header {
+.pcformgenerator-section-header {
   margin-bottom: 8px;
 }

package/build/cjs/form-generator/components/SectionHeader/SectionHeader.js CHANGED Viewed

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionHeader = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
-const b = (0, bem_cn_lite_1.default)('section-header');
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.formGeneratorCn)('section-header');
 const SectionHeader = ({ title, variant = 'body-1' }) => ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: variant, children: title }) }));
 exports.SectionHeader = SectionHeader;
 //# sourceMappingURL=SectionHeader.js.map

package/build/cjs/form-generator/components/SectionHeader/SectionHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"~~;;;;;~~AACA,6CAAuC;AACvC,~~sEAAgC~~;~~AAIhC~~,MAAM,CAAC,GAAG,IAAA,~~qBAAK~~,EAAC,gBAAgB,CAAC,CAAC;~~AAO3B~~,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAC,EAAE,EAAE,CAAC,CACxF,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,YAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,GACpC,CACT,CAAC;AAJW,QAAA,aAAa,iBAIxB","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport ~~block~~ from '~~bem-~~cn~~-lite~~';\n\nimport './SectionHeader.scss';\n\nconst b = ~~block~~('section-header');\n\ninterface SectionHeaderProps {\n title: string;\n variant?: 'body-1' \| 'body-2';\n}\n\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({title, variant = 'body-1'}) => (\n <div className={b()}>\n <Text variant={variant}>{title}</Text>\n </div>\n);\n"]}
1	+ {"version":3,"file":"SectionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AACvC,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,gBAAgB,CAAC,CAAC;AAOrC,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAC,EAAE,EAAE,CAAC,CACxF,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,YAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,GACpC,CACT,CAAC;AAJW,QAAA,aAAa,iBAIxB","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './SectionHeader.scss';\n\nconst b = formGeneratorCn('section-header');\n\ninterface SectionHeaderProps {\n title: string;\n variant?: 'body-1' \| 'body-2';\n}\n\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({title, variant = 'body-1'}) => (\n <div className={b()}>\n <Text variant={variant}>{title}</Text>\n </div>\n);\n"]}