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

package/build/esm/editor-v2/store.js

@@ -0,0 +1,180 @@
+import _ from 'lodash';
+import { initialStore } from "../common/store.js";
+import { initializeStore } from "../common/utils.js";
+import { ZOOM_STEPS } from "./constants.js";
+import { duplicateArrayItem, generateChildrenPathFromArray, getDestinationShiftBeforeReorder, insert, isItemsNeighbours, modifyObjectByPath, removeFromArray, reorderArrayItems, } from "./utils/index.js";
+export const createEditorStore = initializeStore(initialStore, (set, get) => ({
+    setHeight(height) {
+        // We have to add 200-500px, because of bottom padding or margin of last element
+        // which is not taken into calculation of final height
+        const newHeight = height + 500;
+        set((state) => ({ ...state, height: newHeight }));
+    },
+    setDeviceWidth(deviceWidth) {
+        set((state) => ({ ...state, deviceWidth }));
+    },
+    setZoom(zoom) {
+        if (zoom > 0) {
+            set((state) => ({ ...state, zoom }));
+        }
+    },
+    increaseZoom() {
+        const currentZoom = get().zoom;
+        for (const step of ZOOM_STEPS) {
+            if (currentZoom < step) {
+                get().setZoom(step);
+                break;
+            }
+        }
+    },
+    decreaseZoom() {
+        const currentZoom = get().zoom;
+        const reverseSteps = ZOOM_STEPS.slice().reverse();
+        for (const step of reverseSteps) {
+            if (currentZoom > step) {
+                get().setZoom(step);
+                break;
+            }
+        }
+    },
+    togglePreviewMode() {
+        set((state) => ({ ...state, isPreviewMode: !state.isPreviewMode }));
+    },
+    setConfig(data) {
+        set((state) => ({ ...state, ...data }));
+    },
+    insertBlock: (arrayPath, blockType, position = 'append') => {
+        if (position === 'append') {
+            // TODO: fix
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+            arrayPath[arrayPath.length - 1] = arrayPath[arrayPath.length - 1] + 1;
+        }
+        const blocksConfig = get().content.blocks;
+        const blocksData = get().blocks;
+        const foundBlock = blocksData.find(({ type }) => type === blockType);
+        const defaultValue = foundBlock && foundBlock.schema.default
+            ? { ...foundBlock.schema.default, type: blockType }
+            : { type: blockType };
+        const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks, index) => insert(parentBlocks, index, defaultValue));
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+            selectedBlock: arrayPath,
+        }));
+    },
+    enableInsertMode(blockType) {
+        set((state) => ({
+            ...state,
+            manipulateOverlayMode: 'insert',
+            preInsertBlockType: blockType,
+        }));
+    },
+    disableMode() {
+        set((state) => ({
+            ...state,
+            manipulateOverlayMode: false,
+            preInsertBlockType: undefined,
+            preReorderBlockPath: undefined,
+        }));
+    },
+    enableReorderMode(path) {
+        set((state) => ({
+            ...state,
+            manipulateOverlayMode: 'reorder',
+            preReorderBlockPath: path,
+        }));
+    },
+    setContent(content) {
+        set((state) => ({
+            ...state,
+            content: content,
+        }));
+    },
+    initialize() {
+        set((state) => ({
+            ...state,
+            initialized: true,
+        }));
+    },
+    setSelectedBlock(path) {
+        set((state) => ({
+            ...state,
+            selectedBlock: path,
+        }));
+    },
+    updateField(path, value) {
+        set((state) => {
+            const newConfig = _.set(state.content, path, value);
+            return {
+                ...state,
+                content: newConfig,
+            };
+        });
+    },
+    deleteBlock: (arrayPath) => {
+        const blocksConfig = get().content.blocks;
+        const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+            selectedBlock: null,
+        }));
+    },
+    duplicateBlock: (arrayPath) => {
+        const blocksConfig = get().content.blocks;
+        const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, duplicateArrayItem);
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+        }));
+    },
+    reorderBlock: (arrayPath, destination, position = 'append') => {
+        // Create a copy of the destination array before any modifications
+        let finalDestinationPath = _.cloneDeep(destination);
+        if (position === 'append') {
+            // TODO: fix
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+            destination[destination.length - 1] = destination[destination.length - 1] + 1;
+        }
+        let newBlocksConfig;
+        const blocksConfig = get().content.blocks;
+        // Copy
+        const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));
+        if (isItemsNeighbours(arrayPath, destination)) {
+            newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks) => {
+                return reorderArrayItems(parentBlocks, arrayPath[arrayPath.length - 1], destination[destination.length - 1]);
+            });
+            if (position === 'append' &&
+                destination[destination.length - 1] < arrayPath[arrayPath.length - 1]) {
+                finalDestinationPath[finalDestinationPath.length - 1] =
+                    finalDestinationPath[finalDestinationPath.length - 1] + 1;
+            }
+        }
+        else {
+            const arrayDest = getDestinationShiftBeforeReorder(arrayPath, destination);
+            finalDestinationPath = _.cloneDeep(arrayDest);
+            // Delete
+            const blocksConfigWithoutBlock = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+            // Paste
+            newBlocksConfig = modifyObjectByPath(blocksConfigWithoutBlock, arrayDest, (parentBlocks, index) => insert(parentBlocks, index, copiedBlock));
+        }
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+            selectedBlock: finalDestinationPath,
+        }));
+    },
+    resetInitialize: () => {
+        set((state) => ({
+            ...state,
+            initialized: false,
+        }));
+    },
+    resetBlocks: () => {
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: [] },
+        }));
+    },
+}));
+//# sourceMappingURL=store.js.map

