@gravity-ui/dynamic-forms 3.7.0 → 4.0.1

package/build/cjs/lib/kit/components/Card/Card.css

@@ -48,15 +48,16 @@
   margin-left: 10px;
 }
 .df-card__title {
+  display: flex;
   max-width: 533px;
 }
 .df-card__note {
   margin-left: 5px;
 }
-.df-card__note .yc-help-popover {
+.df-card__note .gc-help-popover {
   display: flex;
 }
-.df-card__note .yc-help-popover > span {
+.df-card__note .gc-help-popover > span {
   display: flex;
 }
 .df-card__toggler-icon_open {

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

@@ -6,7 +6,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("@gravity-ui/components");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
 const common_1 = require("../../constants/common");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('card');
@@ -35,7 +35,7 @@ const Card = ({ name, title: propsTitle, description, actions, open: propsOpen,
     const preventEvent = react_1.default.useCallback((e) => e.stopPropagation(), []);
     const titlePopoverDisabled = (((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0) <= common_1.COMMON_TITLE_MAX_WIDTH;
     const title = react_1.default.useMemo(() => {
-        if (lodash_1.default.isString(propsTitle)) {
+        if ((0, isString_1.default)(propsTitle)) {
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(uikit_1.Popover, { content: propsTitle, disabled: titlePopoverDisabled, placement: common_1.COMMON_POPOVER_PLACEMENT },
                     react_1.default.createElement(uikit_1.Text, { className: b('title'), ellipsis: true, ref: titleRef, variant: "subheader-2" }, propsTitle)),

package/build/cjs/lib/kit/components/CopyButton/CopyButton.js

@@ -13,7 +13,7 @@ const b = (0, utils_1.block)('copy-button');
  */
 const CopyButton = ({ spec, value }) => {
     if (((0, core_1.isStringSpec)(spec) || (0, core_1.isNumberSpec)(spec)) && spec.viewSpec.copy) {
-        return react_1.default.createElement(uikit_1.ClipboardButton, { className: b(), text: `${value}`, size: 14 });
+        return react_1.default.createElement(uikit_1.ClipboardButton, { className: b(), text: `${value}`, size: "s" });
     }
     return null;
 };

package/build/cjs/lib/kit/components/ErrorWrapper/ErrorWrapper.css

@@ -16,7 +16,10 @@
 .df-error-wrapper_error .g-text-area__content:hover:not(.df-error-wrapper-ignore),
 .df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__control,
 .df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__content,
-.df-error-wrapper_error .yc-checkbox__indicator:not(.df-error-wrapper-ignore)::before {
+.df-error-wrapper_error .g-text-input_view_normal:not(.df-error-wrapper-ignore) .g-text-input__control,
+.df-error-wrapper_error .g-text-input_view_normal:not(.df-error-wrapper-ignore) .g-text-input__content,
+.df-error-wrapper_error .yc-checkbox__indicator:not(.df-error-wrapper-ignore)::before,
+.df-error-wrapper_error .g-checkbox__indicator:not(.df-error-wrapper-ignore)::before {
   border-color: var(--g-color-text-danger);
 }
 .df-error-wrapper__error-text {

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

@@ -4,14 +4,14 @@ exports.GenerateRandomValueButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isFunction_1 = tslib_1.__importDefault(require("lodash/isFunction"));
 const hooks_1 = require("../../../core/components/Form/hooks");
 const i18n_1 = tslib_1.__importDefault(require("../../i18n"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('generate-random-value-button');
 const GenerateRandomValueButton = ({ spec, onChange, }) => {
     const generateRandomValue = (0, hooks_1.useGenerateRandomValue)();
-    if (lodash_1.default.isFunction(generateRandomValue) && spec.viewSpec.generateRandomValueButton) {
+    if ((0, isFunction_1.default)(generateRandomValue) && spec.viewSpec.generateRandomValueButton) {
         return (react_1.default.createElement(uikit_1.Button, { onClick: () => onChange(generateRandomValue(spec)), className: b() }, (0, i18n_1.default)('button-generate')));
     }
     return null;

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

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('array-base');
@@ -28,7 +28,7 @@ const ArrayBase = ({ spec, name, arrayInput, input }) => {
                 : `${idx + 1}` });
         return itemSpec;
     }, [spec.items, itemSpecCorrect]);
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const AddButton = react_1.default.useCallback(() => {
         let onClick = () => arrayInput.onItemAdd(undefined);
         let qa = `${name}-add-item`;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardOneOf = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const __1 = require("../../");
 const core_1 = require("../../../../core");
 const hooks_1 = require("../../../hooks");
@@ -27,7 +27,7 @@ const CardOneOf = (props) => {
         return;
     }, [name, input.onDrop]);
     const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => {
-        const value = lodash_1.default.set({}, childName.split(`${input.name}.`).join(''), childValue);
+        const value = (0, set_1.default)({}, childName.split(`${input.name}.`).join(''), childValue);
         input.onChange(value, childErrors);
     }, [input.onChange, input.name]);
     (0, hooks_1.useErrorChecker)({ name, meta, open, setOpen });

package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css

@@ -1,9 +1,9 @@
-.df-monaco-input-dialog .yc-dialog-footer {
+.df-monaco-input-dialog .g-dialog-footer {
   padding: 10px 32px 32px;
 }
 .df-monaco-input-dialog__container {
   border: 1px solid var(--g-color-line-generic);
 }
-.df-monaco-input-dialog__dialog-header .yc-dialog-header__caption {
+.df-monaco-input-dialog__dialog-header .g-dialog-header__caption {
   min-height: 24px;
 }

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

@@ -4,7 +4,8 @@ exports.MultiOneOfFlat = exports.MultiOneOf = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const GroupIndent_1 = require("../../GroupIndent");
@@ -22,9 +23,9 @@ const MultiOneOf = (props) => {
         }
     }, [onFocus, onBlur]);
     const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => {
-        onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors);
+        onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors);
     }, [name, onChange]);
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = react_1.default.useMemo(() => ((0, isObjectLike_1.default)(spec.properties) ? spec.properties : {}), [spec.properties]);
     const options = react_1.default.useMemo(() => (spec.viewSpec.order || Object.keys(specProperties)).map((value) => {
         var _a, _b;
         const title = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) ||

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

@@ -5,7 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('object-base');
@@ -17,10 +18,10 @@ const ObjectBase = (_a) => {
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
             spec.viewSpec.layoutTitle || null));
     }, [spec.defaultValue, spec.viewSpec.layoutTitle, restProps.input.onChange]);
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => restProps.input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${restProps.input.name}.`).join(''), childValue), childErrors), [restProps.input.onChange, restProps.input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => restProps.input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${restProps.input.name}.`).join(''), childValue), childErrors), [restProps.input.onChange, restProps.input.name]);
     const content = react_1.default.useMemo(() => {
         if (!spec.properties ||
-            !lodash_1.default.isObjectLike(spec.properties) ||
+            !(0, isObjectLike_1.default)(spec.properties) ||
             !Object.keys(spec.properties || {}).length) {
             return null;
         }

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

@@ -3,17 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ObjectValueInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const OBJECT_VALUE_PROPERTY_NAME = 'value';
 const ObjectValueInput = (props) => {
     var _a;
     const { spec, input, name, Layout } = props;
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const childSpec = react_1.default.useMemo(() => {
         var _a;
         if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME]) {
-            const childSpec = lodash_1.default.cloneDeep(spec.properties[OBJECT_VALUE_PROPERTY_NAME]);
+            const childSpec = (0, cloneDeep_1.default)(spec.properties[OBJECT_VALUE_PROPERTY_NAME]);
             childSpec.viewSpec.layout = 'transparent';
             return childSpec;
         }

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OneOfFlat = exports.OneOf = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const __1 = require("../../");
 const core_1 = require("../../../../core");
 const hooks_1 = require("../../../hooks");
@@ -13,7 +13,7 @@ const OneOfComponent = (props) => {
     var _a;
     const { oneOfValue, specProperties, toggler } = (0, hooks_1.useOneOf)({ props });
     const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => {
-        const value = lodash_1.default.set({}, childName.split(`${props.input.name}.`).join(''), childValue);
+        const value = (0, set_1.default)({}, childName.split(`${props.input.name}.`).join(''), childValue);
         props.input.onChange(value, childErrors);
     }, [props.input.onChange, props.input.name]);
     return (react_1.default.createElement("div", { className: b({

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

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Secret = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const SECRET_PROPERTY_NAME = 'raw';
 const Secret = (props) => {
@@ -12,13 +13,13 @@ const Secret = (props) => {
     const childSpec = react_1.default.useMemo(() => {
         var _a, _b;
         if ((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[SECRET_PROPERTY_NAME]) {
-            const childSpec = lodash_1.default.cloneDeep((_b = spec.properties) === null || _b === void 0 ? void 0 : _b[SECRET_PROPERTY_NAME]);
+            const childSpec = (0, cloneDeep_1.default)((_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_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     if (!childSpec) {
         return null;
     }

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

@@ -1,10 +1,10 @@
 .df-table-array__table {
   margin-bottom: 10px;
 }
-.df-table-array__table .yc-table__cell {
+.df-table-array__table .g-table__cell {
   border-bottom: 0px transparent;
 }
-.df-table-array__row .yc-table__cell {
+.df-table-array__row .g-table__cell {
   border-bottom: 0px transparent;
   border-top: 1px solid var(--g-color-line-generic);
 }
@@ -12,7 +12,9 @@
   display: none;
 }
 .df-table-array__cell .yc-text-input,
+.df-table-array__cell .g-text-input,
 .df-table-array__cell .yc-select-control,
+.df-table-array__cell .g-select-control,
 .df-table-array__cell .yc-select,
 .df-table-array__cell .g-select {
   max-width: 150px;
@@ -22,10 +24,14 @@
   padding-left: 3px;
 }
 .df-table-array__cell_arr .yc-text-input,
+.df-table-array__cell_arr .g-text-input,
 .df-table-array__cell_arr .yc-select-control:not(.df-multi-select),
+.df-table-array__cell_arr .g-select-control:not(.df-multi-select),
 .df-table-array__cell_arr .yc-select:not(.df-multi-select),
 .df-table-array__cell_arr .g-select:not(.df-multi-select), .df-table-array__cell_obj .yc-text-input,
+.df-table-array__cell_obj .g-text-input,
 .df-table-array__cell_obj .yc-select-control:not(.df-multi-select),
+.df-table-array__cell_obj .g-select-control:not(.df-multi-select),
 .df-table-array__cell_obj .yc-select:not(.df-multi-select),
 .df-table-array__cell_obj .g-select:not(.df-multi-select) {
   max-width: unset;

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

@@ -5,7 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const hooks_1 = require("../../../../core/components/Form/hooks");
 const utils_1 = require("../../../utils");
@@ -25,7 +26,7 @@ const TableArrayInput = ({ spec, name, arrayInput, input }) => {
     const onItemRemove = react_1.default.useCallback((key) => {
         arrayInput.onItemRemove(key);
     }, [arrayInput.onItemRemove]);
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${input.name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const columns = react_1.default.useMemo(() => {
         const { items, viewSpec: { table }, } = spec;
         if (!(table === null || table === void 0 ? void 0 : table.length) || !(0, core_1.isObjectSpec)(items)) {
@@ -59,7 +60,7 @@ const TableArrayInput = ({ spec, name, arrayInput, input }) => {
                         arr: (0, core_1.isArraySpec)(preparedEntitySpec),
                         obj: (0, core_1.isObjectSpec)(preparedEntitySpec),
                     }), key: `${name}.<${key}>.${property}` },
-                    react_1.default.createElement(core_1.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: lodash_1.default.noop })));
+                    react_1.default.createElement(core_1.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_1.default })));
             },
         }));
         return [idxColumn, ...columns, removeColumn];

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

@@ -5,9 +5,9 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("@gravity-ui/components");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isNil_1 = tslib_1.__importDefault(require("lodash/isNil"));
 const Text = ({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }) => {
-    const props = Object.assign(Object.assign({ hasClear: true }, inputProps), { value: lodash_1.default.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: (0, isNil_1.default)(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_1.default.createElement(components_1.PasswordInput, Object.assign({}, props, { autoComplete: "new-password", showCopyButton: true, showRevealButton: true })));
     }

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

@@ -1,8 +1,8 @@
-.df-text-content.yc-label {
+.df-text-content.g-label {
   height: auto;
   width: auto;
 }
-.df-text-content .yc-label__text {
+.df-text-content .g-label__text {
   text-align: initial;
   white-space: initial;
 }

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

@@ -4,7 +4,7 @@ exports.TextContent = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
 const utils_1 = require("../../../utils");
 const LazyLoader_1 = require("../../LazyLoader");
 const utils_2 = require("./utils");
@@ -31,7 +31,7 @@ const TextContent = (_a) => {
                 react_1.default.createElement(uikit_1.Text, { color: "secondary" }, input.value))) : null));
     }
     if (Layout) {
-        const _spec = lodash_1.default.cloneDeep(spec);
+        const _spec = (0, cloneDeep_1.default)(spec);
         if (!(textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text)) {
             _spec.viewSpec.layoutDescription = undefined;
         }

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

@@ -3,18 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextLink = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
+const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const core_1 = require("../../../../core");
 const TEXT_LINK_PROPERTY_NAME = 'text';
 const TextLink = (props) => {
     var _a;
     const { spec, input, name, Layout } = props;
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => (0, set_1.default)(Object.assign({}, currentValue), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
     const childSpec = react_1.default.useMemo(() => {
         var _a;
         if (((_a = spec.properties) === null || _a === void 0 ? void 0 : _a[TEXT_LINK_PROPERTY_NAME]) &&
             (0, core_1.isStringSpec)(spec.properties[TEXT_LINK_PROPERTY_NAME])) {
-            const childSpec = lodash_1.default.cloneDeep(spec.properties[TEXT_LINK_PROPERTY_NAME]);
+            const childSpec = (0, cloneDeep_1.default)(spec.properties[TEXT_LINK_PROPERTY_NAME]);
             childSpec.viewSpec.layout = 'transparent';
             return childSpec;
         }

package/build/cjs/lib/kit/components/Layouts/Row/Row.css

@@ -41,10 +41,10 @@
   position: absolute;
   margin-top: 1px;
 }
-.df-row__note-inner .yc-help-popover {
+.df-row__note-inner .g-help-popover {
   display: flex;
 }
-.df-row__note-inner .yc-help-popover > span {
+.df-row__note-inner .g-help-popover > span {
   display: flex;
 }
 .df-row__right {

package/build/cjs/lib/kit/components/Layouts/Row/Row.js

@@ -31,7 +31,7 @@ const RowBase = ({ name, spec, input, meta, verboseDescription, children, }) =>
                     react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 }))) : null),
             verboseDescription && spec.viewSpec.layoutDescription ? (react_1.default.createElement("div", { className: b('description'), dangerouslySetInnerHTML: { __html: spec.viewSpec.layoutDescription } })) : null)));
 };
-const Row = (props) => (react_1.default.createElement(RowBase, Object.assign({}, props)));
+const Row = (props) => react_1.default.createElement(RowBase, Object.assign({}, props));
 exports.Row = Row;
-const RowVerbose = (props) => (react_1.default.createElement(RowBase, Object.assign({ verboseDescription: true }, props)));
+const RowVerbose = (props) => react_1.default.createElement(RowBase, Object.assign({ verboseDescription: true }, props));
 exports.RowVerbose = RowVerbose;

package/build/cjs/lib/kit/components/Layouts/Section/Section.css

@@ -28,10 +28,10 @@
 .df-section__note {
   margin-left: 5px;
 }
-.df-section__note .yc-help-popover {
+.df-section__note .g-help-popover {
   display: flex;
 }
-.df-section__note .yc-help-popover > span {
+.df-section__note .g-help-popover > span {
   display: flex;
 }
 .df-section__description {

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

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LazyLoader = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isUndefined_1 = tslib_1.__importDefault(require("lodash/isUndefined"));
 const LazyLoader = ({ component, initialFallback = react_1.default.createElement(react_1.default.Fragment, null), }) => {
     const fallback = react_1.default.useRef(() => initialFallback);
     const Component = component;
     const updateFallback = async () => {
         const result = await component._result;
-        if (!lodash_1.default.isUndefined(result)) {
+        if (!(0, isUndefined_1.default)(result)) {
             fallback.current = result.default;
         }
     };

package/build/cjs/lib/kit/components/LongValue/LongValue.css

@@ -6,4 +6,7 @@
 }
 .df-long-value_long:hover {
   color: var(--g-color-text-secondary);
+}
+.df-long-value__container {
+  display: flex;
 }

package/build/cjs/lib/kit/components/LongValue/LongValue.js

@@ -42,7 +42,7 @@ const LongValue = ({ value, className }) => {
             }
         }
     });
-    return (react_1.default.createElement("div", { ref: ref, onClick: long ? handleClick : undefined },
+    return (react_1.default.createElement("div", { className: b('container'), ref: ref, onClick: long ? handleClick : undefined },
         react_1.default.createElement(uikit_1.Text, Object.assign({ className: b({ long }, className), ellipsis: true }, currentTextProperies), value)));
 };
 exports.LongValue = LongValue;

package/build/cjs/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.css

@@ -20,10 +20,10 @@
 .df-simple-vertical-accordeon__tooltip {
   margin: 0px 5px;
 }
-.df-simple-vertical-accordeon__tooltip .yc-help-popover {
+.df-simple-vertical-accordeon__tooltip .g-help-popover {
   display: flex;
 }
-.df-simple-vertical-accordeon__tooltip .yc-help-popover > span {
+.df-simple-vertical-accordeon__tooltip .g-help-popover > span {
   display: flex;
 }
 .df-simple-vertical-accordeon__chevron {

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewAccordeon = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isBoolean_1 = tslib_1.__importDefault(require("lodash/isBoolean"));
 const utils_1 = require("../../../utils");
 const SimpleVerticalAccordeon_1 = require("../../SimpleVerticalAccordeon");
 const ViewAccordeon = ({ name, value, spec, children, }) => {
-    const [open, setOpen] = react_1.default.useState(lodash_1.default.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
+    const [open, setOpen] = react_1.default.useState((0, isBoolean_1.default)(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
     if (!(0, utils_1.isNotEmptyValue)(value, spec)) {
         return null;
     }

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewAccordeonCard = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isBoolean_1 = tslib_1.__importDefault(require("lodash/isBoolean"));
 const utils_1 = require("../../../utils");
 const AccordeonCard_1 = require("../../AccordeonCard");
 const ViewAccordeonCard = ({ value, name, spec, children, }) => {
-    const [open, setOpen] = react_1.default.useState(lodash_1.default.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
+    const [open, setOpen] = react_1.default.useState((0, isBoolean_1.default)(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
     if (!(0, utils_1.isNotEmptyValue)(value, spec)) {
         return null;
     }

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewCardAccordeon = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isBoolean_1 = tslib_1.__importDefault(require("lodash/isBoolean"));
 const __1 = require("../");
 const utils_1 = require("../../utils");
 const ViewCardAccordeon = ({ name, value, spec, children, }) => {
-    const [open, setOpen] = react_1.default.useState(lodash_1.default.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
+    const [open, setOpen] = react_1.default.useState((0, isBoolean_1.default)(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true);
     const onToggle = react_1.default.useCallback(() => setOpen((f) => !f), [setOpen]);
     if (!(0, utils_1.isNotEmptyValue)(value, spec)) {
         return null;

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

@@ -4,7 +4,7 @@ exports.ArrayBaseView = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const map_1 = tslib_1.__importDefault(require("lodash/map"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('array-base-view');
@@ -20,7 +20,7 @@ const ArrayBaseView = ({ spec, name, value = [] }) => {
                 : `${idx + 1}` });
         return itemSpec;
     }, [spec.items, itemSpecCorrect]);
-    const items = react_1.default.useMemo(() => lodash_1.default.map(value, (__, idx) => {
+    const items = react_1.default.useMemo(() => (0, map_1.default)(value, (__, idx) => {
         const itemSpec = getItemSpec(idx);
         if (!itemSpec) {
             return null;

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseView = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
 const components_1 = require("../../../components");
 const BaseView = ({ value, spec, linkValue, }) => {
     var _a;
-    if (lodash_1.default.isString(value) && linkValue) {
+    if ((0, isString_1.default)(value) && linkValue) {
         return react_1.default.createElement(react_1.default.Fragment, null, linkValue);
     }
     return (react_1.default.createElement(components_1.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/cjs/lib/kit/components/Views/CardOneOfView.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardOneOfView = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
 const __1 = require("../");
 const core_1 = require("../../../core");
 const CardOneOfView = (props) => {
     const { value = {}, spec, name } = props;
     const [open, setOpen] = react_1.default.useState(true);
     const onToggle = react_1.default.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = react_1.default.useMemo(() => ((0, isObjectLike_1.default)(spec.properties) ? spec.properties : {}), [spec.properties]);
     const valueKey = react_1.default.useMemo(() => Object.keys(value)[0], [value]);
     const valueName = react_1.default.useMemo(() => {
         var _a, _b;

package/build/cjs/lib/kit/components/Views/MonacoInputView/MonacoViewDialog.css

@@ -1,4 +1,4 @@
-.df-monaco-view-dialog .yc-dialog-footer {
+.df-monaco-view-dialog .g-dialog-footer {
   padding: 10px 32px 32px;
 }
 .df-monaco-view-dialog__container {

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

@@ -4,14 +4,14 @@ exports.MultiOneOfFlatView = exports.MultiOneOfView = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const GroupIndent_1 = require("../../GroupIndent");
 const b = (0, utils_1.block)('multi-oneof-view');
 const MultiOneOfView = (props) => {
     const { name, value, Layout, spec, withoutIndent } = props;
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = react_1.default.useMemo(() => ((0, isObjectLike_1.default)(spec.properties) ? spec.properties : {}), [spec.properties]);
     const values = react_1.default.useMemo(() => Object.keys(value || []), [value]);
     const items = react_1.default.useMemo(() => values.map((value) => {
         var _a, _b;

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

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ObjectInlineView = exports.ObjectBaseView = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
 const core_1 = require("../../../../core");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('object-base-view');
 const ObjectBaseView = (_a) => {
     var { inline, spec, name, Layout } = _a, restProps = tslib_1.__rest(_a, ["inline", "spec", "name", "Layout"]);
-    if (!spec.properties || !lodash_1.default.isObjectLike(spec.properties)) {
+    if (!spec.properties || !(0, isObjectLike_1.default)(spec.properties)) {
         return null;
     }
     const specProperties = inline