@gravity-ui/dynamic-forms 5.19.1 → 5.21.0

package/build/esm/lib/unstable/kit/layouts/Accordeon/Accordeon.js

@@ -0,0 +1,44 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { ChevronDown, ChevronUp } from '@gravity-ui/icons';
+import { Button, Disclosure, Flex, HelpMark, Icon, Text, } from '@gravity-ui/uikit';
+import { SchemaRendererMode } from '../../../core';
+import { ArrayRemoveButton, CopyButton, EntityError, HTMLContent, LayoutContainer, } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Accordeon.css';
+const b = block('accordeon');
+export const Accordeon = ({ children, headName, input, meta, mode, schema, props, }) => {
+    const { copy, required, titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = __rest(props, ["copy", "required", "titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
+    const overviewFlag = mode === SchemaRendererMode.Overview;
+    const summary = React.useMemo(() => {
+        const stopPropagation = (event) => {
+            event.stopPropagation();
+        };
+        return (React.createElement(Flex, { alignItems: "center", gap: 2 },
+            withDefaultSummary ? (React.createElement(Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)) : (React.createElement(Disclosure.Summary, null, (props) => (React.createElement(Button, Object.assign({}, togglerProps, { className: b('toggler', togglerProps === null || togglerProps === void 0 ? void 0 : togglerProps.className) }),
+                React.createElement(Flex, { alignItems: "center", gap: 2, height: "100%" },
+                    React.createElement(Icon, { data: props.expanded ? ChevronUp : ChevronDown }),
+                    React.createElement(Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)))))),
+            schema.description ? (React.createElement(HelpMark, { onClick: stopPropagation },
+                React.createElement(HTMLContent, { html: schema.description }))) : null,
+            overviewFlag ? (React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
+            overviewFlag ? null : (React.createElement(ArrayRemoveButton, { name: input.name, headName: headName, onClick: stopPropagation }))));
+    }, [
+        copy,
+        headName,
+        input.name,
+        input.value,
+        overviewFlag,
+        required,
+        schema.title,
+        schema.description,
+        titleProps,
+        togglerProps,
+        withDefaultSummary,
+    ]);
+    return (React.createElement(LayoutContainer, { className: b({ 'without-default-summary': !withDefaultSummary }), hideEmpty: overviewFlag },
+        React.createElement(Disclosure, Object.assign({ summary: summary, defaultExpanded: true }, restLayoutProps),
+            React.createElement(Flex, { direction: "column", gap: 0.5, grow: 1 },
+                React.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children),
+                overviewFlag ? null : (React.createElement(EntityError, { errorMessage: meta.error, validationState: getValidationState(meta) }))))));
+};

package/build/esm/lib/unstable/kit/layouts/Accordeon/index.d.ts

@@ -0,0 +1 @@
+export { Accordeon, type AccordeonProps } from './Accordeon';

package/build/esm/lib/unstable/kit/layouts/Accordeon/index.js

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

package/build/esm/lib/unstable/kit/layouts/Card/Card.css

@@ -0,0 +1,41 @@
+.sr-card {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-card:last-child {
+  margin-bottom: 0;
+}
+.sr-card:hover .sr-card__copy-button {
+  display: block;
+}
+.sr-card__inner {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--g-spacing-base) * 4);
+}
+.sr-card__inner_hidden {
+  gap: 0;
+}
+.sr-card__inner_hidden > .sr-card__content {
+  opacity: 0;
+  height: 0;
+}
+.sr-card__card {
+  padding: calc(var(--g-spacing-base) * 4);
+}
+.sr-card__header {
+  min-height: 28px;
+}
+.sr-card__header-actions {
+  margin-left: calc(var(--g-spacing-base) * 3);
+}
+.sr-card__toggler {
+  width: 28px;
+}
+.sr-card__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-card__copy-button {
+  display: none;
+}

package/build/esm/lib/unstable/kit/layouts/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import { type CardProps as UIKitCardProps } from '@gravity-ui/uikit';
+import { type JsonSchema, type NodeLayout } from '../../../core';
+import './Card.css';
+export interface CardProps extends UIKitCardProps {
+    descriptionType?: 'tooltip' | 'bottom';
+    likeAccordeon?: boolean;
+}
+export declare const Card: NodeLayout<JsonSchema, CardProps>;

package/build/esm/lib/unstable/kit/layouts/Card/Card.js

@@ -0,0 +1,47 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { ChevronDown, ChevronUp } from '@gravity-ui/icons';
+import { Button, Flex, HelpMark, Icon, Text, Card as UIKitCard, } from '@gravity-ui/uikit';
+import { SchemaRendererMode } from '../../../core';
+import { ArrayRemoveButton, CopyButton, EntityError, HTMLContent, LayoutContainer, } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Card.css';
+const b = block('card');
+export const Card = ({ children, headName, input, meta, mode, schema, props, }) => {
+    const { copy, descriptionType = 'tooltip', likeAccordeon = true, open = true, required } = props, restLayoutProps = __rest(props, ["copy", "descriptionType", "likeAccordeon", "open", "required"]);
+    const overviewFlag = mode === SchemaRendererMode.Overview;
+    const [visible, setVisible] = React.useState(likeAccordeon ? open : true);
+    const toggleVisible = React.useCallback(() => {
+        setVisible((f) => !f);
+    }, []);
+    const tooltip = React.useMemo(() => {
+        if (!schema.description || descriptionType === 'bottom') {
+            return null;
+        }
+        return (React.createElement(HelpMark, null,
+            React.createElement(HTMLContent, { html: schema.description })));
+    }, [schema.description, descriptionType]);
+    const bottomDescription = React.useMemo(() => {
+        if (!schema.description || descriptionType !== 'bottom' || overviewFlag) {
+            return null;
+        }
+        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
+    }, [schema.description, descriptionType, overviewFlag]);
+    return (React.createElement(LayoutContainer, { className: b(), hideEmpty: overviewFlag },
+        React.createElement(UIKitCard, Object.assign({}, restLayoutProps, { className: b('card') }),
+            React.createElement("div", { className: b('inner', { hidden: !visible }) },
+                React.createElement(Flex, { className: b('header'), direction: "column", justifyContent: "center" },
+                    React.createElement(Flex, { justifyContent: "space-between", alignItems: "center" },
+                        React.createElement(Flex, { alignItems: "center", gap: 2 },
+                            React.createElement(Text, { variant: "subheader-1", className: b('title', { required: required && !overviewFlag }) }, schema.title),
+                            tooltip),
+                        React.createElement(Flex, { className: b('header-actions'), alignItems: "center", gap: 2 },
+                            overviewFlag ? (React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
+                            overviewFlag ? null : (React.createElement(ArrayRemoveButton, { name: input.name, headName: headName })),
+                            likeAccordeon ? (React.createElement(Flex, { width: "28px", justifyContent: "center" },
+                                React.createElement(Button, { onClick: toggleVisible, size: "s", view: "flat-secondary" },
+                                    React.createElement(Icon, { data: visible ? ChevronUp : ChevronDown, size: 16 })))) : null)),
+                    bottomDescription),
+                React.createElement("div", { className: b('content', { hidden: !visible }) }, children)),
+            overviewFlag ? null : (React.createElement(EntityError, { errorMessage: meta.error, validationState: getValidationState(meta) })))));
+};

package/build/esm/lib/unstable/kit/layouts/Card/index.d.ts

@@ -0,0 +1 @@
+export { Card, type CardProps } from './Card';

package/build/esm/lib/unstable/kit/layouts/Card/index.js

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

package/build/esm/lib/unstable/kit/layouts/Section/Section.css

@@ -0,0 +1,34 @@
+.sr-section {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-section:last-child {
+  margin-bottom: 0;
+}
+.sr-section:hover .sr-section__copy-button {
+  display: block;
+}
+.sr-section__header {
+  min-height: 28px;
+}
+.sr-section__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-section__content_with-indent {
+  position: relative;
+  padding-left: calc(var(--g-spacing-base) * 7);
+}
+.sr-section__content_with-indent:before {
+  content: "";
+  display: block;
+  width: 1px;
+  height: calc(100% + var(--g-spacing-base) * 2);
+  background-color: var(--g-color-line-generic);
+  position: absolute;
+  left: calc(var(--g-spacing-base) * 3 + 1.5px);
+  bottom: 0;
+}
+.sr-section__copy-button {
+  display: none;
+}

package/build/esm/lib/unstable/kit/layouts/Section/Section.d.ts

@@ -0,0 +1,8 @@
+import { type TextProps } from '@gravity-ui/uikit';
+import { type JsonSchema, type NodeLayout } from '../../../core';
+import './Section.css';
+export interface SectionProps extends TextProps {
+    descriptionType?: 'tooltip' | 'bottom';
+    withIndent?: boolean;
+}
+export declare const Section: NodeLayout<JsonSchema, SectionProps>;

package/build/esm/lib/unstable/kit/layouts/Section/Section.js

@@ -0,0 +1,36 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Flex, HelpMark, Text, spacing } from '@gravity-ui/uikit';
+import { SchemaRendererMode } from '../../../core';
+import { ArrayRemoveButton, CopyButton, EntityError, HTMLContent, LayoutContainer, } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Section.css';
+const b = block('section');
+export const Section = ({ children, headName, input, meta, mode, schema, props, }) => {
+    const { copy, descriptionType = 'tooltip', required, withIndent = false } = props, restLayoutProps = __rest(props, ["copy", "descriptionType", "required", "withIndent"]);
+    const overviewFlag = mode === SchemaRendererMode.Overview;
+    const tooltip = React.useMemo(() => {
+        if (!schema.description || descriptionType === 'bottom') {
+            return null;
+        }
+        return (React.createElement(HelpMark, null,
+            React.createElement(HTMLContent, { html: schema.description })));
+    }, [schema.description, descriptionType]);
+    const bottomDescription = React.useMemo(() => {
+        if (!schema.description || descriptionType !== 'bottom' || overviewFlag) {
+            return null;
+        }
+        return (React.createElement(HTMLContent, { className: spacing({ mb: 2 }), html: schema.description, color: "secondary" }));
+    }, [schema.description, descriptionType, overviewFlag]);
+    return (React.createElement(LayoutContainer, { className: b(), gap: 0.5, hideEmpty: overviewFlag },
+        React.createElement(Flex, { direction: "column", gap: 4 },
+            React.createElement(Flex, { direction: "column" },
+                React.createElement(Flex, { className: b('header'), gap: 2, alignItems: "center" },
+                    React.createElement(Text, Object.assign({ variant: "subheader-1" }, restLayoutProps, { className: b('title', { required: required && !overviewFlag }, restLayoutProps === null || restLayoutProps === void 0 ? void 0 : restLayoutProps.className) }), schema.title),
+                    tooltip,
+                    overviewFlag ? (React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
+                    overviewFlag ? null : (React.createElement(ArrayRemoveButton, { name: input.name, headName: headName }))),
+                bottomDescription),
+            React.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children)),
+        overviewFlag ? null : (React.createElement(EntityError, { errorMessage: meta.error, validationState: getValidationState(meta) }))));
+};

package/build/esm/lib/unstable/kit/layouts/Section/index.d.ts

@@ -0,0 +1 @@
+export { Section, type SectionProps } from './Section';

package/build/esm/lib/unstable/kit/layouts/Section/index.js

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

package/build/esm/lib/unstable/kit/layouts/Transparent/Transparent.css

@@ -0,0 +1,12 @@
+.sr-transparent {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-transparent:last-child {
+  margin-bottom: 0;
+}
+.sr-transparent:hover .sr-transparent__copy-button {
+  display: block;
+}
+.sr-transparent__copy-button {
+  display: none;
+}

package/build/esm/lib/unstable/kit/layouts/Transparent/Transparent.d.ts

@@ -0,0 +1,6 @@
+import { type JsonSchema, type NodeLayout } from '../../../core';
+import './Transparent.css';
+export interface TransparentProps {
+    hideEmpty?: boolean;
+}
+export declare const Transparent: NodeLayout<JsonSchema, TransparentProps>;

package/build/esm/lib/unstable/kit/layouts/Transparent/Transparent.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import isBoolean from 'lodash/isBoolean';
+import { SchemaRendererMode } from '../../../core';
+import { ArrayRemoveButton, CopyButton, EntityError, LayoutContainer } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Transparent.css';
+const b = block('transparent');
+export const Transparent = ({ children, headName, input, meta, mode, props, }) => {
+    const overviewFlag = mode === SchemaRendererMode.Overview;
+    return (React.createElement(LayoutContainer, { className: b(), gap: 0.5, hideEmpty: isBoolean(props.hideEmpty) ? props.hideEmpty : overviewFlag },
+        React.createElement(Flex, { gap: 2 },
+            children,
+            overviewFlag ? null : React.createElement(ArrayRemoveButton, { name: input.name, headName: headName }),
+            overviewFlag ? (React.createElement(CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })) : null),
+        overviewFlag ? null : (React.createElement(EntityError, { errorMessage: meta.error, validationState: getValidationState(meta) }))));
+};

package/build/esm/lib/unstable/kit/layouts/index.d.ts

@@ -0,0 +1,4 @@
+export { Accordeon, type AccordeonProps } from './Accordeon';
+export { Card, type CardProps } from './Card';
+export { Section, type SectionProps } from './Section';
+export { Transparent } from './Transparent';

package/build/esm/lib/unstable/kit/layouts/index.js

@@ -0,0 +1,4 @@
+export { Accordeon } from './Accordeon';
+export { Card } from './Card';
+export { Section } from './Section';
+export { Transparent } from './Transparent';

package/build/esm/lib/unstable/kit/overview-entities/BooleanValue/BooleanValue.d.ts

@@ -0,0 +1,14 @@
+import type { TextProps } from '@gravity-ui/uikit';
+import type { JsonSchemaBoolean, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface BooleanValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+    valueDescriptions?: {
+        true?: string;
+        false?: string;
+    };
+    viewColor?: {
+        true?: TextProps['color'];
+        false?: TextProps['color'];
+    };
+}
+export declare const BooleanValue: NodeEntity<JsonSchemaBoolean, BooleanValueProps>;

package/build/esm/lib/unstable/kit/overview-entities/BooleanValue/BooleanValue.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import React from 'react';
+import isBoolean from 'lodash/isBoolean';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+export const BooleanValue = ({ input, props }) => {
+    const { valueDescriptions, viewColor } = props, entityRestProps = __rest(props, ["valueDescriptions", "viewColor"]);
+    if (!isBoolean(input.value)) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    const stringValue = String(input.value);
+    let value = stringValue;
+    let color = entityRestProps.color;
+    if (valueDescriptions === null || valueDescriptions === void 0 ? void 0 : valueDescriptions[stringValue]) {
+        value = valueDescriptions[stringValue];
+    }
+    if (viewColor === null || viewColor === void 0 ? void 0 : viewColor[stringValue]) {
+        color = viewColor[stringValue];
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated" },
+        React.createElement(LongValue, Object.assign({}, entityRestProps, { value: value, color: color, qa: input.name }))));
+};

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

@@ -0,0 +1 @@
+export { BooleanValue, type BooleanValueProps } from './BooleanValue';

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

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

package/build/esm/lib/unstable/kit/overview-entities/ColorPickerValue/ColorPickerValue.css

@@ -0,0 +1,6 @@
+.sr-color-picker-value__preview {
+  width: 14px;
+  height: 14px;
+  margin-top: -1px;
+  border-radius: var(--g-border-radius-xs);
+}

package/build/esm/lib/unstable/kit/overview-entities/ColorPickerValue/ColorPickerValue.d.ts

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

package/build/esm/lib/unstable/kit/overview-entities/ColorPickerValue/ColorPickerValue.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+import { block } from '../../utils';
+import './ColorPickerValue.css';
+const b = block('color-picker-value');
+export const ColorPickerValue = ({ input, props, }) => {
+    if (!input.value) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { className: b(), stretch: "fit", fill: "populated", direction: "row", gap: 1, alignItems: "center" },
+        React.createElement(LongValue, Object.assign({}, props, { value: input.value, qa: input.name })),
+        typeof CSS !== 'undefined' &&
+            typeof CSS.supports === 'function' &&
+            CSS.supports('color', input.value) ? (React.createElement("span", { className: b('preview'), style: { backgroundColor: input.value } })) : null));
+};

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

