@gravity-ui/dynamic-forms 4.0.0 → 4.1.0

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeonCard/ViewAccordeonCard.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import _ from 'lodash';
+import isBoolean from 'lodash/isBoolean';
 import { isNotEmptyValue } from '../../../utils';
 import { AccordeonCard } from '../../AccordeonCard';
 export const ViewAccordeonCard = ({ value, name, spec, children, }) => {
-    const [open, setOpen] = React.useState(_.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
+    const [open, setOpen] = React.useState(isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
     if (!isNotEmptyValue(value, spec)) {
         return null;
     }

package/build/esm/lib/kit/components/ViewLayouts/ViewCardAccordeon.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import _ from 'lodash';
+import isBoolean from 'lodash/isBoolean';
 import { Card } from '../';
 import { isNotEmptyValue } from '../../utils';
 export const ViewCardAccordeon = ({ name, value, spec, children, }) => {
-    const [open, setOpen] = React.useState(_.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
+    const [open, setOpen] = React.useState(isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
     const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);
     if (!isNotEmptyValue(value, spec)) {
         return null;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Label } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import map from 'lodash/map';
 import { ViewController, isCorrectSpec } from '../../../../core';
 import { block } from '../../../utils';
 import './ArrayBaseView.css';
@@ -17,7 +17,7 @@ export const ArrayBaseView = ({ spec, name, value = [] }) => {
                 : `${idx + 1}` });
         return itemSpec;
     }, [spec.items, itemSpecCorrect]);
-    const items = React.useMemo(() => _.map(value, (__, idx) => {
+    const items = React.useMemo(() => map(value, (__, idx) => {
         const itemSpec = getItemSpec(idx);
         if (!itemSpec) {
             return null;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import _ from 'lodash';
+import isString from 'lodash/isString';
 import { LongValue } from '../../../components';
 export const BaseView = ({ value, spec, linkValue, }) => {
     var _a;
-    if (_.isString(value) && linkValue) {
+    if (isString(value) && linkValue) {
         return React.createElement(React.Fragment, null, linkValue);
     }
     return (React.createElement(LongValue, { value: ((_a = spec === null || spec === void 0 ? void 0 : spec.description) === null || _a === void 0 ? void 0 : _a[String(value)]) || String(value) }));

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
 import { Card, ViewRow } from '../';
 import { ViewController } from '../../../core';
 export const CardOneOfView = (props) => {
     const { value = {}, spec, name } = props;
     const [open, setOpen] = React.useState(true);
     const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const specProperties = React.useMemo(() => (_.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = React.useMemo(() => (isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
     const valueKey = React.useMemo(() => Object.keys(value)[0], [value]);
     const valueName = React.useMemo(() => {
         var _a, _b;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Popover } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
 import { ViewController } from '../../../../core';
 import { block } from '../../../utils';
 import { GroupIndent } from '../../GroupIndent';
@@ -8,7 +8,7 @@ import './MultiOneOfView.css';
 const b = block('multi-oneof-view');
 export const MultiOneOfView = (props) => {
     const { name, value, Layout, spec, withoutIndent } = props;
-    const specProperties = React.useMemo(() => (_.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = React.useMemo(() => (isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
     const values = React.useMemo(() => Object.keys(value || []), [value]);
     const items = React.useMemo(() => values.map((value) => {
         var _a, _b;

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 isObjectLike from 'lodash/isObjectLike';
+import { Text } from '@gravity-ui/uikit';
 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

@@ -1,14 +1,14 @@
 import { __rest } from "tslib";
 import React from 'react';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
 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(() => {
         var _a;
         if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME]) {
-            const childSpec = _.cloneDeep(spec.properties[OBJECT_VALUE_PROPERTY_NAME]);
+            const childSpec = cloneDeep(spec.properties[OBJECT_VALUE_PROPERTY_NAME]);
             childSpec.viewSpec.layout = '';
             return childSpec;
         }

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

@@ -1,20 +1,31 @@
 import React from 'react';
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
 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 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/components/Views/TextLinkView/TextLinkView.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React from 'react';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
 import { ViewController, isStringSpec } from '../../../../core';
 const TEXT_LINK_PROPERTY_NAME = 'text';
 export const TextLinkView = (_a) => {
@@ -9,7 +9,7 @@ export const TextLinkView = (_a) => {
         var _a;
         if (((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[TEXT_LINK_PROPERTY_NAME]) &&
             isStringSpec(spec.properties[TEXT_LINK_PROPERTY_NAME])) {
-            const childSpec = _.cloneDeep(spec.properties[TEXT_LINK_PROPERTY_NAME]);
+            const childSpec = cloneDeep(spec.properties[TEXT_LINK_PROPERTY_NAME]);
             childSpec.viewSpec.layout = '';
             childSpec.viewSpec.link = value === null || value === void 0 ? void 0 : value.link;
             return childSpec;

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/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/common.js

@@ -1,13 +1,18 @@
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import isArray from 'lodash/isArray';
+import isNil from 'lodash/isNil';
+import isObject from 'lodash/isObject';
+import isObjectLike from 'lodash/isObjectLike';
+import isString from 'lodash/isString';
 import { SpecTypes, isArraySpec, isObjectSpec, isStringSpec, } from '../../core';
 import { isFloat } from '../validators/helpers';
 import { divide } from './bigIntMath';
 export const isNotEmptyValue = (value, spec) => {
     var _a;
-    if (_.isNil(value)) {
+    if (isNil(value)) {
         return false;
     }
-    if (_.isString(value)) {
+    if (isString(value)) {
         if (!value) {
             return false;
         }
@@ -15,7 +20,7 @@ export const isNotEmptyValue = (value, spec) => {
             return false;
         }
     }
-    if (_.isObject(value) && isObjectSpec(spec)) {
+    if (isObject(value) && isObjectSpec(spec)) {
         const keys = Object.keys(value);
         // the only case when an empty object is considered a non-empty value is when it is a stub for oneof
         if (!keys.filter((key) => { var _a; return isNotEmptyValue(value[key], (_a = spec.properties) === null || _a === void 0 ? void 0 : _a[key]); }).length &&
@@ -23,7 +28,7 @@ export const isNotEmptyValue = (value, spec) => {
             return false;
         }
     }
-    if (_.isArray(value) &&
+    if (isArray(value) &&
         isArraySpec(spec) &&
         !value.filter((item) => isNotEmptyValue(item, spec.items)).length) {
         return false;
@@ -32,12 +37,12 @@ export const isNotEmptyValue = (value, spec) => {
 };
 export const prepareSpec = (spec, parseJsonDefaultValue) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (_.isObjectLike(spec)) {
-        const result = _.cloneDeep(spec);
-        if (_.isString(result.type)) {
+    if (isObjectLike(spec)) {
+        const result = cloneDeep(spec);
+        if (isString(result.type)) {
             result.type = result.type.toLowerCase();
         }
-        if (!_.isNil(result.defaultValue)) {
+        if (!isNil(result.defaultValue)) {
             let _defaultValue = result.defaultValue;
             if (parseJsonDefaultValue) {
                 try {
@@ -48,33 +53,33 @@ export const prepareSpec = (spec, parseJsonDefaultValue) => {
                 }
             }
             if (typeof _defaultValue === result.type ||
-                (_.isArray(_defaultValue) && result.type === SpecTypes.Array)) {
+                (isArray(_defaultValue) && result.type === SpecTypes.Array)) {
                 result.defaultValue = _defaultValue;
             }
             else {
                 result.defaultValue = undefined;
             }
         }
-        if (_.isString((_a = result.viewSpec) === null || _a === void 0 ? void 0 : _a.type)) {
+        if (isString((_a = result.viewSpec) === null || _a === void 0 ? void 0 : _a.type)) {
             result.viewSpec.type = result.viewSpec.type.toLowerCase();
         }
-        if (_.isString((_b = result.viewSpec) === null || _b === void 0 ? void 0 : _b.layout)) {
+        if (isString((_b = result.viewSpec) === null || _b === void 0 ? void 0 : _b.layout)) {
             result.viewSpec.layout = result.viewSpec.layout.toLowerCase();
         }
-        if (_.isString((_c = result.viewSpec) === null || _c === void 0 ? void 0 : _c.addButtonPosition)) {
+        if (isString((_c = result.viewSpec) === null || _c === void 0 ? void 0 : _c.addButtonPosition)) {
             result.viewSpec.addButtonPosition = result.viewSpec.addButtonPosition.toLowerCase();
         }
-        if (_.isString((_d = result.viewSpec) === null || _d === void 0 ? void 0 : _d.themeLabel)) {
+        if (isString((_d = result.viewSpec) === null || _d === void 0 ? void 0 : _d.themeLabel)) {
             result.viewSpec.textContentParams = Object.assign(Object.assign({}, result.viewSpec.textContentParams), { themeLabel: result.viewSpec.themeLabel.toLowerCase() });
         }
-        if (_.isString((_f = (_e = result.viewSpec) === null || _e === void 0 ? void 0 : _e.oneOfParams) === null || _f === void 0 ? void 0 : _f.toggler)) {
+        if (isString((_f = (_e = result.viewSpec) === null || _e === void 0 ? void 0 : _e.oneOfParams) === null || _f === void 0 ? void 0 : _f.toggler)) {
             result.viewSpec.oneOfParams.toggler = result.viewSpec.oneOfParams.toggler.toLowerCase();
         }
-        if (_.isString((_h = (_g = result.viewSpec) === null || _g === void 0 ? void 0 : _g.textContentParams) === null || _h === void 0 ? void 0 : _h.themeLabel)) {
+        if (isString((_h = (_g = result.viewSpec) === null || _g === void 0 ? void 0 : _g.textContentParams) === null || _h === void 0 ? void 0 : _h.themeLabel)) {
             result.viewSpec.textContentParams.themeLabel =
                 result.viewSpec.textContentParams.themeLabel.toLowerCase();
         }
-        if (_.isString(result.validator)) {
+        if (isString(result.validator)) {
             result.validator = result.validator.toLowerCase();
         }
         if (result.maxLength === '0' &&
@@ -83,10 +88,10 @@ export const prepareSpec = (spec, parseJsonDefaultValue) => {
             result.minLength = undefined;
         }
         else {
-            if (!_.isNil(result.maxLength) && isFloat(`${result.maxLength}`)) {
+            if (!isNil(result.maxLength) && isFloat(`${result.maxLength}`)) {
                 result.maxLength = BigInt(result.maxLength);
             }
-            if (!_.isNil(result.minLength) && isFloat(`${result.minLength}`)) {
+            if (!isNil(result.minLength) && isFloat(`${result.minLength}`)) {
                 result.minLength = BigInt(result.minLength);
             }
         }
@@ -98,17 +103,17 @@ export const prepareSpec = (spec, parseJsonDefaultValue) => {
             result.minimum = undefined;
         }
         else {
-            if (!_.isNil(result.maximum) && isFloat(`${result.maximum}`)) {
+            if (!isNil(result.maximum) && isFloat(`${result.maximum}`)) {
                 result.maximum = Number(result.maximum);
             }
-            if (!_.isNil(result.minimum) && isFloat(`${result.minimum}`)) {
+            if (!isNil(result.minimum) && isFloat(`${result.minimum}`)) {
                 result.minimum = Number(result.minimum);
             }
         }
-        if (_.isString(result.format)) {
+        if (isString(result.format)) {
             result.format = result.format.toLowerCase();
         }
-        if (_.isObjectLike(result.properties)) {
+        if (isObjectLike(result.properties)) {
             Object.keys(result.properties).forEach((key) => {
                 result.properties[key] = prepareSpec(result.properties[key], parseJsonDefaultValue);
             });
@@ -120,8 +125,8 @@ export const prepareSpec = (spec, parseJsonDefaultValue) => {
 export const isCorrectSizeParams = (spec) => {
     const { sizeParams } = spec.viewSpec;
     if (!sizeParams ||
-        !_.isString(sizeParams.defaultType) ||
-        !_.isObject(sizeParams.scale) ||
+        !isString(sizeParams.defaultType) ||
+        !isObject(sizeParams.scale) ||
         !sizeParams.scale[sizeParams.defaultType] ||
         Object.values(sizeParams.scale).some(({ factor }) => !divide(factor, factor))) {
         return false;

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/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

@@ -1,4 +1,6 @@
-import _ from 'lodash';
+import isArray from 'lodash/isArray';
+import isNumber from 'lodash/isNumber';
+import isString from 'lodash/isString';
 import { ErrorMessages } from '../validators';
 import { isFloat, isInt } from './helpers';
 export const getArrayValidator = (params = {}) => {
@@ -6,7 +8,7 @@ export const getArrayValidator = (params = {}) => {
     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)) {
+        if (!ignoreRequiredCheck && spec.required && !isArray(value)) {
             return errorMessages.REQUIRED;
         }
         if (!ignoreMaxLengthCheck &&
@@ -63,18 +65,18 @@ export const getNumberValidator = (params = {}) => {
             }
         }
         if (!ignoreMaximumCheck &&
-            _.isNumber(spec.maximum) &&
+            isNumber(spec.maximum) &&
             stringValue.length &&
             Number(stringValue) > spec.maximum) {
             return errorMessages.maxNumber(spec.maximum);
         }
         if (!ignoreMinimumCheck &&
-            _.isNumber(spec.minimum) &&
+            isNumber(spec.minimum) &&
             stringValue.length &&
             spec.minimum > Number(stringValue)) {
             return errorMessages.minNumber(spec.minimum);
         }
-        if (_.isString(spec.format) && stringValue.length) {
+        if (isString(spec.format) && stringValue.length) {
             if (!ignoreIntCheck && spec.format === 'int64' && !isInt(stringValue)) {
                 return errorMessages.INT;
             }
@@ -119,10 +121,10 @@ export const getStringValidator = (params = {}) => {
             valueLength < spec.minLength) {
             return errorMessages.minLength(spec.minLength);
         }
-        if (_.isString(spec.pattern) && spec.pattern.length) {
+        if (isString(spec.pattern) && spec.pattern.length) {
             const regex = new RegExp(spec.pattern);
             if (!ignoreRegExpCheck && !regex.test(value)) {
-                return _.isString(spec.patternError) && spec.patternError.length
+                return isString(spec.patternError) && spec.patternError.length
                     ? spec.patternError
                     : errorMessages.INVALID;
             }

package/package.json

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