@gravity-ui/page-constructor 8.5.0-alpha.1 → 8.5.0-alpha.4

package/build/cjs/form-builder-v2/types.d.ts

@@ -0,0 +1,32 @@
+import type { ColorField, SectionField, SegmentedRadioGroupField, SelectField, SwitchField, Text, TextField } from "../form-generator-v2/types.js";
+type LeafField = TextField | SelectField | SegmentedRadioGroupField | Text | SwitchField | ColorField;
+export type BuilderLeafField = LeafField & {
+    id: string;
+};
+export type BuilderSectionField = Omit<SectionField, 'fields'> & {
+    id: string;
+    fields: FormField[];
+};
+export type FormField = BuilderLeafField | BuilderSectionField;
+export type BuilderFieldType = FormField['type'];
+export type FieldUpdate = Partial<LeafField> | Partial<Omit<BuilderSectionField, 'id'>>;
+export interface FormFieldsActions {
+    addField: (type: BuilderFieldType) => void;
+    addFieldToSection: (sectionId: string, type: BuilderFieldType) => void;
+    insertFieldBefore: (targetId: string, type: BuilderFieldType) => void;
+    insertFieldAfter: (targetId: string, type: BuilderFieldType) => void;
+    moveFieldToSection: (fieldId: string, sectionId: string) => void;
+    removeField: (fieldId: string) => void;
+    duplicateField: (fieldId: string) => void;
+    updateField: (fieldId: string, updates: FieldUpdate) => void;
+    moveFieldUp: (fieldId: string) => void;
+    moveFieldDown: (fieldId: string) => void;
+    setAllFields: (fields: FormField[]) => void;
+    resetForm: () => void;
+    selectField: (fieldId: string | null) => void;
+}
+export interface FormContextType extends FormFieldsActions {
+    formFields: FormField[];
+    selectedFieldId: string | null;
+}
+export {};

package/build/cjs/form-builder-v2/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/form-builder-v2/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["form-builder-v2/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    ColorField,\n    SectionField,\n    SegmentedRadioGroupField,\n    SelectField,\n    SwitchField,\n    Text,\n    TextField,\n} from '../form-generator-v2/types';\n\ntype LeafField =\n    | TextField\n    | SelectField\n    | SegmentedRadioGroupField\n    | Text\n    | SwitchField\n    | ColorField;\n\nexport type BuilderLeafField = LeafField & {id: string};\nexport type BuilderSectionField = Omit<SectionField, 'fields'> & {\n    id: string;\n    fields: FormField[];\n};\n\nexport type FormField = BuilderLeafField | BuilderSectionField;\n\nexport type BuilderFieldType = FormField['type'];\n\nexport type FieldUpdate = Partial<LeafField> | Partial<Omit<BuilderSectionField, 'id'>>;\n\nexport interface FormFieldsActions {\n    addField: (type: BuilderFieldType) => void;\n    addFieldToSection: (sectionId: string, type: BuilderFieldType) => void;\n    insertFieldBefore: (targetId: string, type: BuilderFieldType) => void;\n    insertFieldAfter: (targetId: string, type: BuilderFieldType) => void;\n    moveFieldToSection: (fieldId: string, sectionId: string) => void;\n    removeField: (fieldId: string) => void;\n    duplicateField: (fieldId: string) => void;\n    updateField: (fieldId: string, updates: FieldUpdate) => void;\n    moveFieldUp: (fieldId: string) => void;\n    moveFieldDown: (fieldId: string) => void;\n    setAllFields: (fields: FormField[]) => void;\n    resetForm: () => void;\n    selectField: (fieldId: string | null) => void;\n}\n\nexport interface FormContextType extends FormFieldsActions {\n    formFields: FormField[];\n    selectedFieldId: string | null;\n}\n"]}

package/build/cjs/form-builder-v2/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const FORM_BUILDER_V2_NAMESPACE = "pcformbuilderv2-";
+export declare const formBuilderV2Cn: import("@bem-react/classname").ClassNameInitilizer;

package/build/cjs/form-builder-v2/utils/cn.js

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

package/build/cjs/form-builder-v2/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/cn.ts"],"names":[],"mappings":";;;AAAA,oDAAgD;AAEnC,QAAA,yBAAyB,GAAG,kBAAkB,CAAC;AAE/C,QAAA,eAAe,GAAG,IAAA,sBAAU,EAAC,EAAC,CAAC,EAAE,iCAAyB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const FORM_BUILDER_V2_NAMESPACE = 'pcformbuilderv2-';\n\nexport const formBuilderV2Cn = withNaming({n: FORM_BUILDER_V2_NAMESPACE, e: '__', m: '_'});\n"]}

package/build/cjs/form-builder-v2/utils/dragData.d.ts

@@ -0,0 +1,18 @@
+import type { Data } from '@dnd-kit/abstract';
+import type { BuilderFieldType } from "../types.js";
+export interface PaletteDragData extends Data {
+    kind: 'palette';
+    type: BuilderFieldType;
+}
+export interface CardDragData extends Data {
+    kind: 'card';
+    group: string;
+}
+export interface SectionDropData extends Data {
+    kind: 'section-drop';
+    sectionId: string;
+}
+export declare function isPaletteData(data: Data | null | undefined): data is PaletteDragData;
+export declare function isCardData(data: Data | null | undefined): data is CardDragData;
+export declare function isSectionDropData(data: Data | null | undefined): data is SectionDropData;
+export declare const isDropAfter: (pointerY: number | undefined, targetCenterY: number | undefined) => boolean;

