@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.5.0-alpha.5

package/build/esm/form-builder-v2/components/WhenEditor/utils.d.ts

@@ -0,0 +1,24 @@
+import type { When } from "../../../form-generator-v2/types.js";
+export type Condition = {
+    field: string;
+    operator: '===' | '!==';
+    value: string | boolean;
+};
+export type Combinator = {
+    operator: '&&' | '||';
+};
+export declare const OPERATOR_OPTIONS: {
+    value: string;
+    content: string;
+}[];
+export declare const COMBINATOR_OPTIONS: {
+    value: string;
+    content: string;
+}[];
+export declare const parse: (when: When | undefined) => {
+    conditions: Condition[];
+    combinators: Combinator[];
+};
+export declare const serialize: (conditions: Condition[], combinators: Combinator[]) => When | undefined;
+export declare const coerceValue: (raw: string) => string | boolean;
+export declare const displayValue: (value: string | boolean | undefined) => string;

package/build/esm/form-builder-v2/components/WhenEditor/utils.js

@@ -0,0 +1,76 @@
+export const OPERATOR_OPTIONS = [
+    { value: '===', content: 'is' },
+    { value: '!==', content: 'is not' },
+];
+export const COMBINATOR_OPTIONS = [
+    { value: '&&', content: 'AND' },
+    { value: '||', content: 'OR' },
+];
+export const parse = (when) => {
+    const conditions = [];
+    const combinators = [];
+    if (!when)
+        return { conditions, combinators };
+    let lastWasCombinator = false;
+    for (const entry of when) {
+        const isCondition = Boolean(entry.field) && (entry.operator === '===' || entry.operator === '!==');
+        const isCombinator = !entry.field && (entry.operator === '&&' || entry.operator === '||');
+        if (isCondition) {
+            conditions.push({
+                field: entry.field,
+                operator: entry.operator,
+                value: entry.value ?? '',
+            });
+            lastWasCombinator = false;
+            continue;
+        }
+        if (isCombinator) {
+            if (conditions.length === 0 || lastWasCombinator)
+                continue;
+            combinators.push({ operator: entry.operator });
+            lastWasCombinator = true;
+        }
+    }
+    if (lastWasCombinator) {
+        combinators.pop();
+    }
+    while (combinators.length < conditions.length - 1) {
+        combinators.push({ operator: '&&' });
+    }
+    if (combinators.length > Math.max(0, conditions.length - 1)) {
+        combinators.length = Math.max(0, conditions.length - 1);
+    }
+    return { conditions, combinators };
+};
+export const serialize = (conditions, combinators) => {
+    if (conditions.length === 0)
+        return undefined;
+    const out = [];
+    conditions.forEach((cond, i) => {
+        if (i > 0) {
+            const combinator = combinators[i - 1] ?? { operator: '&&' };
+            out.push({ operator: combinator.operator });
+        }
+        out.push({
+            field: cond.field,
+            operator: cond.operator,
+            value: cond.value,
+        });
+    });
+    return out;
+};
+export const coerceValue = (raw) => {
+    if (raw === 'true')
+        return true;
+    if (raw === 'false')
+        return false;
+    return raw;
+};
+export const displayValue = (value) => {
+    if (value === true)
+        return 'true';
+    if (value === false)
+        return 'false';
+    return value ?? '';
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/form-builder-v2/components/WhenEditor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["form-builder-v2/components/WhenEditor/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type {When} from '../../../form-generator-v2/types';\n\nexport type Condition = {field: string; operator: '===' | '!=='; value: string | boolean};\nexport type Combinator = {operator: '&&' | '||'};\n\nexport const OPERATOR_OPTIONS = [\n    {value: '===', content: 'is'},\n    {value: '!==', content: 'is not'},\n];\n\nexport const COMBINATOR_OPTIONS = [\n    {value: '&&', content: 'AND'},\n    {value: '||', content: 'OR'},\n];\n\nexport const parse = (\n    when: When | undefined,\n): {conditions: Condition[]; combinators: Combinator[]} => {\n    const conditions: Condition[] = [];\n    const combinators: Combinator[] = [];\n    if (!when) return {conditions, combinators};\n\n    let lastWasCombinator = false;\n\n    for (const entry of when) {\n        const isCondition =\n            Boolean(entry.field) && (entry.operator === '===' || entry.operator === '!==');\n        const isCombinator = !entry.field && (entry.operator === '&&' || entry.operator === '||');\n\n        if (isCondition) {\n            conditions.push({\n                field: entry.field as string,\n                operator: entry.operator as '===' | '!==',\n                value: entry.value ?? '',\n            });\n            lastWasCombinator = false;\n            continue;\n        }\n\n        if (isCombinator) {\n            if (conditions.length === 0 || lastWasCombinator) continue;\n            combinators.push({operator: entry.operator as '&&' | '||'});\n            lastWasCombinator = true;\n        }\n    }\n\n    if (lastWasCombinator) {\n        combinators.pop();\n    }\n\n    while (combinators.length < conditions.length - 1) {\n        combinators.push({operator: '&&'});\n    }\n\n    if (combinators.length > Math.max(0, conditions.length - 1)) {\n        combinators.length = Math.max(0, conditions.length - 1);\n    }\n\n    return {conditions, combinators};\n};\n\nexport const serialize = (conditions: Condition[], combinators: Combinator[]): When | undefined => {\n    if (conditions.length === 0) return undefined;\n    const out: When = [];\n    conditions.forEach((cond, i) => {\n        if (i > 0) {\n            const combinator = combinators[i - 1] ?? {operator: '&&'};\n            out.push({operator: combinator.operator});\n        }\n        out.push({\n            field: cond.field,\n            operator: cond.operator,\n            value: cond.value,\n        });\n    });\n    return out;\n};\n\nexport const coerceValue = (raw: string): string | boolean => {\n    if (raw === 'true') return true;\n    if (raw === 'false') return false;\n    return raw;\n};\n\nexport const displayValue = (value: string | boolean | undefined): string => {\n    if (value === true) return 'true';\n    if (value === false) return 'false';\n    return value ?? '';\n};\n"]}

