@gravity-ui/dynamic-forms 5.23.0 → 5.24.0

package/build/cjs/lib/unstable/kit/form-entities/DateInput/DateInput.js

@@ -10,9 +10,10 @@ const constants_1 = require("../../constants");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('date-input');
 const DateInput = ({ input, meta, props, schema, }) => {
-    var _a;
+    var _a, _b;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { format = constants_1.DEFAULT_DATE_FORMAT, outputFormat, timeZone: timeZoneProp } = props, restEntityProps = tslib_1.__rest(props, ["format", "outputFormat", "timeZone"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const timeZone = timeZoneProp && (0, date_utils_1.isValidTimeZone)(timeZoneProp) ? timeZoneProp : undefined;
     const onUpdate = react_1.default.useCallback((date) => {
         if (!date) {
@@ -42,6 +43,6 @@ const DateInput = ({ input, meta, props, schema, }) => {
     }, [outputFormat, onChange]);
     const value = react_1.default.useMemo(() => (0, utils_1.parseDate)(inputValue, outputFormat, timeZone), [inputValue, outputFormat, timeZone]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(date_components_1.DatePicker, Object.assign({ format: format, popupPlacement: "bottom-start", placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, hasClear: true }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, timeZone: timeZone, errorMessage: undefined, validationState: undefined, "data-qa": name }))));
+        react_1.default.createElement(date_components_1.DatePicker, Object.assign({ format: format, popupPlacement: "bottom-start", placeholder: `${((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: disabled || schema.readOnly, hasClear: true }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, timeZone: timeZone, errorMessage: undefined, validationState: undefined, "data-qa": name }))));
 };
 exports.DateInput = DateInput;

package/build/cjs/lib/unstable/kit/form-entities/FileInput/FileInput.js

@@ -9,8 +9,10 @@ const unstable_1 = require("@gravity-ui/uikit/unstable");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const FileInput = ({ input, meta, props, schema, }) => {
+    var _a;
     const { onBlur, onChange, onFocus } = input;
     const { readAsMethod = 'readAsBinaryString' } = props, restEntityProps = tslib_1.__rest(props, ["readAsMethod"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const counterRef = react_1.default.useRef(0);
     const [file, setFile] = react_1.default.useState(null);
     const actions = react_1.default.useMemo(() => [
@@ -48,6 +50,6 @@ const FileInput = ({ input, meta, props, schema, }) => {
             react_1.default.createElement(uikit_1.FilePreview, { file: file, actions: actions })));
     }
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
-        react_1.default.createElement(unstable_1.unstable_FileDropZone, Object.assign({ disabled: schema.readOnly, accept: [] }, restEntityProps, { onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), multiple: false }))));
+        react_1.default.createElement(unstable_1.unstable_FileDropZone, Object.assign({ disabled: disabled || schema.readOnly, accept: [] }, restEntityProps, { onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), multiple: false }))));
 };
 exports.FileInput = FileInput;

package/build/cjs/lib/unstable/kit/form-entities/MultiSelectInput/MultiSelectInput.js

@@ -6,11 +6,13 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
 const components_1 = require("../../components");
+const constants_1 = require("../../constants");
 const utils_1 = require("../../utils");
 const MultiSelectInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { enumDescriptions, optionsMeta } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsMeta"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const value = react_1.default.useMemo(() => (Array.isArray(inputValue) && inputValue.every(isString_1.default) ? inputValue : undefined), [inputValue]);
     const enumValues = schema.items && 'enum' in schema.items ? schema.items.enum : undefined;
     const options = react_1.default.useMemo(() => {
@@ -33,6 +35,6 @@ const MultiSelectInput = ({ input, meta, props, schema, }) => {
     const renderOption = react_1.default.useCallback((option) => (react_1.default.createElement(react_1.default.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
     const getOptionHeight = react_1.default.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
-        react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: ((enumValues === null || enumValues === void 0 ? void 0 : enumValues.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: `${((_b = (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), multiple: true, qa: name }))));
+        react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: ((enumValues === null || enumValues === void 0 ? void 0 : enumValues.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: `${((_c = (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c[0]) || constants_1.DASH}`, disabled: disabled || schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), multiple: true, qa: name }))));
 };
 exports.MultiSelectInput = MultiSelectInput;