package/build/cjs/form-builder-v2/utils/dragData.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDropAfter = void 0;
+exports.isPaletteData = isPaletteData;
+exports.isCardData = isCardData;
+exports.isSectionDropData = isSectionDropData;
+function isPaletteData(data) {
+    return data !== null && data !== undefined && data.kind === 'palette';
+}
+function isCardData(data) {
+    return data !== null && data !== undefined && data.kind === 'card';
+}
+function isSectionDropData(data) {
+    return data !== null && data !== undefined && data.kind === 'section-drop';
+}
+const isDropAfter = (pointerY, targetCenterY) => pointerY !== undefined && targetCenterY !== undefined && pointerY > targetCenterY;
+exports.isDropAfter = isDropAfter;
+//# sourceMappingURL=dragData.js.map

package/build/cjs/form-builder-v2/utils/dragData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragData.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/dragData.ts"],"names":[],"mappings":";;;AAmBA,sCAEC;AAED,gCAEC;AAED,8CAEC;AAVD,SAAgB,aAAa,CAAC,IAA6B;IACvD,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;AAC1E,CAAC;AAED,SAAgB,UAAU,CAAC,IAA6B;IACpD,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;AACvE,CAAC;AAED,SAAgB,iBAAiB,CAAC,IAA6B;IAC3D,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;AAC/E,CAAC;AAEM,MAAM,WAAW,GAAG,CACvB,QAA4B,EAC5B,aAAiC,EAC1B,EAAE,CAAC,QAAQ,KAAK,SAAS,IAAI,aAAa,KAAK,SAAS,IAAI,QAAQ,GAAG,aAAa,CAAC;AAHnF,QAAA,WAAW,eAGwE","sourcesContent":["import type {Data} from '@dnd-kit/abstract';\n\nimport type {BuilderFieldType} from '../types';\n\nexport interface PaletteDragData extends Data {\n    kind: 'palette';\n    type: BuilderFieldType;\n}\n\nexport interface CardDragData extends Data {\n    kind: 'card';\n    group: string;\n}\n\nexport interface SectionDropData extends Data {\n    kind: 'section-drop';\n    sectionId: string;\n}\n\nexport function isPaletteData(data: Data | null | undefined): data is PaletteDragData {\n    return data !== null && data !== undefined && data.kind === 'palette';\n}\n\nexport function isCardData(data: Data | null | undefined): data is CardDragData {\n    return data !== null && data !== undefined && data.kind === 'card';\n}\n\nexport function isSectionDropData(data: Data | null | undefined): data is SectionDropData {\n    return data !== null && data !== undefined && data.kind === 'section-drop';\n}\n\nexport const isDropAfter = (\n    pointerY: number | undefined,\n    targetCenterY: number | undefined,\n): boolean => pointerY !== undefined && targetCenterY !== undefined && pointerY > targetCenterY;\n"]}

package/build/cjs/form-builder-v2/utils/fieldDefaults.d.ts

@@ -0,0 +1,2 @@
+import { BuilderFieldType, FormField } from "../types.js";
+export declare const createDefaultField: (type: BuilderFieldType, name: string, id: string) => FormField;

package/build/cjs/form-builder-v2/utils/fieldDefaults.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDefaultField = void 0;
+const createDefaultField = (type, name, id) => {
+    switch (type) {
+        case 'textInput':
+            return { type, name, title: 'Text input', id };
+        case 'textArea':
+            return { type, name, title: 'Text area', id };
+        case 'switch':
+            return { type, name, title: 'Switch', id };
+        case 'colorInput':
+            return { type, name, title: 'Color', defaultValue: '#000000', id };
+        case 'select':
+            return {
+                type,
+                name,
+                title: 'Select',
+                options: [
+                    { value: 'option1', content: 'Option 1' },
+                    { value: 'option2', content: 'Option 2' },
+                ],
+                id,
+            };
+        case 'segmentedRadioGroup':
+            return {
+                type,
+                name,
+                title: 'Segmented radio',
+                options: [
+                    { value: 'option1', content: 'Option 1' },
+                    { value: 'option2', content: 'Option 2' },
+                ],
+                id,
+            };
+        case 'text':
+            return { type, text: 'Static text', id };
+        case 'section':
+            return {
+                type,
+                title: 'Section',
+                opened: true,
+                fields: [],
+                id,
+            };
+        default:
+            return undefined;
+    }
+};
+exports.createDefaultField = createDefaultField;
+//# sourceMappingURL=fieldDefaults.js.map

