@gravity-ui/dynamic-forms 3.6.1 → 4.0.0

package/build/esm/lib/core/helpers.d.ts

@@ -1,7 +1,7 @@
 import { ArraySpec, BooleanSpec, NumberSpec, ObjectSpec, StringSpec } from './types';
 export declare const isCorrectSpec: (candidate: any) => boolean;
-export declare const isArraySpec: (candidate: any) => candidate is ArraySpec<any, {}, {}>;
-export declare const isBooleanSpec: (candidate: any) => candidate is BooleanSpec<any, {}, {}>;
-export declare const isNumberSpec: (candidate: any) => candidate is NumberSpec<any, {}, {}>;
-export declare const isObjectSpec: (candidate: any) => candidate is ObjectSpec<any, {}, {}>;
-export declare const isStringSpec: (candidate: any) => candidate is StringSpec<any, {}, {}>;
+export declare const isArraySpec: (candidate: any) => candidate is ArraySpec<any, undefined, undefined>;
+export declare const isBooleanSpec: (candidate: any) => candidate is BooleanSpec<any, undefined, undefined>;
+export declare const isNumberSpec: (candidate: any) => candidate is NumberSpec<any, undefined, undefined>;
+export declare const isObjectSpec: (candidate: any) => candidate is ObjectSpec<any, undefined, undefined>;
+export declare const isStringSpec: (candidate: any) => candidate is StringSpec<any, undefined, undefined>;

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

@@ -2,7 +2,7 @@ import { LabelProps } from '@gravity-ui/uikit';
 import { ColorTextBaseProps } from '@gravity-ui/uikit/build/esm/components/Text/colorText/colorText';
 import { ReadAsMethod, SpecTypes } from '../constants';
 import { ArrayValue, ObjectValue } from './';
-export interface ArraySpec<LinkType = any, InputComponentProps extends Record<string, any> = {}, LayoutComponentProps extends Record<string, any> = {}> {
+export interface ArraySpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
     defaultValue?: ArrayValue;
     type: SpecTypes.Array;
     required?: boolean;
@@ -37,7 +37,7 @@ export interface ArraySpec<LinkType = any, InputComponentProps extends Record<st
         layoutProps?: LayoutComponentProps;
     };
 }
-export interface BooleanSpec<LinkType = any, InputComponentProps extends Record<string, any> = {}, LayoutComponentProps extends Record<string, any> = {}> {
+export interface BooleanSpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
     defaultValue?: boolean;
     type: SpecTypes.Boolean;
     required?: boolean;
@@ -55,7 +55,7 @@ export interface BooleanSpec<LinkType = any, InputComponentProps extends Record<
         layoutProps?: LayoutComponentProps;
     };
 }
-export interface NumberSpec<LinkType = any, InputComponentProps extends Record<string, any> = {}, LayoutComponentProps extends Record<string, any> = {}> {
+export interface NumberSpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
     defaultValue?: number;
     type: SpecTypes.Number;
     required?: boolean;
@@ -78,7 +78,7 @@ export interface NumberSpec<LinkType = any, InputComponentProps extends Record<s
         layoutProps?: LayoutComponentProps;
     };
 }
-export interface ObjectSpec<LinkType = any, InputComponentProps extends Record<string, any> = {}, LayoutComponentProps extends Record<string, any> = {}> {
+export interface ObjectSpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
     defaultValue?: ObjectValue;
     type: SpecTypes.Object;
     required?: boolean;
@@ -103,7 +103,7 @@ export interface ObjectSpec<LinkType = any, InputComponentProps extends Record<s
         layoutProps?: LayoutComponentProps;
     };
 }
-export interface StringSpec<LinkType = any, InputComponentProps extends Record<string, any> = {}, LayoutComponentProps extends Record<string, any> = {}> {
+export interface StringSpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
     defaultValue?: string;
     type: SpecTypes.String;
     required?: boolean;
@@ -158,4 +158,4 @@ export interface StringSpec<LinkType = any, InputComponentProps extends Record<s
         generateRandomValueButton?: boolean;
     };
 }