@@ -0,0 +1 @@
+export { ColorPickerValue, type ColorPickerValueProps } from './ColorPickerValue';

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

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

package/build/esm/lib/unstable/kit/overview-entities/DateValue/DateValue.d.ts

@@ -0,0 +1,9 @@
+import { type DatePickerProps } from '@gravity-ui/date-components';
+import type { JsonSchemaAny, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface DateValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+    format?: DatePickerProps['format'];
+    outputFormat?: string;
+    timeZone?: DatePickerProps['timeZone'];
+}
+export declare const DateValue: NodeEntity<JsonSchemaAny, DateValueProps>;

package/build/esm/lib/unstable/kit/overview-entities/DateValue/DateValue.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { isValidTimeZone } from '@gravity-ui/date-utils';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+import { DEFAULT_DATE_FORMAT } from '../../constants';
+import { parseDate } from '../../utils';
+export const DateValue = ({ input, props }) => {
+    const { format = DEFAULT_DATE_FORMAT, outputFormat, timeZone: timeZoneProp } = props, restProps = __rest(props, ["format", "outputFormat", "timeZone"]);
+    const timeZone = timeZoneProp && isValidTimeZone(timeZoneProp) ? timeZoneProp : undefined;
+    const date = React.useMemo(() => parseDate(input.value, outputFormat, timeZone), [input.value, outputFormat, timeZone]);
+    if (!date) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated" },
+        React.createElement(LongValue, Object.assign({}, restProps, { value: date.format(format), qa: input.name }))));
+};

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

