@gravity-ui/dynamic-forms 5.19.1 → 5.21.0

package/build/cjs/lib/unstable/core/useSchemaRendererTools/utils/schema-patch.js

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeSchemaPatches = exports.addSchemaPatches = void 0;
+const tslib_1 = require("tslib");
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
+const constants_1 = require("../../constants");
+const useSchemaRenderer_1 = require("../../useSchemaRenderer");
+const utils_1 = require("../../utils");
+const addSchemaPatches = ({ form, patches }) => {
+    const changesByHeadName = {};
+    patches.forEach((p) => {
+        var _a, _b;
+        let schemaPath;
+        if ('schemaPath' in p) {
+            schemaPath = p.schemaPath;
+        }
+        else {
+            const nodeField = form.getFieldState(p.name);
+            const nodeState = (_a = nodeField === null || nodeField === void 0 ? void 0 : nodeField.data) === null || _a === void 0 ? void 0 : _a.state;
+            schemaPath = nodeState === null || nodeState === void 0 ? void 0 : nodeState.schemaPath;
+        }
+        if (schemaPath !== undefined) {
+            const srName = (0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, p.headName);
+            const srField = form.getFieldState(srName);
+            const srState = (_b = srField === null || srField === void 0 ? void 0 : srField.data) === null || _b === void 0 ? void 0 : _b.state;
+            if (srState) {
+                const schemaArrPath = (0, utils_1.pointerToArrayPath)(schemaPath);
+                const valuePaths = (0, utils_1.getValuePaths)(p.schema);
+                const changedPaths = [];
+                if (p.replace) {
+                    [
+                        ...valuePaths,
+                        ...(0, utils_1.getValuePaths)((0, utils_1.getSchemaByPointer)(srState.schema, schemaArrPath)),
+                    ].forEach((path) => {
+                        const current = (0, get_1.default)(srState.schema, [...schemaArrPath, ...path]);
+                        const next = (0, get_1.default)(p.schema, path);
+                        if (!(0, isEqual_1.default)(current, next)) {
+                            changedPaths.push(['#', ...schemaArrPath, ...path]);
+                        }
+                    });
+                    if (schemaArrPath.length) {
+                        (0, set_1.default)(srState.schema, schemaArrPath, p.schema);
+                    }
+                    else {
+                        srState.schema = p.schema;
+                    }
+                }
+                else {
+                    valuePaths.forEach((path) => {
+                        const current = (0, get_1.default)(srState.schema, [...schemaArrPath, ...path]);
+                        const next = (0, get_1.default)(p.schema, path);
+                        if (!(0, isEqual_1.default)(current, next)) {
+                            (0, set_1.default)(srState.schema, [...schemaArrPath, ...path], next);
+                            changedPaths.push(['#', ...schemaArrPath, ...path]);
+                        }
+                    });
+                }
+                srState.patches = [...srState.patches, p];
+                if (changedPaths.length) {
+                    changesByHeadName[p.headName] = [
+                        ...(changesByHeadName[p.headName] || []),
+                        ...changedPaths,
+                    ];
+                }
+            }
+        }
+    });
+    Object.entries(changesByHeadName).forEach(([headName, paths]) => {
+        var _a;
+        const srName = (0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, headName);
+        const srField = form.getFieldState(srName);
+        const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
+        if (srState) {
+            srState.schema = Object.assign({}, srState.schema);
+            srState.dispatchEvent([{ type: constants_1.SchemaRendererEventType.Patch, paths }]);
+            srState.runValidate();
+        }
+    });
+};
+exports.addSchemaPatches = addSchemaPatches;
+const removeSchemaPatches = ({ form, patchesToRemove }) => {
+    const patchesByHeadName = {};
+    patchesToRemove.forEach((p) => {
+        var _a;
+        let schemaPath;
+        if ('schemaPath' in p) {
+            schemaPath = p.schemaPath;
+        }
+        else {
+            const nodeField = form.getFieldState(p.name);
+            const nodeState = (_a = nodeField === null || nodeField === void 0 ? void 0 : nodeField.data) === null || _a === void 0 ? void 0 : _a.state;
+            schemaPath = nodeState === null || nodeState === void 0 ? void 0 : nodeState.schemaPath;
+        }
+        if (schemaPath !== undefined) {
+            patchesByHeadName[p.headName] = [...(patchesByHeadName[p.headName] || []), p];
+        }
+    });
+    Object.entries(patchesByHeadName).forEach(([headName, patchesToRemove]) => {
+        var _a;
+        const srName = (0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, headName);
+        const srField = form.getFieldState(srName);
+        const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
+        if (srState) {
+            let schemaPatch = {};
+            srState.patches.forEach((p) => {
+                var _a;
+                let schemaPath;
+                if ('schemaPath' in p) {
+                    schemaPath = p.schemaPath;
+                }
+                else {
+                    const nodeField = form.getFieldState(p.name);
+                    const nodeState = (_a = nodeField === null || nodeField === void 0 ? void 0 : nodeField.data) === null || _a === void 0 ? void 0 : _a.state;
+                    schemaPath = nodeState === null || nodeState === void 0 ? void 0 : nodeState.schemaPath;
+                }
+                if (schemaPath) {
+                    const schemaArrPath = (0, utils_1.pointerToArrayPath)(schemaPath);
+                    if (schemaArrPath.length) {
+                        (0, set_1.default)(schemaPatch, schemaArrPath, (0, cloneDeep_1.default)((0, get_1.default)(srState.originalSchema, schemaArrPath)));
+                    }
+                    else {
+                        schemaPatch = (0, cloneDeep_1.default)(srState.originalSchema);
+                    }
+                }
+            });
+            const patches = srState.patches.filter((p) => {
+                var _a;
+                let pSchemaPath;
+                if ('schemaPath' in p) {
+                    pSchemaPath = p.schemaPath;
+                }
+                else {
+                    const nodeField = form.getFieldState(p.name);
+                    const nodeState = (_a = nodeField === null || nodeField === void 0 ? void 0 : nodeField.data) === null || _a === void 0 ? void 0 : _a.state;
+                    pSchemaPath = nodeState === null || nodeState === void 0 ? void 0 : nodeState.schemaPath;
+                }
+                const shouldRemove = patchesToRemove.some((ptr) => {
+                    var _a;
+                    let ptrSchemaPath;
+                    if ('schemaPath' in ptr) {
+                        ptrSchemaPath = ptr.schemaPath;
+                    }
+                    else {
+                        const nodeField = form.getFieldState(ptr.name);
+                        const nodeState = (_a = nodeField === null || nodeField === void 0 ? void 0 : nodeField.data) === null || _a === void 0 ? void 0 : _a.state;
+                        ptrSchemaPath = nodeState === null || nodeState === void 0 ? void 0 : nodeState.schemaPath;
+                    }
+                    if (pSchemaPath &&
+                        ptrSchemaPath &&
+                        pSchemaPath === ptrSchemaPath &&
+                        ((0, isEqual_1.default)(p.schema, ptr.schema) || ptr.schema === true)) {
+                        return true;
+                    }
+                    return false;
+                });
+                if (!shouldRemove && pSchemaPath) {
+                    const schemaArrPath = (0, utils_1.pointerToArrayPath)(pSchemaPath);
+                    if (schemaArrPath.length) {
+                        (0, set_1.default)(schemaPatch, schemaArrPath, p.schema);
+                    }
+                    else {
+                        schemaPatch = p.schema;
+                    }
+                }
+                return !shouldRemove;
+            });
+            (0, exports.addSchemaPatches)({ form, patches: [{ headName, schemaPath: '#', schema: schemaPatch }] });
+            srState.patches = patches;
+        }
+    });
+};
+exports.removeSchemaPatches = removeSchemaPatches;