package/build/cjs/form-builder-v2/utils/fieldDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldDefaults.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldDefaults.ts"],"names":[],"mappings":";;;AAEO,MAAM,kBAAkB,GAAG,CAAC,IAAsB,EAAE,IAAY,EAAE,EAAU,EAAa,EAAE;IAC9F,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,WAAW;YACZ,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAC,CAAC;QACjD,KAAK,UAAU;YACX,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAC,CAAC;QAChD,KAAK,QAAQ;YACT,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAC,CAAC;QAC7C,KAAK,YAAY;YACb,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAC,CAAC;QACrE,KAAK,QAAQ;YACT,OAAO;gBACH,IAAI;gBACJ,IAAI;gBACJ,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE;oBACL,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAC;oBACvC,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAC;iBAC1C;gBACD,EAAE;aACL,CAAC;QACN,KAAK,qBAAqB;YACtB,OAAO;gBACH,IAAI;gBACJ,IAAI;gBACJ,KAAK,EAAE,iBAAiB;gBACxB,OAAO,EAAE;oBACL,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAC;oBACvC,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAC;iBAC1C;gBACD,EAAE;aACL,CAAC;QACN,KAAK,MAAM;YACP,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAC,CAAC;QAC3C,KAAK,SAAS;YACV,OAAO;gBACH,IAAI;gBACJ,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,IAAI;gBACZ,MAAM,EAAE,EAAE;gBACV,EAAE;aACL,CAAC;QACN;YACI,OAAO,SAAkB,CAAC;IAClC,CAAC;AACL,CAAC,CAAC;AA7CW,QAAA,kBAAkB,sBA6C7B","sourcesContent":["import {BuilderFieldType, FormField} from '../types';\n\nexport const createDefaultField = (type: BuilderFieldType, name: string, id: string): FormField => {\n    switch (type) {\n        case 'textInput':\n            return {type, name, title: 'Text input', id};\n        case 'textArea':\n            return {type, name, title: 'Text area', id};\n        case 'switch':\n            return {type, name, title: 'Switch', id};\n        case 'colorInput':\n            return {type, name, title: 'Color', defaultValue: '#000000', id};\n        case 'select':\n            return {\n                type,\n                name,\n                title: 'Select',\n                options: [\n                    {value: 'option1', content: 'Option 1'},\n                    {value: 'option2', content: 'Option 2'},\n                ],\n                id,\n            };\n        case 'segmentedRadioGroup':\n            return {\n                type,\n                name,\n                title: 'Segmented radio',\n                options: [\n                    {value: 'option1', content: 'Option 1'},\n                    {value: 'option2', content: 'Option 2'},\n                ],\n                id,\n            };\n        case 'text':\n            return {type, text: 'Static text', id};\n        case 'section':\n            return {\n                type,\n                title: 'Section',\n                opened: true,\n                fields: [],\n                id,\n            };\n        default:\n            return undefined as never;\n    }\n};\n"]}

package/build/cjs/form-builder-v2/utils/fieldGroups.d.ts

@@ -0,0 +1,3 @@
+import { FormField } from "../types.js";
+export declare const buildGroupsMap: (fields: FormField[]) => Record<string, FormField[]>;
+export declare const applyGroupsMap: (groups: Record<string, FormField[]>) => FormField[];

package/build/cjs/form-builder-v2/utils/fieldGroups.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyGroupsMap = exports.buildGroupsMap = void 0;
+const treeWalk_1 = require("./treeWalk.js");
+const buildGroupsMap = (fields) => {
+    const groups = { root: fields };
+    (0, treeWalk_1.walkFields)(fields, (field) => {
+        if (field.type === 'section') {
+            groups[`section:${field.id}`] = field.fields;
+        }
+    });
+    return groups;
+};
+exports.buildGroupsMap = buildGroupsMap;
+const applyGroupsMap = (groups) => {
+    const transform = (fields) => fields.map((field) => {
+        if (field.type === 'section') {
+            const childGroup = groups[`section:${field.id}`] ?? field.fields;
+            return { ...field, fields: transform(childGroup) };
+        }
+        return field;
+    });
+    return transform(groups.root ?? []);
+};
+exports.applyGroupsMap = applyGroupsMap;
+//# sourceMappingURL=fieldGroups.js.map

package/build/cjs/form-builder-v2/utils/fieldGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldGroups.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldGroups.ts"],"names":[],"mappings":";;;AAEA,4CAAsC;AAE/B,MAAM,cAAc,GAAG,CAAC,MAAmB,EAA+B,EAAE;IAC/E,MAAM,MAAM,GAAgC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;IAC3D,IAAA,qBAAU,EAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;QACzB,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,CAAC,WAAW,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;QACjD,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB;AAEK,MAAM,cAAc,GAAG,CAAC,MAAmC,EAAe,EAAE;IAC/E,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAe,EAAE,CACnD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACjB,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC;YACjE,OAAO,EAAC,GAAG,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,EAAC,CAAC;QACrD,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IACP,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;AACxC,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB","sourcesContent":["import {FormField} from '../types';\n\nimport {walkFields} from './treeWalk';\n\nexport const buildGroupsMap = (fields: FormField[]): Record<string, FormField[]> => {\n    const groups: Record<string, FormField[]> = {root: fields};\n    walkFields(fields, (field) => {\n        if (field.type === 'section') {\n            groups[`section:${field.id}`] = field.fields;\n        }\n    });\n    return groups;\n};\n\nexport const applyGroupsMap = (groups: Record<string, FormField[]>): FormField[] => {\n    const transform = (fields: FormField[]): FormField[] =>\n        fields.map((field) => {\n            if (field.type === 'section') {\n                const childGroup = groups[`section:${field.id}`] ?? field.fields;\n                return {...field, fields: transform(childGroup)};\n            }\n            return field;\n        });\n    return transform(groups.root ?? []);\n};\n"]}

