@gravity-ui/dynamic-forms 4.0.0 → 4.1.0

package/build/esm/lib/core/components/Form/hooks/useMutators.js

@@ -1,12 +1,16 @@
 import React from 'react';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import get from 'lodash/get';
+import isObjectLike from 'lodash/isObjectLike';
+import keys from 'lodash/keys';
+import set from 'lodash/set';
 export const useMutators = (externalMutators) => {
     const merge = React.useCallback((mutators, store) => {
         const mergeSpec = (a = {}, b) => {
-            const result = _.cloneDeep(a);
+            const result = cloneDeep(a);
             const getKeys = (parent) => {
-                if (_.isObjectLike(parent)) {
-                    return _.keys(parent).reduce((acc, parentKey) => {
+                if (isObjectLike(parent)) {
+                    return keys(parent).reduce((acc, parentKey) => {
                         const childKeys = getKeys(parent[parentKey]);
                         return [
                             ...acc,
@@ -18,14 +22,14 @@ export const useMutators = (externalMutators) => {
                 return [];
             };
             getKeys(b).forEach((key) => {
-                _.set(result, [key[0], 'value', ...key.slice(1)], _.get(b, key));
+                set(result, [key[0], 'value', ...key.slice(1)], get(b, key));
             });
             return result;
         };
         const mergeValuesOrErrors = (a = {}, b) => {
-            const result = _.cloneDeep(a);
+            const result = cloneDeep(a);
             Object.keys(b).forEach((key) => {
-                _.set(result, [key, 'value'], b[key]);
+                set(result, [key, 'value'], b[key]);
             });
             return result;
         };

package/build/esm/lib/core/components/Form/hooks/useSearchStore.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import _ from 'lodash';
+import isUndefined from 'lodash/isUndefined';
+import omit from 'lodash/omit';
 import { getParentName } from '../';
 export const useSearchStore = () => {
     const [store, setStore] = React.useState({});
@@ -20,7 +21,7 @@ export const useSearchStore = () => {
                 return false;
             }
         }
-        if (_.isUndefined(selfFlag)) {
+        if (isUndefined(selfFlag)) {
             return false;
         }
         return true;
@@ -29,7 +30,7 @@ export const useSearchStore = () => {
         store,
         setField: (name, search) => setStore((store) => (Object.assign(Object.assign({}, store), { [name]: search }))),
         removeField: (name) => {
-            setStore((store) => _.omit(store, name));
+            setStore((store) => omit(store, name));
         },
         isHiddenField,
     };

package/build/esm/lib/core/components/Form/hooks/useStore.js

@@ -1,5 +1,9 @@
 import React from 'react';
-import _ from 'lodash';
+import clone from 'lodash/clone';
+import cloneDeep from 'lodash/cloneDeep';
+import get from 'lodash/get';
+import omit from 'lodash/omit';
+import set from 'lodash/set';
 import { useFormState } from 'react-final-form';
 import { transformArrIn } from '../utils';
 export const useStore = (name) => {
@@ -7,37 +11,37 @@ export const useStore = (name) => {
     const firstRenderRef = React.useRef(true);
     const [store, setStore] = React.useState(() => {
         const values = transformArrIn({
-            [name]: _.get(formState.values, name),
+            [name]: get(formState.values, name),
         });
         const initialValue = transformArrIn({
-            [name]: _.get(formState.initialValues, name),
+            [name]: get(formState.initialValues, name),
         });
         return {
             name,
-            initialValue: _.cloneDeep(initialValue),
-            values: _.cloneDeep(values),
+            initialValue: cloneDeep(initialValue),
+            values: cloneDeep(values),
             errors: {},
         };
     });
     const submitFailed = formState.submitFailed;
     const tools = React.useMemo(() => ({
         initialValue: store.initialValue,
-        onChange: (name, value, errors) => setStore((store) => (Object.assign(Object.assign({}, store), { values: _.set(Object.assign({}, store.values), name, _.clone(value)), errors: errors || {} }))),
-        onUnmount: (name) => setStore((store) => (Object.assign(Object.assign({}, store), { values: _.omit(store.values, name), errors: _.omit(store.errors, Object.keys(store.errors).filter((key) => key.startsWith(name))) }))),
+        onChange: (name, value, errors) => setStore((store) => (Object.assign(Object.assign({}, store), { values: set(Object.assign({}, store.values), name, clone(value)), errors: errors || {} }))),
+        onUnmount: (name) => setStore((store) => (Object.assign(Object.assign({}, store), { values: omit(store.values, name), errors: omit(store.errors, Object.keys(store.errors).filter((key) => key.startsWith(name))) }))),
         submitFailed,
     }), [store.initialValue, setStore, submitFailed]);
     React.useEffect(() => {
         if (!firstRenderRef.current) {
             const values = transformArrIn({
-                [name]: _.get(formState.values, name),
+                [name]: get(formState.values, name),
             });
             const initialValue = transformArrIn({
-                [name]: _.get(formState.initialValues, name),
+                [name]: get(formState.initialValues, name),
             });
             setStore({
                 name: name,
-                initialValue: _.cloneDeep(initialValue),
-                values: _.cloneDeep(values),
+                initialValue: cloneDeep(initialValue),
+                values: cloneDeep(values),
                 errors: {},
             });
         }

package/build/esm/lib/core/components/Form/utils/common.js

@@ -1,22 +1,25 @@
-import _ from 'lodash';
+import forEach from 'lodash/forEach';
+import isArray from 'lodash/isArray';
+import isObject from 'lodash/isObject';
+import isObjectLike from 'lodash/isObjectLike';
 import { SpecTypes } from '../../../constants';
 import { isStringSpec } from '../../../helpers';
 import { OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG, SPEC_TYPE_FOR_GENERATE_BUTTON } from '../constants';
-export const isCorrectConfig = (candidate) => Object.values(SpecTypes).every((type) => _.isObjectLike(candidate) &&
-    _.isObjectLike(candidate[type]) &&
-    _.isObjectLike(candidate[type].inputs) &&
-    _.isObjectLike(candidate[type].layouts) &&
-    _.isObjectLike(candidate[type].validators));
+export const isCorrectConfig = (candidate) => Object.values(SpecTypes).every((type) => isObjectLike(candidate) &&
+    isObjectLike(candidate[type]) &&
+    isObjectLike(candidate[type].inputs) &&
+    isObjectLike(candidate[type].layouts) &&
+    isObjectLike(candidate[type].validators));
 export const transformArrIn = (value) => {
-    if (_.isArray(value)) {
+    if (isArray(value)) {
         return value.reduce((arrObj, item, idx) => {
             arrObj[`<${idx}>`] = transformArrIn(item);
             return arrObj;
         }, { [OBJECT_ARRAY_FLAG]: true, [OBJECT_ARRAY_CNT]: value.length });
     }
-    if (_.isObject(value)) {
+    if (isObject(value)) {
         const _value = Object.assign({}, value);
-        _.forEach(_value, (item, key) => {
+        forEach(_value, (item, key) => {
             _value[key] = transformArrIn(item);
         });
         return _value;
@@ -24,7 +27,7 @@ export const transformArrIn = (value) => {
     return value;
 };
 export const transformArrOut = (value) => {
-    if (_.isObject(value) && !_.isArray(value)) {
+    if (isObject(value) && !isArray(value)) {
         if (value[OBJECT_ARRAY_FLAG]) {
             const _value = Object.keys(value)
                 .filter((key) => key !== OBJECT_ARRAY_FLAG && key !== OBJECT_ARRAY_CNT)
@@ -34,7 +37,7 @@ export const transformArrOut = (value) => {
             return _value;
         }
         const _value = Object.assign({}, value);
-        _.forEach(_value, (item, key) => {
+        forEach(_value, (item, key) => {
             _value[key] = transformArrOut(item);
         });
         return _value;

package/build/esm/lib/core/components/View/helpers.js

@@ -1,6 +1,6 @@
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
 import { SpecTypes } from '../../constants';
-export const isCorrectViewConfig = (candidate) => Object.values(SpecTypes).every((type) => _.isObjectLike(candidate) &&
-    _.isObjectLike(candidate[type]) &&
-    _.isObjectLike(candidate[type].views) &&
-    _.isObjectLike(candidate[type].layouts));
+export const isCorrectViewConfig = (candidate) => Object.values(SpecTypes).every((type) => isObjectLike(candidate) &&
+    isObjectLike(candidate[type]) &&
+    isObjectLike(candidate[type].views) &&
+    isObjectLike(candidate[type].layouts));

package/build/esm/lib/core/components/View/hooks/useComponents.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import _ from 'lodash';
+import isString from 'lodash/isString';
 import { isValidElementType } from 'react-is';
 import { isCorrectSpec } from '../../../helpers';
 import { isCorrectViewConfig } from '../helpers';
@@ -21,7 +21,7 @@ export const useComponents = (spec, config) => {
         return;
     }, [views, (_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.type]);
     const Layout = React.useMemo(() => {
-        if (layouts && _.isString(spec.viewSpec.layout)) {
+        if (layouts && isString(spec.viewSpec.layout)) {
             const Component = layouts[spec.viewSpec.layout];
             if (isValidElementType(Component)) {
                 return Component;

package/build/esm/lib/core/components/View/hooks/useCreateContext.js

@@ -1,4 +1,4 @@
 import React from 'react';
-import _ from 'lodash';
-const createContext = _.once(() => React.createContext({}));
+import once from 'lodash/once';
+const createContext = once(() => React.createContext({}));
 export const useCreateContext = () => createContext();

package/build/esm/lib/core/components/View/hooks/useRender.js

@@ -1,13 +1,14 @@
 import React from 'react';
-import _ from 'lodash';
+import get from 'lodash/get';
+import isString from 'lodash/isString';
 import { isValidElementType } from 'react-is';
 import { isCorrectSpec } from '../../../helpers';
 export const useRender = ({ value, name, spec, viewEntity, Layout, Link, }) => {
     const render = React.useMemo(() => {
         var _a;
-        if (viewEntity && isCorrectSpec(spec) && _.isString(name)) {
+        if (viewEntity && isCorrectSpec(spec) && isString(name)) {
             if (!spec.viewSpec.hidden) {
-                const currentValue = name ? _.get(value, name) : value;
+                const currentValue = name ? get(value, name) : value;
                 const linkValue = isValidElementType(Link) && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.link) ? (React.createElement(Link, { value: currentValue, link: spec.viewSpec.link })) : undefined;
                 if (viewEntity.independent) {
                     const InputComponent = viewEntity.Component;

package/build/esm/lib/core/helpers.js

@@ -1,13 +1,14 @@
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
+import isString from 'lodash/isString';
 import { SpecTypes } from './constants';
-export const isCorrectSpec = (candidate) => _.isObjectLike(candidate) &&
+export const isCorrectSpec = (candidate) => isObjectLike(candidate) &&
     (candidate.type === SpecTypes.Array ||
         candidate.type === SpecTypes.Boolean ||
         candidate.type === SpecTypes.Number ||
         candidate.type === SpecTypes.Object ||
         candidate.type === SpecTypes.String) &&
-    _.isObjectLike(candidate.viewSpec) &&
-    _.isString(candidate.viewSpec.type);
+    isObjectLike(candidate.viewSpec) &&
+    isString(candidate.viewSpec.type);
 export const isArraySpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Array;
 export const isBooleanSpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Boolean;
 export const isNumberSpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Number;

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> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {

package/build/esm/lib/kit/components/AccordeonCard/AccordeonCard.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChevronDown } from '@gravity-ui/icons';
 import { Button, Icon, Text } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import isString from 'lodash/isString';
 import { block } from '../../utils';
 import './AccordeonCard.css';
 const b = block('accordeon-card');
@@ -29,7 +29,7 @@ export const AccordeonCard = ({ className, name, header, description, open: prop
         }
     });
     const currentHeaderVariant = React.useMemo(() => {
-        if (!_.isString(header)) {
+        if (!isString(header)) {
             return 'body-1';
         }
         if (titleSize === 'm') {

package/build/esm/lib/kit/components/Card/Card.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { HelpPopover } from '@gravity-ui/components';
 import { ChevronDown } from '@gravity-ui/icons';
 import { Button, Card as CardBase, Icon, Popover, Text } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import isString from 'lodash/isString';
 import { COMMON_POPOVER_PLACEMENT, COMMON_TITLE_MAX_WIDTH } from '../../constants/common';
 import { block } from '../../utils';
 import './Card.css';
@@ -32,7 +32,7 @@ export const Card = ({ name, title: propsTitle, description, actions, open: prop
     const preventEvent = React.useCallback((e) => e.stopPropagation(), []);
     const titlePopoverDisabled = (((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0) <= COMMON_TITLE_MAX_WIDTH;
     const title = React.useMemo(() => {
-        if (_.isString(propsTitle)) {
+        if (isString(propsTitle)) {
             return (React.createElement(React.Fragment, null,
                 React.createElement(Popover, { content: propsTitle, disabled: titlePopoverDisabled, placement: COMMON_POPOVER_PLACEMENT },
                     React.createElement(Text, { className: b('title'), ellipsis: true, ref: titleRef, variant: "subheader-2" }, propsTitle)),

package/build/esm/lib/kit/components/GenerateRandomValueButton/GenerateRandomValueButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import isFunction from 'lodash/isFunction';
 import { useGenerateRandomValue } from '../../../core/components/Form/hooks';
 import i18n from '../../i18n';
 import { block } from '../../utils';
@@ -8,7 +8,7 @@ import './GenerateRandomValueButton.css';
 const b = block('generate-random-value-button');
 export const GenerateRandomValueButton = ({ spec, onChange, }) => {
     const generateRandomValue = useGenerateRandomValue();
-    if (_.isFunction(generateRandomValue) && spec.viewSpec.generateRandomValueButton) {
+    if (isFunction(generateRandomValue) && spec.viewSpec.generateRandomValueButton) {
         return (React.createElement(Button, { onClick: () => onChange(generateRandomValue(spec)), className: b() }, i18n('button-generate')));
     }
     return null;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Plus } from '@gravity-ui/icons';
 import { Button, Icon, Label } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import set from 'lodash/set';
 import { Controller, OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG, isBooleanSpec, isCorrectSpec, isNumberSpec, isStringSpec, transformArrIn, } from '../../../../core';
 import { block } from '../../../utils';
 import './ArrayBase.css';
@@ -25,7 +25,7 @@ export const ArrayBase = ({ spec, name, arrayInput, input }) => {
                 : `${idx + 1}` });
         return itemSpec;
     }, [spec.items, itemSpecCorrect]);
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const AddButton = React.useCallback(() => {
         let onClick = () => arrayInput.onItemAdd(undefined);
         let qa = `${name}-add-item`;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import _ from 'lodash';
+import set from 'lodash/set';
 import { Card } from '../../';
 import { Controller, isArrayItem, } from '../../../../core';
 import { useErrorChecker, useOneOf } from '../../../hooks';
@@ -23,7 +23,7 @@ export const CardOneOf = (props) => {
         return;
     }, [name, input.onDrop]);
     const parentOnChange = React.useCallback((childName, childValue, childErrors) => {
-        const value = _.set({}, childName.split(`${input.name}.`).join(''), childValue);
+        const value = set({}, childName.split(`${input.name}.`).join(''), childValue);
         input.onChange(value, childErrors);
     }, [input.onChange, input.name]);
     useErrorChecker({ name, meta, open, setOpen });

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Select } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
+import set from 'lodash/set';
 import { Controller, } from '../../../../core';
 import { block } from '../../../utils';
 import { GroupIndent } from '../../GroupIndent';
@@ -19,9 +20,9 @@ export const MultiOneOf = (props) => {
         }
     }, [onFocus, onBlur]);
     const parentOnChange = React.useCallback((childName, childValue, childErrors) => {
-        onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors);
+        onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors);
     }, [name, onChange]);
-    const specProperties = React.useMemo(() => (_.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = React.useMemo(() => (isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
     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]) ||

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,15 +1,16 @@
 import React from 'react';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import set from 'lodash/set';
 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;
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     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 = 'transparent';
             return childSpec;
         }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import _ from 'lodash';
+import set from 'lodash/set';
 import { GroupIndent } from '../../';
 import { Controller, } from '../../../../core';
 import { useOneOf } from '../../../hooks';
@@ -10,7 +10,7 @@ const OneOfComponent = (props) => {
     var _a;
     const { oneOfValue, specProperties, toggler } = useOneOf({ props });
     const parentOnChange = React.useCallback((childName, childValue, childErrors) => {
-        const value = _.set({}, childName.split(`${props.input.name}.`).join(''), childValue);
+        const value = set({}, childName.split(`${props.input.name}.`).join(''), childValue);
         props.input.onChange(value, childErrors);
     }, [props.input.onChange, props.input.name]);
     return (React.createElement("div", { className: b({

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import set from 'lodash/set';
 import { Controller } from '../../../../core';
 const SECRET_PROPERTY_NAME = 'raw';
 export const Secret = (props) => {
@@ -8,13 +9,13 @@ export const Secret = (props) => {
     const childSpec = React.useMemo(() => {
         var _a, _b;
         if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[SECRET_PROPERTY_NAME]) {
-            const childSpec = _.cloneDeep((_b = spec.properties) === null || _b === void 0 ? void 0 : _b[SECRET_PROPERTY_NAME]);
+            const childSpec = cloneDeep((_b = spec.properties) === null || _b === void 0 ? void 0 : _b[SECRET_PROPERTY_NAME]);
             childSpec.viewSpec.layout = 'transparent';
             return childSpec;
         }
         return undefined;
     }, [spec.properties]);
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     if (!childSpec) {
         return null;
     }

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Plus, TrashBin } from '@gravity-ui/icons';
 import { Button, Icon, Table } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import noop from 'lodash/noop';
+import set from 'lodash/set';
 import { Controller, OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG, isArraySpec, isBooleanSpec, isObjectSpec, transformArrIn, } from '../../../../core';
 import { useSearchContext } from '../../../../core/components/Form/hooks';
 import { block } from '../../../utils';
@@ -22,7 +23,7 @@ export const TableArrayInput = ({ spec, name, arrayInput, input }) => {
     const onItemRemove = React.useCallback((key) => {
         arrayInput.onItemRemove(key);
     }, [arrayInput.onItemRemove]);
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const columns = React.useMemo(() => {
         const { items, viewSpec: { table }, } = spec;
         if (!(table === null || table === void 0 ? void 0 : table.length) || !isObjectSpec(items)) {
@@ -56,7 +57,7 @@ export const TableArrayInput = ({ spec, name, arrayInput, input }) => {
                         arr: isArraySpec(preparedEntitySpec),
                         obj: isObjectSpec(preparedEntitySpec),
                     }), key: `${name}.<${key}>.${property}` },
-                    React.createElement(Controller, { value: (_c = (_b = input.value) === null || _b === void 0 ? void 0 : _b[`<${key}>`]) === null || _c === void 0 ? void 0 : _c[property], spec: preparedEntitySpec, name: `${name}.<${key}>.${property}`, parentOnChange: parentOnChange, parentOnUnmount: _.noop })));
+                    React.createElement(Controller, { value: (_c = (_b = input.value) === null || _b === void 0 ? void 0 : _b[`<${key}>`]) === null || _c === void 0 ? void 0 : _c[property], spec: preparedEntitySpec, name: `${name}.<${key}>.${property}`, parentOnChange: parentOnChange, parentOnUnmount: noop })));
             },
         }));
         return [idxColumn, ...columns, removeColumn];

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { PasswordInput } from '@gravity-ui/components';
 import { TextInput } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import isNil from 'lodash/isNil';
 export const Text = ({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }) => {
-    const props = Object.assign(Object.assign({ hasClear: true }, inputProps), { value: _.isNil(value) ? '' : `${value}`, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name });
+    const props = Object.assign(Object.assign({ hasClear: true }, inputProps), { value: isNil(value) ? '' : `${value}`, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name });
     if (spec.viewSpec.type === 'password') {
         return (React.createElement(PasswordInput, Object.assign({}, props, { autoComplete: "new-password", showCopyButton: true, showRevealButton: true })));
     }

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

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
 import { Label, Text } from '@gravity-ui/uikit';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
 import { block } from '../../../utils';
 import { LazyLoader } from '../../LazyLoader';
 import { loadIcon } from './utils';
@@ -29,7 +29,7 @@ export const TextContent = (_a) => {
                 React.createElement(Text, { color: "secondary" }, input.value))) : null));
     }
     if (Layout) {
-        const _spec = _.cloneDeep(spec);
+        const _spec = cloneDeep(spec);
         if (!(textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text)) {
             _spec.viewSpec.layoutDescription = undefined;
         }

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

@@ -1,16 +1,17 @@
 import React from 'react';
-import _ from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import set from 'lodash/set';
 import { Controller, isStringSpec, } from '../../../../core';
 const TEXT_LINK_PROPERTY_NAME = 'text';
 export const TextLink = (props) => {
     var _a;
     const { spec, input, name, Layout } = props;
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => _.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const childSpec = React.useMemo(() => {
         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 = 'transparent';
             return childSpec;
         }

package/build/esm/lib/kit/components/LazyLoader/LazyLoader.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import _ from 'lodash';
+import isUndefined from 'lodash/isUndefined';
 export const LazyLoader = ({ component, initialFallback = React.createElement(React.Fragment, null), }) => {
     const fallback = React.useRef(() => initialFallback);
     const Component = component;
     const updateFallback = async () => {
         const result = await component._result;
-        if (!_.isUndefined(result)) {
+        if (!isUndefined(result)) {
             fallback.current = result.default;
         }
     };

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import _ from 'lodash';
+import isBoolean from 'lodash/isBoolean';
 import { isNotEmptyValue } from '../../../utils';
 import { SimpleVerticalAccordeon } from '../../SimpleVerticalAccordeon';
 export const ViewAccordeon = ({ 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);
     if (!isNotEmptyValue(value, spec)) {
         return null;
     }