package/build/cjs/lib/unstable/core/useSchemaRendererTools/utils/user-context.d.ts

@@ -0,0 +1,9 @@
+import type { FormApi } from 'final-form';
+import { type SchemaRendererState } from '../../useSchemaRenderer';
+export interface UpdateUserContextParams {
+    form: FormApi;
+    headName: string;
+    userContext: SchemaRendererState['userContext'];
+    replace?: boolean;
+}
+export declare const updateUserContext: ({ form, headName, userContext, replace, }: UpdateUserContextParams) => void;

package/build/cjs/lib/unstable/core/useSchemaRendererTools/utils/user-context.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateUserContext = void 0;
+const constants_1 = require("../../constants");
+const useSchemaRenderer_1 = require("../../useSchemaRenderer");
+const utils_1 = require("../../utils");
+const updateUserContext = ({ form, headName, userContext, replace = false, }) => {
+    var _a;
+    const srName = (0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, headName);
+    const srField = form.getFieldState(srName);
+    const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
+    if (srState) {
+        srState.userContext = replace ? userContext : Object.assign(Object.assign({}, srState.userContext), userContext);
+        srState.dispatchEvent([{ type: constants_1.SchemaRendererEventType.UserContext, all: true }]);
+    }
+};
+exports.updateUserContext = updateUserContext;