@@ -0,0 +1 @@
+export { DateValue, type DateValueProps } from './DateValue';

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

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

package/build/esm/lib/unstable/kit/overview-entities/NumberValue/NumberValue.d.ts

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import isNumber from 'lodash/isNumber';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+export const NumberValue = ({ input, props }) => {
+    if (!isNumber(input.value)) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated" },
+        React.createElement(LongValue, Object.assign({}, props, { value: input.value, qa: input.name }))));
+};

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

@@ -0,0 +1 @@
+export { NumberValue, type NumberValueProps } from './NumberValue';

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

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

package/build/esm/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/esm/lib/unstable/kit/overview-entities/NumberWithScaleValue/NumberWithScaleValue.js

@@ -0,0 +1,30 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Text } from '@gravity-ui/uikit';
+import get from 'lodash/get';
+import isNumber from 'lodash/isNumber';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+export const NumberWithScaleValue = ({ input, props, }) => {
+    const { scale, viewType } = props, restProps = __rest(props, ["scale", "viewType"]);
+    const level = React.useMemo(() => {
+        const determined = viewType ? get(scale, viewType) : undefined;
+        let suggested = isNumber(determined === null || determined === void 0 ? void 0 : determined.factor)
+            ? determined
+            : undefined;
+        Object.values(scale || {}).forEach((item) => {
+            if (isNumber(input.value) &&
+                isNumber(item.factor) &&
+                Math.abs(input.value / item.factor) >= 1 &&
+                (!suggested || item.factor > suggested.factor)) {
+                suggested = item;
+            }
+        });
+        return suggested;
+    }, [input.value, scale, viewType]);
+    if (!isNumber(input.value)) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated", direction: "row", gap: 0.5 },
+        React.createElement(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.createElement(Text, { color: "secondary" }, level.title) : null));
+};

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/overview-entities/PrimitiveArrayValue/PrimitiveArrayValue.js