package/build/esm/editor-v2/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"../../../src","sources":["editor-v2/store.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {EditorState, initialStore} from '../common/store';\nimport {DynamicFormValue} from '../common/types';\nimport {initializeStore} from '../common/utils';\nimport {ConstructorBlock, PageContentWithNavigation} from '../models';\n\nimport {ZOOM_STEPS} from './constants';\nimport {\n    duplicateArrayItem,\n    generateChildrenPathFromArray,\n    getDestinationShiftBeforeReorder,\n    insert,\n    isItemsNeighbours,\n    modifyObjectByPath,\n    removeFromArray,\n    reorderArrayItems,\n} from './utils';\n\nexport interface EditorMethods {\n    initialize(): void;\n    setSelectedBlock(path: number[] | null): void;\n    setHeight(height: number): void;\n    setDeviceWidth(deviceWidth: string): void;\n    setZoom(zoom: number): void;\n    increaseZoom(): void;\n    decreaseZoom(): void;\n    togglePreviewMode(): void;\n    setConfig(data: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>): void;\n    setContent(data: PageContentWithNavigation): void;\n    insertBlock(path: number[], blockType: string, position?: 'prepend' | 'append'): void;\n    enableInsertMode(blockType: string): void;\n    enableReorderMode(path: number[]): void;\n    disableMode(): void;\n    updateField(path: string, value: DynamicFormValue): void;\n    deleteBlock(path: number[]): void;\n    duplicateBlock(path: number[]): void;\n    reorderBlock(path: number[], destination: number[], position?: 'prepend' | 'append'): void;\n    resetInitialize(): void;\n    resetBlocks(): void;\n}\n\nexport type EditorStore = EditorState & EditorMethods;\n\nexport const createEditorStore = initializeStore<EditorState, EditorMethods>(\n    initialStore,\n    (set, get) => ({\n        setHeight(height: number) {\n            // We have to add 200-500px, because of bottom padding or margin of last element\n            // which is not taken into calculation of final height\n            const newHeight = height + 500;\n            set((state) => ({...state, height: newHeight}));\n        },\n        setDeviceWidth(deviceWidth: string) {\n            set((state) => ({...state, deviceWidth}));\n        },\n        setZoom(zoom) {\n            if (zoom > 0) {\n                set((state) => ({...state, zoom}));\n            }\n        },\n        increaseZoom() {\n            const currentZoom = get().zoom;\n\n            for (const step of ZOOM_STEPS) {\n                if (currentZoom < step) {\n                    get().setZoom(step);\n                    break;\n                }\n            }\n        },\n        decreaseZoom() {\n            const currentZoom = get().zoom;\n            const reverseSteps = ZOOM_STEPS.slice().reverse();\n\n            for (const step of reverseSteps) {\n                if (currentZoom > step) {\n                    get().setZoom(step);\n                    break;\n                }\n            }\n        },\n        togglePreviewMode() {\n            set((state) => ({...state, isPreviewMode: !state.isPreviewMode}));\n        },\n        setConfig(data) {\n            set((state) => ({...state, ...data}));\n        },\n        insertBlock: (arrayPath, blockType, position = 'append') => {\n            if (position === 'append') {\n                // TODO: fix\n                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n                arrayPath[arrayPath.length - 1] = arrayPath[arrayPath.length - 1] + 1;\n            }\n\n            const blocksConfig = get().content.blocks;\n            const blocksData = get().blocks;\n\n            const foundBlock = blocksData.find(({type}) => type === blockType);\n            const defaultValue =\n                foundBlock && foundBlock.schema.default\n                    ? {...foundBlock.schema.default, type: blockType}\n                    : {type: blockType};\n\n            const newBlocksConfig = modifyObjectByPath(\n                blocksConfig,\n                arrayPath,\n                (parentBlocks, index) =>\n                    insert(parentBlocks, index, defaultValue as ConstructorBlock),\n            );\n\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n                selectedBlock: arrayPath,\n            }));\n        },\n        enableInsertMode(blockType: string) {\n            set((state) => ({\n                ...state,\n                manipulateOverlayMode: 'insert',\n                preInsertBlockType: blockType,\n            }));\n        },\n        disableMode() {\n            set((state) => ({\n                ...state,\n                manipulateOverlayMode: false,\n                preInsertBlockType: undefined,\n                preReorderBlockPath: undefined,\n            }));\n        },\n        enableReorderMode(path) {\n            set((state) => ({\n                ...state,\n                manipulateOverlayMode: 'reorder',\n                preReorderBlockPath: path,\n            }));\n        },\n        setContent(content) {\n            set((state) => ({\n                ...state,\n                content: content,\n            }));\n        },\n        initialize() {\n            set((state) => ({\n                ...state,\n                initialized: true,\n            }));\n        },\n        setSelectedBlock(path) {\n            set((state) => ({\n                ...state,\n                selectedBlock: path,\n            }));\n        },\n        updateField(path, value) {\n            set((state) => {\n                const newConfig = _.set(state.content, path, value);\n                return {\n                    ...state,\n                    content: newConfig,\n                };\n            });\n        },\n        deleteBlock: (arrayPath) => {\n            const blocksConfig = get().content.blocks;\n\n            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n                selectedBlock: null,\n            }));\n        },\n        duplicateBlock: (arrayPath) => {\n            const blocksConfig = get().content.blocks;\n\n            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, duplicateArrayItem);\n\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n            }));\n        },\n        reorderBlock: (arrayPath, destination, position = 'append') => {\n            // Create a copy of the destination array before any modifications\n            let finalDestinationPath: number[] = _.cloneDeep(destination);\n\n            if (position === 'append') {\n                // TODO: fix\n                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n                destination[destination.length - 1] = destination[destination.length - 1] + 1;\n            }\n\n            let newBlocksConfig: ConstructorBlock[];\n            const blocksConfig = get().content.blocks;\n            // Copy\n            const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));\n\n            if (isItemsNeighbours(arrayPath, destination)) {\n                newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks) => {\n                    return reorderArrayItems(\n                        parentBlocks,\n                        arrayPath[arrayPath.length - 1],\n                        destination[destination.length - 1],\n                    );\n                });\n\n                if (\n                    position === 'append' &&\n                    destination[destination.length - 1] < arrayPath[arrayPath.length - 1]\n                ) {\n                    finalDestinationPath[finalDestinationPath.length - 1] =\n                        finalDestinationPath[finalDestinationPath.length - 1] + 1;\n                }\n            } else {\n                const arrayDest = getDestinationShiftBeforeReorder(arrayPath, destination);\n                finalDestinationPath = _.cloneDeep(arrayDest);\n\n                // Delete\n                const blocksConfigWithoutBlock = modifyObjectByPath(\n                    blocksConfig,\n                    arrayPath,\n                    removeFromArray,\n                );\n                // Paste\n                newBlocksConfig = modifyObjectByPath(\n                    blocksConfigWithoutBlock,\n                    arrayDest,\n                    (parentBlocks, index) => insert(parentBlocks, index, copiedBlock),\n                );\n            }\n\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n                selectedBlock: finalDestinationPath,\n            }));\n        },\n        resetInitialize: () => {\n            set((state) => ({\n                ...state,\n                initialized: false,\n            }));\n        },\n        resetBlocks: () => {\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: []},\n            }));\n        },\n    }),\n);\n"]}