package/build/cjs/form-builder-v2/utils/fieldMeta.d.ts

@@ -0,0 +1,6 @@
+import type { IconData } from '@gravity-ui/uikit';
+import type { BuilderFieldType } from "../types.js";
+export declare const TYPE_LABELS: Record<BuilderFieldType, string>;
+export declare const PALETTE_LABELS: Record<BuilderFieldType, string>;
+export declare const TYPE_ICONS: Record<BuilderFieldType, IconData>;
+export declare const FIELD_TYPES: BuilderFieldType[];

package/build/cjs/form-builder-v2/utils/fieldMeta.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_TYPES = exports.TYPE_ICONS = exports.PALETTE_LABELS = exports.TYPE_LABELS = void 0;
+const icons_1 = require("@gravity-ui/icons");
+exports.TYPE_LABELS = {
+    textInput: 'Text input',
+    textArea: 'Text area',
+    select: 'Select',
+    segmentedRadioGroup: 'Segmented radio',
+    switch: 'Switch',
+    colorInput: 'Color input',
+    text: 'Static text',
+    section: 'Section',
+};
+exports.PALETTE_LABELS = {
+    textInput: 'Text',
+    textArea: 'Text area',
+    select: 'Select',
+    segmentedRadioGroup: 'Radio',
+    switch: 'Switch',
+    colorInput: 'Color',
+    text: 'Hint',
+    section: 'Section',
+};
+exports.TYPE_ICONS = {
+    textInput: icons_1.FontCursor,
+    textArea: icons_1.TextAlignLeft,
+    select: icons_1.ChevronsExpandVertical,
+    segmentedRadioGroup: icons_1.ListCheck,
+    switch: icons_1.ToggleOn,
+    colorInput: icons_1.Droplet,
+    text: icons_1.CircleInfo,
+    section: icons_1.Cubes3,
+};
+exports.FIELD_TYPES = [
+    'textInput',
+    'textArea',
+    'select',
+    'segmentedRadioGroup',
+    'switch',
+    'colorInput',
+    'text',
+    'section',
+];
+//# sourceMappingURL=fieldMeta.js.map

package/build/cjs/form-builder-v2/utils/fieldMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldMeta.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldMeta.ts"],"names":[],"mappings":";;;AAAA,6CAS2B;AAKd,QAAA,WAAW,GAAqC;IACzD,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,QAAQ;IAChB,mBAAmB,EAAE,iBAAiB;IACtC,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,SAAS;CACrB,CAAC;AAEW,QAAA,cAAc,GAAqC;IAC5D,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,QAAQ;IAChB,mBAAmB,EAAE,OAAO;IAC5B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,OAAO;IACnB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACrB,CAAC;AAEW,QAAA,UAAU,GAAuC;IAC1D,SAAS,EAAE,kBAAU;IACrB,QAAQ,EAAE,qBAAa;IACvB,MAAM,EAAE,8BAAsB;IAC9B,mBAAmB,EAAE,iBAAS;IAC9B,MAAM,EAAE,gBAAQ;IAChB,UAAU,EAAE,eAAO;IACnB,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,cAAM;CAClB,CAAC;AAEW,QAAA,WAAW,GAAuB;IAC3C,WAAW;IACX,UAAU;IACV,QAAQ;IACR,qBAAqB;IACrB,QAAQ;IACR,YAAY;IACZ,MAAM;IACN,SAAS;CACZ,CAAC","sourcesContent":["import {\n    ChevronsExpandVertical,\n    CircleInfo,\n    Cubes3,\n    Droplet,\n    FontCursor,\n    ListCheck,\n    TextAlignLeft,\n    ToggleOn,\n} from '@gravity-ui/icons';\nimport type {IconData} from '@gravity-ui/uikit';\n\nimport type {BuilderFieldType} from '../types';\n\nexport const TYPE_LABELS: Record<BuilderFieldType, string> = {\n    textInput: 'Text input',\n    textArea: 'Text area',\n    select: 'Select',\n    segmentedRadioGroup: 'Segmented radio',\n    switch: 'Switch',\n    colorInput: 'Color input',\n    text: 'Static text',\n    section: 'Section',\n};\n\nexport const PALETTE_LABELS: Record<BuilderFieldType, string> = {\n    textInput: 'Text',\n    textArea: 'Text area',\n    select: 'Select',\n    segmentedRadioGroup: 'Radio',\n    switch: 'Switch',\n    colorInput: 'Color',\n    text: 'Hint',\n    section: 'Section',\n};\n\nexport const TYPE_ICONS: Record<BuilderFieldType, IconData> = {\n    textInput: FontCursor,\n    textArea: TextAlignLeft,\n    select: ChevronsExpandVertical,\n    segmentedRadioGroup: ListCheck,\n    switch: ToggleOn,\n    colorInput: Droplet,\n    text: CircleInfo,\n    section: Cubes3,\n};\n\nexport const FIELD_TYPES: BuilderFieldType[] = [\n    'textInput',\n    'textArea',\n    'select',\n    'segmentedRadioGroup',\n    'switch',\n    'colorInput',\n    'text',\n    'section',\n];\n"]}