package/build/cjs/lib/unstable/kit/form-entities/NumberInput/NumberInput.js

@@ -8,9 +8,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('number-input');
 const NumberInput = ({ input, meta, props, schema, }) => {
-    var _a;
+    var _a, _b;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.NumberInput, Object.assign({ min: schema.minimum, max: schema.maximum, step: schema.multipleOf || 1, placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, allowDecimal: true, hasClear: true }, props, { value: value === undefined ? null : value, defaultValue: schema.default, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+        react_1.default.createElement(uikit_1.NumberInput, Object.assign({ min: schema.minimum, max: schema.maximum, step: schema.multipleOf || 1, placeholder: `${((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: disabled || schema.readOnly, allowDecimal: true, hasClear: true }, props, { value: value === undefined ? null : value, defaultValue: schema.default, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
 };
 exports.NumberInput = NumberInput;

package/build/cjs/lib/unstable/kit/form-entities/NumberWithScaleInput/NumberWithScaleInput.js

@@ -9,9 +9,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('number-with-scale-input');
 const NumberWithScaleInput = ({ input, meta, props, schema, }) => {
-    var _a;
+    var _a, _b;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { defaultType, viewType, scale, max, min, step } = props, restEntityProps = tslib_1.__rest(props, ["defaultType", "viewType", "scale", "max", "min", "step"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const scaleKit = react_1.default.useMemo(() => {
         if (scale) {
             const preparedScale = {};
@@ -69,7 +70,7 @@ const NumberWithScaleInput = ({ input, meta, props, schema, }) => {
     }, [max, min, step, inputValue, onChange, scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale, scaleValue, schema]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }), direction: "row", gap: 2 },
         react_1.default.createElement("div", { className: b('input') },
-            react_1.default.createElement(uikit_1.NumberInput, Object.assign({ placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, allowDecimal: true, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))),
+            react_1.default.createElement(uikit_1.NumberInput, Object.assign({ placeholder: `${((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: disabled || schema.readOnly, allowDecimal: true, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))),
         scaleOptions.length ? (react_1.default.createElement("div", { style: { width: scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.minScaleLength } },
             react_1.default.createElement(uikit_1.Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false }))) : null));
 };

package/build/cjs/lib/unstable/kit/form-entities/PasswordInput/PasswordInput.js

@@ -8,9 +8,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('password-input');
 const PasswordInput = ({ input, meta, props, schema, }) => {
-    var _a;
+    var _a, _b;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.PasswordInput, Object.assign({ autoComplete: "new-password", placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: value !== null && value !== void 0 ? value : '', onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+        react_1.default.createElement(uikit_1.PasswordInput, Object.assign({ autoComplete: "new-password", placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], disabled: disabled || schema.readOnly, hasClear: true }, props, { value: value !== null && value !== void 0 ? value : '', onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
 };
 exports.PasswordInput = PasswordInput;

package/build/cjs/lib/unstable/kit/form-entities/RadioGroupInput/RadioGroupInput.js

@@ -8,8 +8,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('radio-group-input');
 const RadioGroupInput = ({ input, meta, props, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
     const { enumDescriptions, optionsDisabled, direction = 'horizontal' } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsDisabled", "direction"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const options = react_1.default.useMemo(() => {
         var _a;
         return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => ({
@@ -19,6 +21,6 @@ const RadioGroupInput = ({ input, meta, props, schema, }) => {
         }));
     }, [enumDescriptions, optionsDisabled, schema.enum]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", className: b({ error: (0, utils_1.getBooleanValidationState)(meta), direction }), justifyContent: "center" },
-        react_1.default.createElement(uikit_1.RadioGroup, Object.assign({ options: options, disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, direction: direction, qa: name }))));
+        react_1.default.createElement(uikit_1.RadioGroup, Object.assign({ options: options, disabled: disabled || schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, direction: direction, qa: name }))));
 };
 exports.RadioGroupInput = RadioGroupInput;

package/build/cjs/lib/unstable/kit/form-entities/RangeSliderInput/RangeSliderInput.js

@@ -7,22 +7,23 @@ const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const RangeSliderInput = ({ input, meta, props, schema, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { propertyKeys } = props, restEntityProps = tslib_1.__rest(props, ["propertyKeys"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const [fromKey, toKey] = propertyKeys || ['from', 'to'];
-    const min = ((_a = schema.properties) === null || _a === void 0 ? void 0 : _a[fromKey]) && 'minimum' in schema.properties[fromKey]
-        ? (_c = (_b = schema.properties) === null || _b === void 0 ? void 0 : _b[fromKey]) === null || _c === void 0 ? void 0 : _c.minimum
+    const min = ((_b = schema.properties) === null || _b === void 0 ? void 0 : _b[fromKey]) && 'minimum' in schema.properties[fromKey]
+        ? (_d = (_c = schema.properties) === null || _c === void 0 ? void 0 : _c[fromKey]) === null || _d === void 0 ? void 0 : _d.minimum
         : undefined;
-    const max = ((_d = schema.properties) === null || _d === void 0 ? void 0 : _d[toKey]) && 'maximum' in schema.properties[toKey]
-        ? (_f = (_e = schema.properties) === null || _e === void 0 ? void 0 : _e[toKey]) === null || _f === void 0 ? void 0 : _f.maximum
+    const max = ((_e = schema.properties) === null || _e === void 0 ? void 0 : _e[toKey]) && 'maximum' in schema.properties[toKey]
+        ? (_g = (_f = schema.properties) === null || _f === void 0 ? void 0 : _f[toKey]) === null || _g === void 0 ? void 0 : _g.maximum
         : undefined;
     const value = isNaN(Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey])) || isNaN(Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey]))
         ? undefined
         : [Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey]), Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey])];
