@gravity-ui/dynamic-forms 5.20.0 → 5.22.0

package/build/cjs/lib/unstable/kit/overview-entities/NumberValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberValue = void 0;
+var NumberValue_1 = require("./NumberValue");
+Object.defineProperty(exports, "NumberValue", { enumerable: true, get: function () { return NumberValue_1.NumberValue; } });

package/build/cjs/lib/unstable/kit/overview-entities/NumberWithScaleValue/NumberWithScaleValue.d.ts

@@ -0,0 +1,10 @@
+import type { JsonSchemaNumber, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface NumberWithScaleValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+    scale?: Record<string, {
+        title: string;
+        factor: number;
+    }>;
+    viewType?: string;
+}
+export declare const NumberWithScaleValue: NodeEntity<JsonSchemaNumber, NumberWithScaleValueProps>;

package/build/cjs/lib/unstable/kit/overview-entities/NumberWithScaleValue/NumberWithScaleValue.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberWithScaleValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
+const components_1 = require("../../components");
+const NumberWithScaleValue = ({ input, props, }) => {
+    const { scale, viewType } = props, restProps = tslib_1.__rest(props, ["scale", "viewType"]);
+    const level = react_1.default.useMemo(() => {
+        const determined = viewType ? (0, get_1.default)(scale, viewType) : undefined;
+        let suggested = (0, isNumber_1.default)(determined === null || determined === void 0 ? void 0 : determined.factor)
+            ? determined
+            : undefined;
+        Object.values(scale || {}).forEach((item) => {
+            if ((0, isNumber_1.default)(input.value) &&
+                (0, isNumber_1.default)(item.factor) &&
+                Math.abs(input.value / item.factor) >= 1 &&
+                (!suggested || item.factor > suggested.factor)) {
+                suggested = item;
+            }
+        });
+        return suggested;
+    }, [input.value, scale, viewType]);
+    if (!(0, isNumber_1.default)(input.value)) {
+        return react_1.default.createElement(components_1.EmptyEntityValue, null);
+    }
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated", direction: "row", gap: 0.5 },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, restProps, { value: input.value / ((level === null || level === void 0 ? void 0 : level.factor) || 1), qa: input.name })),
+        (level === null || level === void 0 ? void 0 : level.title) ? react_1.default.createElement(uikit_1.Text, { color: "secondary" }, level.title) : null));
+};
+exports.NumberWithScaleValue = NumberWithScaleValue;

package/build/cjs/lib/unstable/kit/overview-entities/NumberWithScaleValue/index.d.ts

@@ -0,0 +1 @@
+export { NumberWithScaleValue, type NumberWithScaleValueProps } from './NumberWithScaleValue';

package/build/cjs/lib/unstable/kit/overview-entities/NumberWithScaleValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberWithScaleValue = void 0;
+var NumberWithScaleValue_1 = require("./NumberWithScaleValue");
+Object.defineProperty(exports, "NumberWithScaleValue", { enumerable: true, get: function () { return NumberWithScaleValue_1.NumberWithScaleValue; } });

package/build/cjs/lib/unstable/kit/overview-entities/PrimitiveArrayValue/PrimitiveArrayValue.d.ts

@@ -0,0 +1,7 @@
+import type { JsonSchemaArray, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface PrimitiveArrayValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+    direction?: 'column' | 'row';
+    enumDescriptions?: Record<string, string>;
+}
+export declare const PrimitiveArrayValue: NodeEntity<JsonSchemaArray, PrimitiveArrayValueProps>;

package/build/cjs/lib/unstable/kit/overview-entities/PrimitiveArrayValue/PrimitiveArrayValue.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrimitiveArrayValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const PrimitiveArrayValue = ({ input, props, }) => {
+    const { direction = 'row', enumDescriptions } = props, restProps = tslib_1.__rest(props, ["direction", "enumDescriptions"]);
+    const values = react_1.default.useMemo(() => {
+        if (!Array.isArray(input.value)) {
+            return [];
+        }
+        return input.value.map((item) => {
+            const stringValue = String(item);
+            return (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[stringValue]) || stringValue;
+        });
+    }, [enumDescriptions, input.value]);
+    if (!values.length) {
+        return react_1.default.createElement(components_1.EmptyEntityValue, null);
+    }
+    if (direction === 'column') {
+        return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated", gap: 0.5 }, values.map((item, index) => (react_1.default.createElement(components_1.LongValue, Object.assign({}, restProps, { key: `${item}-${index}`, value: item, qa: `${input.name}[${index}]` }))))));
+    }
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated" },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, restProps, { value: values.join(', '), qa: input.name }))));
+};
+exports.PrimitiveArrayValue = PrimitiveArrayValue;