package/build/cjs/form-builder-v2/utils/fieldNames.d.ts

@@ -0,0 +1,8 @@
+import { FormField } from "../types.js";
+export declare const ARRAY_ITEM_PREFIX = "items[{{index}}].";
+export declare const prefixNameForArrayMode: (name: string) => string;
+export declare const stripArrayModePrefix: (name: string) => string;
+export declare const collectNames: (fields: FormField[]) => Set<string>;
+export declare const cloneFieldWithNewIds: (field: FormField, generateId: () => string, existingNames: Set<string>) => FormField;
+export declare const transformChildNames: (fields: FormField[], transform: (name: string) => string) => FormField[];
+export declare const maxIdNumericSuffix: (fields: FormField[]) => number;

package/build/cjs/form-builder-v2/utils/fieldNames.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maxIdNumericSuffix = exports.transformChildNames = exports.cloneFieldWithNewIds = exports.collectNames = exports.stripArrayModePrefix = exports.prefixNameForArrayMode = exports.ARRAY_ITEM_PREFIX = void 0;
+const treeWalk_1 = require("./treeWalk.js");
+exports.ARRAY_ITEM_PREFIX = 'items[{{index}}].';
+const prefixNameForArrayMode = (name) => name.includes('{{index}}') ? name : `${exports.ARRAY_ITEM_PREFIX}${name}`;
+exports.prefixNameForArrayMode = prefixNameForArrayMode;
+const stripArrayModePrefix = (name) => name.startsWith(exports.ARRAY_ITEM_PREFIX) ? name.slice(exports.ARRAY_ITEM_PREFIX.length) : name;
+exports.stripArrayModePrefix = stripArrayModePrefix;
+const collectNames = (fields) => {
+    const names = new Set();
+    (0, treeWalk_1.walkFields)(fields, (field) => {
+        if (field.type !== 'section' && field.type !== 'text') {
+            names.add(field.name);
+        }
+    });
+    return names;
+};
+exports.collectNames = collectNames;
+const extractBaseName = (name) => {
+    const m = name.match(/^(.+?)_copy(?:_\d+)?$/);
+    return m ? m[1] : name;
+};
+const findUniqueCopyName = (originalName, existing) => {
+    const stem = extractBaseName(originalName);
+    let candidate = `${stem}_copy`;
+    let n = 2;
+    while (existing.has(candidate)) {
+        candidate = `${stem}_copy_${n}`;
+        n += 1;
+    }
+    return candidate;
+};
+const cloneFieldWithNewIds = (field, generateId, existingNames) => {
+    const newId = generateId();
+    if (field.type === 'section') {
+        return {
+            ...field,
+            id: newId,
+            title: field.title ? `${field.title} (copy)` : 'Section (copy)',
+            fields: field.fields.map((child) => (0, exports.cloneFieldWithNewIds)(child, generateId, existingNames)),
+        };
+    }
+    if (field.type === 'text') {
+        return { ...field, id: newId };
+    }
+    const newName = findUniqueCopyName(field.name, existingNames);
+    existingNames.add(newName);
+    return { ...field, id: newId, name: newName };
+};
+exports.cloneFieldWithNewIds = cloneFieldWithNewIds;
+const transformChildNames = (fields, transform) => fields.map((field) => {
+    if (field.type === 'section') {
+        return { ...field, fields: (0, exports.transformChildNames)(field.fields, transform) };
+    }
+    if (field.type === 'text') {
+        return field;
+    }
+    return { ...field, name: transform(field.name) };
+});
+exports.transformChildNames = transformChildNames;
+const maxIdNumericSuffix = (fields) => {
+    let max = 0;
+    (0, treeWalk_1.walkFields)(fields, (field) => {
+        const match = /^fb2_(\d+)$/.exec(field.id);
+        if (match) {
+            const n = parseInt(match[1] ?? '0', 10);
+            if (n > max)
+                max = n;
+        }
+    });
+    return max;
+};
+exports.maxIdNumericSuffix = maxIdNumericSuffix;
+//# sourceMappingURL=fieldNames.js.map