package/build/esm/editor-v2/styles/root.css

@@ -0,0 +1,9 @@
+.g-root {
+  --g-color-base-selection: var(--g-color-private-black-200);
+  --g-color-base-selection-hover: var(--g-color-private-black-300);
+  --g-color-base-brand: rgb(38, 38, 38);
+  --g-color-base-brand-hover: rgb(76, 76, 76);
+  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
+  --g-color-text-brand-heavy: rgb(76, 76, 76);
+  --g-color-line-brand: var(--g-color-text-primary);
+}

package/build/esm/editor-v2/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const EDITOR_NAMESPACE = "pceditor-";
+export declare const editorCn: import("@bem-react/classname").ClassNameInitilizer;

package/build/esm/editor-v2/utils/cn.js

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

package/build/esm/editor-v2/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const EDITOR_NAMESPACE = 'pceditor-';\n\nexport const editorCn = withNaming({n: EDITOR_NAMESPACE, e: '__', m: '_'});\n"]}

package/build/esm/editor-v2/utils/code.d.ts

@@ -0,0 +1,6 @@
+export declare function parseCode(code: string): {
+    blocks: import("../../index.js").ConstructorBlock[];
+    menu?: import("../../index.js").Menu;
+    background?: import("../../index.js").ThemedMediaProps;
+    animated?: boolean;
+};