package/build/esm/form-builder-v2/hooks/FormContext.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { FormContextType, FormField } from "../types.js";
+export declare const FormContext: React.Context<FormContextType | null>;
+interface FormProviderProps {
+    children: React.ReactNode;
+    formFields: FormField[];
+    onChange?: (fields: FormField[]) => void;
+}
+export declare const FormProvider: ({ children, formFields, onChange }: FormProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useFormContext: () => FormContextType;
+export {};

package/build/esm/form-builder-v2/hooks/FormContext.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useFormFields } from "./useFormFields.js";
+export const FormContext = React.createContext(null);
+export const FormProvider = ({ children, formFields, onChange }) => {
+    const value = useFormFields({ initialFields: formFields, onChange });
+    return _jsx(FormContext.Provider, { value: value, children: children });
+};
+export const useFormContext = () => {
+    const context = React.useContext(FormContext);
+    if (!context) {
+        throw new Error('useFormContext must be used within a FormProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=FormContext.js.map

package/build/esm/form-builder-v2/hooks/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"../../../../src","sources":["form-builder-v2/hooks/FormContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,aAAa,EAAC,2BAAwB;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAyB,IAAI,CAAC,CAAC;AAQ7E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAChF,MAAM,KAAK,GAAG,aAAa,CAAC,EAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC,CAAC;IACnE,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAwB,CAAC;AACjF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAoB,EAAE;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {FormContextType, FormField} from '../types';\n\nimport {useFormFields} from './useFormFields';\n\nexport const FormContext = React.createContext<FormContextType | null>(null);\n\ninterface FormProviderProps {\n    children: React.ReactNode;\n    formFields: FormField[];\n    onChange?: (fields: FormField[]) => void;\n}\n\nexport const FormProvider = ({children, formFields, onChange}: FormProviderProps) => {\n    const value = useFormFields({initialFields: formFields, onChange});\n    return <FormContext.Provider value={value}>{children}</FormContext.Provider>;\n};\n\nexport const useFormContext = (): FormContextType => {\n    const context = React.useContext(FormContext);\n    if (!context) {\n        throw new Error('useFormContext must be used within a FormProvider');\n    }\n    return context;\n};\n"]}

package/build/esm/form-builder-v2/hooks/useFormFields.d.ts

@@ -0,0 +1,23 @@
+import { BuilderFieldType, FieldUpdate, FormField } from "../types.js";
+interface UseFormFieldsProps {
+    initialFields: FormField[];
+    onChange?: (fields: FormField[]) => void;
+}
+export declare const useFormFields: ({ initialFields, onChange }: UseFormFieldsProps) => {
+    formFields: FormField[];
+    selectedFieldId: string | null;
+    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, targetSectionId: 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: (next: FormField[]) => void;
+    resetForm: () => void;
+    selectField: (fieldId: string | null) => void;
+};
+export {};

package/build/esm/form-builder-v2/hooks/useFormFields.js

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import { createDefaultField } from "../utils/fieldDefaults.js";
+import { collectNames, maxIdNumericSuffix, prefixNameForArrayMode, stripArrayModePrefix, } from "../utils/fieldNames.js";
+import { findFieldById } from "../utils/fieldTree.js";
+import { addChildToSectionDeep, containsId, duplicateFieldDeep, insertAtTargetDeep, isArrayModeSection, removeFieldDeep, swapInListDeep, updateFieldDeep, } from "../utils/fieldTreeOps.js";
+export const useFormFields = ({ initialFields, onChange }) => {
+    const [formFields, setFormFields] = React.useState(initialFields);
+    const [selectedFieldId, setSelectedFieldId] = React.useState(null);
+    const idCounter = React.useRef(maxIdNumericSuffix(initialFields) + 1);
+    const generateId = React.useCallback(() => {
+        const id = `fb2_${idCounter.current}`;
+        idCounter.current += 1;
+        return id;
+    }, []);
+    const generateName = React.useCallback(() => `field_${idCounter.current}`, []);
+    const commit = React.useCallback((next) => {
+        setFormFields(next);
+        onChange?.(next);
+    }, [onChange]);
+    const addField = React.useCallback((type) => {
+        const id = generateId();
+        const name = generateName();
+        const newField = createDefaultField(type, name, id);
+        commit([...formFields, newField]);
+    }, [commit, formFields, generateId, generateName]);
+    const addFieldToSection = React.useCallback((sectionId, type) => {
+        const id = generateId();
+        const baseName = generateName();
+        const arrayMode = isArrayModeSection(formFields, sectionId);
+        const name = arrayMode ? prefixNameForArrayMode(baseName) : baseName;
+        const newChild = createDefaultField(type, name, id);
+        commit(addChildToSectionDeep(formFields, sectionId, newChild));
+    }, [commit, formFields, generateId, generateName]);
+    const insertFieldRelative = React.useCallback((targetId, type, offset) => {
+        const makeField = (arrayMode) => {
+            const id = generateId();
+            const baseName = generateName();
+            const name = arrayMode ? prefixNameForArrayMode(baseName) : baseName;
+            return createDefaultField(type, name, id);
+        };
+        const result = insertAtTargetDeep(formFields, targetId, offset, makeField);
+        if (result === null) {
+            const fallback = makeField(false);
+            commit([...formFields, fallback]);
+            return;
+        }
+        commit(result);
+    }, [commit, formFields, generateId, generateName]);
+    const insertFieldBefore = React.useCallback((targetId, type) => insertFieldRelative(targetId, type, 0), [insertFieldRelative]);
+    const insertFieldAfter = React.useCallback((targetId, type) => insertFieldRelative(targetId, type, 1), [insertFieldRelative]);
+    const removeField = React.useCallback((fieldId) => {
+        commit(removeFieldDeep(formFields, fieldId));
+    }, [commit, formFields]);
+    const moveFieldToSection = React.useCallback((fieldId, targetSectionId) => {
+        if (fieldId === targetSectionId)
+            return;
+        const sourceField = findFieldById(formFields, fieldId);
+        if (!sourceField)
+            return;
+        const targetField = findFieldById(formFields, targetSectionId);
+        if (!targetField || targetField.type !== 'section') {
+            return;
+        }
+        if (sourceField.type === 'section' && containsId(sourceField, targetSectionId)) {
+            return;
+        }
+        const withoutField = removeFieldDeep(formFields, fieldId);
+        const targetIsArray = isArrayModeSection(withoutField, targetSectionId);
+        let movedField = sourceField;
+        if (sourceField.type !== 'section' && sourceField.type !== 'text') {
+            const currentHasIndex = sourceField.name.includes('{{index}}');
+            if (targetIsArray && !currentHasIndex) {
+                movedField = {
+                    ...sourceField,
+                    name: prefixNameForArrayMode(sourceField.name),
+                };
+            }
+            else if (!targetIsArray && currentHasIndex) {
+                movedField = {
+                    ...sourceField,
+                    name: stripArrayModePrefix(sourceField.name),
+                };
+            }
+        }
+        const result = addChildToSectionDeep(withoutField, targetSectionId, movedField);
+        commit(result);
+    }, [commit, formFields]);
+    const duplicateField = React.useCallback((fieldId) => {
+        const existingNames = collectNames(formFields);
+        const result = duplicateFieldDeep(formFields, fieldId, generateId, existingNames);
+        if (result !== null) {
+            commit(result);
+        }
+    }, [commit, formFields, generateId]);
+    const updateField = React.useCallback((fieldId, updates) => {
+        commit(updateFieldDeep(formFields, fieldId, updates));
+    }, [commit, formFields]);
+    const moveFieldUp = React.useCallback((fieldId) => {
+        const result = swapInListDeep(formFields, fieldId, -1);
+        if (result.handled) {
+            commit(result.fields);
+        }
+    }, [commit, formFields]);
+    const moveFieldDown = React.useCallback((fieldId) => {
+        const result = swapInListDeep(formFields, fieldId, 1);
+        if (result.handled) {
+            commit(result.fields);
+        }
+    }, [commit, formFields]);
+    const setAllFields = React.useCallback((next) => {
+        idCounter.current = Math.max(idCounter.current, maxIdNumericSuffix(next) + 1);
+        commit(next);
+    }, [commit]);
+    const resetForm = React.useCallback(() => {
+        commit([]);
+        setSelectedFieldId(null);
+    }, [commit]);
+    const selectField = React.useCallback((fieldId) => {
+        setSelectedFieldId(fieldId);
+    }, []);
+    return {
+        formFields,
+        selectedFieldId,
+        addField,
+        addFieldToSection,
+        insertFieldBefore,
+        insertFieldAfter,
+        moveFieldToSection,
+        removeField,
+        duplicateField,
+        updateField,
+        moveFieldUp,
+        moveFieldDown,
+        setAllFields,
+        resetForm,
+        selectField,
+    };
+};
+//# sourceMappingURL=useFormFields.js.map

package/build/esm/form-builder-v2/hooks/useFormFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormFields.js","sourceRoot":"../../../../src","sources":["form-builder-v2/hooks/useFormFields.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BuilderFieldType, FieldUpdate, FormField} from '../types';\nimport {createDefaultField} from '../utils/fieldDefaults';\nimport {\n    collectNames,\n    maxIdNumericSuffix,\n    prefixNameForArrayMode,\n    stripArrayModePrefix,\n} from '../utils/fieldNames';\nimport {findFieldById} from '../utils/fieldTree';\nimport {\n    addChildToSectionDeep,\n    containsId,\n    duplicateFieldDeep,\n    insertAtTargetDeep,\n    isArrayModeSection,\n    removeFieldDeep,\n    swapInListDeep,\n    updateFieldDeep,\n} from '../utils/fieldTreeOps';\n\ninterface UseFormFieldsProps {\n    initialFields: FormField[];\n    onChange?: (fields: FormField[]) => void;\n}\n\nexport const useFormFields = ({initialFields, onChange}: UseFormFieldsProps) => {\n    const [formFields, setFormFields] = React.useState<FormField[]>(initialFields);\n    const [selectedFieldId, setSelectedFieldId] = React.useState<string | null>(null);\n    const idCounter = React.useRef<number>(maxIdNumericSuffix(initialFields) + 1);\n\n    const generateId = React.useCallback(() => {\n        const id = `fb2_${idCounter.current}`;\n        idCounter.current += 1;\n        return id;\n    }, []);\n\n    const generateName = React.useCallback(() => `field_${idCounter.current}`, []);\n\n    const commit = React.useCallback(\n        (next: FormField[]) => {\n            setFormFields(next);\n            onChange?.(next);\n        },\n        [onChange],\n    );\n\n    const addField = React.useCallback(\n        (type: BuilderFieldType) => {\n            const id = generateId();\n            const name = generateName();\n            const newField = createDefaultField(type, name, id);\n            commit([...formFields, newField]);\n        },\n        [commit, formFields, generateId, generateName],\n    );\n\n    const addFieldToSection = React.useCallback(\n        (sectionId: string, type: BuilderFieldType) => {\n            const id = generateId();\n            const baseName = generateName();\n            const arrayMode = isArrayModeSection(formFields, sectionId);\n            const name = arrayMode ? prefixNameForArrayMode(baseName) : baseName;\n            const newChild = createDefaultField(type, name, id);\n            commit(addChildToSectionDeep(formFields, sectionId, newChild));\n        },\n        [commit, formFields, generateId, generateName],\n    );\n\n    const insertFieldRelative = React.useCallback(\n        (targetId: string, type: BuilderFieldType, offset: 0 | 1) => {\n            const makeField = (arrayMode: boolean): FormField => {\n                const id = generateId();\n                const baseName = generateName();\n                const name = arrayMode ? prefixNameForArrayMode(baseName) : baseName;\n                return createDefaultField(type, name, id);\n            };\n            const result = insertAtTargetDeep(formFields, targetId, offset, makeField);\n            if (result === null) {\n                const fallback = makeField(false);\n                commit([...formFields, fallback]);\n                return;\n            }\n            commit(result);\n        },\n        [commit, formFields, generateId, generateName],\n    );\n\n    const insertFieldBefore = React.useCallback(\n        (targetId: string, type: BuilderFieldType) => insertFieldRelative(targetId, type, 0),\n        [insertFieldRelative],\n    );\n\n    const insertFieldAfter = React.useCallback(\n        (targetId: string, type: BuilderFieldType) => insertFieldRelative(targetId, type, 1),\n        [insertFieldRelative],\n    );\n\n    const removeField = React.useCallback(\n        (fieldId: string) => {\n            commit(removeFieldDeep(formFields, fieldId));\n        },\n        [commit, formFields],\n    );\n\n    const moveFieldToSection = React.useCallback(\n        (fieldId: string, targetSectionId: string) => {\n            if (fieldId === targetSectionId) return;\n\n            const sourceField = findFieldById(formFields, fieldId);\n            if (!sourceField) return;\n\n            const targetField = findFieldById(formFields, targetSectionId);\n            if (!targetField || targetField.type !== 'section') {\n                return;\n            }\n\n            if (sourceField.type === 'section' && containsId(sourceField, targetSectionId)) {\n                return;\n            }\n\n            const withoutField = removeFieldDeep(formFields, fieldId);\n            const targetIsArray = isArrayModeSection(withoutField, targetSectionId);\n\n            let movedField = sourceField;\n            if (sourceField.type !== 'section' && sourceField.type !== 'text') {\n                const currentHasIndex = sourceField.name.includes('{{index}}');\n                if (targetIsArray && !currentHasIndex) {\n                    movedField = {\n                        ...sourceField,\n                        name: prefixNameForArrayMode(sourceField.name),\n                    };\n                } else if (!targetIsArray && currentHasIndex) {\n                    movedField = {\n                        ...sourceField,\n                        name: stripArrayModePrefix(sourceField.name),\n                    };\n                }\n            }\n\n            const result = addChildToSectionDeep(withoutField, targetSectionId, movedField);\n            commit(result);\n        },\n        [commit, formFields],\n    );\n\n    const duplicateField = React.useCallback(\n        (fieldId: string) => {\n            const existingNames = collectNames(formFields);\n            const result = duplicateFieldDeep(formFields, fieldId, generateId, existingNames);\n            if (result !== null) {\n                commit(result);\n            }\n        },\n        [commit, formFields, generateId],\n    );\n\n    const updateField = React.useCallback(\n        (fieldId: string, updates: FieldUpdate) => {\n            commit(updateFieldDeep(formFields, fieldId, updates));\n        },\n        [commit, formFields],\n    );\n\n    const moveFieldUp = React.useCallback(\n        (fieldId: string) => {\n            const result = swapInListDeep(formFields, fieldId, -1);\n            if (result.handled) {\n                commit(result.fields);\n            }\n        },\n        [commit, formFields],\n    );\n\n    const moveFieldDown = React.useCallback(\n        (fieldId: string) => {\n            const result = swapInListDeep(formFields, fieldId, 1);\n            if (result.handled) {\n                commit(result.fields);\n            }\n        },\n        [commit, formFields],\n    );\n\n    const setAllFields = React.useCallback(\n        (next: FormField[]) => {\n            idCounter.current = Math.max(idCounter.current, maxIdNumericSuffix(next) + 1);\n            commit(next);\n        },\n        [commit],\n    );\n\n    const resetForm = React.useCallback(() => {\n        commit([]);\n        setSelectedFieldId(null);\n    }, [commit]);\n\n    const selectField = React.useCallback((fieldId: string | null) => {\n        setSelectedFieldId(fieldId);\n    }, []);\n\n    return {\n        formFields,\n        selectedFieldId,\n        addField,\n        addFieldToSection,\n        insertFieldBefore,\n        insertFieldAfter,\n        moveFieldToSection,\n        removeField,\n        duplicateField,\n        updateField,\n        moveFieldUp,\n        moveFieldDown,\n        setAllFields,\n        resetForm,\n        selectField,\n    };\n};\n"]}

package/build/esm/form-builder-v2/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FormBuilderV2.js";
+export * from "./types.js";

package/build/esm/form-builder-v2/index.js

@@ -0,0 +1,3 @@
+export * from "./FormBuilderV2.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/build/esm/form-builder-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["form-builder-v2/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,2BAAwB","sourcesContent":["export * from './FormBuilderV2';\nexport * from './types';\n"]}

package/build/esm/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/esm/form-builder-v2/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/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/esm/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/esm/form-builder-v2/utils/cn.js

@@ -0,0 +1,4 @@
+import { withNaming } from '@bem-react/classname';
+export const FORM_BUILDER_V2_NAMESPACE = 'pcformbuilderv2-';
+export const formBuilderV2Cn = withNaming({ n: FORM_BUILDER_V2_NAMESPACE, e: '__', m: '_' });
+//# sourceMappingURL=cn.js.map

package/build/esm/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,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAAG,kBAAkB,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,yBAAyB,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/esm/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/esm/form-builder-v2/utils/dragData.js

@@ -0,0 +1,11 @@
+export function isPaletteData(data) {
+    return data !== null && data !== undefined && data.kind === 'palette';
+}
+export function isCardData(data) {
+    return data !== null && data !== undefined && data.kind === 'card';
+}
+export function isSectionDropData(data) {
+    return data !== null && data !== undefined && data.kind === 'section-drop';
+}
+export const isDropAfter = (pointerY, targetCenterY) => pointerY !== undefined && targetCenterY !== undefined && pointerY > targetCenterY;
+//# sourceMappingURL=dragData.js.map

package/build/esm/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,MAAM,UAAU,aAAa,CAAC,IAA6B;IACvD,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAA6B;IACpD,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAA6B;IAC3D,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;AAC/E,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CACvB,QAA4B,EAC5B,aAAiC,EAC1B,EAAE,CAAC,QAAQ,KAAK,SAAS,IAAI,aAAa,KAAK,SAAS,IAAI,QAAQ,GAAG,aAAa,CAAC","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/esm/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/esm/form-builder-v2/utils/fieldDefaults.js

@@ -0,0 +1,47 @@
+export 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;
+    }
+};
+//# sourceMappingURL=fieldDefaults.js.map