package/build/cjs/lib/unstable/core/utils/common.d.ts

@@ -1,32 +1,46 @@
 import type { JsonSchema } from '../types';
 /**
- * Parses an AJV `schemaPath` (JSON Pointer) into an array of path segments
- * suitable for lodash `get`.
+ * Parses a JSON Pointer into an array of path segments suitable for lodash `get`.
  *
- * Strips the `#/` prefix, decodes URI-encoded characters, splits on `/`,
- * and unescapes JSON Pointer tokens (`~1` → `/`, `~0` → `~`).
+ * Accepts fragment pointers (`#/…`) and document pointers (`/…`). Decodes
+ * URI-encoded characters, splits on `/`, and unescapes JSON Pointer tokens
+ * (`~1` → `/`, `~0` → `~`).
  *
- * Returns all segments unchanged; stripping a trailing validation keyword
- * (e.g. `minLength`) before lookup is the caller's responsibility.
+ * An empty pointer (`#` or `''`) yields an empty array.
  *
- * @param schemaPath - JSON Pointer string, e.g. `"#/properties/name/minLength"`.
- * @returns Path segments, e.g. `['properties', 'name', 'minLength']`.
+ * @param pointer - JSON Pointer string, e.g. `"#/properties/name"`.
+ * @returns Path segments, e.g. `['properties', 'name']`.
  */
-export declare const parseSchemaPath: (schemaPath: string) => string[];
-export declare const parseInstancePath: (instancePath: string) => string[];
-export declare const parseFinalFormName: (finalFormName: string) => string[];
-export declare const formatFinalFormPath: (finalFormPath: string[]) => string;
-export declare const getSchemaPath: (finalFormNameOrPath: string | string[], finalFormHeadName: string, schema: JsonSchema) => string[] | undefined;
+export declare const pointerToArrayPath: (pointer: string) => string[];
 /**
- * Resolves a sub-schema from the root schema by an AJV `schemaPath`.
+ * Parses a Final Form / lodash path (`a.b[0].c`) into an array of path segments.
  *
- * Parses `schemaPath` via `parseSchemaPath` and looks up the node with lodash `get`.
- * The path must point to a schema object, not to a validation keyword — callers
- * should strip the trailing keyword first (see `processAjvError`).
+ * Object keys are split on `.`. Array indices in bracket notation (`[0]`)
+ * become string segments (`'0'`).
+ *
+ * @param dotBracketPath - Dotted path with optional brackets, e.g. `"items[0].name"`.
+ * @returns Path segments, e.g. `['items', '0', 'name']`.
+ */
+export declare const dotBracketToArrayPath: (dotBracketPath: string) => string[];
+/**
+ * Builds a Final Form / lodash path from an array of path segments.
+ *
+ * Numeric segments become bracket indices (`[0]`). Other segments are joined
+ * with `.`.
+ *
+ * @param arrayPath - Path segments, e.g. `['items', '0', 'name']`.
+ * @returns Dotted path with brackets, e.g. `"items[0].name"`.
+ */
+export declare const arrayPathToDotBracket: (arrayPath: string[]) => string;
+/**
+ * Resolves a sub-schema from the root schema by a JSON Pointer.
+ *
+ * A string pointer is parsed via `pointerToArrayPath`. An array of segments is
+ * used as-is. Lookup is done with lodash `get`.
  *
- * @param schemaPath - JSON Pointer string pointing to a schema node,
- *   e.g. `"#/properties/name"`.
  * @param schema - The root JSON schema object.
+ * @param pointer - JSON Pointer (`"#/properties/name"`) or path segments
+ *   (`['properties', 'name']`).
  *
  * @example
  * const nameSchema = {
@@ -37,13 +51,10 @@ export declare const getSchemaPath: (finalFormNameOrPath: string | string[], fin
  *     name: nameSchema,
  *   },
  * };
- * getSchemaBySchemaPath("#/properties/name", objectSchema); // returns nameSchema
+ * getSchemaByPointer(objectSchema, '#/properties/name'); // returns nameSchema
  *
  * @returns The sub-schema at the given path, or the root schema when the path is empty.
  */