-export type Spec = ArraySpec | BooleanSpec | NumberSpec | ObjectSpec | StringSpec;
+export type Spec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> = ArraySpec<LinkType, InputComponentProps, LayoutComponentProps> | BooleanSpec<LinkType, InputComponentProps, LayoutComponentProps> | NumberSpec<LinkType, InputComponentProps, LayoutComponentProps> | ObjectSpec<LinkType, InputComponentProps, LayoutComponentProps> | StringSpec<LinkType, InputComponentProps, LayoutComponentProps>;

package/build/esm/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/esm/lib/kit/components/CopyButton/CopyButton.js

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

package/build/esm/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/esm/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/esm/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/esm/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/esm/lib/kit/components/Layouts/Accordeon/Accordeon.d.ts

@@ -1,2 +1,2 @@
 import { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
-export declare const Accordeon: <T extends ArrayLayoutProps<{}> | ObjectLayoutProps<{}>>({ name, spec, input, meta, children, }: T) => JSX.Element;
+export declare const Accordeon: <T extends ArrayLayoutProps<undefined, undefined> | ObjectLayoutProps<undefined, undefined>>({ name, spec, input, meta, children, }: T) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.d.ts

@@ -1,3 +1,3 @@
 import { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
 import './AccordeonCardForm.css';
-export declare const AccordeonCardForm: <T extends ArrayLayoutProps<{}> | ObjectLayoutProps<{}>>({ name, spec, input, children, meta, }: T) => JSX.Element;
+export declare const AccordeonCardForm: <T extends ArrayLayoutProps<undefined, undefined> | ObjectLayoutProps<undefined, undefined>>({ name, spec, input, children, meta, }: T) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/CardAccordeon.d.ts

@@ -1,2 +1,2 @@
 import { FieldValue, LayoutProps, Spec } from '../../../core';
-export declare const CardAccordeon: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, S>) => JSX.Element;
+export declare const CardAccordeon: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/CardSection.d.ts

@@ -1,2 +1,2 @@
 import { FieldValue, LayoutProps, Spec } from '../../../core';
-export declare const CardSection: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, S>) => JSX.Element;
+export declare const CardSection: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/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/esm/lib/kit/components/Layouts/Row/Row.d.ts

@@ -1,4 +1,4 @@
 import { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Row.css';
-export declare const Row: <T extends FieldValue, S extends Spec>(props: LayoutProps<T, S>) => JSX.Element;
-export declare const RowVerbose: <T extends FieldValue, S extends Spec>(props: LayoutProps<T, S>) => JSX.Element;
+export declare const Row: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const RowVerbose: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

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

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

package/build/esm/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/esm/lib/kit/components/Layouts/Section/Section.d.ts

@@ -6,10 +6,10 @@ interface SectionProps {
     ignoreDescription?: boolean;
     descriptionAsSubtitle?: boolean;
 }
-export declare const Section: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const Section2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const SectionWithSubtitle: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const SectionWithSubtitle2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const Group: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const Group2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const Section: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const Section2: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const SectionWithSubtitle: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const SectionWithSubtitle2: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const Group: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const Group2: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
 export {};

package/build/esm/lib/kit/components/Layouts/TableCell/TableCell.d.ts

@@ -1,2 +1,2 @@
 import { FieldValue, LayoutProps, Spec } from '../../../../core';
-export declare const TableCell: <T extends FieldValue, S extends Spec>({ name, meta, children, }: LayoutProps<T, S>) => JSX.Element;
+export declare const TableCell: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.d.ts

@@ -1,3 +1,3 @@
 import { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Transparent.css';
-export declare const Transparent: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, S>) => JSX.Element;
+export declare const Transparent: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/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/esm/lib/kit/components/LongValue/LongValue.js

@@ -39,6 +39,6 @@ export const LongValue = ({ value, className }) => {
             }
         }
     });
