@gravity-ui/dynamic-forms 5.20.0 → 5.22.0

package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.d.ts

@@ -0,0 +1,5 @@
+import type { JsonSchema, NodeLayout } from '../../../core';
+export interface FormRowProps {
+    descriptionType?: 'tooltip' | 'bottom';
+}
+export declare const FormRow: NodeLayout<JsonSchema, FormRowProps>;

package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRow = 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)('form-row');
+const FormRow = ({ children, headName, input, meta, schema, props, }) => {
+    const tooltip = react_1.default.useMemo(() => {
+        if (!schema.description || props.descriptionType === 'bottom') {
+            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, props.descriptionType]);
+    const bottomDescription = react_1.default.useMemo(() => {
+        if (!schema.description || props.descriptionType !== 'bottom') {
+            return null;
+        }
+        return react_1.default.createElement(components_1.HTMLContent, { html: schema.description, color: "secondary" });
+    }, [schema.description, props.descriptionType]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2 },
+        react_1.default.createElement("div", { className: b('left') },
+            react_1.default.createElement(uikit_1.Text, { className: b('title', { required: props.required }), wordBreak: "break-word" }, schema.title),
+            tooltip),
+        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.ArrayRemoveButton, { name: input.name, headName: headName })),
+            bottomDescription,
+            react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))));
+};
+exports.FormRow = FormRow;

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

@@ -0,0 +1 @@
+export { FormRow, type FormRowProps } from './FormRow';

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

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

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

@@ -0,0 +1,2 @@
+export { FormColumn, type FormColumnProps } from './FormColumn';
+export { FormRow, type FormRowProps } from './FormRow';

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

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

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

@@ -0,0 +1,9 @@
+export * from './components';
+export * from './constants';
+export * from './entities';
+export * from './form-entities';
+export * from './form-layouts';
+export * from './overview-entities';
+export * from './overview-layouts';
+export * from './utils/common';
+export * from './utils/transformer';

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./form-entities"), exports);
+tslib_1.__exportStar(require("./form-layouts"), exports);
+tslib_1.__exportStar(require("./overview-entities"), exports);
+tslib_1.__exportStar(require("./overview-layouts"), exports);
+tslib_1.__exportStar(require("./utils/common"), exports);
+tslib_1.__exportStar(require("./utils/transformer"), exports);

package/build/cjs/lib/unstable/kit/layouts/Accordeon/Accordeon.css

@@ -0,0 +1,46 @@
+.sr-accordeon {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-accordeon:last-child {
+  margin-bottom: 0;
+}
+.sr-accordeon:hover .sr-accordeon__copy-button {
+  display: block;
+}
+.sr-accordeon .g-disclosure__trigger {
+  padding-left: 6.5px;
+}
+.sr-accordeon_without-default-summary .g-disclosure__trigger {
+  padding-left: 0;
+}
+.sr-accordeon_without-default-summary .g-disclosure__trigger .g-arrow-toggle {
+  display: none;
+}
+.sr-accordeon__toggler {
+  padding-left: 6px;
+}
+.sr-accordeon__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-accordeon__content {
+  margin-top: calc(var(--g-spacing-base) * 4);
+}
+.sr-accordeon__content_with-indent {
+  position: relative;
+  padding-left: calc(var(--g-spacing-base) * 7);
+}
+.sr-accordeon__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-accordeon__copy-button {
+  display: none;
+}

package/build/cjs/lib/unstable/kit/layouts/Accordeon/Accordeon.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonProps, type DisclosureProps, type TextProps } from '@gravity-ui/uikit';
+import { type JsonSchema, type NodeLayout } from '../../../core';
+export interface AccordeonProps extends DisclosureProps {
+    titleProps?: TextProps;
+    togglerProps?: ButtonProps;
+    withDefaultSummary?: boolean;
+    withIndent?: boolean;
+}
+export declare const Accordeon: NodeLayout<JsonSchema, AccordeonProps>;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordeon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const core_1 = require("../../../core");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('accordeon');
+const Accordeon = ({ children, headName, input, meta, mode, schema, props, }) => {
+    const { copy, required, titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = tslib_1.__rest(props, ["copy", "required", "titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
+    const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
+    const summary = react_1.default.useMemo(() => {
+        const stopPropagation = (event) => {
+            event.stopPropagation();
+        };
+        return (react_1.default.createElement(uikit_1.Flex, { alignItems: "center", gap: 2 },
+            withDefaultSummary ? (react_1.default.createElement(uikit_1.Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)) : (react_1.default.createElement(uikit_1.Disclosure.Summary, null, (props) => (react_1.default.createElement(uikit_1.Button, Object.assign({}, togglerProps, { className: b('toggler', togglerProps === null || togglerProps === void 0 ? void 0 : togglerProps.className) }),
+                react_1.default.createElement(uikit_1.Flex, { alignItems: "center", gap: 2, height: "100%" },
+                    react_1.default.createElement(uikit_1.Icon, { data: props.expanded ? icons_1.ChevronUp : icons_1.ChevronDown }),
+                    react_1.default.createElement(uikit_1.Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)))))),
+            schema.description ? (react_1.default.createElement(uikit_1.HelpMark, { onClick: stopPropagation },
+                react_1.default.createElement(components_1.HTMLContent, { html: schema.description }))) : null,
+            overviewFlag ? (react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
+            overviewFlag ? null : (react_1.default.createElement(components_1.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_1.default.createElement(components_1.LayoutContainer, { className: b({ 'without-default-summary': !withDefaultSummary }), hideEmpty: overviewFlag },
+        react_1.default.createElement(uikit_1.Disclosure, Object.assign({ summary: summary, defaultExpanded: true }, restLayoutProps),
+            react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5, grow: 1 },
+                react_1.default.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children),
+                overviewFlag ? null : (react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))))));
+};
+exports.Accordeon = Accordeon;

package/build/cjs/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/cjs/lib/unstable/kit/layouts/Card/Card.d.ts

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

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

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

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

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

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

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

package/build/cjs/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/cjs/lib/unstable/kit/layouts/Section/Section.d.ts

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const core_1 = require("../../../core");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('section');
+const Section = ({ children, headName, input, meta, mode, schema, props, }) => {
+    const { copy, descriptionType = 'tooltip', required, withIndent = false } = props, restLayoutProps = tslib_1.__rest(props, ["copy", "descriptionType", "required", "withIndent"]);
+    const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
+    const tooltip = react_1.default.useMemo(() => {
+        if (!schema.description || descriptionType === 'bottom') {
+            return null;
+        }
+        return (react_1.default.createElement(uikit_1.HelpMark, null,
+            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
+    }, [schema.description, descriptionType]);
+    const bottomDescription = react_1.default.useMemo(() => {
+        if (!schema.description || descriptionType !== 'bottom' || overviewFlag) {
+            return null;
+        }
+        return (react_1.default.createElement(components_1.HTMLContent, { className: (0, uikit_1.spacing)({ mb: 2 }), html: schema.description, color: "secondary" }));
+    }, [schema.description, descriptionType, overviewFlag]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 0.5, hideEmpty: overviewFlag },
+        react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 4 },
+            react_1.default.createElement(uikit_1.Flex, { direction: "column" },
+                react_1.default.createElement(uikit_1.Flex, { className: b('header'), gap: 2, alignItems: "center" },
+                    react_1.default.createElement(uikit_1.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_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
+                    overviewFlag ? null : (react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName }))),
+                bottomDescription),
+            react_1.default.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children)),
+        overviewFlag ? null : (react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))));
+};
+exports.Section = Section;