-export declare const getSchemaBySchemaPath: (schemaPath: string, schema: JsonSchema) => JsonSchema | undefined;
-export declare const getSchemaByInstancePath: (instancePath: string, schema: JsonSchema) => JsonSchema | undefined;
-export declare const getSchemaByFinalFormPath: (finalFormNameOrPath: string | string[], finalFormHeadName: string, schema: JsonSchema) => JsonSchema | undefined;
+export declare const getSchemaByPointer: (schema: JsonSchema, pointer: string | string[]) => JsonSchema | undefined;
 export declare const getValuePaths: (value: unknown, path?: string[]) => string[][];
-export declare const smartSet: (object: object, path: string[], value: unknown) => object;
-export declare const smartMerge: (first: object, second: object, deep?: boolean) => {};
+export declare const getServiceFieldName: (serviceFieldName: string, headName: string) => string;

package/build/cjs/lib/unstable/core/utils/common.js

@@ -1,44 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.smartMerge = exports.smartSet = exports.getValuePaths = exports.getSchemaByFinalFormPath = exports.getSchemaByInstancePath = exports.getSchemaBySchemaPath = exports.getSchemaPath = exports.formatFinalFormPath = exports.parseFinalFormName = exports.parseInstancePath = exports.parseSchemaPath = void 0;
+exports.getServiceFieldName = exports.getValuePaths = exports.getSchemaByPointer = exports.arrayPathToDotBracket = exports.dotBracketToArrayPath = exports.pointerToArrayPath = void 0;
 const tslib_1 = require("tslib");
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
-const set_1 = tslib_1.__importDefault(require("lodash/set"));
 /**
- * Parses an AJV `schemaPath` (JSON Pointer) into an array of path segments
- * suitable for lodash `get`.
+ * Parses a JSON Pointer into an array of path segments suitable for lodash `get`.
  *
- * Strips the `#/` prefix, decodes URI-encoded characters, splits on `/`,
- * and unescapes JSON Pointer tokens (`~1` → `/`, `~0` → `~`).
+ * Accepts fragment pointers (`#/…`) and document pointers (`/…`). Decodes
+ * URI-encoded characters, splits on `/`, and unescapes JSON Pointer tokens
+ * (`~1` → `/`, `~0` → `~`).
  *
- * Returns all segments unchanged; stripping a trailing validation keyword
- * (e.g. `minLength`) before lookup is the caller's responsibility.
+ * An empty pointer (`#` or `''`) yields an empty array.
  *
- * @param schemaPath - JSON Pointer string, e.g. `"#/properties/name/minLength"`.
- * @returns Path segments, e.g. `['properties', 'name', 'minLength']`.
+ * @param pointer - JSON Pointer string, e.g. `"#/properties/name"`.
+ * @returns Path segments, e.g. `['properties', 'name']`.
  */
