@gravity-ui/dynamic-forms 4.0.0 → 4.0.1

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

@@ -2,7 +2,8 @@ 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 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;
         }

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';
 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;
     }

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

@@ -1,13 +1,13 @@
 import { __rest } from "tslib";
 import React from 'react';
-import _ from 'lodash';
+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)) {
+    if (!spec.properties || !isObjectLike(spec.properties)) {
         return null;
     }
     const specProperties = inline

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

@@ -1,6 +1,6 @@
 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';
 export const ObjectValueInputView = (_a) => {
@@ -8,7 +8,7 @@ export const ObjectValueInputView = (_a) => {
     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,5 +1,5 @@
 import React from 'react';
-import _ from 'lodash';
+import isObjectLike from 'lodash/isObjectLike';
 import { GroupIndent } from '../../';
 import { ViewController } from '../../../../core';
 import { block } from '../../../utils';
@@ -7,7 +7,7 @@ import './OneOfView.css';
 const b = block('oneof-view');
 const OneOfViewComponent = (props) => {
     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 valueKey = React.useMemo(() => Object.keys(value)[0], [value]);
     const valueName = React.useMemo(() => {
         var _a, _b;

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;