package/build/cjs/lib/unstable/kit/overview-entities/PrimitiveArrayValue/index.d.ts

@@ -0,0 +1 @@
+export { PrimitiveArrayValue, type PrimitiveArrayValueProps } from './PrimitiveArrayValue';

package/build/cjs/lib/unstable/kit/overview-entities/PrimitiveArrayValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrimitiveArrayValue = void 0;
+var PrimitiveArrayValue_1 = require("./PrimitiveArrayValue");
+Object.defineProperty(exports, "PrimitiveArrayValue", { enumerable: true, get: function () { return PrimitiveArrayValue_1.PrimitiveArrayValue; } });

package/build/cjs/lib/unstable/kit/overview-entities/RangeValue/RangeValue.d.ts

@@ -0,0 +1,7 @@
+import type { JsonSchemaObject, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface RangeValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+    propertyKeys?: [string, string];
+    separator?: string;
+}
+export declare const RangeValue: NodeEntity<JsonSchemaObject, RangeValueProps>;

package/build/cjs/lib/unstable/kit/overview-entities/RangeValue/RangeValue.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
+const components_1 = require("../../components");
+const constants_1 = require("../../constants");
+const RangeValue = ({ input, props }) => {
+    var _a, _b;
+    const { propertyKeys, separator = constants_1.DASH } = props, restProps = tslib_1.__rest(props, ["propertyKeys", "separator"]);
+    const [fromKey, toKey] = propertyKeys || ['from', 'to'];
+    const from = (_a = input.value) === null || _a === void 0 ? void 0 : _a[fromKey];
+    const to = (_b = input.value) === null || _b === void 0 ? void 0 : _b[toKey];
+    if (!(0, isNumber_1.default)(from) || !(0, isNumber_1.default)(to)) {
+        return react_1.default.createElement(components_1.EmptyEntityValue, null);
+    }
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated", direction: "row", gap: 0.5, alignItems: "center" },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, restProps, { value: from, qa: `${input.name}.${fromKey}` })),
+        react_1.default.createElement(uikit_1.Text, { color: "secondary" }, separator),
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, restProps, { value: to, qa: `${input.name}.${toKey}` }))));
+};
+exports.RangeValue = RangeValue;

package/build/cjs/lib/unstable/kit/overview-entities/RangeValue/index.d.ts

@@ -0,0 +1 @@
+export { RangeValue, type RangeValueProps } from './RangeValue';

package/build/cjs/lib/unstable/kit/overview-entities/RangeValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeValue = void 0;
+var RangeValue_1 = require("./RangeValue");
+Object.defineProperty(exports, "RangeValue", { enumerable: true, get: function () { return RangeValue_1.RangeValue; } });

package/build/cjs/lib/unstable/kit/overview-entities/StringNumberWithScaleValue/StringNumberWithScaleValue.d.ts

@@ -0,0 +1,10 @@
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface StringNumberWithScaleValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+    scale?: Record<string, {
+        title: string;
+        factor: string;
+    }>;
+    viewType?: string;
+}
+export declare const StringNumberWithScaleValue: NodeEntity<JsonSchemaString, StringNumberWithScaleValueProps>;