-const parseSchemaPath = (schemaPath) => {
-    return decodeURIComponent(schemaPath)
+const pointerToArrayPath = (pointer) => {
+    return decodeURIComponent(pointer)
         .split('/')
         .slice(1)
         .map((segment) => segment.replace(/~1/g, '/').replace(/~0/g, '~'));
 };
-exports.parseSchemaPath = parseSchemaPath;
-const parseInstancePath = (instancePath) => {
-    if (!instancePath.length) {
-        return [];
-    }
-    return instancePath
-        .slice('/'.length)
-        .split('/')
-        .map((segment) => segment.replace(/~1/g, '/').replace(/~0/g, '~'));
-};
-exports.parseInstancePath = parseInstancePath;
-const parseFinalFormName = (finalFormName) => {
+exports.pointerToArrayPath = pointerToArrayPath;
+/**
+ * Parses a Final Form / lodash path (`a.b[0].c`) into an array of path segments.
+ *
+ * Object keys are split on `.`. Array indices in bracket notation (`[0]`)
+ * become string segments (`'0'`).
+ *
+ * @param dotBracketPath - Dotted path with optional brackets, e.g. `"items[0].name"`.
+ * @returns Path segments, e.g. `['items', '0', 'name']`.
+ */
+const dotBracketToArrayPath = (dotBracketPath) => {
     const result = [];
     const regex = /([^[.\]]+)|\[(\d+)\]/g;
     let match;
-    while ((match = regex.exec(finalFormName)) !== null) {
+    while ((match = regex.exec(dotBracketPath)) !== null) {
         if (match[1] !== undefined) {
             result.push(match[1]);
         }
@@ -48,52 +45,34 @@ const parseFinalFormName = (finalFormName) => {
     }
     return result;
 };
-exports.parseFinalFormName = parseFinalFormName;
-const formatFinalFormPath = (finalFormPath) => {
-    return finalFormPath.reduce((result, segment) => {
+exports.dotBracketToArrayPath = dotBracketToArrayPath;
+/**
+ * Builds a Final Form / lodash path from an array of path segments.
+ *
+ * Numeric segments become bracket indices (`[0]`). Other segments are joined
+ * with `.`.
+ *
+ * @param arrayPath - Path segments, e.g. `['items', '0', 'name']`.
+ * @returns Dotted path with brackets, e.g. `"items[0].name"`.
+ */
+const arrayPathToDotBracket = (arrayPath) => {
+    return arrayPath.reduce((result, segment) => {
         if (/^\d+$/.test(segment)) {
             return `${result}[${segment}]`;
         }
         return result ? `${result}.${segment}` : segment;
     }, '');
 };
-exports.formatFinalFormPath = formatFinalFormPath;
-const getSchemaPath = (finalFormNameOrPath, finalFormHeadName, schema) => {
-    const finalFormPath = Array.isArray(finalFormNameOrPath)
-        ? finalFormNameOrPath
-        : (0, exports.parseFinalFormName)(finalFormNameOrPath);
-    const schemaPath = finalFormPath
-        .slice((0, exports.parseFinalFormName)(finalFormHeadName).length)
-        .reduce((path, segment, index) => {
-        if (path === undefined) {
-            return path;
-        }
-        const schemaByPath = index === 0 ? schema : (0, get_1.default)(schema, path);
-        if ((0, get_1.default)(schemaByPath, ['properties', segment])) {
-            return [...path, 'properties', segment];
-        }
-        const items = (0, get_1.default)(schemaByPath, 'items');
-        if (items) {
-            if (Array.isArray(items)) {
-                return [...path, 'items', segment];
-            }
-            return [...path, 'items'];
-        }
-        return undefined;
-    }, []);
-    return schemaPath;
-};
-exports.getSchemaPath = getSchemaPath;
+exports.arrayPathToDotBracket = arrayPathToDotBracket;
 /**
- * Resolves a sub-schema from the root schema by an AJV `schemaPath`.
+ * Resolves a sub-schema from the root schema by a JSON Pointer.
  *
- * Parses `schemaPath` via `parseSchemaPath` and looks up the node with lodash `get`.
- * The path must point to a schema object, not to a validation keyword — callers
- * should strip the trailing keyword first (see `processAjvError`).
+ * A string pointer is parsed via `pointerToArrayPath`. An array of segments is
+ * used as-is. Lookup is done with lodash `get`.
  *
- * @param schemaPath - JSON Pointer string pointing to a schema node,
- *   e.g. `"#/properties/name"`.
  * @param schema - The root JSON schema object.
+ * @param pointer - JSON Pointer (`"#/properties/name"`) or path segments
+ *   (`['properties', 'name']`).
  *
  * @example
  * const nameSchema = {
@@ -104,34 +83,18 @@ exports.getSchemaPath = getSchemaPath;
  *     name: nameSchema,
  *   },
  * };
- * getSchemaBySchemaPath("#/properties/name", objectSchema); // returns nameSchema
+ * getSchemaByPointer(objectSchema, '#/properties/name'); // returns nameSchema
  *
  * @returns The sub-schema at the given path, or the root schema when the path is empty.
  */
-const getSchemaBySchemaPath = (schemaPath, schema) => {
-    const pathArr = (0, exports.parseSchemaPath)(schemaPath);
+const getSchemaByPointer = (schema, pointer) => {
+    const pathArr = Array.isArray(pointer) ? pointer : (0, exports.pointerToArrayPath)(pointer);
     if (!pathArr.length) {
         return schema;
     }
     return (0, get_1.default)(schema, pathArr);
 };
-exports.getSchemaBySchemaPath = getSchemaBySchemaPath;
-const getSchemaByInstancePath = (instancePath, schema) => {
-    const schemaPath = (0, exports.getSchemaPath)((0, exports.parseInstancePath)(instancePath), '', schema);
-    if (schemaPath) {
-        return schemaPath.length ? (0, get_1.default)(schema, schemaPath) : schema;
-    }
-    return undefined;
-};
-exports.getSchemaByInstancePath = getSchemaByInstancePath;
-const getSchemaByFinalFormPath = (finalFormNameOrPath, finalFormHeadName, schema) => {
-    const schemaPath = (0, exports.getSchemaPath)(finalFormNameOrPath, finalFormHeadName, schema);
-    if (schemaPath) {
-        return schemaPath.length ? (0, get_1.default)(schema, schemaPath) : schema;
-    }
-    return undefined;
-};
-exports.getSchemaByFinalFormPath = getSchemaByFinalFormPath;
+exports.getSchemaByPointer = getSchemaByPointer;
 const getValuePaths = (value, path = []) => {
     const result = [];
     const isObject = (v) => v !== null && typeof v === 'object' && !Array.isArray(v);
@@ -151,30 +114,5 @@ const getValuePaths = (value, path = []) => {
     return result;
 };
 exports.getValuePaths = getValuePaths;
-const smartSet = (object, path, value) => {
-    const valuePaths = (0, exports.getValuePaths)(value);
-    if (valuePaths.length) {
-        (0, set_1.default)(object, path, Object.assign({}, (0, get_1.default)(object, path)));
-        valuePaths.forEach((valuePath) => {
-            (0, set_1.default)(object, [...path, ...valuePath], (0, get_1.default)(value, valuePath));
-        });
-    }
-    return object;
-};
-exports.smartSet = smartSet;
-const smartMerge = (first, second, deep = false) => {
-    let result = {};
-    if (deep) {
-        (0, exports.getValuePaths)(first).forEach((path) => {
-            (0, set_1.default)(result, path, (0, get_1.default)(first, path));
-        });
-    }
-    else {
-        result = Object.assign({}, first);
-    }
-    (0, exports.getValuePaths)(second).forEach((path) => {
-        (0, set_1.default)(result, path, (0, get_1.default)(second, path));
-    });
-    return result;
-};
-exports.smartMerge = smartMerge;
+const getServiceFieldName = (serviceFieldName, headName) => headName ? `${serviceFieldName}.${headName}` : serviceFieldName;
+exports.getServiceFieldName = getServiceFieldName;

package/build/cjs/lib/unstable/core/utils/definers.d.ts

@@ -0,0 +1,58 @@
+import type { NodeType } from '../constants';
+import type { ErrorMessages, NodeEntity, NodeLayout, NodesConfig, Validator } from '../types';
+import type { EntityKind, ExtractNodeEntityProps, ExtractNodeLayoutProps, LayoutKind, NodeComponentProps, NodeTypeConfigKey, SchemaOfNodeType } from '../types/helpers';
+export declare const defineNodeEntityConfig: <Component extends NodeEntity<any>>(nodeEntityConfig: {
+    Component: Component;
+    independent?: boolean;
+    defaultProps?: ExtractNodeEntityProps<Component>;
+}) => {
+    Component: Component;
+    independent?: boolean;
+    defaultProps?: ExtractNodeEntityProps<Component>;
+};
+export declare const defineNodeLayoutConfig: <Component extends NodeLayout<any>>(nodeLayoutConfig: {
+    Component: Component;
+    defaultProps?: ExtractNodeLayoutProps<Component>;
+}) => {
+    Component: Component;
+    defaultProps?: ExtractNodeLayoutProps<Component>;
+};
+export declare const createNodeParametersDefiner: <Config extends NodesConfig>(_config: Config) => <Type extends NodeType, const Entity extends NodeTypeConfigKey<Config, Type, "formEntities"> | NodeTypeConfigKey<Config, Type, "overviewEntities"> | NodeEntity<SchemaOfNodeType<Type>> | undefined = undefined, const FormEntity extends NodeTypeConfigKey<Config, Type, "formEntities"> | NodeEntity<SchemaOfNodeType<Type>> | undefined = undefined, const OverviewEntity extends NodeTypeConfigKey<Config, Type, "overviewEntities"> | NodeEntity<SchemaOfNodeType<Type>> | undefined = undefined, const Layout extends NodeTypeConfigKey<Config, Type, "formLayouts"> | NodeTypeConfigKey<Config, Type, "overviewLayouts"> | NodeLayout<SchemaOfNodeType<Type>> | undefined = undefined, const FormLayout extends NodeTypeConfigKey<Config, Type, "formLayouts"> | NodeLayout<SchemaOfNodeType<Type>> | undefined = undefined, const OverviewLayout extends NodeTypeConfigKey<Config, Type, "overviewLayouts"> | NodeLayout<SchemaOfNodeType<Type>> | undefined = undefined, const ValidatorRef extends NodeTypeConfigKey<Config, Type, "validators"> | Validator<SchemaOfNodeType<Type>> | undefined = undefined>(nodeParameters: {
+    type: Type;
+    entity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | Entity;
+    entityProps?: NodeComponentProps<Config, Type, EntityKind, Entity>;
+    formEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NodeEntity<SchemaOfNodeType<Type>> | FormEntity;
+    formEntityProps?: NodeComponentProps<Config, Type, "formEntities", FormEntity>;
+    overviewEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | OverviewEntity;
+    overviewEntityProps?: NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
+    layout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | Layout;
+    layoutProps?: NodeComponentProps<Config, Type, LayoutKind, Layout>;
+    formLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | FormLayout;
+    formLayoutProps?: NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
+    overviewLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | OverviewLayout;
+    overviewLayoutProps?: NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
+    errorMessages?: Omit<ErrorMessages, "dependencies" | "required"> & {
+        dependencies?: ErrorMessages["dependencies"] | Record<string, ErrorMessages["dependencies"]>;
+        required?: ErrorMessages["required"] | Record<string, ErrorMessages["required"]>;
+    };
+    validator?: NoInfer<NodeTypeConfigKey<Config, Type, "validators">> | Validator<SchemaOfNodeType<Type>> | ValidatorRef;
+}) => {
+    type: Type;
+    entity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | Entity;
+    entityProps?: NodeComponentProps<Config, Type, EntityKind, Entity>;
+    formEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NodeEntity<SchemaOfNodeType<Type>> | FormEntity;
+    formEntityProps?: NodeComponentProps<Config, Type, "formEntities", FormEntity>;
+    overviewEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | OverviewEntity;
+    overviewEntityProps?: NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
+    layout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | Layout;
+    layoutProps?: NodeComponentProps<Config, Type, LayoutKind, Layout>;
+    formLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | FormLayout;
+    formLayoutProps?: NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
+    overviewLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | OverviewLayout;
+    overviewLayoutProps?: NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
+    errorMessages?: Omit<ErrorMessages, "dependencies" | "required"> & {
+        dependencies?: ErrorMessages["dependencies"] | Record<string, ErrorMessages["dependencies"]>;
+        required?: ErrorMessages["required"] | Record<string, ErrorMessages["required"]>;
+    };
+    validator?: NoInfer<NodeTypeConfigKey<Config, Type, "validators">> | Validator<SchemaOfNodeType<Type>> | ValidatorRef;
+};

package/build/cjs/lib/unstable/core/utils/definers.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNodeParametersDefiner = exports.defineNodeLayoutConfig = exports.defineNodeEntityConfig = void 0;
+const defineNodeEntityConfig = (nodeEntityConfig) => nodeEntityConfig;
+exports.defineNodeEntityConfig = defineNodeEntityConfig;
+const defineNodeLayoutConfig = (nodeLayoutConfig) => nodeLayoutConfig;
+exports.defineNodeLayoutConfig = defineNodeLayoutConfig;
+const createNodeParametersDefiner = (_config) => (nodeParameters) => nodeParameters;
+exports.createNodeParametersDefiner = createNodeParametersDefiner;

package/build/cjs/lib/unstable/core/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './common';
+export * from './definers';

package/build/cjs/lib/unstable/core/utils/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./definers"), exports);

package/build/cjs/lib/unstable/kit/components/ArrayRemoveButton/ArrayRemoveButton.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 export interface ArrayRemoveButtonProps {
     name: string;
+    headName: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const ArrayRemoveButton: React.FC<ArrayRemoveButtonProps>;

package/build/cjs/lib/unstable/kit/components/ArrayRemoveButton/ArrayRemoveButton.js

@@ -7,21 +7,28 @@ const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const react_final_form_1 = require("react-final-form");
 const utils_1 = require("../../utils");
-const ArrayRemoveButton = ({ name }) => {
+const ArrayRemoveButton = ({ name, headName, onClick }) => {
     const form = (0, react_final_form_1.useForm)();
+    const [ready, setReady] = react_1.default.useState(false);
     const arrayItem = (0, utils_1.isArrayItem)(name);
-    const tupleItem = (0, utils_1.isTupleItem)(name, form);
-    const removeItem = react_1.default.useCallback(() => {
+    const tupleItem = (0, utils_1.isTupleItem)(name, headName, form);
+    const removeItem = react_1.default.useCallback((event) => {
         var _a;
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
         const parentName = (0, utils_1.getArrayItemParentName)(name);
         const parentValue = (_a = form.getFieldState(parentName)) === null || _a === void 0 ? void 0 : _a.value;
         const index = Number((0, utils_1.getArrayItemIndex)(name));
         if (Array.isArray(parentValue)) {
+            form.focus(parentName);
             form.change(parentName, parentValue.filter((_, i) => i !== index));
+            form.blur(parentName);
         }
-    }, [form, name]);
-    if (arrayItem && !tupleItem) {
-        return (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: removeItem, qa: `${name}-remove-item` },
+    }, [form, name, onClick]);
+    react_1.default.useLayoutEffect(() => {
+        setReady(true);
+    }, []);
+    if (ready && arrayItem && !tupleItem) {
+        return (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: removeItem, qa: `${name}-remove-button` },
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 })));
     }
     return null;

package/build/cjs/lib/unstable/kit/components/CopyButton/CopyButton.css

@@ -0,0 +1,9 @@
+.sr-copy-button {
+  width: 20px;
+  height: 20px;
+  margin-top: -1px;
+}
+.sr-copy-button .g-button {
+  margin-top: -2px;
+  margin-left: -2px;
+}

package/build/cjs/lib/unstable/kit/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CopyButtonProps {
+    className?: string;
+    copy?: boolean;
+    value: unknown;
+}
+export declare const CopyButton: React.FC<CopyButtonProps>;