package/build/cjs/form-builder-v2/utils/fieldNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldNames.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldNames.ts"],"names":[],"mappings":"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","sourcesContent":["import {FormField} from '../types';\n\nimport {walkFields} from './treeWalk';\n\nexport const ARRAY_ITEM_PREFIX = 'items[{{index}}].';\n\nexport const prefixNameForArrayMode = (name: string): string =>\n    name.includes('{{index}}') ? name : `${ARRAY_ITEM_PREFIX}${name}`;\n\nexport const stripArrayModePrefix = (name: string): string =>\n    name.startsWith(ARRAY_ITEM_PREFIX) ? name.slice(ARRAY_ITEM_PREFIX.length) : name;\n\nexport const collectNames = (fields: FormField[]): Set<string> => {\n    const names = new Set<string>();\n    walkFields(fields, (field) => {\n        if (field.type !== 'section' && field.type !== 'text') {\n            names.add(field.name);\n        }\n    });\n    return names;\n};\n\nconst extractBaseName = (name: string): string => {\n    const m = name.match(/^(.+?)_copy(?:_\\d+)?$/);\n    return m ? m[1] : name;\n};\n\nconst findUniqueCopyName = (originalName: string, existing: Set<string>): string => {\n    const stem = extractBaseName(originalName);\n    let candidate = `${stem}_copy`;\n    let n = 2;\n    while (existing.has(candidate)) {\n        candidate = `${stem}_copy_${n}`;\n        n += 1;\n    }\n    return candidate;\n};\n\nexport const cloneFieldWithNewIds = (\n    field: FormField,\n    generateId: () => string,\n    existingNames: Set<string>,\n): FormField => {\n    const newId = generateId();\n    if (field.type === 'section') {\n        return {\n            ...field,\n            id: newId,\n            title: field.title ? `${field.title} (copy)` : 'Section (copy)',\n            fields: field.fields.map((child) =>\n                cloneFieldWithNewIds(child, generateId, existingNames),\n            ),\n        };\n    }\n    if (field.type === 'text') {\n        return {...field, id: newId};\n    }\n    const newName = findUniqueCopyName(field.name, existingNames);\n    existingNames.add(newName);\n    return {...field, id: newId, name: newName};\n};\n\nexport const transformChildNames = (\n    fields: FormField[],\n    transform: (name: string) => string,\n): FormField[] =>\n    fields.map((field) => {\n        if (field.type === 'section') {\n            return {...field, fields: transformChildNames(field.fields, transform)};\n        }\n        if (field.type === 'text') {\n            return field;\n        }\n        return {...field, name: transform(field.name)};\n    });\n\nexport const maxIdNumericSuffix = (fields: FormField[]): number => {\n    let max = 0;\n    walkFields(fields, (field) => {\n        const match = /^fb2_(\\d+)$/.exec(field.id);\n        if (match) {\n            const n = parseInt(match[1] ?? '0', 10);\n            if (n > max) max = n;\n        }\n    });\n    return max;\n};\n"]}

package/build/cjs/form-builder-v2/utils/fieldTree.d.ts

@@ -0,0 +1,2 @@
+import type { FormField } from "../types.js";
+export declare const findFieldById: (fields: FormField[], id: string) => FormField | null;

package/build/cjs/form-builder-v2/utils/fieldTree.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findFieldById = void 0;
+const treeWalk_1 = require("./treeWalk.js");
+const findFieldById = (fields, id) => (0, treeWalk_1.findField)(fields, (field) => field.id === id);
+exports.findFieldById = findFieldById;
+//# sourceMappingURL=fieldTree.js.map

package/build/cjs/form-builder-v2/utils/fieldTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTree.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldTree.ts"],"names":[],"mappings":";;;AAEA,4CAAqC;AAE9B,MAAM,aAAa,GAAG,CAAC,MAAmB,EAAE,EAAU,EAAoB,EAAE,CAC/E,IAAA,oBAAS,EAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AADrC,QAAA,aAAa,iBACwB","sourcesContent":["import type {FormField} from '../types';\n\nimport {findField} from './treeWalk';\n\nexport const findFieldById = (fields: FormField[], id: string): FormField | null =>\n    findField(fields, (field) => field.id === id);\n"]}

package/build/cjs/form-builder-v2/utils/fieldTreeOps.d.ts

@@ -0,0 +1,13 @@
+import { FieldUpdate, FormField } from "../types.js";
+export declare const updateFieldDeep: (fields: FormField[], fieldId: string, updates: FieldUpdate) => FormField[];
+export declare const removeFieldDeep: (fields: FormField[], fieldId: string) => FormField[];
+export declare const addChildToSectionDeep: (fields: FormField[], sectionId: string, newChild: FormField) => FormField[];
+export declare const containsId: (field: FormField, id: string) => boolean;
+export declare const isArrayModeSection: (fields: FormField[], sectionId: string) => boolean;
+export declare const insertAtTargetDeep: (fields: FormField[], targetId: string, offset: 0 | 1, makeField: (arrayMode: boolean) => FormField) => FormField[] | null;
+export declare const duplicateFieldDeep: (fields: FormField[], fieldId: string, generateId: () => string, existingNames: Set<string>) => FormField[] | null;
+export interface SwapResult {
+    fields: FormField[];
+    handled: boolean;
+}
+export declare const swapInListDeep: (fields: FormField[], fieldId: string, delta: -1 | 1) => SwapResult;