package/build/esm/editor-v2/utils/code.js

@@ -0,0 +1,9 @@
+import yaml from 'js-yaml';
+export function parseCode(code) {
+    const pageContent = yaml.load(code);
+    return {
+        ...pageContent,
+        blocks: pageContent.blocks?.filter(Boolean),
+    };
+}
+//# sourceMappingURL=code.js.map

package/build/esm/editor-v2/utils/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/code.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAI3B,MAAM,UAAU,SAAS,CAAC,IAAY;IAClC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAgB,CAAC;IAEnD,OAAO;QACH,GAAG,WAAW;QACd,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC;KAC9C,CAAC;AACN,CAAC","sourcesContent":["import yaml from 'js-yaml';\n\nimport {PageContent} from '../../models';\n\nexport function parseCode(code: string) {\n    const pageContent = yaml.load(code) as PageContent;\n\n    return {\n        ...pageContent,\n        blocks: pageContent.blocks?.filter(Boolean),\n    };\n}\n"]}

package/build/esm/editor-v2/utils/index.d.ts

@@ -0,0 +1,20 @@
+import { ConstructorBlock } from "../../models/index.js";
+export * from "./code.js";
+export * from "./cn.js";
+export declare function insert<T>(arr: Array<T>, index: number, newItem: T): T[];
+export declare function removeFromArray<T>(array: Array<T>, index: number): T[];
+export declare function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number): T[];
+export declare function reorderArrayItems<T>(array: Array<T>, index: number, destination: number): T[];
+export declare function duplicateArrayItem<T>(array: Array<T>, index: number): T[];
+export declare function insertByPath<T extends object>(object: T, path: string, value: any): T;
+export declare function splitPathAndIndex(path: string): {
+    path: string;
+    index: number;
+} | undefined;
+export declare function generateChildrenPathFromArray(indexes: number[]): string;
+export declare function modifyObjectByPath(blocks: ConstructorBlock[], arrayPath: number[], modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[]): ConstructorBlock[];
+export declare function isItemsNeighbours(arrayA: number[], arrayB: number[]): boolean;
+export declare function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]): number[];
+export declare function prepareShift(arrayInit: number[], arrayDest: number[]): number[];
+export declare const getUrlOrigin: (url: string) => string | undefined;
+export declare const getItemTitle: (item: object) => string | undefined;

package/build/esm/editor-v2/utils/index.js

@@ -0,0 +1,143 @@
+import _ from 'lodash';
+export * from "./code.js";
+export * from "./cn.js";
+export function insert(arr, index, newItem) {
+    return [...arr.slice(0, index), newItem, ...arr.slice(index)];
+}
+export function removeFromArray(array, index) {
+    return [...array.slice(0, index), ...array.slice(index + 1)];
+}
+export function swapArrayItems(array, firstIndex, secondIndex) {
+    const results = array.slice();
+    const firstItem = array[firstIndex];
+    results[firstIndex] = array[secondIndex];
+    results[secondIndex] = firstItem;
+    return results;
+}
+export function reorderArrayItems(array, index, destination) {
+    const min = Math.min(index, destination);
+    const max = Math.max(index, destination);
+    const firstOperationRemove = index < destination;
+    const result = [];
+    result.push(...array.slice(0, min));
+    if (!firstOperationRemove) {
+        result.push(array[index]);
+    }
+    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));
+    if (firstOperationRemove) {
+        result.push(array[index]);
+    }
+    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));
+    return result;
+}
+export function duplicateArrayItem(array, index) {
+    const duplicatedItem = _.cloneDeep(array[index]);
+    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function insertByPath(object, path, value) {
+    if (!path) {
+        return value;
+    }
+    return _.setWith(_.clone(object), path, value, _.clone);
+}
+/*
+ *  path: string;
+ *  Example:
+ *  1. blocks[0] => {path: blocks, index: 0}
+ *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}
+ **/
+export function splitPathAndIndex(path) {
+    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]
+    const bracketsRegExp = /(.*)\[(\d+)]$/g;
+    const regexpMatches = Array.from(path.matchAll(bracketsRegExp));
+    if (regexpMatches.length) {
+        return {
+            // blocks, blocks[0].children
+            path: regexpMatches[0][1],
+            // 3, 12, 0, 9999
+            index: Number(regexpMatches[0][2]),
+        };
+    }
+    // eslint-disable-next-line no-console
+    console.error('Non correct path for splitting');
+    return undefined;
+}
+/*
+ * [0, 4, 3] => [0].children[4].children[3]
+ * */
+export function generateChildrenPathFromArray(indexes) {
+    if (!indexes.length) {
+        return '';
+    }
+    let resultPath = `[${indexes[0]}]`;
+    if (indexes.length > 1) {
+        for (let i = 1; i < indexes.length; i++) {
+            resultPath += `.children[${indexes[i]}]`;
+        }
+    }
+    return resultPath;
+}
+export function modifyObjectByPath(blocks, arrayPath, modifyCallback) {
+    // [1]
+    // [4].children[3]
+    const insertPath = generateChildrenPathFromArray(arrayPath);
+    // path: ''                 index: 1
+    // path: '[4].children'     index: 3
+    const splitPath = splitPathAndIndex(insertPath);
+    if (splitPath) {
+        const { path: parentPath, index } = splitPath;
+        // Get Array that lies on path
+        const parentArray = parentPath ? _.get(blocks, parentPath) : blocks;
+        const value = Array.isArray(parentArray) ? parentArray : [];
+        // Modify Array
+        const newModifiedArray = modifyCallback(value, index);
+        // Return it back
+        return insertByPath(blocks, parentPath, newModifiedArray);
+    }
+    return blocks;
+}
+export function isItemsNeighbours(arrayA, arrayB) {
+    if (arrayA.length !== arrayB.length) {
+        return false;
+    }
+    for (let i = 0; i < arrayA.length - 1; i++) {
+        if (arrayA[i] !== arrayB[i]) {
+            return false;
+        }
+    }
+    return true;
+}
+export function getDestinationShiftBeforeReorder(arrayInit, arrayDest) {
+    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {
+        return arrayDest;
+    }
+    for (let i = 0; i < arrayInit.length; i++) {
+        if (arrayInit[i] < arrayDest[i]) {
+            return prepareShift(arrayInit, arrayDest);
+        }
+    }
+    return arrayDest;
+}
+export function prepareShift(arrayInit, arrayDest) {
+    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {
+        return arrayDest;
+    }
+    return arrayDest.map((pathIndex, index) => index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex);
+}
+export const getUrlOrigin = (url) => {
+    try {
+        const urlObject = new URL(url);
+        return urlObject.origin;
+    }
+    catch {
+        return undefined;
+    }
+};
+export const getItemTitle = (item) => {
+    return (_.get(item, 'title.text') ||
+        _.get(item, 'title') ||
+        _.get(item, 'textContent.title') ||
+        _.get(item, 'content.title'));
+};
+//# sourceMappingURL=index.js.map

