@gravity-ui/dynamic-forms 3.6.1 → 3.8.0

package/build/cjs/lib/kit/components/Inputs/ObjectBase/ObjectBase.css

@@ -8,4 +8,10 @@
 }
 .df-object-base__content_inline > .df-use-search:last-child {
   margin-right: 0;
+}
+.df-object-base__delimiter {
+  display: flex;
+  margin-right: 8px;
+  align-items: center;
+  white-space: nowrap;
 }

package/build/cjs/lib/kit/components/Inputs/ObjectBase/ObjectBase.js

@@ -5,7 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('object-base');
@@ -17,10 +18,10 @@ const ObjectBase = (_a) => {
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
             spec.viewSpec.layoutTitle || null));
     }, [spec.defaultValue, spec.viewSpec.layoutTitle, restProps.input.onChange]);
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => restProps.input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${restProps.input.name}.`).join(''), childValue), childErrors), [restProps.input.onChange, restProps.input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => restProps.input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${restProps.input.name}.`).join(''), childValue), childErrors), [restProps.input.onChange, restProps.input.name]);
     const content = react_1.default.useMemo(() => {
         if (!spec.properties ||
-            !lodash_1.default.isObjectLike(spec.properties) ||
+            !(0, isObjectLike_1.default)(spec.properties) ||
             !Object.keys(spec.properties || {}).length) {
             return null;
         }
@@ -30,12 +31,17 @@ const ObjectBase = (_a) => {
         const specProperties = inline
             ? (0, utils_1.filterPropertiesForObjectInline)(spec.properties)
             : spec.properties;
-        return (react_1.default.createElement("div", { className: b('content', { inline }) }, (spec.viewSpec.order || Object.keys(specProperties)).map((property) => {
+        const delimiter = spec.viewSpec.delimiter;
+        const orderProperties = spec.viewSpec.order || Object.keys(specProperties);
+        return (react_1.default.createElement("div", { className: b('content', { inline }) }, orderProperties.map((property) => {
             var _a;
-            return specProperties[property] ? (react_1.default.createElement(core_1.Controller, { value: (_a = restProps.input.value) === null || _a === void 0 ? void 0 : _a[property], spec: specProperties[property], name: `${name ? name + '.' : ''}${property}`, parentOnChange: parentOnChange, parentOnUnmount: restProps.input.parentOnUnmount, key: `${name ? name + '.' : ''}${property}` })) : null;
+            return specProperties[property] ? (react_1.default.createElement(react_1.default.Fragment, { key: `${name ? name + '.' : ''}${property}` },
+                react_1.default.createElement(core_1.Controller, { value: (_a = restProps.input.value) === null || _a === void 0 ? void 0 : _a[property], spec: specProperties[property], name: `${name ? name + '.' : ''}${property}`, parentOnChange: parentOnChange, parentOnUnmount: restProps.input.parentOnUnmount }),
+                delimiter && delimiter[property] ? (react_1.default.createElement(uikit_1.Text, { className: b('delimiter') }, delimiter[property])) : null)) : null;
         })));
     }, [
         spec.properties,
+        spec.viewSpec.delimiter,
         spec.viewSpec.order,
         restProps.input.value,
         restProps.input.parentOnUnmount,

package/build/cjs/lib/kit/components/Inputs/ObjectValueInput/ObjectValueInput.js

@@ -5,15 +5,15 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const core_1 = require("../../../../core");
-const OBJECT_VALUE_PROPERTY_NAME = 'value';
+const common_1 = require("../../../constants/common");
 const ObjectValueInput = (props) => {
     var _a;
     const { spec, input, name, Layout } = props;
     const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const childSpec = react_1.default.useMemo(() => {
         var _a;
-        if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME]) {
-            const childSpec = lodash_1.default.cloneDeep(spec.properties[OBJECT_VALUE_PROPERTY_NAME]);
+        if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[common_1.OBJECT_VALUE_PROPERTY_NAME]) {
+            const childSpec = lodash_1.default.cloneDeep(spec.properties[common_1.OBJECT_VALUE_PROPERTY_NAME]);
             childSpec.viewSpec.layout = 'transparent';
             return childSpec;
         }
@@ -22,7 +22,7 @@ const ObjectValueInput = (props) => {
     if (!childSpec) {
         return null;
     }
-    const content = (react_1.default.createElement(core_1.Controller, { value: (_a = input.value) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME], spec: childSpec, name: `${name}.${OBJECT_VALUE_PROPERTY_NAME}`, key: `${name}.${OBJECT_VALUE_PROPERTY_NAME}`, parentOnChange: parentOnChange, parentOnUnmount: input.parentOnUnmount }));
+    const content = (react_1.default.createElement(core_1.Controller, { value: (_a = input.value) === null || _a === void 0 ? void 0 : _a[common_1.OBJECT_VALUE_PROPERTY_NAME], spec: childSpec, name: `${name}.${common_1.OBJECT_VALUE_PROPERTY_NAME}`, key: `${name}.${common_1.OBJECT_VALUE_PROPERTY_NAME}`, parentOnChange: parentOnChange, parentOnUnmount: input.parentOnUnmount }));
     if (Layout) {
         return react_1.default.createElement(Layout, Object.assign({}, props), content);
     }

package/build/cjs/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.css

@@ -8,4 +8,10 @@
 }
 .df-object-base-view__content_inline > div:last-child {
   margin-right: 0;
+}
+.df-object-base-view__delimiter {
+  display: flex;
+  margin-right: 8px;
+  align-items: center;
+  white-space: nowrap;
 }

package/build/cjs/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.js

@@ -3,20 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ObjectInlineView = exports.ObjectBaseView = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('object-base-view');
 const ObjectBaseView = (_a) => {
     var { inline, spec, name, Layout } = _a, restProps = tslib_1.__rest(_a, ["inline", "spec", "name", "Layout"]);
-    if (!spec.properties || !lodash_1.default.isObjectLike(spec.properties)) {
-        return null;
-    }
-    const specProperties = inline
-        ? (0, utils_1.filterPropertiesForObjectInline)(spec.properties)
-        : spec.properties;
-    const content = (react_1.default.createElement("div", { className: b('content', { inline }) }, (spec.viewSpec.order || Object.keys(specProperties)).map((property) => specProperties[property] ? (react_1.default.createElement(core_1.ViewController, { spec: specProperties[property], name: `${name ? name + '.' : ''}${property}`, key: `${name ? name + '.' : ''}${property}` })) : null)));
-    if (!Layout) {
+    const content = react_1.default.useMemo(() => {
+        if (!spec.properties || !(0, isObjectLike_1.default)(spec.properties)) {
+            return null;
+        }
+        const specProperties = inline
+            ? (0, utils_1.filterPropertiesForObjectInline)(spec.properties)
+            : spec.properties;
+        const delimiter = spec.viewSpec.delimiter;
+        const orderProperties = spec.viewSpec.order || Object.keys(specProperties);
+        return (react_1.default.createElement("div", { className: b('content', { inline }) }, orderProperties.map((property) => specProperties[property] ? (react_1.default.createElement(react_1.default.Fragment, { key: `${name ? name + '.' : ''}${property}` },
+            react_1.default.createElement(core_1.ViewController, { spec: specProperties[property], name: `${name ? name + '.' : ''}${property}` }),
+            delimiter && delimiter[property] ? (react_1.default.createElement(uikit_1.Text, { className: b('delimiter') }, delimiter[property])) : null)) : null)));
+    }, [inline, name, spec.properties, spec.viewSpec.delimiter, spec.viewSpec.order]);
+    if (!Layout || !content) {
         return content;
     }
     return (react_1.default.createElement(Layout, Object.assign({ spec: spec, name: name }, restProps), content));

package/build/cjs/lib/kit/components/Views/ObjectValueInputView/ObjectValueInputView.js

@@ -5,13 +5,13 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const core_1 = require("../../../../core");
-const OBJECT_VALUE_PROPERTY_NAME = 'value';
+const common_1 = require("../../../constants/common");
 const ObjectValueInputView = (_a) => {
     var { spec, name, Layout } = _a, restProps = tslib_1.__rest(_a, ["spec", "name", "Layout"]);
     const childSpec = react_1.default.useMemo(() => {
         var _a;
-        if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME]) {
-            const childSpec = lodash_1.default.cloneDeep(spec.properties[OBJECT_VALUE_PROPERTY_NAME]);
+        if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[common_1.OBJECT_VALUE_PROPERTY_NAME]) {
+            const childSpec = lodash_1.default.cloneDeep(spec.properties[common_1.OBJECT_VALUE_PROPERTY_NAME]);
             childSpec.viewSpec.layout = '';
             return childSpec;
         }
@@ -20,7 +20,7 @@ const ObjectValueInputView = (_a) => {
     if (!childSpec) {
         return null;
     }
-    const content = (react_1.default.createElement(core_1.ViewController, { spec: childSpec, name: `${name ? name + '.' : ''}${OBJECT_VALUE_PROPERTY_NAME}` }));
+    const content = (react_1.default.createElement(core_1.ViewController, { spec: childSpec, name: `${name ? name + '.' : ''}${common_1.OBJECT_VALUE_PROPERTY_NAME}` }));
     if (Layout) {
         return (react_1.default.createElement(Layout, Object.assign({ spec: spec, name: name }, restProps), content));
     }

package/build/cjs/lib/kit/components/Views/OneOfView/OneOfView.js

@@ -9,15 +9,26 @@ const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('oneof-view');
 const OneOfViewComponent = (props) => {
+    var _a, _b;
     const { value = {}, spec, Layout, name } = props;
     const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specBooleanMap = react_1.default.useMemo(() => { var _a; return (_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap; }, [(_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap]);
     const valueKey = react_1.default.useMemo(() => Object.keys(value)[0], [value]);
     const valueName = react_1.default.useMemo(() => {
-        var _a, _b;
-        return (((_a = spec.description) === null || _a === void 0 ? void 0 : _a[valueKey]) ||
-            ((_b = specProperties[valueKey]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
+        var _a, _b, _c;
+        if (((_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.toggler) === 'checkbox' && specBooleanMap) {
+            return (0, utils_1.objectKeys)(specBooleanMap).find((key) => specBooleanMap[key] === valueKey);
+        }
+        return (((_b = spec.description) === null || _b === void 0 ? void 0 : _b[valueKey]) ||
+            ((_c = specProperties[valueKey]) === null || _c === void 0 ? void 0 : _c.viewSpec.layoutTitle) ||
             valueKey);
-    }, [valueKey, spec.description, specProperties]);
+    }, [
+        valueKey,
+        spec.description,
+        specProperties,
+        (_b = spec.viewSpec.oneOfParams) === null || _b === void 0 ? void 0 : _b.toggler,
+        specBooleanMap,
+    ]);
     const wrappedValue = react_1.default.useMemo(() => {
         if (Layout) {
             return (react_1.default.createElement(Layout, Object.assign({}, props, { value: valueName }),

package/build/cjs/lib/kit/constants/common.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COMMON_TITLE_MAX_WIDTH = exports.COMMON_POPOVER_PLACEMENT = void 0;
+exports.OBJECT_VALUE_PROPERTY_NAME = exports.COMMON_TITLE_MAX_WIDTH = exports.COMMON_POPOVER_PLACEMENT = void 0;
 exports.COMMON_POPOVER_PLACEMENT = ['bottom', 'top'];
 exports.COMMON_TITLE_MAX_WIDTH = 533;
+exports.OBJECT_VALUE_PROPERTY_NAME = 'value';

package/build/cjs/lib/kit/constants/config.js

@@ -37,6 +37,7 @@ exports.dynamicConfig = {
             row: components_1.Row,
             row_verbose: components_1.RowVerbose,
             table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
         },
         validators: {
             base: (0, validators_1.getBooleanValidator)(),
@@ -145,6 +146,7 @@ exports.dynamicViewConfig = {
             row: components_1.ViewRow,
             row_verbose: components_1.ViewRow,
             table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
         },
     },
     number: {

package/build/cjs/lib/kit/hooks/useOneOf/useOneOf.css

@@ -11,4 +11,9 @@
 }
 .df-use-oneof__card > :first-child {
   margin-right: 8px;
+}
+.df-use-oneof__checkbox {
+  height: 28px;
+  display: flex;
+  align-items: center;
 }

package/build/cjs/lib/kit/hooks/useOneOf/useOneOf.js

@@ -4,18 +4,20 @@ exports.useOneOf = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
+const some_1 = tslib_1.__importDefault(require("lodash/some"));
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('use-oneof');
 const MAX_TAB_TITLE_LENGTH = 20;
 const useOneOf = ({ props, onTogglerChange }) => {
-    var _a;
+    var _a, _b;
     const { name, input, spec, Layout } = props;
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = react_1.default.useMemo(() => ((0, isObjectLike_1.default)(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specBooleanMap = react_1.default.useMemo(() => { var _a; return (_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap; }, [(_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap]);
     const [oneOfValue, setOneOfValue] = react_1.default.useState(() => {
         let valueKeys;
-        if (lodash_1.default.isObjectLike(input.value)) {
+        if ((0, isObjectLike_1.default)(input.value)) {
             const keys = Object.keys(input.value);
             if (keys.length) {
                 valueKeys = keys;
@@ -30,6 +32,20 @@ const useOneOf = ({ props, onTogglerChange }) => {
             onTogglerChange === null || onTogglerChange === void 0 ? void 0 : onTogglerChange(newValue);
         }
     }, [setOneOfValue, input.onChange, oneOfValue]);
+    const onCheckboxChange = react_1.default.useCallback((checked) => {
+        if (specBooleanMap) {
+            const value = String(checked);
+            const newValue = specBooleanMap[value];
+            onOneOfChange([newValue]);
+        }
+    }, [onOneOfChange, specBooleanMap]);
+    const checkboxValue = react_1.default.useMemo(() => {
+        if (specBooleanMap) {
+            const keyBooleanMap = (0, utils_1.objectKeys)(specBooleanMap).find((key) => specBooleanMap[key] === oneOfValue);
+            return keyBooleanMap === 'true';
+        }
+        return undefined;
+    }, [oneOfValue, specBooleanMap]);
     const options = react_1.default.useMemo(() => (spec.viewSpec.order || Object.keys(specProperties)).map((value) => {
         var _a, _b;
         const title = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) ||
@@ -43,18 +59,23 @@ const useOneOf = ({ props, onTogglerChange }) => {
         };
     }), [spec.description, spec.viewSpec.order, specProperties]);
     const togglerType = react_1.default.useMemo(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (((_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.toggler) === 'card' && options.length < 3) {
             return 'card';
         }
         if (((_b = spec.viewSpec.oneOfParams) === null || _b === void 0 ? void 0 : _b.toggler) !== 'radio' &&
             (((_c = spec.viewSpec.oneOfParams) === null || _c === void 0 ? void 0 : _c.toggler) === 'select' ||
                 options.length > 3 ||
-                lodash_1.default.some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
+                (0, some_1.default)(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
             return 'select';
         }
+        if (((_d = spec.viewSpec.oneOfParams) === null || _d === void 0 ? void 0 : _d.toggler) === 'checkbox' &&
+            options.length === 2 &&
+            specBooleanMap) {
+            return 'checkbox';
+        }
         return 'radio';
-    }, [options, (_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.toggler]);
+    }, [options, (_b = spec.viewSpec.oneOfParams) === null || _b === void 0 ? void 0 : _b.toggler, specBooleanMap]);
     const togglerInput = react_1.default.useMemo(() => {
         if (togglerType === 'card') {
             return (react_1.default.createElement("div", { className: b('card') }, options.map(({ value }) => {
@@ -68,15 +89,22 @@ const useOneOf = ({ props, onTogglerChange }) => {
         if (togglerType === 'select') {
             return (react_1.default.createElement(uikit_1.Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: spec.viewSpec.disabled, filterable: options.length > 7, qa: name }));
         }
+        if (togglerType === 'checkbox') {
+            return (react_1.default.createElement("div", { className: b('checkbox') },
+                react_1.default.createElement(uikit_1.Checkbox, { checked: checkboxValue, onUpdate: onCheckboxChange, disabled: spec.viewSpec.disabled, qa: name })));
+        }
         return (react_1.default.createElement(uikit_1.RadioButton, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: spec.viewSpec.disabled, qa: name }, options.map((option) => (react_1.default.createElement(uikit_1.RadioButton.Option, { key: option.value, value: option.value }, option.title)))));
     }, [
         togglerType,
         oneOfValue,
         spec.viewSpec.disabled,
+        spec.description,
         name,
         options,
         onOneOfChange,
         specProperties,
+        onCheckboxChange,
+        checkboxValue,
     ]);
     const toggler = react_1.default.useMemo(() => {
         if (Layout) {

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

@@ -5,3 +5,4 @@ tslib_1.__exportStar(require("./cn"), exports);
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./bigIntMath"), exports);
 tslib_1.__exportStar(require("./objectInline"), exports);
+tslib_1.__exportStar(require("./objectKeys"), exports);

package/build/cjs/lib/kit/utils/objectInline.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterPropertiesForObjectInline = void 0;
 const core_1 = require("../../core");
 const filterPropertiesForObjectInline = (properties) => {
-    return Object.fromEntries(Object.entries(properties).filter(([, propSpec]) => (0, core_1.isStringSpec)(propSpec) || (0, core_1.isNumberSpec)(propSpec)));
+    return Object.fromEntries(Object.entries(properties).filter(([, propSpec]) => (0, core_1.isStringSpec)(propSpec) || (0, core_1.isNumberSpec)(propSpec) || (0, core_1.isBooleanSpec)(propSpec)));
 };
 exports.filterPropertiesForObjectInline = filterPropertiesForObjectInline;

package/build/cjs/lib/kit/utils/objectKeys.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.objectKeys = void 0;
+function objectKeys(obj) {
+    return Object.keys(obj);
+}
+exports.objectKeys = objectKeys;

package/build/cjs/lib/kit/validators/validators.js

@@ -7,8 +7,8 @@ const validators_1 = require("../validators");
 const helpers_1 = require("./helpers");
 const getArrayValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, customErrorMessages } = params;
-    const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
     return (spec, value) => {
+        const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
         const valueLength = (value === null || value === void 0 ? void 0 : value.length) || 0;
         if (!ignoreRequiredCheck && spec.required && !lodash_1.default.isArray(value)) {
             return errorMessages.REQUIRED;
@@ -29,8 +29,8 @@ const getArrayValidator = (params = {}) => {
 exports.getArrayValidator = getArrayValidator;
 const getBooleanValidator = (params = {}) => {
     const { ignoreRequiredCheck, customErrorMessages } = params;
-    const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
     return (spec, value) => {
+        const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
         if (!ignoreRequiredCheck && spec.required && !value) {
             return errorMessages.REQUIRED;
         }
@@ -40,9 +40,9 @@ const getBooleanValidator = (params = {}) => {
 exports.getBooleanValidator = getBooleanValidator;
 const getNumberValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, customErrorMessages, } = params;
-    const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
     // eslint-disable-next-line complexity
     return (spec, value = '') => {
+        const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
         const stringValue = String(value);
         if (!ignoreRequiredCheck && spec.required && !stringValue.length) {
             return errorMessages.REQUIRED;
@@ -91,8 +91,8 @@ const getNumberValidator = (params = {}) => {
 exports.getNumberValidator = getNumberValidator;
 const getObjectValidator = (params = {}) => {
     const { ignoreRequiredCheck, customErrorMessages } = params;
-    const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
     return (spec, value) => {
+        const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
         if (!ignoreRequiredCheck && spec.required && !value) {
             return errorMessages.REQUIRED;
         }
@@ -102,9 +102,9 @@ const getObjectValidator = (params = {}) => {
 exports.getObjectValidator = getObjectValidator;
 const getStringValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, ignoreRegExpCheck, customErrorMessages, } = params;
-    const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
     // eslint-disable-next-line complexity
     return (spec, value = '') => {
+        const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
         const valueLength = value === null || value === void 0 ? void 0 : value.length;
         if (!ignoreRequiredCheck && spec.required && !valueLength) {
             return errorMessages.REQUIRED;

package/build/esm/lib/core/types/specs.d.ts

@@ -95,12 +95,14 @@ export interface ObjectSpec<LinkType = any, InputComponentProps extends Record<s
         order?: string[];
         link?: LinkType;
         oneOfParams?: {
-            toggler?: 'select' | 'radio' | 'card';
+            toggler?: 'select' | 'radio' | 'card' | 'checkbox';
+            booleanMap?: Record<'true' | 'false', string>;
         };
         placeholder?: string;
         hidden?: boolean;
         inputProps?: InputComponentProps;
         layoutProps?: LayoutComponentProps;
+        delimiter?: Record<string, string>;
     };
 }
 export interface StringSpec<LinkType = any, InputComponentProps extends Record<string, any> = {}, LayoutComponentProps extends Record<string, any> = {}> {

package/build/esm/lib/kit/components/Inputs/ObjectBase/ObjectBase.css

@@ -8,4 +8,10 @@
 }
 .df-object-base__content_inline > .df-use-search:last-child {
   margin-right: 0;
+}
+.df-object-base__delimiter {
+  display: flex;
+  margin-right: 8px;
+  align-items: center;
+  white-space: nowrap;
 }

package/build/esm/lib/kit/components/Inputs/ObjectBase/ObjectBase.js

@@ -1,8 +1,9 @@
 import { __rest } from "tslib";
 import React from 'react';
 import { Plus } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import { Button, Icon, Text } from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
+import set from 'lodash/set';
 import { Controller, transformArrIn, } from '../../../../core';
 import { block, filterPropertiesForObjectInline } from '../../../utils';
 import './ObjectBase.css';
@@ -15,10 +16,10 @@ export const ObjectBase = (_a) => {
             React.createElement(Icon, { data: Plus, size: 14 }),
             spec.viewSpec.layoutTitle || null));
     }, [spec.defaultValue, spec.viewSpec.layoutTitle, restProps.input.onChange]);
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => restProps.input.onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${restProps.input.name}.`).join(''), childValue), childErrors), [restProps.input.onChange, restProps.input.name]);
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => restProps.input.onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${restProps.input.name}.`).join(''), childValue), childErrors), [restProps.input.onChange, restProps.input.name]);
     const content = React.useMemo(() => {
         if (!spec.properties ||
-            !_.isObjectLike(spec.properties) ||
+            !isObjectLike(spec.properties) ||
             !Object.keys(spec.properties || {}).length) {
             return null;
         }
@@ -28,12 +29,17 @@ export const ObjectBase = (_a) => {
         const specProperties = inline
             ? filterPropertiesForObjectInline(spec.properties)
             : spec.properties;
-        return (React.createElement("div", { className: b('content', { inline }) }, (spec.viewSpec.order || Object.keys(specProperties)).map((property) => {
+        const delimiter = spec.viewSpec.delimiter;
+        const orderProperties = spec.viewSpec.order || Object.keys(specProperties);
+        return (React.createElement("div", { className: b('content', { inline }) }, orderProperties.map((property) => {
             var _a;
-            return specProperties[property] ? (React.createElement(Controller, { value: (_a = restProps.input.value) === null || _a === void 0 ? void 0 : _a[property], spec: specProperties[property], name: `${name ? name + '.' : ''}${property}`, parentOnChange: parentOnChange, parentOnUnmount: restProps.input.parentOnUnmount, key: `${name ? name + '.' : ''}${property}` })) : null;
+            return specProperties[property] ? (React.createElement(React.Fragment, { key: `${name ? name + '.' : ''}${property}` },
+                React.createElement(Controller, { value: (_a = restProps.input.value) === null || _a === void 0 ? void 0 : _a[property], spec: specProperties[property], name: `${name ? name + '.' : ''}${property}`, parentOnChange: parentOnChange, parentOnUnmount: restProps.input.parentOnUnmount }),
+                delimiter && delimiter[property] ? (React.createElement(Text, { className: b('delimiter') }, delimiter[property])) : null)) : null;
         })));
     }, [
         spec.properties,
+        spec.viewSpec.delimiter,
         spec.viewSpec.order,
         restProps.input.value,
         restProps.input.parentOnUnmount,

package/build/esm/lib/kit/components/Inputs/ObjectValueInput/ObjectValueInput.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import _ from 'lodash';
 import { Controller } from '../../../../core';
-const OBJECT_VALUE_PROPERTY_NAME = 'value';
+import { OBJECT_VALUE_PROPERTY_NAME } from '../../../constants/common';
 export const ObjectValueInput = (props) => {
     var _a;
     const { spec, input, name, Layout } = props;

package/build/esm/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.css

@@ -8,4 +8,10 @@
 }
 .df-object-base-view__content_inline > div:last-child {
   margin-right: 0;
+}
+.df-object-base-view__delimiter {
+  display: flex;
+  margin-right: 8px;
+  align-items: center;
+  white-space: nowrap;
 }

package/build/esm/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.js

@@ -1,20 +1,27 @@
 import { __rest } from "tslib";
 import React from 'react';
-import _ from 'lodash';
+import { Text } from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
 import { ViewController } from '../../../../core';
 import { block, filterPropertiesForObjectInline } from '../../../utils';
 import './ObjectBaseView.css';
 const b = block('object-base-view');
 export const ObjectBaseView = (_a) => {
     var { inline, spec, name, Layout } = _a, restProps = __rest(_a, ["inline", "spec", "name", "Layout"]);
-    if (!spec.properties || !_.isObjectLike(spec.properties)) {
-        return null;
-    }
-    const specProperties = inline
-        ? filterPropertiesForObjectInline(spec.properties)
-        : spec.properties;
-    const content = (React.createElement("div", { className: b('content', { inline }) }, (spec.viewSpec.order || Object.keys(specProperties)).map((property) => specProperties[property] ? (React.createElement(ViewController, { spec: specProperties[property], name: `${name ? name + '.' : ''}${property}`, key: `${name ? name + '.' : ''}${property}` })) : null)));
-    if (!Layout) {
+    const content = React.useMemo(() => {
+        if (!spec.properties || !isObjectLike(spec.properties)) {
+            return null;
+        }
+        const specProperties = inline
+            ? filterPropertiesForObjectInline(spec.properties)
+            : spec.properties;
+        const delimiter = spec.viewSpec.delimiter;
+        const orderProperties = spec.viewSpec.order || Object.keys(specProperties);
+        return (React.createElement("div", { className: b('content', { inline }) }, orderProperties.map((property) => specProperties[property] ? (React.createElement(React.Fragment, { key: `${name ? name + '.' : ''}${property}` },
+            React.createElement(ViewController, { spec: specProperties[property], name: `${name ? name + '.' : ''}${property}` }),
+            delimiter && delimiter[property] ? (React.createElement(Text, { className: b('delimiter') }, delimiter[property])) : null)) : null)));
+    }, [inline, name, spec.properties, spec.viewSpec.delimiter, spec.viewSpec.order]);
+    if (!Layout || !content) {
         return content;
     }
     return (React.createElement(Layout, Object.assign({ spec: spec, name: name }, restProps), content));

package/build/esm/lib/kit/components/Views/ObjectValueInputView/ObjectValueInputView.js

@@ -2,7 +2,7 @@ import { __rest } from "tslib";
 import React from 'react';
 import _ from 'lodash';
 import { ViewController } from '../../../../core';
-const OBJECT_VALUE_PROPERTY_NAME = 'value';
+import { OBJECT_VALUE_PROPERTY_NAME } from '../../../constants/common';
 export const ObjectValueInputView = (_a) => {
     var { spec, name, Layout } = _a, restProps = __rest(_a, ["spec", "name", "Layout"]);
     const childSpec = React.useMemo(() => {

package/build/esm/lib/kit/components/Views/OneOfView/OneOfView.js

@@ -2,19 +2,30 @@ import React from 'react';
 import _ from 'lodash';
 import { GroupIndent } from '../../';
 import { ViewController } from '../../../../core';
-import { block } from '../../../utils';
+import { block, objectKeys } from '../../../utils';
 import './OneOfView.css';
 const b = block('oneof-view');
 const OneOfViewComponent = (props) => {
+    var _a, _b;
     const { value = {}, spec, Layout, name } = props;
     const specProperties = React.useMemo(() => (_.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specBooleanMap = React.useMemo(() => { var _a; return (_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap; }, [(_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap]);
     const valueKey = React.useMemo(() => Object.keys(value)[0], [value]);
     const valueName = React.useMemo(() => {
-        var _a, _b;
-        return (((_a = spec.description) === null || _a === void 0 ? void 0 : _a[valueKey]) ||
-            ((_b = specProperties[valueKey]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
+        var _a, _b, _c;
+        if (((_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.toggler) === 'checkbox' && specBooleanMap) {
+            return objectKeys(specBooleanMap).find((key) => specBooleanMap[key] === valueKey);
+        }
+        return (((_b = spec.description) === null || _b === void 0 ? void 0 : _b[valueKey]) ||
+            ((_c = specProperties[valueKey]) === null || _c === void 0 ? void 0 : _c.viewSpec.layoutTitle) ||
             valueKey);
-    }, [valueKey, spec.description, specProperties]);
+    }, [
+        valueKey,
+        spec.description,
+        specProperties,
+        (_b = spec.viewSpec.oneOfParams) === null || _b === void 0 ? void 0 : _b.toggler,
+        specBooleanMap,
+    ]);
     const wrappedValue = React.useMemo(() => {
         if (Layout) {
             return (React.createElement(Layout, Object.assign({}, props, { value: valueName }),

package/build/esm/lib/kit/constants/common.d.ts

@@ -1,3 +1,4 @@
 import type { PopoverProps } from '@gravity-ui/uikit';
 export declare const COMMON_POPOVER_PLACEMENT: PopoverProps['placement'];
 export declare const COMMON_TITLE_MAX_WIDTH = 533;
+export declare const OBJECT_VALUE_PROPERTY_NAME = "value";

package/build/esm/lib/kit/constants/common.js

@@ -1,2 +1,3 @@
 export const COMMON_POPOVER_PLACEMENT = ['bottom', 'top'];
 export const COMMON_TITLE_MAX_WIDTH = 533;
+export const OBJECT_VALUE_PROPERTY_NAME = 'value';

package/build/esm/lib/kit/constants/config.js

@@ -34,6 +34,7 @@ export const dynamicConfig = {
             row: Row,
             row_verbose: RowVerbose,
             table_item: TableCell,
+            transparent: Transparent,
         },
         validators: {
             base: getBooleanValidator(),
@@ -142,6 +143,7 @@ export const dynamicViewConfig = {
             row: ViewRow,
             row_verbose: ViewRow,
             table_item: ViewTableCell,
+            transparent: ViewTransparent,
         },
     },
     number: {

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.css

@@ -11,4 +11,9 @@
 }
 .df-use-oneof__card > :first-child {
   margin-right: 8px;
+}
+.df-use-oneof__checkbox {
+  height: 28px;
+  display: flex;
+  align-items: center;
 }

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.js

@@ -1,18 +1,20 @@
 import React from 'react';
-import { RadioButton, Select } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import { Checkbox, RadioButton, Select } from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
+import some from 'lodash/some';
 import { TogglerCard } from '../../components';
-import { block } from '../../utils';
+import { block, objectKeys } from '../../utils';
 import './useOneOf.css';
 const b = block('use-oneof');
 const MAX_TAB_TITLE_LENGTH = 20;
 export const useOneOf = ({ props, onTogglerChange }) => {
-    var _a;
+    var _a, _b;
     const { name, input, spec, Layout } = props;
-    const specProperties = React.useMemo(() => (_.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = React.useMemo(() => (isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specBooleanMap = React.useMemo(() => { var _a; return (_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap; }, [(_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.booleanMap]);
     const [oneOfValue, setOneOfValue] = React.useState(() => {
         let valueKeys;
-        if (_.isObjectLike(input.value)) {
+        if (isObjectLike(input.value)) {
             const keys = Object.keys(input.value);
             if (keys.length) {
                 valueKeys = keys;
@@ -27,6 +29,20 @@ export const useOneOf = ({ props, onTogglerChange }) => {
             onTogglerChange === null || onTogglerChange === void 0 ? void 0 : onTogglerChange(newValue);
         }
     }, [setOneOfValue, input.onChange, oneOfValue]);
+    const onCheckboxChange = React.useCallback((checked) => {
+        if (specBooleanMap) {
+            const value = String(checked);
+            const newValue = specBooleanMap[value];
+            onOneOfChange([newValue]);
+        }
+    }, [onOneOfChange, specBooleanMap]);
+    const checkboxValue = React.useMemo(() => {
+        if (specBooleanMap) {
+            const keyBooleanMap = objectKeys(specBooleanMap).find((key) => specBooleanMap[key] === oneOfValue);
+            return keyBooleanMap === 'true';
+        }
+        return undefined;
+    }, [oneOfValue, specBooleanMap]);
     const options = React.useMemo(() => (spec.viewSpec.order || Object.keys(specProperties)).map((value) => {
         var _a, _b;
         const title = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) ||
@@ -40,18 +56,23 @@ export const useOneOf = ({ props, onTogglerChange }) => {
         };
     }), [spec.description, spec.viewSpec.order, specProperties]);
     const togglerType = React.useMemo(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (((_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.toggler) === 'card' && options.length < 3) {
             return 'card';
         }
         if (((_b = spec.viewSpec.oneOfParams) === null || _b === void 0 ? void 0 : _b.toggler) !== 'radio' &&
             (((_c = spec.viewSpec.oneOfParams) === null || _c === void 0 ? void 0 : _c.toggler) === 'select' ||
                 options.length > 3 ||
-                _.some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
+                some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
             return 'select';
         }
+        if (((_d = spec.viewSpec.oneOfParams) === null || _d === void 0 ? void 0 : _d.toggler) === 'checkbox' &&
+            options.length === 2 &&
+            specBooleanMap) {
+            return 'checkbox';
+        }
         return 'radio';
-    }, [options, (_a = spec.viewSpec.oneOfParams) === null || _a === void 0 ? void 0 : _a.toggler]);
+    }, [options, (_b = spec.viewSpec.oneOfParams) === null || _b === void 0 ? void 0 : _b.toggler, specBooleanMap]);
     const togglerInput = React.useMemo(() => {
         if (togglerType === 'card') {
             return (React.createElement("div", { className: b('card') }, options.map(({ value }) => {
@@ -65,15 +86,22 @@ export const useOneOf = ({ props, onTogglerChange }) => {
         if (togglerType === 'select') {
             return (React.createElement(Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: spec.viewSpec.disabled, filterable: options.length > 7, qa: name }));
         }
+        if (togglerType === 'checkbox') {
+            return (React.createElement("div", { className: b('checkbox') },
+                React.createElement(Checkbox, { checked: checkboxValue, onUpdate: onCheckboxChange, disabled: spec.viewSpec.disabled, qa: name })));
+        }
         return (React.createElement(RadioButton, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: spec.viewSpec.disabled, qa: name }, options.map((option) => (React.createElement(RadioButton.Option, { key: option.value, value: option.value }, option.title)))));
     }, [
         togglerType,
         oneOfValue,
         spec.viewSpec.disabled,
+        spec.description,
         name,
         options,
         onOneOfChange,
         specProperties,
+        onCheckboxChange,
+        checkboxValue,
     ]);
     const toggler = React.useMemo(() => {
         if (Layout) {

package/build/esm/lib/kit/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './cn';
 export * from './common';
 export * from './bigIntMath';
 export * from './objectInline';
+export * from './objectKeys';

package/build/esm/lib/kit/utils/index.js

@@ -2,3 +2,4 @@ export * from './cn';
 export * from './common';
 export * from './bigIntMath';
 export * from './objectInline';
+export * from './objectKeys';

package/build/esm/lib/kit/utils/objectInline.js

@@ -1,4 +1,4 @@
-import { isNumberSpec, isStringSpec } from '../../core';
+import { isBooleanSpec, isNumberSpec, isStringSpec } from '../../core';
 export const filterPropertiesForObjectInline = (properties) => {
-    return Object.fromEntries(Object.entries(properties).filter(([, propSpec]) => isStringSpec(propSpec) || isNumberSpec(propSpec)));
+    return Object.fromEntries(Object.entries(properties).filter(([, propSpec]) => isStringSpec(propSpec) || isNumberSpec(propSpec) || isBooleanSpec(propSpec)));
 };

package/build/esm/lib/kit/utils/objectKeys.d.ts

@@ -0,0 +1,4 @@
+type Dictionary<T> = Record<string, T>;
+type KeysOf<T> = T extends Dictionary<unknown> ? `${Exclude<keyof T, symbol>}` : never;
+export declare function objectKeys<T extends Dictionary<unknown>>(obj: T): KeysOf<T>[];
+export {};

package/build/esm/lib/kit/utils/objectKeys.js

@@ -0,0 +1,3 @@
+export function objectKeys(obj) {
+    return Object.keys(obj);
+}

package/build/esm/lib/kit/validators/validators.js

@@ -3,8 +3,8 @@ import { ErrorMessages } from '../validators';
 import { isFloat, isInt } from './helpers';
 export const getArrayValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, customErrorMessages } = params;
-    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     return (spec, value) => {
+        const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
         const valueLength = (value === null || value === void 0 ? void 0 : value.length) || 0;
         if (!ignoreRequiredCheck && spec.required && !_.isArray(value)) {
             return errorMessages.REQUIRED;
@@ -24,8 +24,8 @@ export const getArrayValidator = (params = {}) => {
 };
 export const getBooleanValidator = (params = {}) => {
     const { ignoreRequiredCheck, customErrorMessages } = params;
-    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     return (spec, value) => {
+        const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
         if (!ignoreRequiredCheck && spec.required && !value) {
             return errorMessages.REQUIRED;
         }
@@ -34,9 +34,9 @@ export const getBooleanValidator = (params = {}) => {
 };
 export const getNumberValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, customErrorMessages, } = params;
-    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     // eslint-disable-next-line complexity
     return (spec, value = '') => {
+        const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
         const stringValue = String(value);
         if (!ignoreRequiredCheck && spec.required && !stringValue.length) {
             return errorMessages.REQUIRED;
@@ -84,8 +84,8 @@ export const getNumberValidator = (params = {}) => {
 };
 export const getObjectValidator = (params = {}) => {
     const { ignoreRequiredCheck, customErrorMessages } = params;
-    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     return (spec, value) => {
+        const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
         if (!ignoreRequiredCheck && spec.required && !value) {
             return errorMessages.REQUIRED;
         }
@@ -94,9 +94,9 @@ export const getObjectValidator = (params = {}) => {
 };
 export const getStringValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, ignoreRegExpCheck, customErrorMessages, } = params;
-    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     // eslint-disable-next-line complexity
     return (spec, value = '') => {
+        const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
         const valueLength = value === null || value === void 0 ? void 0 : value.length;
         if (!ignoreRequiredCheck && spec.required && !valueLength) {
             return errorMessages.REQUIRED;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "3.6.1",
+  "version": "3.8.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",