package/build/cjs/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/cjs/lib/unstable/kit/layouts/Transparent/Transparent.d.ts

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Transparent = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isBoolean_1 = tslib_1.__importDefault(require("lodash/isBoolean"));
+const core_1 = require("../../../core");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('transparent');
+const Transparent = ({ children, headName, input, meta, mode, props, }) => {
+    const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 0.5, hideEmpty: (0, isBoolean_1.default)(props.hideEmpty) ? props.hideEmpty : overviewFlag },
+        react_1.default.createElement(uikit_1.Flex, { gap: 2 },
+            children,
+            overviewFlag ? null : react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName }),
+            overviewFlag ? (react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })) : null),
+        overviewFlag ? null : (react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))));
+};
+exports.Transparent = Transparent;

package/build/cjs/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/cjs/lib/unstable/kit/layouts/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Transparent = exports.Section = exports.Card = exports.Accordeon = void 0;
+var Accordeon_1 = require("./Accordeon");
+Object.defineProperty(exports, "Accordeon", { enumerable: true, get: function () { return Accordeon_1.Accordeon; } });
+var Card_1 = require("./Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+var Section_1 = require("./Section");
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return Section_1.Section; } });
+var Transparent_1 = require("./Transparent");
+Object.defineProperty(exports, "Transparent", { enumerable: true, get: function () { return Transparent_1.Transparent; } });

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const isBoolean_1 = tslib_1.__importDefault(require("lodash/isBoolean"));
+const components_1 = require("../../components");
+const BooleanValue = ({ input, props }) => {
+    const { valueDescriptions, viewColor } = props, entityRestProps = tslib_1.__rest(props, ["valueDescriptions", "viewColor"]);
+    if (!(0, isBoolean_1.default)(input.value)) {
+        return react_1.default.createElement(components_1.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_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated" },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, entityRestProps, { value: value, color: color, qa: input.name }))));
+};
+exports.BooleanValue = BooleanValue;

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

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

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

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

package/build/cjs/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/cjs/lib/unstable/kit/overview-entities/ColorPickerValue/ColorPickerValue.d.ts

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPickerValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('color-picker-value');
+const ColorPickerValue = ({ input, props, }) => {
+    if (!input.value) {
+        return react_1.default.createElement(components_1.EmptyEntityValue, null);
+    }
+    return (react_1.default.createElement(components_1.EntityContainer, { className: b(), stretch: "fit", fill: "populated", direction: "row", gap: 1, alignItems: "center" },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, props, { value: input.value, qa: input.name })),
+        typeof CSS !== 'undefined' &&
+            typeof CSS.supports === 'function' &&
+            CSS.supports('color', input.value) ? (react_1.default.createElement("span", { className: b('preview'), style: { backgroundColor: input.value } })) : null));
+};
+exports.ColorPickerValue = ColorPickerValue;

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

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

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const date_utils_1 = require("@gravity-ui/date-utils");
+const components_1 = require("../../components");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const DateValue = ({ input, props }) => {
+    const { format = constants_1.DEFAULT_DATE_FORMAT, outputFormat, timeZone: timeZoneProp } = props, restProps = tslib_1.__rest(props, ["format", "outputFormat", "timeZone"]);
+    const timeZone = timeZoneProp && (0, date_utils_1.isValidTimeZone)(timeZoneProp) ? timeZoneProp : undefined;
+    const date = react_1.default.useMemo(() => (0, utils_1.parseDate)(input.value, outputFormat, timeZone), [input.value, outputFormat, timeZone]);
+    if (!date) {
+        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({}, restProps, { value: date.format(format), qa: input.name }))));
+};
+exports.DateValue = DateValue;

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

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

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
+const components_1 = require("../../components");
+const NumberValue = ({ input, props }) => {
+    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" },
+        react_1.default.createElement(components_1.LongValue, Object.assign({}, props, { value: input.value, qa: input.name }))));
+};
+exports.NumberValue = NumberValue;

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

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