@@ -0,0 +1,23 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+export const PrimitiveArrayValue = ({ input, props, }) => {
+    const { direction = 'row', enumDescriptions } = props, restProps = __rest(props, ["direction", "enumDescriptions"]);
+    const values = React.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.createElement(EmptyEntityValue, null);
+    }
+    if (direction === 'column') {
+        return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated", gap: 0.5 }, values.map((item, index) => (React.createElement(LongValue, Object.assign({}, restProps, { key: `${item}-${index}`, value: item, qa: `${input.name}[${index}]` }))))));
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated" },
+        React.createElement(LongValue, Object.assign({}, restProps, { value: values.join(', '), qa: input.name }))));
+};

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/overview-entities/RangeValue/RangeValue.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Text } from '@gravity-ui/uikit';
+import isNumber from 'lodash/isNumber';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+import { DASH } from '../../constants';
+export const RangeValue = ({ input, props }) => {
+    var _a, _b;
+    const { propertyKeys, separator = DASH } = props, restProps = __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 (!isNumber(from) || !isNumber(to)) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated", direction: "row", gap: 0.5, alignItems: "center" },
+        React.createElement(LongValue, Object.assign({}, restProps, { value: from, qa: `${input.name}.${fromKey}` })),
+        React.createElement(Text, { color: "secondary" }, separator),
+        React.createElement(LongValue, Object.assign({}, restProps, { value: to, qa: `${input.name}.${toKey}` }))));
+};

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/overview-entities/StringNumberWithScaleValue/StringNumberWithScaleValue.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Text } from '@gravity-ui/uikit';
+import Decimal from 'decimal.js';
+import get from 'lodash/get';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+import { isStringNumber } from '../../utils';
+export const StringNumberWithScaleValue = ({ input, props }) => {
+    const { scale, viewType } = props, restProps = __rest(props, ["scale", "viewType"]);
+    const level = React.useMemo(() => {
+        const determined = viewType ? get(scale, viewType) : undefined;
+        let suggested = isStringNumber(determined === null || determined === void 0 ? void 0 : determined.factor)
+            ? determined
+            : undefined;
+        Object.values(scale || {}).forEach((item) => {
+            if (isStringNumber(input.value) &&
+                isStringNumber(item.factor) &&
+                new Decimal(input.value).div(item.factor).abs().gte(1) &&
+                (!suggested || new Decimal(item.factor).gt(suggested.factor))) {
+                suggested = item;
+            }
+        });
+        return suggested;
+    }, [input.value, scale, viewType]);
+    if (!isStringNumber(input.value)) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated", direction: "row", gap: 0.5 },
+        React.createElement(LongValue, Object.assign({}, restProps, { value: new Decimal(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.createElement(Text, { color: "secondary" }, level.title) : null));
+};

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

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