package/build/cjs/lib/unstable/kit/overview-entities/StringNumberWithScaleValue/StringNumberWithScaleValue.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringNumberWithScaleValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const decimal_js_1 = tslib_1.__importDefault(require("decimal.js"));
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const StringNumberWithScaleValue = ({ input, props }) => {
+    const { scale, viewType } = props, restProps = tslib_1.__rest(props, ["scale", "viewType"]);
+    const level = react_1.default.useMemo(() => {
+        const determined = viewType ? (0, get_1.default)(scale, viewType) : undefined;
+        let suggested = (0, utils_1.isStringNumber)(determined === null || determined === void 0 ? void 0 : determined.factor)
+            ? determined
+            : undefined;
+        Object.values(scale || {}).forEach((item) => {
+            if ((0, utils_1.isStringNumber)(input.value) &&
+                (0, utils_1.isStringNumber)(item.factor) &&
+                new decimal_js_1.default(input.value).div(item.factor).abs().gte(1) &&
+                (!suggested || new decimal_js_1.default(item.factor).gt(suggested.factor))) {
+                suggested = item;
+            }
+        });
+        return suggested;
+    }, [input.value, scale, viewType]);
+    if (!(0, utils_1.isStringNumber)(input.value)) {
+        return react_1.default.createElement(components_1.EmptyEntityValue, null);
+    }
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated", direction: "row", gap: 0.5 },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, restProps, { value: new decimal_js_1.default(input.value).div((level === null || level === void 0 ? void 0 : level.factor) || 1).toString(), qa: input.name })),
+        (level === null || level === void 0 ? void 0 : level.title) ? react_1.default.createElement(uikit_1.Text, { color: "secondary" }, level.title) : null));
+};
+exports.StringNumberWithScaleValue = StringNumberWithScaleValue;

package/build/cjs/lib/unstable/kit/overview-entities/StringNumberWithScaleValue/index.d.ts

@@ -0,0 +1 @@
+export { StringNumberWithScaleValue, type StringNumberWithScaleValueProps, } from './StringNumberWithScaleValue';

package/build/cjs/lib/unstable/kit/overview-entities/StringNumberWithScaleValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringNumberWithScaleValue = void 0;
+var StringNumberWithScaleValue_1 = require("./StringNumberWithScaleValue");
+Object.defineProperty(exports, "StringNumberWithScaleValue", { enumerable: true, get: function () { return StringNumberWithScaleValue_1.StringNumberWithScaleValue; } });

package/build/cjs/lib/unstable/kit/overview-entities/StringValue/StringValue.d.ts

@@ -0,0 +1,5 @@
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface StringValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+}
+export declare const StringValue: NodeEntity<JsonSchemaString, StringValueProps>;

package/build/cjs/lib/unstable/kit/overview-entities/StringValue/StringValue.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const StringValue = ({ input, props }) => {
+    if (!input.value) {
+        return react_1.default.createElement(components_1.EmptyEntityValue, null);
+    }
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated" },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, props, { value: input.value, qa: input.name }))));
+};
+exports.StringValue = StringValue;

package/build/cjs/lib/unstable/kit/overview-entities/StringValue/index.d.ts

@@ -0,0 +1 @@
+export { StringValue, type StringValueProps } from './StringValue';

package/build/cjs/lib/unstable/kit/overview-entities/StringValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringValue = void 0;
+var StringValue_1 = require("./StringValue");
+Object.defineProperty(exports, "StringValue", { enumerable: true, get: function () { return StringValue_1.StringValue; } });

package/build/cjs/lib/unstable/kit/overview-entities/index.d.ts

@@ -0,0 +1,9 @@
+export { BooleanValue, type BooleanValueProps } from './BooleanValue';
+export { ColorPickerValue, type ColorPickerValueProps } from './ColorPickerValue';
+export { DateValue, type DateValueProps } from './DateValue';
+export { NumberValue, type NumberValueProps } from './NumberValue';
+export { NumberWithScaleValue, type NumberWithScaleValueProps } from './NumberWithScaleValue';
+export { PrimitiveArrayValue, type PrimitiveArrayValueProps } from './PrimitiveArrayValue';
+export { RangeValue, type RangeValueProps } from './RangeValue';
+export { StringNumberWithScaleValue, type StringNumberWithScaleValueProps, } from './StringNumberWithScaleValue';
+export { StringValue, type StringValueProps } from './StringValue';