-    return (React.createElement("div", { ref: ref, onClick: long ? handleClick : undefined },
+    return (React.createElement("div", { className: b('container'), ref: ref, onClick: long ? handleClick : undefined },
         React.createElement(Text, Object.assign({ className: b({ long }, className), ellipsis: true }, currentTextProperies), value)));
 };

package/build/esm/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/esm/lib/kit/components/ViewLayouts/ViewCardSection.d.ts

@@ -1,2 +1,2 @@
 import { FormValue, Spec, ViewLayoutProps } from '../../../core';
-export declare const ViewCardSection: <T extends FormValue, S extends Spec>({ name, value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewCardSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ name, value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.d.ts

@@ -1,3 +1,3 @@
 import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewRow.css';
-export declare const ViewRow: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewRow: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewSection/ViewSection.d.ts

@@ -1,5 +1,5 @@
 import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
-export declare const ViewSection: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewSection2: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewGroup: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewGroup2: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewSection2: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewGroup: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewGroup2: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewTableCell/ViewTableCell.d.ts

@@ -1,3 +1,3 @@
 import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTableCell.css';
-export declare const ViewTableCell: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element;
+export declare const ViewTableCell: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element;

package/build/esm/lib/kit/components/ViewLayouts/ViewTransparent/ViewTransparent.d.ts

@@ -1,3 +1,3 @@
 import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTransparent.css';
-export declare const ViewTransparent: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewTransparent: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/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/esm/lib/kit/constants/config.js

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

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.d.ts

@@ -6,7 +6,7 @@ export interface UseOneOfParams {
 }
 export declare const useOneOf: ({ props, onTogglerChange }: UseOneOfParams) => {
     oneOfValue: string;
-    specProperties: Record<string, import("../../../core").Spec>;
+    specProperties: Record<string, import("../../../core").Spec<any, undefined, undefined>>;
     toggler: JSX.Element;
     togglerInput: JSX.Element;
 };

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

@@ -1,4 +1,4 @@
 import { FormValue, Spec, StringSpec } from '../../core';
 export declare const isNotEmptyValue: (value: FormValue | undefined, spec: Spec | undefined) => boolean;
-export declare const prepareSpec: <Type extends Spec>(spec: Type, parseJsonDefaultValue?: boolean) => Type;
+export declare const prepareSpec: <Type extends Spec<any, undefined, undefined>>(spec: Type, parseJsonDefaultValue?: boolean) => Type;
 export declare const isCorrectSizeParams: (spec: StringSpec) => boolean;

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

@@ -1,4 +1,4 @@
 import { Spec } from '../../core';
 export declare const filterPropertiesForObjectInline: (properties: Record<string, Spec>) => {
-    [k: string]: Spec;
+    [k: string]: Spec<any, undefined, undefined>;
 };

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "3.6.1",
+  "version": "4.0.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -44,8 +44,8 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^2.8.0",
-    "@gravity-ui/i18n": "^1.1.0",
+    "@gravity-ui/components": "^3.0.0",
+    "@gravity-ui/i18n": "^1.2.0",
     "@gravity-ui/icons": "^2.8.1",
     "lodash": "^4.17.20"
   },
@@ -54,11 +54,11 @@
     "@babel/preset-typescript": "^7.18.6",
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-conventional": "^17.0.0",
-    "@gravity-ui/eslint-config": "^2.2.0",
+    "@gravity-ui/eslint-config": "^3.1.1",
     "@gravity-ui/prettier-config": "^1.1.0",
-    "@gravity-ui/stylelint-config": "^2.0.0",
+    "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.19.1",
+    "@gravity-ui/uikit": "^6.0.0",
     "@playwright/experimental-ct-react": "^1.40.0",
     "@playwright/test": "^1.40.0",
     "@storybook/addon-essentials": "^7.0.27",
@@ -76,7 +76,7 @@
     "@types/uuid": "^9.0.4",
     "@vitejs/plugin-react": "^4.2.0",
     "css-loader": "^5.2.6",
-    "eslint": "^8.27.0",
+    "eslint": "^8.49.0",
     "final-form": "^4.20.2",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
@@ -91,7 +91,7 @@
     "monaco-editor-webpack-plugin": "^6.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.19",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.3",
     "randexp": "^0.5.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -103,14 +103,14 @@
     "sass-loader": "^10.1.1",
     "storybook": "^7.0.27",
     "style-loader": "^2.0.0",
-    "stylelint": "^14.15.0",
-    "stylelint-scss": "^4.2.0",
+    "stylelint": "^15.10.3",
+    "stylelint-scss": "^5.1.0",
     "ts-jest": "^29.0.5",
     "typescript": "^4.9.5",
     "uuid": "^9.0.1"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^5.0.0",
+    "@gravity-ui/uikit": "^6.0.0",
     "final-form": "^4.20.2",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",