package/build/esm/editor-v2/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {ConstructorBlock} from '../../models';\nexport * from './code';\nexport * from './cn';\n\nexport function insert<T>(arr: Array<T>, index: number, newItem: T) {\n    return [...arr.slice(0, index), newItem, ...arr.slice(index)];\n}\n\nexport function removeFromArray<T>(array: Array<T>, index: number) {\n    return [...array.slice(0, index), ...array.slice(index + 1)];\n}\n\nexport function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number) {\n    const results = array.slice();\n    const firstItem = array[firstIndex];\n    results[firstIndex] = array[secondIndex];\n    results[secondIndex] = firstItem;\n    return results;\n}\n\nexport function reorderArrayItems<T>(array: Array<T>, index: number, destination: number) {\n    const min = Math.min(index, destination);\n    const max = Math.max(index, destination);\n    const firstOperationRemove = index < destination;\n    const result = [];\n    result.push(...array.slice(0, min));\n    if (!firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));\n    if (firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));\n    return result;\n}\n\nexport function duplicateArrayItem<T>(array: Array<T>, index: number) {\n    const duplicatedItem = _.cloneDeep(array[index]);\n    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function insertByPath<T extends object>(object: T, path: string, value: any) {\n    if (!path) {\n        return value as T;\n    }\n\n    return _.setWith(_.clone(object), path, value, _.clone);\n}\n\n/*\n *  path: string;\n *  Example:\n *  1. blocks[0] => {path: blocks, index: 0}\n *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}\n **/\nexport function splitPathAndIndex(path: string) {\n    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]\n    const bracketsRegExp = /(.*)\\[(\\d+)]$/g;\n    const regexpMatches = Array.from(path.matchAll(bracketsRegExp));\n    if (regexpMatches.length) {\n        return {\n            // blocks, blocks[0].children\n            path: regexpMatches[0][1],\n            // 3, 12, 0, 9999\n            index: Number(regexpMatches[0][2]),\n        };\n    }\n\n    // eslint-disable-next-line no-console\n    console.error('Non correct path for splitting');\n    return undefined;\n}\n\n/*\n * [0, 4, 3] => [0].children[4].children[3]\n * */\nexport function generateChildrenPathFromArray(indexes: number[]) {\n    if (!indexes.length) {\n        return '';\n    }\n\n    let resultPath = `[${indexes[0]}]`;\n\n    if (indexes.length > 1) {\n        for (let i = 1; i < indexes.length; i++) {\n            resultPath += `.children[${indexes[i]}]`;\n        }\n    }\n\n    return resultPath;\n}\n\nexport function modifyObjectByPath(\n    blocks: ConstructorBlock[],\n    arrayPath: number[],\n    modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[],\n) {\n    // [1]\n    // [4].children[3]\n    const insertPath = generateChildrenPathFromArray(arrayPath);\n    // path: ''                 index: 1\n    // path: '[4].children'     index: 3\n    const splitPath = splitPathAndIndex(insertPath);\n\n    if (splitPath) {\n        const {path: parentPath, index} = splitPath;\n        // Get Array that lies on path\n        const parentArray = parentPath ? _.get(blocks, parentPath) : blocks;\n\n        const value = Array.isArray(parentArray) ? parentArray : [];\n        // Modify Array\n        const newModifiedArray = modifyCallback(value, index);\n\n        // Return it back\n        return insertByPath(blocks, parentPath, newModifiedArray);\n    }\n\n    return blocks;\n}\n\nexport function isItemsNeighbours(arrayA: number[], arrayB: number[]) {\n    if (arrayA.length !== arrayB.length) {\n        return false;\n    }\n\n    for (let i = 0; i < arrayA.length - 1; i++) {\n        if (arrayA[i] !== arrayB[i]) {\n            return false;\n        }\n    }\n\n    return true;\n}\n\nexport function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    for (let i = 0; i < arrayInit.length; i++) {\n        if (arrayInit[i] < arrayDest[i]) {\n            return prepareShift(arrayInit, arrayDest);\n        }\n    }\n\n    return arrayDest;\n}\n\nexport function prepareShift(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    return arrayDest.map((pathIndex, index) =>\n        index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex,\n    );\n}\n\nexport const getUrlOrigin = (url: string) => {\n    try {\n        const urlObject = new URL(url);\n        return urlObject.origin;\n    } catch {\n        return undefined;\n    }\n};\n\nexport const getItemTitle = (item: object): string | undefined => {\n    return (\n        _.get(item, 'title.text') ||\n        _.get(item, 'title') ||\n        _.get(item, 'textContent.title') ||\n        _.get(item, 'content.title')\n    );\n};\n"]}

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.css

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

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ConfigInput } from "../../../editor-v2/index.js";
+import './AddPropertyButton.css';
+interface AddPropertyButtonProps {
+    inputTypeMenuItems: Array<{
+        action: () => void;
+        text: string;
+        type: string;
+    }>;
+    onAdd: (type: ConfigInput['type']) => void;
+    buttonText?: string;
+}
+export declare const AddPropertyButton: React.FC<AddPropertyButtonProps>;
+export {};

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, DropdownMenu } from '@gravity-ui/uikit';
+import { formGeneratorCn } from "../../utils/cn.js";
+import './AddPropertyButton.css';
+const b = formGeneratorCn('add-property-button');
+export const AddPropertyButton = ({ inputTypeMenuItems, onAdd, buttonText = '+ Add Property', }) => (_jsx("div", { className: b(), children: _jsx(DropdownMenu, { items: inputTypeMenuItems.map((item) => ({
+            ...item,
+            action: () => {
+                onAdd(item.type);
+            },
+        })), renderSwitcher: (props) => (_jsx(Button, { ...props, view: "normal", size: "s", children: buttonText })) }) }));
+//# sourceMappingURL=AddPropertyButton.js.map

package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPropertyButton.js","sourceRoot":"../../../../../src","sources":["form-generator/components/AddPropertyButton/AddPropertyButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAQjD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,kBAAkB,EAClB,KAAK,EACL,UAAU,GAAG,gBAAgB,GAChC,EAAE,EAAE,CAAC,CACF,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IACT,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrC,GAAG,IAAI;YACP,MAAM,EAAE,GAAG,EAAE;gBACT,KAAK,CAAC,IAAI,CAAC,IAA2B,CAAC,CAAC;YAC5C,CAAC;SACJ,CAAC,CAAC,EACH,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,UAAU,GACN,CACZ,GACH,GACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../editor-v2';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './AddPropertyButton.scss';\n\nconst b = formGeneratorCn('add-property-button');\n\ninterface AddPropertyButtonProps {\n    inputTypeMenuItems: Array<{action: () => void; text: string; type: string}>;\n    onAdd: (type: ConfigInput['type']) => void;\n    buttonText?: string;\n}\n\nexport const AddPropertyButton: React.FC<AddPropertyButtonProps> = ({\n    inputTypeMenuItems,\n    onAdd,\n    buttonText = '+ Add Property',\n}) => (\n    <div className={b()}>\n        <DropdownMenu\n            items={inputTypeMenuItems.map((item) => ({\n                ...item,\n                action: () => {\n                    onAdd(item.type as ConfigInput['type']);\n                },\n            }))}\n            renderSwitcher={(props) => (\n                <Button {...props} view=\"normal\" size=\"s\">\n                    {buttonText}\n                </Button>\n            )}\n        />\n    </div>\n);\n"]}

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.css

@@ -0,0 +1,23 @@
+.pcformgenerator-array-field-renderer__config {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.pcformgenerator-array-field-renderer__config-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.pcformgenerator-array-field-renderer__config-row > span {
+  min-width: 90px;
+  font-weight: 500;
+}
+.pcformgenerator-array-field-renderer__config-row > div {
+  flex: 1;
+}
+.pcformgenerator-array-field-renderer__nested-fields {
+  margin-top: 12px;
+  margin-left: 16px;
+  padding-left: 12px;
+  border-left: 2px solid var(--g-color-line-generic);
+}

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConfigInput } from "../../../editor-v2/index.js";
+import { FormArrayField, InputTypeMenuItem } from "../../hooks/types.js";
+import './ArrayFieldRenderer.css';
+interface ArrayFieldRendererProps {
+    field: FormArrayField;
+    fieldName: string;
+    inputTypeMenuItems: InputTypeMenuItem[];
+    renderNestedField: (field: ConfigInput, index: number, parentId: string, optionIndex?: number) => React.ReactNode;
+}
+export declare const ArrayFieldRenderer: React.FC<ArrayFieldRendererProps>;
+export {};

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DropdownMenu, Text } from '@gravity-ui/uikit';
+import { ConfigRow } from "../ConfigRow/ConfigRow.js";
+import { AddPropertyButton } from "../AddPropertyButton/AddPropertyButton.js";
+import { SectionHeader } from "../SectionHeader/SectionHeader.js";
+import { useFormContext } from "../../hooks/FormContext.js";
+import { formGeneratorCn } from "../../utils/cn.js";
+import './ArrayFieldRenderer.css';
+const b = formGeneratorCn('array-field-renderer');
+export const ArrayFieldRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
+    const { addObjectProperty, updateField } = useFormContext();
+    return (_jsxs("div", { className: b('config'), children: [_jsxs("div", { className: b('config-row'), children: [_jsx(Text, { variant: "body-2", children: "Array Type:" }), _jsx(DropdownMenu, { items: [
+                            {
+                                action: () => updateField(field.id, { arrayType: 'text' }),
+                                text: 'Text',
+                            },
+                            {
+                                action: () => updateField(field.id, { arrayType: 'object' }),
+                                text: 'Object',
+                            },
+                        ], renderSwitcher: (props) => (_jsx(Button, { ...props, view: "normal", size: "s", children: field.arrayType === 'object' ? 'Object' : 'Text' })) })] }), _jsx(ConfigRow, { label: "Button Text", value: field.buttonText, onUpdate: (value) => updateField(field.id, { buttonText: value }) }), field.arrayType === 'object' && (_jsxs("div", { className: b('nested-fields'), children: [_jsx(SectionHeader, { title: "Properties:" }), field?.properties?.map((property, index) => renderNestedField(property, index, field.id)), _jsx(AddPropertyButton, { inputTypeMenuItems: inputTypeMenuItems, onAdd: (type) => addObjectProperty(field.id, type) })] }))] }));
+};
+//# sourceMappingURL=ArrayFieldRenderer.js.map