package/build/esm/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":"AAEA,MAAM,CAAC,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","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/esm/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/esm/form-builder-v2/utils/fieldGroups.js

@@ -0,0 +1,21 @@
+import { walkFields } from "./treeWalk.js";
+export const buildGroupsMap = (fields) => {
+    const groups = { root: fields };
+    walkFields(fields, (field) => {
+        if (field.type === 'section') {
+            groups[`section:${field.id}`] = field.fields;
+        }
+    });
+    return groups;
+};
+export 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 ?? []);
+};
+//# sourceMappingURL=fieldGroups.js.map

package/build/esm/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,OAAO,EAAC,UAAU,EAAC,sBAAmB;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAmB,EAA+B,EAAE;IAC/E,MAAM,MAAM,GAAgC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;IAC3D,UAAU,CAAC,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;AAEF,MAAM,CAAC,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","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/esm/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/esm/form-builder-v2/utils/fieldMeta.js

@@ -0,0 +1,42 @@
+import { ChevronsExpandVertical, CircleInfo, Cubes3, Droplet, FontCursor, ListCheck, TextAlignLeft, ToggleOn, } from '@gravity-ui/icons';
+export const TYPE_LABELS = {
+    textInput: 'Text input',
+    textArea: 'Text area',
+    select: 'Select',
+    segmentedRadioGroup: 'Segmented radio',
+    switch: 'Switch',
+    colorInput: 'Color input',
+    text: 'Static text',
+    section: 'Section',
+};
+export const PALETTE_LABELS = {
+    textInput: 'Text',
+    textArea: 'Text area',
+    select: 'Select',
+    segmentedRadioGroup: 'Radio',
+    switch: 'Switch',
+    colorInput: 'Color',
+    text: 'Hint',
+    section: 'Section',
+};
+export const TYPE_ICONS = {
+    textInput: FontCursor,
+    textArea: TextAlignLeft,
+    select: ChevronsExpandVertical,
+    segmentedRadioGroup: ListCheck,
+    switch: ToggleOn,
+    colorInput: Droplet,
+    text: CircleInfo,
+    section: Cubes3,
+};
+export const FIELD_TYPES = [
+    'textInput',
+    'textArea',
+    'select',
+    'segmentedRadioGroup',
+    'switch',
+    'colorInput',
+    'text',
+    'section',
+];
+//# sourceMappingURL=fieldMeta.js.map

package/build/esm/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,OAAO,EACH,sBAAsB,EACtB,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,GACX,MAAM,mBAAmB,CAAC;AAK3B,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,UAAU,GAAuC;IAC1D,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,sBAAsB;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,OAAO;IACnB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,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/esm/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;