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

package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ConfigInput } from "../../../editor-v2/index.js";
-import { FormOptionsField, InputTypeMenuItem } from "../../hooks/types.js";
+import { ConfigInput } from "../../../form-generator/index.js";
+import { FormOptionsField, InputTypeMenuItem } from "../../types.js";
 import './OptionsRenderer.css';
 interface OptionsRendererProps {
     field: FormOptionsField;

package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formGeneratorCn } from "../../utils/cn.js";
+import { formBuilderCn } from "../../utils/cn.js";
 import { Button } from '@gravity-ui/uikit';
 import { AddPropertyButton } from "../AddPropertyButton/AddPropertyButton.js";
 import { OptionHeader } from "../OptionHeader/OptionHeader.js";
 import { SectionHeader } from "../SectionHeader/SectionHeader.js";
 import { useFormContext } from "../../hooks/FormContext.js";
 import './OptionsRenderer.css';
-const b = formGeneratorCn('options-renderer');
+const b = formBuilderCn('options-renderer');
 export const OptionsRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
     const { addOptionProperty, addOption, removeOption } = useFormContext();
     return (_jsxs("div", { className: b('nested-fields'), children: [_jsxs("div", { className: b('header'), children: [_jsx(SectionHeader, { title: "Options:" }), _jsx(Button, { view: "normal", size: "s", onClick: () => {

package/build/esm/form-builder/components/OptionsRenderer/OptionsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsRenderer.js","sourceRoot":"../../../../../src","sources":["form-builder/components/OptionsRenderer/OptionsRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAC,0BAAuB;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAC1D,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC;AAc5C,MAAM,CAAC,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,cAAc,EAAE,CAAC;IAEtE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,GAAG,EAClC,KAAC,MAAM,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,eAAmC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrD,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACpC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,MAAM,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,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,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,KAAC,iBAAiB,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","sourcesContent":["import * as React from 'react';\nimport {formBuilderCn} from '../../utils/cn';\nimport {Button} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../form-generator';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {OptionHeader} from '../OptionHeader/OptionHeader';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormOptionsField, InputTypeMenuItem} from '../../types';\n\nimport './OptionsRenderer.scss';\n\nconst b = formBuilderCn('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/esm/form-builder/components/SectionHeader/SectionHeader.css

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

package/build/esm/{form-generator → form-builder}/components/SectionHeader/SectionHeader.js

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

package/build/esm/form-builder/components/SectionHeader/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"../../../../../src","sources":["form-builder/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,aAAa,EAAC,0BAAuB;AAE7C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAO1C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAC,EAAE,EAAE,CAAC,CACxF,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,GACpC,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport {formBuilderCn} from '../../utils/cn';\n\nimport './SectionHeader.scss';\n\nconst b = formBuilderCn('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"]}

package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.css

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

package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormField } from "../../hooks/types.js";
+import { FormField } from "../../types.js";
 import './SelectFieldRenderer.css';
 interface SelectFieldRendererProps {
     field: FormField;

package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Button, DropdownMenu, Text, TextInput } from '@gravity-ui/uikit';
-import { formGeneratorCn } from "../../utils/cn.js";
+import { formBuilderCn } from "../../utils/cn.js";
 import { useFormContext } from "../../hooks/FormContext.js";
 import './SelectFieldRenderer.css';
-const b = formGeneratorCn('select-field-renderer');
+const b = formBuilderCn('select-field-renderer');
 export const SelectFieldRenderer = ({ field }) => {
     const { updateField } = useFormContext();
     if (field.type !== 'select') {

package/build/esm/form-builder/components/SelectFieldRenderer/SelectFieldRenderer.js.map

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

package/build/esm/form-builder/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>;
+interface FormProviderProps {
+    children: React.ReactNode;
+    formFields: FormField[];
+    onChange?: (fields: FormField[]) => void;
+}
+export declare const FormProvider: React.FC<FormProviderProps>;
+export declare const useFormContext: () => FormContextType;
+export {};

package/build/esm/{form-generator → form-builder}/hooks/FormContext.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useFormFields } from "./useFormFields.js";
 export const FormContext = React.createContext({});
-export const FormProvider = ({ children }) => {
-    const formFieldsData = useFormFields();
+export const FormProvider = ({ children, formFields, onChange }) => {
+    const formFieldsData = useFormFields({ initialFields: formFields, onChange });
     return _jsx(FormContext.Provider, { value: formFieldsData, children: children });
 };
 export const useFormContext = () => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"../../../../src","sources":["form-builder/hooks/FormContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,2BAAwB;AAG9C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAqB,CAAC,CAAC;AAQvF,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC1F,MAAM,cAAc,GAAG,aAAa,CAAC,EAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC5E,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAAG,QAAQ,GAAwB,CAAC;AAC1F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {useFormFields} from './useFormFields';\nimport {FormContextType, FormField} from '../types';\n\nexport const FormContext = React.createContext<FormContextType>({} as FormContextType);\n\ninterface FormProviderProps {\n    children: React.ReactNode;\n    formFields: FormField[];\n    onChange?: (fields: FormField[]) => void;\n}\n\nexport const FormProvider: React.FC<FormProviderProps> = ({children, formFields, onChange}) => {\n    const formFieldsData = useFormFields({initialFields: formFields, onChange});\n    return <FormContext.Provider value={formFieldsData}>{children}</FormContext.Provider>;\n};\n\nexport const useFormContext = () => {\n    const context = React.useContext(FormContext);\n\n    if (!context) {\n        throw new Error('useFormContext must be used within a FormProvider');\n    }\n\n    return context;\n};\n"]}

package/build/{cjs/form-generator → esm/form-builder}/hooks/useFormFields.d.ts

@@ -1,6 +1,10 @@
-import { ConfigInput } from "../../editor-v2/index.js";
-import { FormField } from "./types.js";
-export declare const useFormFields: () => {
+import { ConfigInput } from "../../form-generator/index.js";
+import { FormField } from "../types.js";
+interface UseFormFieldsProps {
+    initialFields: FormField[];
+    onChange?: (fields: FormField[]) => void;
+}
+export declare const useFormFields: ({ initialFields, onChange }: UseFormFieldsProps) => {
     formFields: FormField[];
     createField: (type: ConfigInput["type"], name?: string) => FormField;
     addField: (type: ConfigInput["type"]) => void;
@@ -16,3 +20,4 @@ export declare const useFormFields: () => {
     removeOption: (fieldId: string, optionIndex: number) => void;
     resetForm: () => void;
 };
+export {};

package/build/esm/{form-generator → form-builder}/hooks/useFormFields.js

@@ -1,17 +1,21 @@
 import * as React from 'react';
-export const useFormFields = () => {
-    const [formFields, setFormFields] = React.useState([]);
-    const [nextId, setNextId] = React.useState(1);
-    const generateId = () => {
+export const useFormFields = ({ initialFields, onChange }) => {
+    const [formFields, setFormFields] = React.useState(initialFields);
+    const [nextId, setNextId] = React.useState(initialFields.length + 1);
+    const generateId = React.useCallback(() => {
         const id = `field_id_${nextId}`;
         setNextId((prev) => prev + 1);
         return id;
-    };
-    const generateName = () => {
+    }, [nextId]);
+    const generateName = React.useCallback(() => {
         const name = `field_${nextId}`;
         return name;
-    };
-    const createField = (type, name = '') => {
+    }, [nextId]);
+    const updateFormFields = React.useCallback((fields) => {
+        setFormFields(fields);
+        onChange?.(fields);
+    }, [onChange]);
+    const createField = React.useCallback((type, name = '') => {
         const fieldName = name || generateName();
         const fieldId = generateId();
         let newField;
@@ -160,8 +164,8 @@ export const useFormFields = () => {
                 return createField('text', fieldName);
         }
         return newField;
-    };
-    const updateFieldById = (fields, fieldId, updates) => {
+    }, [generateId, generateName]);
+    const updateFieldById = React.useCallback((fields, fieldId, updates) => {
         return fields.map((field) => {
             if (field.id === fieldId) {
                 return { ...field, ...updates };
@@ -193,18 +197,18 @@ export const useFormFields = () => {
             }
             return field;
         });
-    };
-    const addField = (type) => {
+    }, []);
+    const addField = React.useCallback((type) => {
         const newField = createField(type);
-        setFormFields((prev) => [...prev, newField]);
-    };
-    const removeField = (fieldId) => {
-        setFormFields((prev) => prev.filter((field) => field.id !== fieldId));
-    };
-    const updateField = (fieldId, updates) => {
-        setFormFields((prev) => updateFieldById(prev, fieldId, updates));
-    };
-    const addPropertyToObjectById = (fields, objectId, type = 'text') => {
+        updateFormFields([...formFields, newField]);
+    }, [createField, formFields, updateFormFields]);
+    const removeField = React.useCallback((fieldId) => {
+        updateFormFields(formFields.filter((field) => field.id !== fieldId));
+    }, [formFields, updateFormFields]);
+    const updateField = React.useCallback((fieldId, updates) => {
+        updateFormFields(updateFieldById(formFields, fieldId, updates));
+    }, [formFields, updateFieldById, updateFormFields]);
+    const addPropertyToObjectById = React.useCallback((fields, objectId, type = 'text') => {
         return fields.map((field) => {
             if (field.id === objectId && field.type === 'object') {
                 const objectField = field;
@@ -252,11 +256,11 @@ export const useFormFields = () => {
             }
             return field;
         });
-    };
-    const addObjectProperty = (objectId, type = 'text') => {
-        setFormFields((prev) => addPropertyToObjectById(prev, objectId, type));
-    };
-    const addOptionProperty = (fieldId, optionIndex, type = 'text') => {
+    }, [createField]);
+    const addObjectProperty = React.useCallback((objectId, type = 'text') => {
+        updateFormFields(addPropertyToObjectById(formFields, objectId, type));
+    }, [formFields, addPropertyToObjectById, updateFormFields]);
+    const addOptionProperty = React.useCallback((fieldId, optionIndex, type = 'text') => {
         const addPropertyToOptionRecursive = (fields, targetFieldId, targetOptionIndex) => {
             return fields.map((field) => {
                 if (field.id === targetFieldId &&
@@ -305,20 +309,18 @@ export const useFormFields = () => {
             });
         };
         setFormFields((prev) => addPropertyToOptionRecursive(prev, fieldId, optionIndex));
-    };
-    const removeObjectProperty = (fieldId, propertyIndex) => {
-        setFormFields((prev) => {
-            return prev.map((field) => {
-                if (field.id !== fieldId)
-                    return field;
-                const updatedField = JSON.parse(JSON.stringify(field));
-                const objectInput = updatedField;
-                objectInput.properties.splice(propertyIndex, 1);
-                return updatedField;
-            });
-        });
-    };
-    const removeOptionProperty = (fieldId, optionIndex, propertyIndex) => {
+    }, [createField]);
+    const removeObjectProperty = React.useCallback((fieldId, propertyIndex) => {
+        updateFormFields(formFields.map((field) => {
+            if (field.id !== fieldId)
+                return field;
+            const updatedField = JSON.parse(JSON.stringify(field));
+            const objectInput = updatedField;
+            objectInput.properties.splice(propertyIndex, 1);
+            return updatedField;
+        }));
+    }, [formFields, updateFormFields]);
+    const removeOptionProperty = React.useCallback((fieldId, optionIndex, propertyIndex) => {
         const removePropertyFromOptionRecursive = (fields, targetFieldId, targetOptionIndex, targetPropertyIndex) => {
             return fields.map((field) => {
                 if (field.id === targetFieldId &&
@@ -367,23 +369,21 @@ export const useFormFields = () => {
             });
         };
         setFormFields((prev) => removePropertyFromOptionRecursive(prev, fieldId, optionIndex, propertyIndex));
-    };
-    const updateObjectProperty = (fieldId, propertyIndex, updates) => {
-        setFormFields((prev) => {
-            return prev.map((field) => {
-                if (field.id !== fieldId)
-                    return field;
-                const updatedField = JSON.parse(JSON.stringify(field));
-                const objectInput = updatedField;
-                objectInput.properties[propertyIndex] = {
-                    ...objectInput.properties[propertyIndex],
-                    ...updates,
-                };
-                return updatedField;
-            });
-        });
-    };
-    const updateOptionProperty = (fieldId, optionIndex, propertyIndex, updates) => {
+    }, []);
+    const updateObjectProperty = React.useCallback((fieldId, propertyIndex, updates) => {
+        updateFormFields(formFields.map((field) => {
+            if (field.id !== fieldId)
+                return field;
+            const updatedField = JSON.parse(JSON.stringify(field));
+            const objectInput = updatedField;
+            objectInput.properties[propertyIndex] = {
+                ...objectInput.properties[propertyIndex],
+                ...updates,
+            };
+            return updatedField;
+        }));
+    }, [formFields, updateFormFields]);
+    const updateOptionProperty = React.useCallback((fieldId, optionIndex, propertyIndex, updates) => {
         const updatePropertyInOptionRecursive = (fields, targetFieldId, targetOptionIndex, targetPropertyIndex, propertyUpdates) => {
             return fields.map((field) => {
                 if (field.id === targetFieldId &&
@@ -435,8 +435,8 @@ export const useFormFields = () => {
             });
         };
         setFormFields((prev) => updatePropertyInOptionRecursive(prev, fieldId, optionIndex, propertyIndex, updates));
-    };
-    const addOption = (fieldId) => {
+    }, []);
+    const addOption = React.useCallback((fieldId) => {
         const addOptionRecursive = (fields, targetFieldId) => {
             return fields.map((field) => {
                 if (field.id === targetFieldId &&
@@ -492,8 +492,8 @@ export const useFormFields = () => {
             });
         };
         setFormFields((prev) => addOptionRecursive(prev, fieldId));
-    };
-    const removeOption = (fieldId, optionIndex) => {
+    }, [generateId]);
+    const removeOption = React.useCallback((fieldId, optionIndex) => {
         const removeOptionRecursive = (fields, targetFieldId, targetOptionIndex) => {
             return fields.map((field) => {
                 if (field.id === targetFieldId &&
@@ -540,11 +540,11 @@ export const useFormFields = () => {
                 return field;
             });
         };
-        setFormFields((prev) => removeOptionRecursive(prev, fieldId, optionIndex));
-    };
-    const resetForm = () => {
-        setFormFields([]);
-    };
+        updateFormFields(removeOptionRecursive(formFields, fieldId, optionIndex));
+    }, [formFields, updateFormFields]);
+    const resetForm = React.useCallback(() => {
+        updateFormFields([]);
+    }, [updateFormFields]);
     return {
         formFields,
         createField,

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormFields.js","sourceRoot":"../../../../src","sources":["form-builder/hooks/useFormFields.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {AnyOfInput, ConfigInput, ObjectInput, OneOfInput} from '../../form-generator';\nimport {FormArrayField, FormField} from '../types';\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\n    const [nextId, setNextId] = React.useState<number>(initialFields.length + 1);\n\n    const generateId = React.useCallback(() => {\n        const id = `field_id_${nextId}`;\n        setNextId((prev) => prev + 1);\n        return id;\n    }, [nextId]);\n\n    const generateName = React.useCallback(() => {\n        const name = `field_${nextId}`;\n        return name;\n    }, [nextId]);\n\n    const updateFormFields = React.useCallback(\n        (fields: FormField[]) => {\n            setFormFields(fields);\n            onChange?.(fields);\n        },\n        [onChange],\n    );\n\n    const createField = React.useCallback(\n        (type: ConfigInput['type'], name = ''): FormField => {\n            const fieldName = name || generateName();\n            const fieldId = generateId();\n            let newField: FormField;\n\n            switch (type) {\n                case 'text':\n                    newField = {\n                        type: 'text',\n                        name: fieldName,\n                        title: 'Text Input',\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'number':\n                    newField = {\n                        type: 'number',\n                        name: fieldName,\n                        title: 'Number Input',\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'boolean':\n                    newField = {\n                        type: 'boolean',\n                        name: fieldName,\n                        title: 'Boolean Input',\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'textarea':\n                    newField = {\n                        type: 'textarea',\n                        name: fieldName,\n                        title: 'Textarea Input',\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'select':\n                    newField = {\n                        type: 'select',\n                        name: fieldName,\n                        title: 'Select Input',\n                        view: 'select',\n                        mode: 'single',\n                        enum: [\n                            {content: 'Option 1', value: 'option1'},\n                            {content: 'Option 2', value: 'option2'},\n                        ],\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'object':\n                    newField = {\n                        type: 'object',\n                        name: fieldName,\n                        title: 'Object Input',\n                        properties: [\n                            {\n                                type: 'text',\n                                name: 'property1',\n                                title: 'Property 1',\n                                id: generateId(),\n                            } as FormField,\n                        ],\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'array':\n                    newField = {\n                        type: 'array',\n                        name: fieldName,\n                        title: 'Array Input',\n                        buttonText: 'Add Item',\n                        arrayType: 'text',\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'oneOf':\n                    newField = {\n                        type: 'oneOf',\n                        name: fieldName,\n                        title: 'OneOf Input',\n                        options: [\n                            {\n                                title: 'Option A',\n                                value: 'optionA',\n                                properties: [\n                                    {\n                                        type: 'text',\n                                        name: 'textField',\n                                        title: 'Text Field',\n                                        id: generateId(),\n                                    } as FormField,\n                                ],\n                            },\n                            {\n                                title: 'Option B',\n                                value: 'optionB',\n                                properties: [\n                                    {\n                                        type: 'number',\n                                        name: 'numberField',\n                                        title: 'Number Field',\n                                        id: generateId(),\n                                    } as FormField,\n                                ],\n                            },\n                        ],\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                case 'anyOf':\n                    newField = {\n                        type: 'anyOf',\n                        name: fieldName,\n                        title: 'AnyOf Input',\n                        options: [\n                            {\n                                title: 'Option A',\n                                value: 'optionA',\n                                properties: [\n                                    {\n                                        type: 'text',\n                                        name: 'textField',\n                                        title: 'Text Field',\n                                        id: generateId(),\n                                    } as FormField,\n                                ],\n                            },\n                            {\n                                title: 'Option B',\n                                value: 'optionB',\n                                properties: [\n                                    {\n                                        type: 'boolean',\n                                        name: 'booleanField',\n                                        title: 'Boolean Field',\n                                        id: generateId(),\n                                    } as FormField,\n                                ],\n                            },\n                        ],\n                        id: fieldId,\n                    } as FormField;\n                    break;\n                default:\n                    return createField('text', fieldName);\n            }\n\n            return newField;\n        },\n        [generateId, generateName],\n    );\n\n    const updateFieldById = React.useCallback(\n        (fields: FormField[], fieldId: string, updates: Partial<ConfigInput>): FormField[] => {\n            return fields.map((field) => {\n                if (field.id === fieldId) {\n                    return {...field, ...updates} as FormField;\n                }\n\n                if (field.type === 'object' && (field as ObjectInput).properties) {\n                    const objectField = field as ObjectInput;\n                    return {\n                        ...field,\n                        properties: updateFieldById(\n                            objectField.properties as FormField[],\n                            fieldId,\n                            updates,\n                        ),\n                    } as FormField;\n                }\n\n                if (\n                    (field.type === 'oneOf' || field.type === 'anyOf') &&\n                    (field as OneOfInput | AnyOfInput).options\n                ) {\n                    const optionsField = field as OneOfInput | AnyOfInput;\n                    return {\n                        ...field,\n                        options: optionsField.options.map((option) => ({\n                            ...option,\n                            properties: updateFieldById(\n                                option.properties as FormField[],\n                                fieldId,\n                                updates,\n                            ),\n                        })),\n                    } as FormField;\n                }\n\n                if (field.type === 'array' && field.arrayType === 'object') {\n                    const arrayField = field as FormArrayField;\n                    return {\n                        ...field,\n                        properties: updateFieldById(\n                            arrayField.properties as FormField[],\n                            fieldId,\n                            updates,\n                        ),\n                    } as FormField;\n                }\n\n                return field;\n            });\n        },\n        [],\n    );\n\n    const addField = React.useCallback(\n        (type: ConfigInput['type']) => {\n            const newField = createField(type);\n            updateFormFields([...formFields, newField]);\n        },\n        [createField, formFields, updateFormFields],\n    );\n\n    const removeField = React.useCallback(\n        (fieldId: string) => {\n            updateFormFields(formFields.filter((field) => field.id !== fieldId));\n        },\n        [formFields, updateFormFields],\n    );\n\n    const updateField = React.useCallback(\n        (fieldId: string, updates: Partial<ConfigInput>) => {\n            updateFormFields(updateFieldById(formFields, fieldId, updates));\n        },\n        [formFields, updateFieldById, updateFormFields],\n    );\n\n    const addPropertyToObjectById = React.useCallback(\n        (\n            fields: FormField[],\n            objectId: string,\n            type: ConfigInput['type'] = 'text',\n        ): FormField[] => {\n            return fields.map((field) => {\n                if (field.id === objectId && field.type === 'object') {\n                    const objectField = field as ObjectInput;\n                    const propertyName = `property${(objectField.properties?.length || 0) + 1}`;\n                    const newProperty = createField(type, propertyName);\n\n                    return {\n                        ...field,\n                        properties: [...(objectField.properties || []), newProperty],\n                    } as FormField;\n                }\n\n                if (field.type === 'object' && (field as ObjectInput).properties) {\n                    const objectField = field as ObjectInput;\n                    return {\n                        ...field,\n                        properties: addPropertyToObjectById(\n                            objectField.properties as FormField[],\n                            objectId,\n                            type,\n                        ),\n                    } as FormField;\n                }\n\n                if (\n                    (field.type === 'oneOf' || field.type === 'anyOf') &&\n                    (field as OneOfInput | AnyOfInput).options\n                ) {\n                    const optionsField = field as OneOfInput | AnyOfInput;\n                    return {\n                        ...field,\n                        options: optionsField.options.map((option) => ({\n                            ...option,\n                            properties: addPropertyToObjectById(\n                                option.properties as FormField[],\n                                objectId,\n                                type,\n                            ),\n                        })),\n                    } as FormField;\n                }\n\n                if (field.type === 'array' && field.arrayType === 'object') {\n                    const arrayField = field as FormArrayField;\n\n                    if (field.id === objectId) {\n                        const propertyName = `property${(arrayField.properties?.length || 0) + 1}`;\n                        const newProperty = createField(type, propertyName);\n\n                        return {\n                            ...field,\n                            properties: [...(arrayField.properties || []), newProperty],\n                        } as FormField;\n                    }\n\n                    if (arrayField.properties && arrayField.properties.length > 0) {\n                        return {\n                            ...field,\n                            properties: addPropertyToObjectById(\n                                arrayField.properties,\n                                objectId,\n                                type,\n                            ),\n                        } as FormField;\n                    }\n                }\n\n                return field;\n            });\n        },\n        [createField],\n    );\n\n    const addObjectProperty = React.useCallback(\n        (objectId: string, type: ConfigInput['type'] = 'text') => {\n            updateFormFields(addPropertyToObjectById(formFields, objectId, type));\n        },\n        [formFields, addPropertyToObjectById, updateFormFields],\n    );\n\n    const addOptionProperty = React.useCallback(\n        (fieldId: string, optionIndex: number, type: ConfigInput['type'] = 'text') => {\n            const addPropertyToOptionRecursive = (\n                fields: FormField[],\n                targetFieldId: string,\n                targetOptionIndex: number,\n            ): FormField[] => {\n                return fields.map((field) => {\n                    if (\n                        field.id === targetFieldId &&\n                        (field.type === 'oneOf' || field.type === 'anyOf')\n                    ) {\n                        const updatedField = JSON.parse(JSON.stringify(field));\n                        const options = updatedField.options;\n\n                        if (\n                            options &&\n                            Array.isArray(options) &&\n                            targetOptionIndex >= 0 &&\n                            targetOptionIndex < options.length &&\n                            options[targetOptionIndex].properties\n                        ) {\n                            const propertyName = `property${options[targetOptionIndex].properties.length + 1}`;\n                            const newProperty = createField(type, propertyName);\n\n                            options[targetOptionIndex].properties.push(newProperty);\n                        }\n\n                        return updatedField;\n                    }\n\n                    if (field.type === 'object' && (field as ObjectInput).properties) {\n                        const objectField = field as ObjectInput;\n                        return {\n                            ...field,\n                            properties: addPropertyToOptionRecursive(\n                                objectField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                            ),\n                        } as FormField;\n                    }\n\n                    if (\n                        (field.type === 'oneOf' || field.type === 'anyOf') &&\n                        (field as OneOfInput | AnyOfInput).options\n                    ) {\n                        const optionsField = field as OneOfInput | AnyOfInput;\n                        return {\n                            ...field,\n                            options: optionsField.options.map((option) => ({\n                                ...option,\n                                properties: addPropertyToOptionRecursive(\n                                    option.properties as FormField[],\n                                    targetFieldId,\n                                    targetOptionIndex,\n                                ),\n                            })),\n                        } as FormField;\n                    }\n\n                    if (\n                        field.type === 'array' &&\n                        field.arrayType === 'object' &&\n                        (field as FormArrayField).properties\n                    ) {\n                        const arrayField = field as FormArrayField;\n                        return {\n                            ...field,\n                            properties: addPropertyToOptionRecursive(\n                                arrayField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                            ),\n                        } as FormField;\n                    }\n\n                    return field;\n                });\n            };\n\n            setFormFields((prev) => addPropertyToOptionRecursive(prev, fieldId, optionIndex));\n        },\n        [createField],\n    );\n\n    const removeObjectProperty = React.useCallback(\n        (fieldId: string, propertyIndex: number) => {\n            updateFormFields(\n                formFields.map((field) => {\n                    if (field.id !== fieldId) return field;\n\n                    const updatedField = JSON.parse(JSON.stringify(field));\n                    const objectInput = updatedField as ObjectInput;\n\n                    objectInput.properties.splice(propertyIndex, 1);\n\n                    return updatedField;\n                }) as FormField[],\n            );\n        },\n        [formFields, updateFormFields],\n    );\n\n    const removeOptionProperty = React.useCallback(\n        (fieldId: string, optionIndex: number, propertyIndex: number) => {\n            const removePropertyFromOptionRecursive = (\n                fields: FormField[],\n                targetFieldId: string,\n                targetOptionIndex: number,\n                targetPropertyIndex: number,\n            ): FormField[] => {\n                return fields.map((field) => {\n                    if (\n                        field.id === targetFieldId &&\n                        (field.type === 'oneOf' || field.type === 'anyOf')\n                    ) {\n                        const updatedField = JSON.parse(JSON.stringify(field));\n                        const options = updatedField.options;\n\n                        if (\n                            options &&\n                            Array.isArray(options) &&\n                            targetOptionIndex >= 0 &&\n                            targetOptionIndex < options.length &&\n                            options[targetOptionIndex].properties &&\n                            targetPropertyIndex >= 0 &&\n                            targetPropertyIndex < options[targetOptionIndex].properties.length\n                        ) {\n                            options[targetOptionIndex].properties.splice(targetPropertyIndex, 1);\n                        }\n\n                        return updatedField;\n                    }\n\n                    if (field.type === 'object' && (field as ObjectInput).properties) {\n                        const objectField = field as ObjectInput;\n                        return {\n                            ...field,\n                            properties: removePropertyFromOptionRecursive(\n                                objectField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                                targetPropertyIndex,\n                            ),\n                        } as FormField;\n                    }\n\n                    if (\n                        (field.type === 'oneOf' || field.type === 'anyOf') &&\n                        (field as OneOfInput | AnyOfInput).options\n                    ) {\n                        const optionsField = field as OneOfInput | AnyOfInput;\n                        return {\n                            ...field,\n                            options: optionsField.options.map((option) => ({\n                                ...option,\n                                properties: removePropertyFromOptionRecursive(\n                                    option.properties as FormField[],\n                                    targetFieldId,\n                                    targetOptionIndex,\n                                    targetPropertyIndex,\n                                ),\n                            })),\n                        } as FormField;\n                    }\n\n                    if (\n                        field.type === 'array' &&\n                        field.arrayType === 'object' &&\n                        (field as FormArrayField).properties\n                    ) {\n                        const arrayField = field as FormArrayField;\n                        return {\n                            ...field,\n                            properties: removePropertyFromOptionRecursive(\n                                arrayField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                                targetPropertyIndex,\n                            ),\n                        } as FormField;\n                    }\n\n                    return field;\n                });\n            };\n\n            setFormFields((prev) =>\n                removePropertyFromOptionRecursive(prev, fieldId, optionIndex, propertyIndex),\n            );\n        },\n        [],\n    );\n\n    const updateObjectProperty = React.useCallback(\n        (fieldId: string, propertyIndex: number, updates: Partial<ConfigInput>) => {\n            updateFormFields(\n                formFields.map((field) => {\n                    if (field.id !== fieldId) return field;\n\n                    const updatedField = JSON.parse(JSON.stringify(field));\n                    const objectInput = updatedField as ObjectInput;\n\n                    objectInput.properties[propertyIndex] = {\n                        ...objectInput.properties[propertyIndex],\n                        ...updates,\n                    } as ConfigInput;\n\n                    return updatedField;\n                }) as FormField[],\n            );\n        },\n        [formFields, updateFormFields],\n    );\n\n    const updateOptionProperty = React.useCallback(\n        (\n            fieldId: string,\n            optionIndex: number,\n            propertyIndex: number,\n            updates: Partial<ConfigInput>,\n        ) => {\n            const updatePropertyInOptionRecursive = (\n                fields: FormField[],\n                targetFieldId: string,\n                targetOptionIndex: number,\n                targetPropertyIndex: number,\n                propertyUpdates: Partial<ConfigInput>,\n            ): FormField[] => {\n                return fields.map((field) => {\n                    if (\n                        field.id === targetFieldId &&\n                        (field.type === 'oneOf' || field.type === 'anyOf')\n                    ) {\n                        const updatedField = JSON.parse(JSON.stringify(field));\n                        const options = updatedField.options;\n\n                        if (\n                            options &&\n                            Array.isArray(options) &&\n                            targetOptionIndex >= 0 &&\n                            targetOptionIndex < options.length &&\n                            options[targetOptionIndex].properties &&\n                            targetPropertyIndex >= 0 &&\n                            targetPropertyIndex < options[targetOptionIndex].properties.length\n                        ) {\n                            options[targetOptionIndex].properties[targetPropertyIndex] = {\n                                ...options[targetOptionIndex].properties[targetPropertyIndex],\n                                ...propertyUpdates,\n                            } as ConfigInput;\n                        }\n\n                        return updatedField;\n                    }\n\n                    if (field.type === 'object' && (field as ObjectInput).properties) {\n                        const objectField = field as ObjectInput;\n                        return {\n                            ...field,\n                            properties: updatePropertyInOptionRecursive(\n                                objectField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                                targetPropertyIndex,\n                                propertyUpdates,\n                            ),\n                        } as FormField;\n                    }\n\n                    if (\n                        (field.type === 'oneOf' || field.type === 'anyOf') &&\n                        (field as OneOfInput | AnyOfInput).options\n                    ) {\n                        const optionsField = field as OneOfInput | AnyOfInput;\n                        return {\n                            ...field,\n                            options: optionsField.options.map((option) => ({\n                                ...option,\n                                properties: updatePropertyInOptionRecursive(\n                                    option.properties as FormField[],\n                                    targetFieldId,\n                                    targetOptionIndex,\n                                    targetPropertyIndex,\n                                    propertyUpdates,\n                                ),\n                            })),\n                        } as FormField;\n                    }\n\n                    if (\n                        field.type === 'array' &&\n                        field.arrayType === 'object' &&\n                        (field as FormArrayField).properties\n                    ) {\n                        const arrayField = field as FormArrayField;\n                        return {\n                            ...field,\n                            properties: updatePropertyInOptionRecursive(\n                                arrayField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                                targetPropertyIndex,\n                                propertyUpdates,\n                            ),\n                        } as FormField;\n                    }\n\n                    return field;\n                });\n            };\n\n            setFormFields((prev) =>\n                updatePropertyInOptionRecursive(prev, fieldId, optionIndex, propertyIndex, updates),\n            );\n        },\n        [],\n    );\n\n    const addOption = React.useCallback(\n        (fieldId: string) => {\n            const addOptionRecursive = (\n                fields: FormField[],\n                targetFieldId: string,\n            ): FormField[] => {\n                return fields.map((field) => {\n                    if (\n                        field.id === targetFieldId &&\n                        (field.type === 'oneOf' || field.type === 'anyOf')\n                    ) {\n                        const updatedField = JSON.parse(JSON.stringify(field));\n                        const options = updatedField.options;\n\n                        if (options && Array.isArray(options)) {\n                            const optionLetter = String.fromCharCode(65 + options.length);\n                            const newOption = {\n                                title: `Option ${optionLetter}`,\n                                value: `option${optionLetter.toLowerCase()}`,\n                                properties: [\n                                    {\n                                        type: 'text',\n                                        name: 'textField',\n                                        title: 'Text Field',\n                                        id: generateId(),\n                                    } as FormField,\n                                ],\n                            };\n\n                            options.push(newOption);\n                        }\n\n                        return updatedField;\n                    }\n\n                    if (field.type === 'object' && (field as ObjectInput).properties) {\n                        const objectField = field as ObjectInput;\n                        return {\n                            ...field,\n                            properties: addOptionRecursive(\n                                objectField.properties as FormField[],\n                                targetFieldId,\n                            ),\n                        } as FormField;\n                    }\n\n                    if (\n                        (field.type === 'oneOf' || field.type === 'anyOf') &&\n                        (field as OneOfInput | AnyOfInput).options\n                    ) {\n                        const optionsField = field as OneOfInput | AnyOfInput;\n                        return {\n                            ...field,\n                            options: optionsField.options.map((option) => ({\n                                ...option,\n                                properties: addOptionRecursive(\n                                    option.properties as FormField[],\n                                    targetFieldId,\n                                ),\n                            })),\n                        } as FormField;\n                    }\n\n                    if (\n                        field.type === 'array' &&\n                        field.arrayType === 'object' &&\n                        (field as FormArrayField).properties\n                    ) {\n                        const arrayField = field as FormArrayField;\n                        return {\n                            ...field,\n                            properties: addOptionRecursive(\n                                arrayField.properties as FormField[],\n                                targetFieldId,\n                            ),\n                        } as FormField;\n                    }\n\n                    return field;\n                });\n            };\n\n            setFormFields((prev) => addOptionRecursive(prev, fieldId));\n        },\n        [generateId],\n    );\n\n    const removeOption = React.useCallback(\n        (fieldId: string, optionIndex: number) => {\n            const removeOptionRecursive = (\n                fields: FormField[],\n                targetFieldId: string,\n                targetOptionIndex: number,\n            ): FormField[] => {\n                return fields.map((field) => {\n                    if (\n                        field.id === targetFieldId &&\n                        (field.type === 'oneOf' || field.type === 'anyOf')\n                    ) {\n                        const updatedField = JSON.parse(JSON.stringify(field));\n                        const options = updatedField.options;\n\n                        if (\n                            options &&\n                            Array.isArray(options) &&\n                            targetOptionIndex >= 0 &&\n                            targetOptionIndex < options.length\n                        ) {\n                            if (options.length > 1) {\n                                options.splice(targetOptionIndex, 1);\n                            }\n                        }\n\n                        return updatedField;\n                    }\n\n                    if (field.type === 'object' && (field as ObjectInput).properties) {\n                        const objectField = field as ObjectInput;\n                        return {\n                            ...field,\n                            properties: removeOptionRecursive(\n                                objectField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                            ),\n                        } as FormField;\n                    }\n\n                    if (\n                        (field.type === 'oneOf' || field.type === 'anyOf') &&\n                        (field as OneOfInput | AnyOfInput).options\n                    ) {\n                        const optionsField = field as OneOfInput | AnyOfInput;\n                        return {\n                            ...field,\n                            options: optionsField.options.map((option) => ({\n                                ...option,\n                                properties: removeOptionRecursive(\n                                    option.properties as FormField[],\n                                    targetFieldId,\n                                    targetOptionIndex,\n                                ),\n                            })),\n                        } as FormField;\n                    }\n\n                    if (\n                        field.type === 'array' &&\n                        field.arrayType === 'object' &&\n                        (field as FormArrayField).properties\n                    ) {\n                        const arrayField = field as FormArrayField;\n                        return {\n                            ...field,\n                            properties: removeOptionRecursive(\n                                arrayField.properties as FormField[],\n                                targetFieldId,\n                                targetOptionIndex,\n                            ),\n                        } as FormField;\n                    }\n\n                    return field;\n                });\n            };\n\n            updateFormFields(removeOptionRecursive(formFields, fieldId, optionIndex));\n        },\n        [formFields, updateFormFields],\n    );\n\n    const resetForm = React.useCallback(() => {\n        updateFormFields([]);\n    }, [updateFormFields]);\n\n    return {\n        formFields,\n        createField,\n        addField,\n        removeField,\n        updateField,\n        addObjectProperty,\n        addOptionProperty,\n        removeObjectProperty,\n        removeOptionProperty,\n        updateObjectProperty,\n        updateOptionProperty,\n        addOption,\n        removeOption,\n        resetForm,\n    };\n};\n"]}

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

@@ -0,0 +1,4 @@
+export * from "./FormBuilder.js";
+export * from "./hooks/FormContext.js";
+export * from "./hooks/useFormFields.js";
+export * from "./types.js";

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

@@ -0,0 +1,5 @@
+export * from "./FormBuilder.js";
+export * from "./hooks/FormContext.js";
+export * from "./hooks/useFormFields.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["form-builder/index.ts"],"names":[],"mappings":"AAAA,iCAA8B;AAC9B,uCAAoC;AACpC,yCAAsC;AACtC,2BAAwB","sourcesContent":["export * from './FormBuilder';\nexport * from './hooks/FormContext';\nexport * from './hooks/useFormFields';\nexport * from './types';\n"]}

package/build/esm/{form-generator/hooks → form-builder}/types.d.ts

@@ -1,4 +1,4 @@
-import { AnyOfInput, ArrayObjectInput, ArrayTextInput, ConfigInput, ObjectInput, OneOfInput } from "../../editor-v2/index.js";
+import { AnyOfInput, ArrayObjectInput, ArrayTextInput, ConfigInput, ObjectInput, OneOfInput } from "../form-generator/index.js";
 export type FormField = ConfigInput & {
     id: string;
 };
@@ -46,3 +46,8 @@ export interface FormData {
 }
 export interface FormContextType extends FormData, FormFieldsActions {
 }
+export interface FormBuilderProps {
+    className?: string;
+    formFields: Array<FormField>;
+    onChange?: (fields: FormField[]) => void;
+}

package/build/esm/form-builder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["form-builder/types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n    AnyOfInput,\n    ArrayObjectInput,\n    ArrayTextInput,\n    ConfigInput,\n    ObjectInput,\n    OneOfInput,\n} from '../form-generator';\n\nexport type FormField = ConfigInput & {id: string};\n\nexport type FormObjectField = ObjectInput & {id: string};\nexport type FormArrayField = (ArrayTextInput | ArrayObjectInput) & {\n    id: string;\n    properties?: FormField[];\n};\nexport type FormOneOfField = OneOfInput & {id: string};\nexport type FormAnyOfField = AnyOfInput & {id: string};\nexport type FormOptionsField = (OneOfInput | AnyOfInput) & {id: string};\n\nexport interface InputTypeMenuItem {\n    action: () => void;\n    text: string;\n    type: string;\n}\n\nexport interface ContentConfig {\n    [key: string]: unknown;\n}\n\nexport interface FormFieldsActions {\n    createField: (type: ConfigInput['type'], name?: string) => FormField;\n    addField: (type: ConfigInput['type']) => void;\n    removeField: (fieldId: string) => void;\n    updateField: (fieldId: string, updates: Partial<ConfigInput>) => void;\n\n    addObjectProperty: (objectId: string, type: ConfigInput['type']) => void;\n    removeObjectProperty: (fieldId: string, propertyIndex: number) => void;\n    updateObjectProperty: (\n        fieldId: string,\n        propertyIndex: number,\n        updates: Partial<ConfigInput>,\n    ) => void;\n\n    addOption: (fieldId: string) => void;\n    removeOption: (fieldId: string, optionIndex: number) => void;\n    addOptionProperty: (fieldId: string, optionIndex: number, type?: ConfigInput['type']) => void;\n    removeOptionProperty: (fieldId: string, optionIndex: number, propertyIndex: number) => void;\n    updateOptionProperty: (\n        fieldId: string,\n        optionIndex: number,\n        propertyIndex: number,\n        updates: Partial<ConfigInput>,\n    ) => void;\n\n    resetForm: () => void;\n}\n\nexport interface FormData {\n    formFields: Array<FormField>;\n}\n\nexport interface FormContextType extends FormData, FormFieldsActions {}\n\nexport interface FormBuilderProps {\n    className?: string;\n    formFields: Array<FormField>;\n    onChange?: (fields: FormField[]) => void;\n}\n"]}

package/build/esm/form-builder/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const FORM_BUILDER_NAMESPACE = "pcformbuilder-";
+export declare const formBuilderCn: import("@bem-react/classname").ClassNameInitilizer;

package/build/esm/form-builder/utils/cn.js

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

package/build/esm/form-builder/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["form-builder/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const FORM_BUILDER_NAMESPACE = 'pcformbuilder-';\n\nexport const formBuilderCn = withNaming({n: FORM_BUILDER_NAMESPACE, e: '__', m: '_'});\n"]}

package/build/esm/form-generator/FormGenerator.css

@@ -0,0 +1,7 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pcformgenerator-form-generator {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}

package/build/esm/form-generator/FormGenerator.d.ts

@@ -0,0 +1,11 @@
+import { ConfigInput, DynamicFormValue } from "./types.js";
+import './FormGenerator.css';
+interface FormGeneratorProps {
+    blockConfig: Array<ConfigInput>;
+    contentConfig?: object;
+    onUpdateByKey?: (key: string, value: DynamicFormValue) => void;
+    onUpdate?: (value: object) => void;
+    className?: string;
+}
+export declare const FormGenerator: ({ blockConfig, onUpdateByKey, onUpdate, contentConfig, }: FormGeneratorProps) => import("react/jsx-runtime").JSX.Element;
+export default FormGenerator;