package/build/cjs/lib/unstable/kit/overview-entities/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringValue = exports.StringNumberWithScaleValue = exports.RangeValue = exports.PrimitiveArrayValue = exports.NumberWithScaleValue = exports.NumberValue = exports.DateValue = exports.ColorPickerValue = exports.BooleanValue = void 0;
+var BooleanValue_1 = require("./BooleanValue");
+Object.defineProperty(exports, "BooleanValue", { enumerable: true, get: function () { return BooleanValue_1.BooleanValue; } });
+var ColorPickerValue_1 = require("./ColorPickerValue");
+Object.defineProperty(exports, "ColorPickerValue", { enumerable: true, get: function () { return ColorPickerValue_1.ColorPickerValue; } });
+var DateValue_1 = require("./DateValue");
+Object.defineProperty(exports, "DateValue", { enumerable: true, get: function () { return DateValue_1.DateValue; } });
+var NumberValue_1 = require("./NumberValue");
+Object.defineProperty(exports, "NumberValue", { enumerable: true, get: function () { return NumberValue_1.NumberValue; } });
+var NumberWithScaleValue_1 = require("./NumberWithScaleValue");
+Object.defineProperty(exports, "NumberWithScaleValue", { enumerable: true, get: function () { return NumberWithScaleValue_1.NumberWithScaleValue; } });
+var PrimitiveArrayValue_1 = require("./PrimitiveArrayValue");
+Object.defineProperty(exports, "PrimitiveArrayValue", { enumerable: true, get: function () { return PrimitiveArrayValue_1.PrimitiveArrayValue; } });
+var RangeValue_1 = require("./RangeValue");
+Object.defineProperty(exports, "RangeValue", { enumerable: true, get: function () { return RangeValue_1.RangeValue; } });
+var StringNumberWithScaleValue_1 = require("./StringNumberWithScaleValue");
+Object.defineProperty(exports, "StringNumberWithScaleValue", { enumerable: true, get: function () { return StringNumberWithScaleValue_1.StringNumberWithScaleValue; } });
+var StringValue_1 = require("./StringValue");
+Object.defineProperty(exports, "StringValue", { enumerable: true, get: function () { return StringValue_1.StringValue; } });

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.css