package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAEvD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAclD,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,WAAW,EAAC,GAAG,cAAc,EAAE,CAAC;IAE1D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAEvB,eAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,4BAAmB,EACzC,KAAC,YAAY,IACT,KAAK,EAAE;4BACH;gCACI,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,CAAC;gCACxD,IAAI,EAAE,MAAM;6BACf;4BACD;gCACI,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,CAAC;gCAC1D,IAAI,EAAE,QAAQ;6BACjB;yBACJ,EACD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GAC5C,CACZ,GACH,IACA,EAGN,KAAC,SAAS,IACN,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,CAAC,GACjE,EAGD,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,CAC7B,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,GAAG,EAEnC,KAA0B,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAC9D,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAC/C,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,GACpD,IACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text} from '@gravity-ui/uikit';\nimport {ArrayObjectInput, ConfigInput} from '../../../editor-v2';\nimport {ConfigRow} from '../ConfigRow/ConfigRow';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormArrayField, InputTypeMenuItem} from '../../hooks/types';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './ArrayFieldRenderer.scss';\n\nconst b = formGeneratorCn('array-field-renderer');\n\ninterface ArrayFieldRendererProps {\n    field: FormArrayField;\n    fieldName: string;\n    inputTypeMenuItems: InputTypeMenuItem[];\n    renderNestedField: (\n        field: ConfigInput,\n        index: number,\n        parentId: string,\n        optionIndex?: number,\n    ) => React.ReactNode;\n}\n\nexport const ArrayFieldRenderer: React.FC<ArrayFieldRendererProps> = ({\n    field,\n    fieldName: _fieldName,\n    inputTypeMenuItems,\n    renderNestedField,\n}) => {\n    const {addObjectProperty, updateField} = useFormContext();\n\n    return (\n        <div className={b('config')}>\n            {/* Array Type Selection */}\n            <div className={b('config-row')}>\n                <Text variant=\"body-2\">Array Type:</Text>\n                <DropdownMenu\n                    items={[\n                        {\n                            action: () => updateField(field.id, {arrayType: 'text'}),\n                            text: 'Text',\n                        },\n                        {\n                            action: () => updateField(field.id, {arrayType: 'object'}),\n                            text: 'Object',\n                        },\n                    ]}\n                    renderSwitcher={(props) => (\n                        <Button {...props} view=\"normal\" size=\"s\">\n                            {field.arrayType === 'object' ? 'Object' : 'Text'}\n                        </Button>\n                    )}\n                />\n            </div>\n\n            {/* Button Text Configuration */}\n            <ConfigRow\n                label=\"Button Text\"\n                value={field.buttonText}\n                onUpdate={(value) => updateField(field.id, {buttonText: value})}\n            />\n\n            {/* Properties for Object Array Type */}\n            {field.arrayType === 'object' && (\n                <div className={b('nested-fields')}>\n                    <SectionHeader title=\"Properties:\" />\n\n                    {(field as ArrayObjectInput)?.properties?.map((property, index) =>\n                        renderNestedField(property, index, field.id),\n                    )}\n\n                    <AddPropertyButton\n                        inputTypeMenuItems={inputTypeMenuItems}\n                        onAdd={(type) => addObjectProperty(field.id, type)}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/form-generator/components/ConfigRow/ConfigRow.css

@@ -0,0 +1,12 @@
+.pcformgenerator-config-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.pcformgenerator-config-row > span {
+  min-width: 90px;
+  font-weight: 500;
+}
+.pcformgenerator-config-row > div {
+  flex: 1;
+}

package/build/esm/form-generator/components/ConfigRow/ConfigRow.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './ConfigRow.css';
+interface ConfigRowProps {
+    label: string;
+    value: string;
+    onUpdate: (value: string) => void;
+}
+export declare const ConfigRow: React.NamedExoticComponent<ConfigRowProps>;
+export {};

package/build/esm/form-generator/components/ConfigRow/ConfigRow.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Text, TextInput } from '@gravity-ui/uikit';
+import { formGeneratorCn } from "../../utils/cn.js";
+import './ConfigRow.css';
+const b = formGeneratorCn('config-row');
+const ConfigRowComponent = ({ label, value, onUpdate }) => {
+    const handleUpdate = React.useCallback((newValue) => {
+        onUpdate(newValue);
+    }, [onUpdate]);
+    return (_jsxs("div", { className: b(), children: [_jsxs(Text, { variant: "body-2", children: [label, ":"] }), _jsx(TextInput, { value: value, onUpdate: handleUpdate, size: "s" })] }));
+};
+export const ConfigRow = React.memo(ConfigRowComponent);
+//# sourceMappingURL=ConfigRow.js.map

package/build/esm/form-generator/components/ConfigRow/ConfigRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigRow.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ConfigRow/ConfigRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAQxC,MAAM,kBAAkB,GAA6B,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,QAAgB,EAAE,EAAE;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,MAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,aAAE,KAAK,SAAS,EACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,GAAG,GAAG,IAC1D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text, TextInput} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './ConfigRow.scss';\n\nconst b = formGeneratorCn('config-row');\n\ninterface ConfigRowProps {\n    label: string;\n    value: string;\n    onUpdate: (value: string) => void;\n}\n\nconst ConfigRowComponent: React.FC<ConfigRowProps> = ({label, value, onUpdate}) => {\n    const handleUpdate = React.useCallback(\n        (newValue: string) => {\n            onUpdate(newValue);\n        },\n        [onUpdate],\n    );\n\n    return (\n        <div className={b()}>\n            <Text variant=\"body-2\">{label}:</Text>\n            <TextInput value={value} onUpdate={handleUpdate} size=\"s\" />\n        </div>\n    );\n};\n\nexport const ConfigRow = React.memo(ConfigRowComponent);\n"]}

package/build/esm/form-generator/components/FieldCard/FieldCard.css

@@ -0,0 +1,15 @@
+.pcformgenerator-field-card {
+  padding: 16px;
+}
+.pcformgenerator-field-card__config {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.pcformgenerator-field-card__nested-field {
+  margin-top: 8px;
+  padding: 12px;
+  background-color: var(--g-color-base-generic);
+  border-radius: 6px;
+  border: 1px solid var(--g-color-line-generic);
+}