-    const defaultValue = isNaN(Number((_g = schema.default) === null || _g === void 0 ? void 0 : _g[fromKey])) || isNaN(Number((_h = schema.default) === null || _h === void 0 ? void 0 : _h[toKey]))
+    const defaultValue = isNaN(Number((_h = schema.default) === null || _h === void 0 ? void 0 : _h[fromKey])) || isNaN(Number((_j = schema.default) === null || _j === void 0 ? void 0 : _j[toKey]))
         ? undefined
-        : [Number((_j = schema.default) === null || _j === void 0 ? void 0 : _j[fromKey]), Number((_k = schema.default) === null || _k === void 0 ? void 0 : _k[toKey])];
+        : [Number((_k = schema.default) === null || _k === void 0 ? void 0 : _k[fromKey]), Number((_l = schema.default) === null || _l === void 0 ? void 0 : _l[toKey])];
     const onUpdate = react_1.default.useCallback((next) => {
         if (!Array.isArray(next)) {
             return;
@@ -30,6 +31,6 @@ const RangeSliderInput = ({ input, meta, props, schema, }) => {
         onChange({ [fromKey]: next[0], [toKey]: next[1] });
     }, [fromKey, toKey, onChange]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
-        react_1.default.createElement(uikit_1.Slider, Object.assign({ min: min, max: max, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, restEntityProps, { defaultValue: defaultValue, value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+        react_1.default.createElement(uikit_1.Slider, Object.assign({ min: min, max: max, step: 1, marks: 2, disabled: disabled || schema.readOnly, tooltipDisplay: "on" }, restEntityProps, { defaultValue: defaultValue, value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
 };
 exports.RangeSliderInput = RangeSliderInput;

package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.js

@@ -8,8 +8,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('segmented-radio-group-input');
 const SegmentedRadioGroupInput = ({ input, meta, props, schema }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
     const { enumDescriptions, optionsDisabled } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsDisabled"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const options = react_1.default.useMemo(() => {
         var _a;
         return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => ({
@@ -24,6 +26,6 @@ const SegmentedRadioGroupInput = ({ input, meta, props, schema }) => {
         onBlur();
     }, [onBlur, onChange, onFocus]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.SegmentedRadioGroup, Object.assign({ width: "max", disabled: schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+        react_1.default.createElement(uikit_1.SegmentedRadioGroup, Object.assign({ width: "max", disabled: disabled || schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
 };
 exports.SegmentedRadioGroupInput = SegmentedRadioGroupInput;

package/build/cjs/lib/unstable/kit/form-entities/SelectInput/SelectInput.js

@@ -6,11 +6,13 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
 const components_1 = require("../../components");
+const constants_1 = require("../../constants");
 const utils_1 = require("../../utils");
 const SelectInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { enumDescriptions, optionsMeta } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsMeta"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const value = react_1.default.useMemo(() => ((0, isString_1.default)(inputValue) ? [inputValue] : undefined), [inputValue]);
     const onUpdate = react_1.default.useCallback((v) => onChange(v[0]), [onChange]);
     const options = react_1.default.useMemo(() => {
@@ -30,6 +32,6 @@ const SelectInput = ({ input, meta, props, schema, }) => {
     const renderOption = react_1.default.useCallback((option) => (react_1.default.createElement(react_1.default.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
     const getOptionHeight = react_1.default.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
-        react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: ((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || '', disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+        react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: (((_b = schema.enum) === null || _b === void 0 ? void 0 : _b.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: ((_c = schema.examples) === null || _c === void 0 ? void 0 : _c[0]) || constants_1.DASH, disabled: disabled || schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
 };
 exports.SelectInput = SelectInput;

package/build/cjs/lib/unstable/kit/form-entities/SliderInput/SliderInput.js

@@ -7,7 +7,9 @@ const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const SliderInput = ({ input, meta, props, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const value = isNaN(Number(inputValue)) ? undefined : Number(inputValue);
     const onUpdate = react_1.default.useCallback((next) => {
         if (Array.isArray(next)) {
@@ -16,6 +18,6 @@ const SliderInput = ({ input, meta, props, schema, }) => {
         onChange(next);
     }, [onChange]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
-        react_1.default.createElement(uikit_1.Slider, Object.assign({ min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, props, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+        react_1.default.createElement(uikit_1.Slider, Object.assign({ min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: disabled || schema.readOnly, tooltipDisplay: "on" }, props, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
 };
 exports.SliderInput = SliderInput;

package/build/cjs/lib/unstable/kit/form-entities/StringInput/StringInput.js

@@ -8,8 +8,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('string-input');
 const StringInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.TextInput, Object.assign({ placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: input.name, type: "text" }))));
+        react_1.default.createElement(uikit_1.TextInput, Object.assign({ placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], disabled: disabled || schema.readOnly, hasClear: true }, props, { value: (_c = input.value) !== null && _c !== void 0 ? _c : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: input.name, type: "text" }))));
 };
 exports.StringInput = StringInput;

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.js

@@ -9,9 +9,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('string-number-with-scale-input');
 const StringNumberWithScaleInput = ({ input, meta, props, schema }) => {
-    var _a;
+    var _a, _b;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { defaultType, viewType, scale } = props, restEntityProps = tslib_1.__rest(props, ["defaultType", "viewType", "scale"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const scaleKit = react_1.default.useMemo(() => {
         if (scale) {
             const preparedScale = {};
@@ -74,8 +75,8 @@ const StringNumberWithScaleInput = ({ input, meta, props, schema }) => {
     }, [inputValue, onChange, scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale, scaleValue, schema]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }), direction: "row", gap: 2 },
         react_1.default.createElement("div", { className: b('input') },
-            react_1.default.createElement(uikit_1.TextInput, Object.assign({ placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))),
+            react_1.default.createElement(uikit_1.TextInput, Object.assign({ placeholder: `${((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: disabled || schema.readOnly, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))),
         scaleOptions.length ? (react_1.default.createElement("div", { style: { width: scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.minScaleLength } },
-            react_1.default.createElement(uikit_1.Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false, disabled: schema.readOnly || meta.error, qa: `${name}-scale` }))) : null));
+            react_1.default.createElement(uikit_1.Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false, disabled: disabled || schema.readOnly || meta.error, qa: `${name}-scale` }))) : null));
 };
 exports.StringNumberWithScaleInput = StringNumberWithScaleInput;

package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.js

@@ -8,13 +8,15 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('switch-input');
 const SwitchInput = ({ input, meta, props, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const onUpdate = react_1.default.useCallback((value) => {
         onFocus();
         onChange(value);
         onBlur();
     }, [onBlur, onChange, onFocus]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }), justifyContent: "center" },
-        react_1.default.createElement(uikit_1.Switch, Object.assign({ disabled: schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+        react_1.default.createElement(uikit_1.Switch, Object.assign({ disabled: disabled || schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
 };
 exports.SwitchInput = SwitchInput;

package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.js

@@ -8,8 +8,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('text-area-input');
 const TextAreaInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.TextArea, Object.assign({ maxRows: 20, minRows: 0, placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: input.name }))));
+        react_1.default.createElement(uikit_1.TextArea, Object.assign({ maxRows: 20, minRows: 0, placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], disabled: disabled || schema.readOnly, hasClear: true }, props, { value: (_c = input.value) !== null && _c !== void 0 ? _c : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: input.name }))));
 };
 exports.TextAreaInput = TextAreaInput;

package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/FormColumn.js

@@ -8,23 +8,25 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('form-column');
 const FormColumn = ({ children, headName, input, meta, schema, props, }) => {
+    var _a;
+    const { hidden, required } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = react_1.default.useMemo(() => {
         if (!schema.description || props.descriptionType === 'bottom') {
             return null;
         }
         return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
-            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
-    }, [schema.description, props.descriptionType]);
+            react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description, props.descriptionType]);
     const bottomDescription = react_1.default.useMemo(() => {
         if (!schema.description || props.descriptionType !== 'bottom') {
             return null;
         }
-        return react_1.default.createElement(components_1.HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, props.descriptionType]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 2 },
+        return react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName, color: "secondary" });
+    }, [headName, schema.description, props.descriptionType]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 2, hidden: hidden },
         react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5 },
             react_1.default.createElement("div", { className: b('top') },
-                react_1.default.createElement(uikit_1.Text, { className: b('title', { required: props.required }), wordBreak: "break-word" }, schema.title),
+                react_1.default.createElement(uikit_1.Text, { className: b('title', { required }), wordBreak: "break-word" }, schema.title),
                 tooltip,
                 react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName })),
             bottomDescription),

package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.js

@@ -8,22 +8,24 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('form-row');
 const FormRow = ({ children, headName, input, meta, schema, props, }) => {
+    var _a;
+    const { hidden, required } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = react_1.default.useMemo(() => {
         if (!schema.description || props.descriptionType === 'bottom') {
             return null;
         }
         return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
-            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
-    }, [schema.description, props.descriptionType]);
+            react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description, props.descriptionType]);
     const bottomDescription = react_1.default.useMemo(() => {
         if (!schema.description || props.descriptionType !== 'bottom') {
             return null;
         }
-        return react_1.default.createElement(components_1.HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, props.descriptionType]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2 },
+        return react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName, color: "secondary" });
+    }, [headName, schema.description, props.descriptionType]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hidden: hidden },
         react_1.default.createElement("div", { className: b('left') },
-            react_1.default.createElement(uikit_1.Text, { className: b('title', { required: props.required }), wordBreak: "break-word" }, schema.title),
+            react_1.default.createElement(uikit_1.Text, { className: b('title', { required }), wordBreak: "break-word" }, schema.title),
             tooltip),
         react_1.default.createElement(uikit_1.Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
             react_1.default.createElement(uikit_1.Flex, { grow: 1, gap: 2 },

package/build/cjs/lib/unstable/kit/index.d.ts

@@ -3,6 +3,7 @@ export * from './constants';
 export * from './entities';
 export * from './form-entities';
 export * from './form-layouts';
+export * from './layouts';
 export * from './overview-entities';
 export * from './overview-layouts';
 export * from './utils/common';

package/build/cjs/lib/unstable/kit/index.js

@@ -6,6 +6,7 @@ tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./entities"), exports);
 tslib_1.__exportStar(require("./form-entities"), exports);
 tslib_1.__exportStar(require("./form-layouts"), exports);
+tslib_1.__exportStar(require("./layouts"), exports);
 tslib_1.__exportStar(require("./overview-entities"), exports);
 tslib_1.__exportStar(require("./overview-layouts"), exports);
 tslib_1.__exportStar(require("./utils/common"), exports);

package/build/cjs/lib/unstable/kit/layouts/Accordeon/Accordeon.js

@@ -10,7 +10,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('accordeon');
 const Accordeon = ({ children, headName, input, meta, mode, schema, props, }) => {
-    const { copy, required, titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = tslib_1.__rest(props, ["copy", "required", "titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
+    var _a;
+    const { titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = tslib_1.__rest(props, ["titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
+    const { copy, required, hidden, open } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const summary = react_1.default.useMemo(() => {
         const stopPropagation = (event) => {
@@ -22,7 +24,7 @@ const Accordeon = ({ children, headName, input, meta, mode, schema, props, }) =>
                     react_1.default.createElement(uikit_1.Icon, { data: props.expanded ? icons_1.ChevronUp : icons_1.ChevronDown }),
                     react_1.default.createElement(uikit_1.Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)))))),
             schema.description ? (react_1.default.createElement(uikit_1.HelpMark, { onClick: stopPropagation },
-                react_1.default.createElement(components_1.HTMLContent, { html: schema.description }))) : null,
+                react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName }))) : null,
             overviewFlag ? (react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
             overviewFlag ? null : (react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName, onClick: stopPropagation }))));
     }, [
@@ -38,8 +40,8 @@ const Accordeon = ({ children, headName, input, meta, mode, schema, props, }) =>
         togglerProps,
         withDefaultSummary,
     ]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b({ 'without-default-summary': !withDefaultSummary }), hideEmpty: overviewFlag },
-        react_1.default.createElement(uikit_1.Disclosure, Object.assign({ summary: summary, defaultExpanded: true }, restLayoutProps),
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b({ 'without-default-summary': !withDefaultSummary }), hideEmpty: overviewFlag, hidden: hidden },
+        react_1.default.createElement(uikit_1.Disclosure, Object.assign({ summary: summary, defaultExpanded: open }, restLayoutProps),
             react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5, grow: 1 },
                 react_1.default.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children),
                 overviewFlag ? null : (react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))))));

package/build/cjs/lib/unstable/kit/layouts/Card/Card.js

@@ -10,7 +10,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('card');
 const Card = ({ children, headName, input, meta, mode, schema, props, }) => {
-    const { copy, descriptionType = 'tooltip', likeAccordeon = true, open = true, required } = props, restLayoutProps = tslib_1.__rest(props, ["copy", "descriptionType", "likeAccordeon", "open", "required"]);
+    var _a;
+    const { descriptionType = 'tooltip', likeAccordeon = true } = props, restLayoutProps = tslib_1.__rest(props, ["descriptionType", "likeAccordeon"]);
+    const { copy, required, hidden, open = true } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const [visible, setVisible] = react_1.default.useState(likeAccordeon ? open : true);
     const toggleVisible = react_1.default.useCallback(() => {
@@ -21,15 +23,15 @@ const Card = ({ children, headName, input, meta, mode, schema, props, }) => {
             return null;
         }
         return (react_1.default.createElement(uikit_1.HelpMark, null,
-            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
-    }, [schema.description, descriptionType]);
+            react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description, descriptionType]);
     const bottomDescription = react_1.default.useMemo(() => {
         if (!schema.description || descriptionType !== 'bottom' || overviewFlag) {
             return null;
         }
-        return react_1.default.createElement(components_1.HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, descriptionType, overviewFlag]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), hideEmpty: overviewFlag },
+        return react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName, color: "secondary" });
+    }, [headName, schema.description, descriptionType, overviewFlag]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), hideEmpty: overviewFlag, hidden: hidden },
         react_1.default.createElement(uikit_1.Card, Object.assign({}, restLayoutProps, { className: b('card') }),
             react_1.default.createElement("div", { className: b('inner', { hidden: !visible }) },
                 react_1.default.createElement(uikit_1.Flex, { className: b('header'), direction: "column", justifyContent: "center" },

package/build/cjs/lib/unstable/kit/layouts/Section/Section.js

@@ -9,22 +9,24 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('section');
 const Section = ({ children, headName, input, meta, mode, schema, props, }) => {
-    const { copy, descriptionType = 'tooltip', required, withIndent = false } = props, restLayoutProps = tslib_1.__rest(props, ["copy", "descriptionType", "required", "withIndent"]);
+    var _a;
+    const { descriptionType = 'tooltip', withIndent = false } = props, restLayoutProps = tslib_1.__rest(props, ["descriptionType", "withIndent"]);
+    const { copy, required, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const tooltip = react_1.default.useMemo(() => {
         if (!schema.description || descriptionType === 'bottom') {
             return null;
         }
         return (react_1.default.createElement(uikit_1.HelpMark, null,
-            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
-    }, [schema.description, descriptionType]);
+            react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description, descriptionType]);
     const bottomDescription = react_1.default.useMemo(() => {
         if (!schema.description || descriptionType !== 'bottom' || overviewFlag) {
             return null;
         }
-        return (react_1.default.createElement(components_1.HTMLContent, { className: (0, uikit_1.spacing)({ mb: 2 }), html: schema.description, color: "secondary" }));
-    }, [schema.description, descriptionType, overviewFlag]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 0.5, hideEmpty: overviewFlag },
+        return (react_1.default.createElement(components_1.HTMLContent, { className: (0, uikit_1.spacing)({ mb: 2 }), content: schema.description, color: "secondary", headName: headName }));
+    }, [headName, schema.description, descriptionType, overviewFlag]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 0.5, hideEmpty: overviewFlag, hidden: hidden },
         react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 4 },
             react_1.default.createElement(uikit_1.Flex, { direction: "column" },
                 react_1.default.createElement(uikit_1.Flex, { className: b('header'), gap: 2, alignItems: "center" },

package/build/cjs/lib/unstable/kit/layouts/Transparent/Transparent.js

@@ -9,13 +9,15 @@ const core_1 = require("../../../core");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('transparent');
-const Transparent = ({ children, headName, input, meta, mode, props, }) => {
+const Transparent = ({ children, headName, input, meta, mode, props, schema, }) => {
+    var _a;
+    const { copy, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 0.5, hideEmpty: (0, isBoolean_1.default)(props.hideEmpty) ? props.hideEmpty : overviewFlag },
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 0.5, hideEmpty: (0, isBoolean_1.default)(props.hideEmpty) ? props.hideEmpty : overviewFlag, hidden: hidden },
         react_1.default.createElement(uikit_1.Flex, { gap: 2 },
             children,
             overviewFlag ? null : react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName }),
-            overviewFlag ? (react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })) : null),
+            overviewFlag ? (react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null),
         overviewFlag ? null : (react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))));
 };
 exports.Transparent = Transparent;

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.js

@@ -7,15 +7,17 @@ const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('overview-column');
-const OverviewColumn = ({ children, input, schema, props }) => {
+const OverviewColumn = ({ children, headName, input, schema }) => {
+    var _a;
+    const { copy, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = react_1.default.useMemo(() => {
         if (!schema.description) {
             return null;
         }
         return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
-            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
-    }, [schema.description]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 2, hideEmpty: true },
+            react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 2, hidden: hidden, hideEmpty: true },
         react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5, grow: 1 },
             react_1.default.createElement("div", { className: b('top') },
                 react_1.default.createElement(uikit_1.Text, { className: b('title'), color: "secondary", wordBreak: "break-word" }, schema.title),
@@ -23,6 +25,6 @@ const OverviewColumn = ({ children, input, schema, props }) => {
         react_1.default.createElement(uikit_1.Flex, { className: b('bottom'), direction: "column", gap: 0.5, grow: 1 },
             react_1.default.createElement(uikit_1.Flex, { grow: 1, gap: 2 },
                 children,
-                react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+                react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })))));
 };
 exports.OverviewColumn = OverviewColumn;

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.js

@@ -7,15 +7,17 @@ const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('overview-row');
-const OverviewRow = ({ children, input, schema, props }) => {
+const OverviewRow = ({ children, headName, input, schema }) => {
+    var _a;
+    const { copy, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = react_1.default.useMemo(() => {
         if (!schema.description) {
             return null;
         }
         return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
-            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
-    }, [schema.description]);
-    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hideEmpty: true },
+            react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hidden: hidden, hideEmpty: true },
         react_1.default.createElement("div", { className: b('left') },
             react_1.default.createElement(uikit_1.Text, { className: b('title'), color: "secondary", wordBreak: "break-all" }, schema.title),
             tooltip,
@@ -23,6 +25,6 @@ const OverviewRow = ({ children, input, schema, props }) => {
         react_1.default.createElement(uikit_1.Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
             react_1.default.createElement(uikit_1.Flex, { grow: 1, gap: 2 },
                 children,
-                react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+                react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })))));
 };
 exports.OverviewRow = OverviewRow;