@@ -0,0 +1,22 @@
+.sr-overview-column {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-overview-column:last-child {
+  margin-bottom: 0;
+}
+.sr-overview-column:hover .sr-overview-column__copy-button {
+  display: block;
+}
+.sr-overview-column__top {
+  display: inline;
+}
+.sr-overview-column__title {
+  min-height: 18px;
+  margin-right: calc(var(--g-spacing-base) * 1);
+}
+.sr-overview-column__help-mark {
+  margin-top: 1.5px;
+}
+.sr-overview-column__copy-button {
+  display: none;
+}

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.d.ts

@@ -0,0 +1,2 @@
+import type { JsonSchema, NodeLayout } from '../../../core';
+export declare const OverviewColumn: NodeLayout<JsonSchema>;

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewColumn = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('overview-column');
+const OverviewColumn = ({ children, input, schema, props }) => {
+    const tooltip = react_1.default.useMemo(() => {
+        if (!schema.description) {
+            return null;
+        }
+        return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
+            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
+    }, [schema.description]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 2, hideEmpty: true },
+        react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5, grow: 1 },
+            react_1.default.createElement("div", { className: b('top') },
+                react_1.default.createElement(uikit_1.Text, { className: b('title'), color: "secondary", wordBreak: "break-word" }, schema.title),
+                tooltip)),
+        react_1.default.createElement(uikit_1.Flex, { className: b('bottom'), direction: "column", gap: 0.5, grow: 1 },
+            react_1.default.createElement(uikit_1.Flex, { grow: 1, gap: 2 },
+                children,
+                react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+};
+exports.OverviewColumn = OverviewColumn;

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/index.d.ts

@@ -0,0 +1 @@
+export { OverviewColumn } from './OverviewColumn';

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewColumn = void 0;
+var OverviewColumn_1 = require("./OverviewColumn");
+Object.defineProperty(exports, "OverviewColumn", { enumerable: true, get: function () { return OverviewColumn_1.OverviewColumn; } });

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.css

@@ -0,0 +1,38 @@
+.sr-overview-row {
+  max-width: 100%;
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-overview-row:last-child {
+  margin-bottom: 0;
+}
+.sr-overview-row:hover .sr-overview-row__copy-button {
+  display: block;
+}
+.sr-overview-row__left {
+  width: 300px;
+  flex-shrink: 0;
+  min-height: 20px;
+  display: flex;
+  align-items: flex-start;
+}
+.sr-overview-row__title {
+  min-height: 18px;
+}
+.sr-overview-row__help-mark {
+  min-width: 16px;
+  margin-left: calc(var(--g-spacing-base) * 1);
+  margin-top: 1px;
+}
+.sr-overview-row__dots {
+  min-width: 25px;
+  height: 13.5px;
+  flex-grow: 1;
+  margin: 0 calc(var(--g-spacing-base) * 0.5);
+  border-bottom: 1px dotted var(--g-color-text-secondary);
+}
+.sr-overview-row__right {
+  min-width: 0;
+}
+.sr-overview-row__copy-button {
+  display: none;
+}

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.d.ts

@@ -0,0 +1,2 @@
+import type { JsonSchema, NodeLayout } from '../../../core';
+export declare const OverviewRow: NodeLayout<JsonSchema>;

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('overview-row');
+const OverviewRow = ({ children, input, schema, props }) => {
+    const tooltip = react_1.default.useMemo(() => {
+        if (!schema.description) {
+            return null;
+        }
+        return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
+            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
+    }, [schema.description]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hideEmpty: true },
+        react_1.default.createElement("div", { className: b('left') },
+            react_1.default.createElement(uikit_1.Text, { className: b('title'), color: "secondary", wordBreak: "break-all" }, schema.title),
+            tooltip,
+            react_1.default.createElement("div", { className: b('dots') })),
+        react_1.default.createElement(uikit_1.Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
+            react_1.default.createElement(uikit_1.Flex, { grow: 1, gap: 2 },
+                children,
+                react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+};
+exports.OverviewRow = OverviewRow;

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/index.d.ts

@@ -0,0 +1 @@
+export { OverviewRow } from './OverviewRow';

package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewRow = void 0;
+var OverviewRow_1 = require("./OverviewRow");
+Object.defineProperty(exports, "OverviewRow", { enumerable: true, get: function () { return OverviewRow_1.OverviewRow; } });

package/build/cjs/lib/unstable/kit/overview-layouts/index.d.ts

@@ -0,0 +1,2 @@
+export { OverviewColumn } from './OverviewColumn';
+export { OverviewRow } from './OverviewRow';

package/build/cjs/lib/unstable/kit/overview-layouts/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewRow = exports.OverviewColumn = void 0;
+var OverviewColumn_1 = require("./OverviewColumn");
+Object.defineProperty(exports, "OverviewColumn", { enumerable: true, get: function () { return OverviewColumn_1.OverviewColumn; } });
+var OverviewRow_1 = require("./OverviewRow");
+Object.defineProperty(exports, "OverviewRow", { enumerable: true, get: function () { return OverviewRow_1.OverviewRow; } });

package/build/cjs/lib/unstable/kit/utils/common.d.ts

@@ -5,4 +5,7 @@ export declare const getBooleanValidationState: (meta: FieldMetaState<any>) => b
 export declare const getArrayItemParentName: (name: string) => string;
 export declare const getArrayItemIndex: (name: string) => string;
 export declare const isArrayItem: (name: string) => boolean;
-export declare const isTupleItem: (name: string, form: FormApi) => boolean;
+export declare const isTupleItem: (name: string, headName: string, form: FormApi) => boolean | undefined;
+export declare const isStringInt: (v: unknown) => v is string;
+export declare const isStringFloat: (v: unknown) => v is string;
+export declare const isStringNumber: (v: unknown) => v is string;

package/build/cjs/lib/unstable/kit/utils/common.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTupleItem = exports.isArrayItem = exports.getArrayItemIndex = exports.getArrayItemParentName = exports.getBooleanValidationState = exports.getValidationState = void 0;
+exports.isStringNumber = exports.isStringFloat = exports.isStringInt = exports.isTupleItem = exports.isArrayItem = exports.getArrayItemIndex = exports.getArrayItemParentName = exports.getBooleanValidationState = exports.getValidationState = void 0;
+const core_1 = require("../../core");
 const getValidationState = (meta) => {
     if ((meta.touched || meta.submitFailed) && meta.error) {
         return 'invalid';
@@ -18,14 +19,27 @@ const getArrayItemIndex = (name) => name.slice(name.lastIndexOf('[') + 1, -1);
 exports.getArrayItemIndex = getArrayItemIndex;
 const isArrayItem = (name) => name.endsWith(']');
 exports.isArrayItem = isArrayItem;
-const isTupleItem = (name, form) => {
-    var _a;
+const isTupleItem = (name, headName, form) => {
+    var _a, _b;
     if (!(0, exports.isArrayItem)(name)) {
         return false;
     }
+    const srName = (0, core_1.getServiceFieldName)(core_1.SCHEMA_RENDERER_SERVICE_FIELD, headName);
+    const srField = form.getFieldState(srName);
+    const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
     const parentName = (0, exports.getArrayItemParentName)(name);
     const parentField = form.getFieldState(parentName);
-    const parentSchema = (_a = parentField === null || parentField === void 0 ? void 0 : parentField.data) === null || _a === void 0 ? void 0 : _a.schema;
-    return Array.isArray(parentSchema === null || parentSchema === void 0 ? void 0 : parentSchema.items);
+    const parentState = (_b = parentField === null || parentField === void 0 ? void 0 : parentField.data) === null || _b === void 0 ? void 0 : _b.state;
+    if (!parentState || !srState) {
+        return false;
+    }
+    const parentSchema = (0, core_1.getSchemaByPointer)(srState.schema, parentState.schemaPath);
+    return parentSchema && 'items' in parentSchema && Array.isArray(parentSchema.items);
 };
 exports.isTupleItem = isTupleItem;
+const isStringInt = (v) => /^-?(0|[1-9][0-9]*)$/.test(`${v}`);
+exports.isStringInt = isStringInt;
+const isStringFloat = (v) => /^-?(0|[1-9][0-9]*)(\.[0-9]+)?$/.test(`${v}`);
+exports.isStringFloat = isStringFloat;
+const isStringNumber = (v) => (0, exports.isStringInt)(v) || (0, exports.isStringFloat)(v);
+exports.isStringNumber = isStringNumber;

package/build/cjs/lib/unstable/kit/utils/date.d.ts

@@ -0,0 +1,2 @@
+import { type DateTime } from '@gravity-ui/date-utils';
+export declare const parseDate: (inputValue: unknown, outputFormat?: string, timeZone?: string) => DateTime | null;

package/build/cjs/lib/unstable/kit/utils/date.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseDate = void 0;
+const date_utils_1 = require("@gravity-ui/date-utils");
+const parseDate = (inputValue, outputFormat, timeZone) => {
+    if (!inputValue) {
+        return null;
+    }
+    let raw = inputValue;
+    if (typeof raw === 'object' && raw !== null && 'seconds' in raw && raw.seconds) {
+        raw = raw.seconds * 1000;
+    }
+    return (0, date_utils_1.dateTimeParse)(raw, { format: outputFormat, timeZone }) || null;
+};
+exports.parseDate = parseDate;

package/build/cjs/lib/unstable/kit/utils/index.d.ts

@@ -1,2 +1,4 @@
 export { block } from './cn';
-export { getArrayItemIndex, getArrayItemParentName, getBooleanValidationState, getValidationState, isArrayItem, isTupleItem, } from './common';
+export { getArrayItemIndex, getArrayItemParentName, getBooleanValidationState, getValidationState, isArrayItem, isStringInt, isStringFloat, isStringNumber, isTupleItem, } from './common';
+export { parseDate } from './date';
+export { specToJsonSchema, layoutRules, arrayInputTypeRules, booleanInputTypeRules, numberInputTypeRules, objectInputTypeRules, stringInputTypeRules, } from './transformer';

package/build/cjs/lib/unstable/kit/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTupleItem = exports.isArrayItem = exports.getValidationState = exports.getBooleanValidationState = exports.getArrayItemParentName = exports.getArrayItemIndex = exports.block = void 0;
+exports.stringInputTypeRules = exports.objectInputTypeRules = exports.numberInputTypeRules = exports.booleanInputTypeRules = exports.arrayInputTypeRules = exports.layoutRules = exports.specToJsonSchema = exports.parseDate = exports.isTupleItem = exports.isStringNumber = exports.isStringFloat = exports.isStringInt = exports.isArrayItem = exports.getValidationState = exports.getBooleanValidationState = exports.getArrayItemParentName = exports.getArrayItemIndex = exports.block = void 0;
 var cn_1 = require("./cn");
 Object.defineProperty(exports, "block", { enumerable: true, get: function () { return cn_1.block; } });
 var common_1 = require("./common");
@@ -9,4 +9,17 @@ Object.defineProperty(exports, "getArrayItemParentName", { enumerable: true, get
 Object.defineProperty(exports, "getBooleanValidationState", { enumerable: true, get: function () { return common_1.getBooleanValidationState; } });
 Object.defineProperty(exports, "getValidationState", { enumerable: true, get: function () { return common_1.getValidationState; } });
 Object.defineProperty(exports, "isArrayItem", { enumerable: true, get: function () { return common_1.isArrayItem; } });
+Object.defineProperty(exports, "isStringInt", { enumerable: true, get: function () { return common_1.isStringInt; } });
+Object.defineProperty(exports, "isStringFloat", { enumerable: true, get: function () { return common_1.isStringFloat; } });
+Object.defineProperty(exports, "isStringNumber", { enumerable: true, get: function () { return common_1.isStringNumber; } });
 Object.defineProperty(exports, "isTupleItem", { enumerable: true, get: function () { return common_1.isTupleItem; } });
+var date_1 = require("./date");
+Object.defineProperty(exports, "parseDate", { enumerable: true, get: function () { return date_1.parseDate; } });
+var transformer_1 = require("./transformer");
+Object.defineProperty(exports, "specToJsonSchema", { enumerable: true, get: function () { return transformer_1.specToJsonSchema; } });
+Object.defineProperty(exports, "layoutRules", { enumerable: true, get: function () { return transformer_1.layoutRules; } });
+Object.defineProperty(exports, "arrayInputTypeRules", { enumerable: true, get: function () { return transformer_1.arrayInputTypeRules; } });
+Object.defineProperty(exports, "booleanInputTypeRules", { enumerable: true, get: function () { return transformer_1.booleanInputTypeRules; } });
+Object.defineProperty(exports, "numberInputTypeRules", { enumerable: true, get: function () { return transformer_1.numberInputTypeRules; } });
+Object.defineProperty(exports, "objectInputTypeRules", { enumerable: true, get: function () { return transformer_1.objectInputTypeRules; } });
+Object.defineProperty(exports, "stringInputTypeRules", { enumerable: true, get: function () { return transformer_1.stringInputTypeRules; } });

package/build/cjs/lib/unstable/kit/utils/transformer.d.ts

@@ -0,0 +1,18 @@
+import { type ArraySpec, type BooleanSpec, type NumberSpec, type ObjectSpec, type Spec, type StringSpec } from '../../../core';
+import { type JsonSchema, type JsonSchemaAny } from '../../core';
+export declare const layoutRules: Record<string, (spec: Spec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const arrayInputTypeRules: Record<string, (spec: ArraySpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const booleanInputTypeRules: Record<string, (spec: BooleanSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const numberInputTypeRules: Record<string, (spec: NumberSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const objectInputTypeRules: Record<string, (spec: ObjectSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const stringInputTypeRules: Record<string, (spec: StringSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+interface SpecToJsonSchemaContenxt {
+    arrayInputTypeRules?: typeof arrayInputTypeRules;
+    booleanInputTypeRules?: typeof booleanInputTypeRules;
+    numberInputTypeRules?: typeof numberInputTypeRules;
+    objectInputTypeRules?: typeof objectInputTypeRules;
+    stringInputTypeRules?: typeof stringInputTypeRules;
+    layoutRules?: typeof layoutRules;
+}
+export declare function specToJsonSchema(spec: Spec, jsonSchema?: JsonSchemaAny, ctx?: SpecToJsonSchemaContenxt): JsonSchema;
+export {};