package/build/cjs/form-builder-v2/utils/fieldTreeOps.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swapInListDeep = exports.duplicateFieldDeep = exports.insertAtTargetDeep = exports.isArrayModeSection = exports.containsId = exports.addChildToSectionDeep = exports.removeFieldDeep = exports.updateFieldDeep = void 0;
+const fieldNames_1 = require("./fieldNames.js");
+const treeWalk_1 = require("./treeWalk.js");
+const updateFieldDeep = (fields, fieldId, updates) => {
+    return fields.map((field) => {
+        if (field.id === fieldId) {
+            return {
+                ...field,
+                ...updates,
+                id: field.id,
+            };
+        }
+        if (field.type === 'section') {
+            return {
+                ...field,
+                fields: (0, exports.updateFieldDeep)(field.fields, fieldId, updates),
+            };
+        }
+        return field;
+    });
+};
+exports.updateFieldDeep = updateFieldDeep;
+const removeFieldDeep = (fields, fieldId) => {
+    const filtered = fields.filter((field) => field.id !== fieldId);
+    return filtered.map((field) => field.type === 'section'
+        ? { ...field, fields: (0, exports.removeFieldDeep)(field.fields, fieldId) }
+        : field);
+};
+exports.removeFieldDeep = removeFieldDeep;
+const addChildToSectionDeep = (fields, sectionId, newChild) => {
+    return fields.map((field) => {
+        if (field.id === sectionId && field.type === 'section') {
+            return { ...field, fields: [...field.fields, newChild] };
+        }
+        if (field.type === 'section') {
+            return {
+                ...field,
+                fields: (0, exports.addChildToSectionDeep)(field.fields, sectionId, newChild),
+            };
+        }
+        return field;
+    });
+};
+exports.addChildToSectionDeep = addChildToSectionDeep;
+const containsId = (field, id) => (0, treeWalk_1.findField)([field], (f) => f.id === id) !== null;
+exports.containsId = containsId;
+const isArrayModeSection = (fields, sectionId) => {
+    const section = (0, treeWalk_1.findField)(fields, (f) => f.id === sectionId);
+    return section?.type === 'section' && Boolean(section.index);
+};
+exports.isArrayModeSection = isArrayModeSection;
+const insertAtTargetDeep = (fields, targetId, offset, makeField) => (0, treeWalk_1.transformAtId)(fields, targetId, (siblings, index, parent) => {
+    const arrayMode = Boolean(parent?.index);
+    const newField = makeField(arrayMode);
+    return [...siblings.slice(0, index + offset), newField, ...siblings.slice(index + offset)];
+});
+exports.insertAtTargetDeep = insertAtTargetDeep;
+const duplicateFieldDeep = (fields, fieldId, generateId, existingNames) => (0, treeWalk_1.transformAtId)(fields, fieldId, (siblings, index) => {
+    const clone = (0, fieldNames_1.cloneFieldWithNewIds)(siblings[index], generateId, existingNames);
+    return [...siblings.slice(0, index + 1), clone, ...siblings.slice(index + 1)];
+});
+exports.duplicateFieldDeep = duplicateFieldDeep;
+const swapInListDeep = (fields, fieldId, delta) => {
+    let didSwap = false;
+    const result = (0, treeWalk_1.transformAtId)(fields, fieldId, (siblings, index) => {
+        const target = index + delta;
+        if (target < 0 || target >= siblings.length) {
+            return siblings;
+        }
+        const next = [...siblings];
+        [next[index], next[target]] = [next[target], next[index]];
+        didSwap = true;
+        return next;
+    });
+    return result === null || !didSwap ? { fields, handled: false } : { fields: result, handled: true };
+};
+exports.swapInListDeep = swapInListDeep;
+//# sourceMappingURL=fieldTreeOps.js.map

package/build/cjs/form-builder-v2/utils/fieldTreeOps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTreeOps.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldTreeOps.ts"],"names":[],"mappings":"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","sourcesContent":["import {BuilderSectionField, FieldUpdate, FormField} from '../types';\n\nimport {cloneFieldWithNewIds} from './fieldNames';\nimport {findField, transformAtId} from './treeWalk';\n\nexport const updateFieldDeep = (\n    fields: FormField[],\n    fieldId: string,\n    updates: FieldUpdate,\n): FormField[] => {\n    return fields.map((field) => {\n        if (field.id === fieldId) {\n            return {\n                ...field,\n                ...(updates as Partial<FormField>),\n                id: field.id,\n            } as FormField;\n        }\n        if (field.type === 'section') {\n            return {\n                ...field,\n                fields: updateFieldDeep(field.fields, fieldId, updates),\n            } as BuilderSectionField;\n        }\n        return field;\n    });\n};\n\nexport const removeFieldDeep = (fields: FormField[], fieldId: string): FormField[] => {\n    const filtered = fields.filter((field) => field.id !== fieldId);\n    return filtered.map((field) =>\n        field.type === 'section'\n            ? ({...field, fields: removeFieldDeep(field.fields, fieldId)} as BuilderSectionField)\n            : field,\n    );\n};\n\nexport const addChildToSectionDeep = (\n    fields: FormField[],\n    sectionId: string,\n    newChild: FormField,\n): FormField[] => {\n    return fields.map((field) => {\n        if (field.id === sectionId && field.type === 'section') {\n            return {...field, fields: [...field.fields, newChild]};\n        }\n        if (field.type === 'section') {\n            return {\n                ...field,\n                fields: addChildToSectionDeep(field.fields, sectionId, newChild),\n            };\n        }\n        return field;\n    });\n};\n\nexport const containsId = (field: FormField, id: string): boolean =>\n    findField([field], (f) => f.id === id) !== null;\n\nexport const isArrayModeSection = (fields: FormField[], sectionId: string): boolean => {\n    const section = findField(fields, (f) => f.id === sectionId);\n    return section?.type === 'section' && Boolean(section.index);\n};\n\nexport const insertAtTargetDeep = (\n    fields: FormField[],\n    targetId: string,\n    offset: 0 | 1,\n    makeField: (arrayMode: boolean) => FormField,\n): FormField[] | null =>\n    transformAtId(fields, targetId, (siblings, index, parent) => {\n        const arrayMode = Boolean(parent?.index);\n        const newField = makeField(arrayMode);\n        return [...siblings.slice(0, index + offset), newField, ...siblings.slice(index + offset)];\n    });\n\nexport const duplicateFieldDeep = (\n    fields: FormField[],\n    fieldId: string,\n    generateId: () => string,\n    existingNames: Set<string>,\n): FormField[] | null =>\n    transformAtId(fields, fieldId, (siblings, index) => {\n        const clone = cloneFieldWithNewIds(siblings[index], generateId, existingNames);\n        return [...siblings.slice(0, index + 1), clone, ...siblings.slice(index + 1)];\n    });\n\nexport interface SwapResult {\n    fields: FormField[];\n    handled: boolean;\n}\n\nexport const swapInListDeep = (fields: FormField[], fieldId: string, delta: -1 | 1): SwapResult => {\n    let didSwap = false;\n    const result = transformAtId(fields, fieldId, (siblings, index) => {\n        const target = index + delta;\n        if (target < 0 || target >= siblings.length) {\n            return siblings;\n        }\n        const next = [...siblings];\n        [next[index], next[target]] = [next[target], next[index]];\n        didSwap = true;\n        return next;\n    });\n    return result === null || !didSwap ? {fields, handled: false} : {fields: result, handled: true};\n};\n"]}

