@gravity-ui/page-constructor 6.3.2-alpha.6 → 6.3.2-alpha.9

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

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

package/build/cjs/form-generator/hooks/FormContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { FormContextType } from "./types.js";
+export declare const FormContext: React.Context<FormContextType>;
+export declare const FormProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useFormContext: () => FormContextType;

package/build/cjs/form-generator/hooks/FormContext.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormContext = exports.FormProvider = exports.FormContext = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const useFormFields_1 = require("./useFormFields.js");
+exports.FormContext = React.createContext({});
+const FormProvider = ({ children }) => {
+    const formFieldsData = (0, useFormFields_1.useFormFields)();
+    return (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: formFieldsData, children: children });
+};
+exports.FormProvider = FormProvider;
+const useFormContext = () => {
+    const context = React.useContext(exports.FormContext);
+    if (!context) {
+        throw new Error('useFormContext must be used within a FormProvider');
+    }
+    return context;
+};
+exports.useFormContext = useFormContext;
+//# sourceMappingURL=FormContext.js.map

package/build/cjs/form-generator/hooks/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"../../../../src","sources":["form-generator/hooks/FormContext.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAC/B,sDAA8C;AAGjC,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAqB,CAAC,CAAC;AAEhF,MAAM,YAAY,GAA0C,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC9E,MAAM,cAAc,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEvC,OAAO,uBAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAAG,QAAQ,GAAwB,CAAC;AAC1F,CAAC,CAAC;AAJW,QAAA,YAAY,gBAIvB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAW,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;AARW,QAAA,cAAc,kBAQzB","sourcesContent":["import * as React from 'react';\nimport {useFormFields} from './useFormFields';\nimport {FormContextType} from './types';\n\nexport const FormContext = React.createContext<FormContextType>({} as FormContextType);\n\nexport const FormProvider: React.FC<{children: React.ReactNode}> = ({children}) => {\n    const formFieldsData = useFormFields();\n\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/hooks/types.d.ts

@@ -0,0 +1,48 @@
+import { AnyOfInput, ArrayObjectInput, ArrayTextInput, ConfigInput, ObjectInput, OneOfInput } from "../../editor-v2/index.js";
+export type FormField = ConfigInput & {
+    id: string;
+};
+export type FormObjectField = ObjectInput & {
+    id: string;
+};
+export type FormArrayField = (ArrayTextInput | ArrayObjectInput) & {
+    id: string;
+    properties?: FormField[];
+};
+export type FormOneOfField = OneOfInput & {
+    id: string;
+};
+export type FormAnyOfField = AnyOfInput & {
+    id: string;
+};
+export type FormOptionsField = (OneOfInput | AnyOfInput) & {
+    id: string;
+};
+export interface InputTypeMenuItem {
+    action: () => void;
+    text: string;
+    type: string;
+}
+export interface ContentConfig {
+    [key: string]: unknown;
+}
+export interface FormFieldsActions {
+    createField: (type: ConfigInput['type'], name?: string) => FormField;
+    addField: (type: ConfigInput['type']) => void;
+    removeField: (fieldId: string) => void;
+    updateField: (fieldId: string, updates: Partial<ConfigInput>) => void;
+    addObjectProperty: (objectId: string, type: ConfigInput['type']) => void;
+    removeObjectProperty: (fieldId: string, propertyIndex: number) => void;
+    updateObjectProperty: (fieldId: string, propertyIndex: number, updates: Partial<ConfigInput>) => void;
+    addOption: (fieldId: string) => void;
+    removeOption: (fieldId: string, optionIndex: number) => void;
+    addOptionProperty: (fieldId: string, optionIndex: number, type?: ConfigInput['type']) => void;
+    removeOptionProperty: (fieldId: string, optionIndex: number, propertyIndex: number) => void;
+    updateOptionProperty: (fieldId: string, optionIndex: number, propertyIndex: number, updates: Partial<ConfigInput>) => void;
+    resetForm: () => void;
+}
+export interface FormData {
+    formFields: Array<FormField>;
+}
+export interface FormContextType extends FormData, FormFieldsActions {
+}

package/build/cjs/form-generator/hooks/types.js

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

package/build/cjs/form-generator/hooks/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["form-generator/hooks/types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n    AnyOfInput,\n    ArrayObjectInput,\n    ArrayTextInput,\n    ConfigInput,\n    ObjectInput,\n    OneOfInput,\n} from '../../editor-v2';\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"]}

package/build/cjs/form-generator/hooks/useFormFields.d.ts

@@ -0,0 +1,18 @@
+import { ConfigInput } from "../../editor-v2/index.js";
+import { FormField } from "./types.js";
+export declare const useFormFields: () => {
+    formFields: FormField[];
+    createField: (type: ConfigInput["type"], name?: string) => FormField;
+    addField: (type: ConfigInput["type"]) => void;
+    removeField: (fieldId: string) => void;
+    updateField: (fieldId: string, updates: Partial<ConfigInput>) => void;
+    addObjectProperty: (objectId: string, type?: ConfigInput["type"]) => void;
+    addOptionProperty: (fieldId: string, optionIndex: number, type?: ConfigInput["type"]) => void;
+    removeObjectProperty: (fieldId: string, propertyIndex: number) => void;
+    removeOptionProperty: (fieldId: string, optionIndex: number, propertyIndex: number) => void;
+    updateObjectProperty: (fieldId: string, propertyIndex: number, updates: Partial<ConfigInput>) => void;
+    updateOptionProperty: (fieldId: string, optionIndex: number, propertyIndex: number, updates: Partial<ConfigInput>) => void;
+    addOption: (fieldId: string) => void;
+    removeOption: (fieldId: string, optionIndex: number) => void;
+    resetForm: () => void;
+};