package/build/cjs/form-builder-v2/utils/parseSchema.d.ts

@@ -0,0 +1,9 @@
+import type { FormField } from "../types.js";
+export type ParseSchemaResult = {
+    ok: true;
+    fields: FormField[];
+} | {
+    ok: false;
+    error: string;
+};
+export declare const parseSchema: (input: string) => ParseSchemaResult;

package/build/cjs/form-builder-v2/utils/parseSchema.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseSchema = void 0;
+const VALID_TYPES = new Set([
+    'textInput',
+    'textArea',
+    'select',
+    'segmentedRadioGroup',
+    'switch',
+    'colorInput',
+    'text',
+    'section',
+]);
+const TYPES_REQUIRING_NAME = new Set([
+    'textInput',
+    'textArea',
+    'select',
+    'segmentedRadioGroup',
+    'switch',
+    'colorInput',
+]);
+const TYPES_WITH_OPTIONS = new Set(['select', 'segmentedRadioGroup']);
+const validateField = (obj, here) => {
+    const type = obj.type;
+    if (TYPES_REQUIRING_NAME.has(type) && typeof obj.name !== 'string') {
+        throw new Error(`${here}: field of type "${type}" requires "name"`);
+    }
+    if (TYPES_WITH_OPTIONS.has(type)) {
+        if (!Array.isArray(obj.options) || obj.options.length === 0) {
+            throw new Error(`${here}: field of type "${type}" requires non-empty "options" array`);
+        }
+        obj.options.forEach((opt, i) => {
+            if (!opt || typeof opt !== 'object') {
+                throw new Error(`${here}.options[${i}]: expected object`);
+            }
+            const o = opt;
+            if (typeof o.value !== 'string' || typeof o.content !== 'string') {
+                throw new Error(`${here}.options[${i}]: "value" and "content" must be strings`);
+            }
+        });
+    }
+    if (type === 'text' && typeof obj.text !== 'string') {
+        throw new Error(`${here}: field of type "text" requires "text" string`);
+    }
+};
+const validateAndAssignIds = (raw, path, nextId) => {
+    const seenNames = new Set();
+    return raw.map((item, i) => {
+        const here = `${path}[${i}]`;
+        if (!item || typeof item !== 'object') {
+            throw new Error(`${here}: expected object, got ${typeof item}`);
+        }
+        const obj = item;
+        if (typeof obj.type !== 'string' || !VALID_TYPES.has(obj.type)) {
+            throw new Error(`${here}: unknown field type "${String(obj.type)}"`);
+        }
+        validateField(obj, here);
+        if (typeof obj.name === 'string') {
+            if (seenNames.has(obj.name)) {
+                throw new Error(`${here}: duplicate name "${obj.name}"`);
+            }
+            seenNames.add(obj.name);
+        }
+        if (obj.type === 'section') {
+            const nested = Array.isArray(obj.fields)
+                ? validateAndAssignIds(obj.fields, `${here}.fields`, nextId)
+                : [];
+            return { ...obj, id: nextId(), fields: nested };
+        }
+        return { ...obj, id: nextId() };
+    });
+};
+const parseSchema = (input) => {
+    const trimmed = input.trim();
+    if (!trimmed) {
+        return { ok: false, error: 'Schema is empty' };
+    }
+    let parsed;
+    try {
+        parsed = JSON.parse(trimmed);
+    }
+    catch (e) {
+        return { ok: false, error: `JSON parse error: ${e.message}` };
+    }
+    if (!Array.isArray(parsed)) {
+        return { ok: false, error: 'Schema must be a JSON array of fields' };
+    }
+    let counter = 0;
+    const nextId = () => {
+        counter += 1;
+        return `imp_${counter}`;
+    };
+    try {
+        const fields = validateAndAssignIds(parsed, '', nextId);
+        return { ok: true, fields };
+    }
+    catch (e) {
+        return { ok: false, error: e.message };
+    }
+};
+exports.parseSchema = parseSchema;
+//# sourceMappingURL=parseSchema.js.map