@gravity-ui/dynamic-forms 5.23.0 → 5.24.0

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

@@ -8,7 +8,7 @@ export interface ArraySpec<LinkType = any, InputComponentProps extends Record<st
     maxLength?: bigint;
     minLength?: bigint;
     items?: Spec;
-    enum?: string[];
+    enum?: Array<string | number>;
     description?: Record<string, string>;
     validator?: string;
     viewSpec: {

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

@@ -16,17 +16,19 @@ const MultiSelect = ({ name, input, spec, inputProps }) => {
         var _a;
         return withCustomOptions
             ? externalOptions || []
-            : (_a = spec.enum) === null || _a === void 0 ? void 0 : _a.map((id) => {
-                var _a, _b, _c, _d, _e;
-                return ({
-                    id,
-                    value: id,
-                    text: ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[id]) || id,
-                    content: ((_c = (_b = spec.viewSpec.selectParams) === null || _b === void 0 ? void 0 : _b.meta) === null || _c === void 0 ? void 0 : _c[id]) ? (react_1.default.createElement("div", { key: id },
-                        react_1.default.createElement(uikit_1.Text, null, ((_d = spec.description) === null || _d === void 0 ? void 0 : _d[id]) || id),
-                        react_1.default.createElement(uikit_1.Text, { color: "secondary", className: b('meta-text') }, spec.viewSpec.selectParams.meta[id]))) : (((_e = spec.description) === null || _e === void 0 ? void 0 : _e[id]) || id),
-                    key: id,
-                });
+            : (_a = spec.enum) === null || _a === void 0 ? void 0 : _a.map((enumValue) => {
+                var _a, _b, _c;
+                const value = String(enumValue);
+                const text = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) || value;
+                return {
+                    id: value,
+                    value,
+                    text,
+                    content: ((_c = (_b = spec.viewSpec.selectParams) === null || _b === void 0 ? void 0 : _b.meta) === null || _c === void 0 ? void 0 : _c[value]) ? (react_1.default.createElement("div", { key: value },
+                        react_1.default.createElement(uikit_1.Text, null, text),
+                        react_1.default.createElement(uikit_1.Text, { color: "secondary", className: b('meta-text') }, spec.viewSpec.selectParams.meta[value]))) : (text),
+                    key: value,
+                };
             });
     }, [
         spec.enum,
@@ -53,8 +55,17 @@ const MultiSelect = ({ name, input, spec, inputProps }) => {
             onBlur();
         }
     }, [onFocus, onBlur]);
-    const _value = react_1.default.useMemo(() => (0, core_1.transformArrOut)(value), [value]);
-    const handleChange = react_1.default.useCallback((value) => onChange((0, core_1.transformArrIn)(value)), [onChange]);
+    const _value = react_1.default.useMemo(() => {
+        var _a;
+        return (_a = (0, core_1.transformArrOut)(value)) === null || _a === void 0 ? void 0 : _a.map(String);
+    }, [value]);
+    const handleChange = react_1.default.useCallback((value) => {
+        const enumValues = value.map((selectedValue) => {
+            var _a, _b;
+            return (_b = (_a = spec.enum) === null || _a === void 0 ? void 0 : _a.find((enumValue) => String(enumValue) === selectedValue)) !== null && _b !== void 0 ? _b : selectedValue;
+        });
+        onChange((0, core_1.transformArrIn)(enumValues));
+    }, [onChange, spec.enum]);
     return (react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", className: b(), filterable: filterable, renderOption: renderOption, getOptionHeight: getOptionHeight }, inputProps, { value: _value, options: options, onUpdate: handleChange, onOpenChange: handleToggle, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, filterPlaceholder: (_d = spec.viewSpec.selectParams) === null || _d === void 0 ? void 0 : _d.filterPlaceholder, multiple: true, qa: name })));
 };
 exports.MultiSelect = MultiSelect;

package/build/cjs/lib/unstable/core/types/components.d.ts

@@ -3,31 +3,21 @@ import type { FieldRenderProps } from 'react-final-form';
 import type { SchemaRendererMode } from '../constants';
 import type { SchemaToValueType } from './helpers';
 import type { JsonSchema } from './schema';
-export interface DefaultNodeLayoutProps {
-    copy?: boolean;
-    hidden?: boolean;
-    open?: boolean;
-    required?: boolean;
-}
 export interface NodeLayoutProps<Schema extends JsonSchema, Props extends Record<string, any> = {}, Value extends SchemaToValueType<Schema> = SchemaToValueType<Schema>> extends FieldRenderProps<Value | null | undefined> {
     children: React.ReactNode;
     headName: string;
     mode: SchemaRendererMode;
-    props: DefaultNodeLayoutProps & Partial<Props>;
+    props: Partial<Props>;
     schema: Schema;
     schemaPath: string;
 }
 export type NodeLayout<Schema extends JsonSchema, Props extends Record<string, any> = {}, Value extends SchemaToValueType<Schema> = SchemaToValueType<Schema>> = React.FC<NodeLayoutProps<Schema, Props, Value>>;
-export interface DefaultNodeEntityProps {
-    disabled?: boolean;
-    required?: boolean;
-}
 export interface NodeEntityProps<Schema extends JsonSchema, Props extends Record<string, any> = {}, LayoutProps extends Record<string, any> = {}, Value extends SchemaToValueType<Schema> = SchemaToValueType<Schema>> extends FieldRenderProps<Value | null | undefined> {
     Layout?: NodeLayout<Schema, LayoutProps>;
     headName: string;
-    layoutProps?: DefaultNodeLayoutProps & Partial<LayoutProps>;
+    layoutProps?: Partial<LayoutProps>;
     mode: SchemaRendererMode;
-    props: DefaultNodeEntityProps & Partial<Props>;
+    props: Partial<Props>;
     schema: Schema;
     schemaPath: string;
 }

package/build/cjs/lib/unstable/core/types/schema.d.ts

@@ -1,25 +1,32 @@
 import type { JsonSchemaType, NodeType } from '../constants';
-import type { DefaultNodeEntityProps, DefaultNodeLayoutProps, NodeEntity, NodeLayout } from './components';
+import type { NodeEntity, NodeLayout } from './components';
 import type { ErrorMessages, Validator } from './validation';
 import type { ArrayValue, FieldValue, ObjectValue } from './values';
 interface NodeParameters<Type extends NodeType, Schema extends JsonSchema> {
     nodeParameters?: {
         entity?: string | NodeEntity<Schema>;
-        entityProps?: DefaultNodeEntityProps & Record<string, any>;
+        entityProps?: Record<string, any>;
         errorMessages?: Omit<ErrorMessages, 'dependencies' | 'required'> & {
             dependencies?: ErrorMessages['dependencies'] | Record<string, ErrorMessages['dependencies']>;
             required?: ErrorMessages['required'] | Record<string, ErrorMessages['required']>;
         };
+        flags?: {
+            copy?: boolean;
+            disabled?: boolean;
+            hidden?: boolean;
+            open?: boolean;
+            required?: boolean;
+        };
         formEntity?: string | NodeEntity<Schema>;
-        formEntityProps?: DefaultNodeEntityProps & Record<string, any>;
+        formEntityProps?: Record<string, any>;
         formLayout?: string | NodeLayout<Schema>;
-        formLayoutProps?: DefaultNodeLayoutProps & Record<string, any>;
+        formLayoutProps?: Record<string, any>;
         layout?: string | NodeLayout<Schema>;
-        layoutProps?: DefaultNodeLayoutProps & Record<string, any>;
+        layoutProps?: Record<string, any>;
         overviewEntity?: string | NodeEntity<Schema>;
-        overviewEntityProps?: DefaultNodeEntityProps & Record<string, any>;
+        overviewEntityProps?: Record<string, any>;
         overviewLayout?: string | NodeLayout<Schema>;
-        overviewLayoutProps?: DefaultNodeLayoutProps & Record<string, any>;
+        overviewLayoutProps?: Record<string, any>;
         type?: Type;
         validator?: string | Validator<Schema>;
     };

package/build/cjs/lib/unstable/core/useSchemaRenderer/types/state.d.ts

@@ -29,6 +29,9 @@ export interface SchemaRendererState<UserContext extends Record<string, unknown>
     unsubscribe: (id: string) => void;
     userContext: {
         MonacoEditor?: React.ComponentType<MonacoEditorProps>;
+        RenderHTMLOrMD?: React.ComponentType<{
+            content: string;
+        }>;
     } & UserContext;
     waiters: Record<string, ValidationWaiter | undefined>;
 }

package/build/cjs/lib/unstable/core/utils/definers.d.ts

@@ -1,5 +1,5 @@
 import type { NodeType } from '../constants';
-import type { DefaultNodeEntityProps, DefaultNodeLayoutProps, ErrorMessages, NodeEntity, NodeLayout, NodesConfig, Validator } from '../types';
+import type { ErrorMessages, NodeEntity, NodeLayout, NodesConfig, Validator } from '../types';
 import type { EntityKind, ExtractNodeEntityProps, ExtractNodeLayoutProps, LayoutKind, NodeComponentProps, NodeTypeConfigKey, SchemaOfNodeType } from '../types/helpers';
 export declare const defineNodeEntityConfig: <Component extends NodeEntity<any>>(nodeEntityConfig: {
     Component: Component;
@@ -20,39 +20,53 @@ export declare const defineNodeLayoutConfig: <Component extends NodeLayout<any>>
 export declare const createNodeParametersDefiner: <Config extends NodesConfig>(_config: Config) => <Type extends NodeType, const Entity extends NodeTypeConfigKey<Config, Type, "formEntities"> | NodeTypeConfigKey<Config, Type, "overviewEntities"> | NodeEntity<SchemaOfNodeType<Type>> | undefined = undefined, const FormEntity extends NodeTypeConfigKey<Config, Type, "formEntities"> | NodeEntity<SchemaOfNodeType<Type>> | undefined = undefined, const OverviewEntity extends NodeTypeConfigKey<Config, Type, "overviewEntities"> | NodeEntity<SchemaOfNodeType<Type>> | undefined = undefined, const Layout extends NodeTypeConfigKey<Config, Type, "formLayouts"> | NodeTypeConfigKey<Config, Type, "overviewLayouts"> | NodeLayout<SchemaOfNodeType<Type>> | undefined = undefined, const FormLayout extends NodeTypeConfigKey<Config, Type, "formLayouts"> | NodeLayout<SchemaOfNodeType<Type>> | undefined = undefined, const OverviewLayout extends NodeTypeConfigKey<Config, Type, "overviewLayouts"> | NodeLayout<SchemaOfNodeType<Type>> | undefined = undefined, const ValidatorRef extends NodeTypeConfigKey<Config, Type, "validators"> | Validator<SchemaOfNodeType<Type>> | undefined = undefined>(nodeParameters: {
     type: Type;
     entity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | Entity;
-    entityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, EntityKind, Entity>;
+    entityProps?: NodeComponentProps<Config, Type, EntityKind, Entity>;
     formEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NodeEntity<SchemaOfNodeType<Type>> | FormEntity;
-    formEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "formEntities", FormEntity>;
+    formEntityProps?: NodeComponentProps<Config, Type, "formEntities", FormEntity>;
     overviewEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | OverviewEntity;
-    overviewEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
+    overviewEntityProps?: NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
     layout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | Layout;
-    layoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, LayoutKind, Layout>;
+    layoutProps?: NodeComponentProps<Config, Type, LayoutKind, Layout>;
     formLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | FormLayout;
-    formLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
+    formLayoutProps?: NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
     overviewLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | OverviewLayout;
-    overviewLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
+    overviewLayoutProps?: NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
     errorMessages?: Omit<ErrorMessages, "dependencies" | "required"> & {
         dependencies?: ErrorMessages["dependencies"] | Record<string, ErrorMessages["dependencies"]>;
         required?: ErrorMessages["required"] | Record<string, ErrorMessages["required"]>;
     };
     validator?: NoInfer<NodeTypeConfigKey<Config, Type, "validators">> | Validator<SchemaOfNodeType<Type>> | ValidatorRef;
+    flags?: {
+        disabled?: boolean;
+        copy?: boolean;
+        hidden?: boolean;
+        open?: boolean;
+        required?: boolean;
+    };
 }) => {
     type: Type;
     entity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | Entity;
-    entityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, EntityKind, Entity>;
+    entityProps?: NodeComponentProps<Config, Type, EntityKind, Entity>;
     formEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NodeEntity<SchemaOfNodeType<Type>> | FormEntity;
-    formEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "formEntities", FormEntity>;
+    formEntityProps?: NodeComponentProps<Config, Type, "formEntities", FormEntity>;
     overviewEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | OverviewEntity;
-    overviewEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
+    overviewEntityProps?: NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
     layout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | Layout;
-    layoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, LayoutKind, Layout>;
+    layoutProps?: NodeComponentProps<Config, Type, LayoutKind, Layout>;
     formLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | FormLayout;
-    formLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
+    formLayoutProps?: NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
     overviewLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | OverviewLayout;
-    overviewLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
+    overviewLayoutProps?: NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
     errorMessages?: Omit<ErrorMessages, "dependencies" | "required"> & {
         dependencies?: ErrorMessages["dependencies"] | Record<string, ErrorMessages["dependencies"]>;
         required?: ErrorMessages["required"] | Record<string, ErrorMessages["required"]>;
     };
     validator?: NoInfer<NodeTypeConfigKey<Config, Type, "validators">> | Validator<SchemaOfNodeType<Type>> | ValidatorRef;
+    flags?: {
+        disabled?: boolean;
+        copy?: boolean;
+        hidden?: boolean;
+        open?: boolean;
+        required?: boolean;
+    };
 };

package/build/cjs/lib/unstable/kit/components/HTMLContent/HTMLContent.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type TextProps } from '@gravity-ui/uikit';
 export interface HTMLContentProps extends TextProps {
-    html: string;
+    content: string;
+    headName?: string;
 }
 export declare const HTMLContent: React.FC<HTMLContentProps>;

package/build/cjs/lib/unstable/kit/components/HTMLContent/HTMLContent.js

@@ -4,8 +4,18 @@ exports.HTMLContent = 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 HTMLContent = (_a) => {
-    var { html } = _a, restProps = tslib_1.__rest(_a, ["html"]);
-    return react_1.default.createElement(uikit_1.Text, Object.assign({}, restProps, { dangerouslySetInnerHTML: { __html: html } }));
+    var _b;
+    var { content, headName = '___stub-name' } = _a, restProps = tslib_1.__rest(_a, ["content", "headName"]);
+    const state = (0, core_1.useSchemaRendererState)({
+        headName,
+        subscriptions: [core_1.SchemaRendererEventType.UserContext],
+    });
+    const RenderHTMLOrMD = (_b = state === null || state === void 0 ? void 0 : state.userContext) === null || _b === void 0 ? void 0 : _b.RenderHTMLOrMD;
+    if (RenderHTMLOrMD) {
+        return react_1.default.createElement(RenderHTMLOrMD, { content: content });
+    }
+    return react_1.default.createElement(uikit_1.Text, Object.assign({}, restProps, { dangerouslySetInnerHTML: { __html: content } }));
 };
 exports.HTMLContent = HTMLContent;

package/build/cjs/lib/unstable/kit/components/LayoutContainer/LayoutContainer.css

@@ -8,4 +8,7 @@
 }
 .sr-layout-container_hide-empty:not(:has([data-fill=populated])) {
   display: none;
+}
+.sr-layout-container_hidden {
+  display: none;
 }

package/build/cjs/lib/unstable/kit/components/LayoutContainer/LayoutContainer.d.ts

@@ -3,5 +3,6 @@ import { type FlexProps } from '@gravity-ui/uikit';
 export interface LayoutContainerProps extends FlexProps {
     children: React.ReactNode;
     hideEmpty?: boolean;
+    hidden?: boolean;
 }
 export declare const LayoutContainer: React.FC<LayoutContainerProps>;

package/build/cjs/lib/unstable/kit/components/LayoutContainer/LayoutContainer.js

@@ -7,7 +7,7 @@ const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('layout-container');
 const LayoutContainer = (_a) => {
-    var { className, children, hideEmpty = false } = _a, restProps = tslib_1.__rest(_a, ["className", "children", "hideEmpty"]);
-    return (react_1.default.createElement(uikit_1.Flex, Object.assign({ className: b({ 'hide-empty': hideEmpty }, className), direction: "column" }, restProps), children));
+    var { className, children, hideEmpty = false, hidden = false } = _a, restProps = tslib_1.__rest(_a, ["className", "children", "hideEmpty", "hidden"]);
+    return (react_1.default.createElement(uikit_1.Flex, Object.assign({ className: b({ 'hide-empty': hideEmpty, hidden }, className), direction: "column" }, restProps), children));
 };
 exports.LayoutContainer = LayoutContainer;

package/build/cjs/lib/unstable/kit/entities/Alert/Alert.css

@@ -0,0 +1,16 @@
+.sr-alert .g-alert__text-content > div {
+  gap: 0 !important;
+}
+.sr-alert_expanded .g-alert__text-content > div {
+  gap: calc(var(--g-spacing-base) * 2) !important;
+}
+.sr-alert__title {
+  cursor: pointer;
+}
+.sr-alert__message {
+  height: 0;
+  overflow: hidden;
+}
+.sr-alert__message_expanded {
+  height: unset;
+}

package/build/cjs/lib/unstable/kit/entities/Alert/Alert.js

@@ -6,22 +6,41 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const icons = tslib_1.__importStar(require("@gravity-ui/icons"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
-const Alert = ({ props, schema }) => {
-    const { iconName, iconProps, message } = props, entityRestProps = tslib_1.__rest(props, ["iconName", "iconProps", "message"]);
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('alert');
+const Alert = ({ headName, props, schema }) => {
+    var _a;
+    const { iconName, iconProps, message, title: titleProp } = props, entityRestProps = tslib_1.__rest(props, ["iconName", "iconProps", "message", "title"]);
+    const { open = true } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
+    const [expanded, setExpanded] = react_1.default.useState(open);
     const icon = react_1.default.useMemo(() => iconName && icons[iconName] ? (react_1.default.createElement(uikit_1.Icon, Object.assign({ data: icons[iconName] }, iconProps))) : undefined, [iconName, iconProps]);
+    const title = react_1.default.useMemo(() => {
+        if (titleProp && typeof titleProp !== 'string') {
+            return titleProp;
+        }
+        const title = typeof titleProp === 'string' ? titleProp : schema.title;
+        if (title) {
+            return (react_1.default.createElement(uikit_1.Flex, { className: b('title'), alignItems: "center", gap: "2", onClick: () => setExpanded(!expanded) },
+                react_1.default.createElement(components_1.HTMLContent, { content: title, headName: headName, variant: "subheader-2" }),
+                react_1.default.createElement(uikit_1.Icon, { data: expanded ? icons.ChevronUp : icons.ChevronDown, size: 16 })));
+        }
+        return null;
+    }, [headName, schema.title, titleProp, expanded]);
     const msg = react_1.default.useMemo(() => {
         if (message) {
             if (typeof message === 'string') {
-                return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: message } });
+                return (react_1.default.createElement("div", { className: b('message', { expanded }) },
+                    react_1.default.createElement(components_1.HTMLContent, { content: message, headName: headName })));
             }
             return message;
         }
         if (schema.description) {
-            return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: schema.description } });
+            return (react_1.default.createElement("div", { className: b('message', { expanded }) },
+                react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
         }
         return undefined;
-    }, [message, schema.description]);
-    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated" },
-        react_1.default.createElement(uikit_1.Alert, Object.assign({ icon: icon, message: msg }, entityRestProps))));
+    }, [expanded, headName, message, schema.description]);
+    return (react_1.default.createElement(components_1.EntityContainer, { className: b({ expanded }), stretch: "fit", fill: "populated" },
+        react_1.default.createElement(uikit_1.Alert, Object.assign({ icon: icon, message: msg, title: title }, entityRestProps))));
 };
 exports.Alert = Alert;

package/build/cjs/lib/unstable/kit/entities/ArrayEntity/ArrayEntity.d.ts

@@ -1,6 +1,5 @@
 import { type JsonSchemaArray, type NodeEntity } from '../../../core';
 export interface ArrayEntityProps {
     addButtonText?: string;
-    disabled?: boolean;
 }
 export declare const ArrayEntity: NodeEntity<JsonSchemaArray, ArrayEntityProps>;

package/build/cjs/lib/unstable/kit/entities/ArrayEntity/ArrayEntity.js

@@ -10,7 +10,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('array-entity');
 const ArrayEntity = ({ headName, input, mode, props, schema, schemaPath, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const addButton = react_1.default.useMemo(() => {
         const itemsSchema = schema.items;
@@ -22,12 +24,12 @@ const ArrayEntity = ({ headName, input, mode, props, schema, schemaPath, }) => {
             onChange([...(value || []), itemsSchema === null || itemsSchema === void 0 ? void 0 : itemsSchema.default]);
             onBlur();
         };
-        return (react_1.default.createElement(uikit_1.Button, { className: b('add-button'), onClick: onClick, disabled: props.disabled || schema.readOnly, qa: `${name}-add-button` },
+        return (react_1.default.createElement(uikit_1.Button, { className: b('add-button'), onClick: onClick, disabled: disabled || schema.readOnly, qa: `${name}-add-button` },
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
             props.addButtonText || null));
     }, [
         props.addButtonText,
-        props.disabled,
+        disabled,
         name,
         onBlur,
         onChange,

package/build/cjs/lib/unstable/kit/entities/ArrayTable/ArrayTable.d.ts

@@ -2,6 +2,5 @@ import { type JsonSchemaArray, type NodeEntity } from '../../../core';
 export interface ArrayTableProps {
     order?: string[];
     addButtonText?: string;
-    disabled?: boolean;
 }
 export declare const ArrayTable: NodeEntity<JsonSchemaArray, ArrayTableProps>;

package/build/cjs/lib/unstable/kit/entities/ArrayTable/ArrayTable.js

@@ -10,7 +10,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('array-table');
 const ArrayTable = ({ headName, input, mode, props, schema, schemaPath, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const addButton = react_1.default.useMemo(() => {
         const itemsSchema = schema.items;
@@ -22,12 +24,12 @@ const ArrayTable = ({ headName, input, mode, props, schema, schemaPath, }) => {
             onChange([...(value || []), itemsSchema === null || itemsSchema === void 0 ? void 0 : itemsSchema.default]);
             onBlur();
         };
-        return (react_1.default.createElement(uikit_1.Button, { className: b('add-button'), onClick: onClick, disabled: props.disabled || schema.readOnly, qa: `${name}-add-button` },
+        return (react_1.default.createElement(uikit_1.Button, { className: b('add-button'), onClick: onClick, disabled: disabled || schema.readOnly, qa: `${name}-add-button` },
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
             props.addButtonText || null));
     }, [
         props.addButtonText,
-        props.disabled,
+        disabled,
         name,
         onBlur,
         onChange,
@@ -79,7 +81,7 @@ const ArrayTable = ({ headName, input, mode, props, schema, schemaPath, }) => {
                     react_1.default.createElement("div", { className: b('column-title') }, (_a = column.schema.title) === null || _a === void 0 ? void 0 : _a.split(' ').map((word, wIndex, array) => (react_1.default.createElement("div", { className: b('column-title-word'), key: word },
                         react_1.default.createElement(uikit_1.Text, { variant: "subheader-1" }, word),
                         wIndex + 1 === array.length && column.schema.description ? (react_1.default.createElement(uikit_1.HelpMark, null,
-                            react_1.default.createElement(components_1.HTMLContent, { html: column.schema.description }))) : null))))));
+                            react_1.default.createElement(components_1.HTMLContent, { content: column.schema.description, headName: headName }))) : null))))));
             })));
         const rows = new Array(rowsCount).fill(null).map((_, rIndex) => (react_1.default.createElement("div", { className: b('row', { 'with-remove-button': withRemoveButton }), style: { '--columns-count': columns.length }, key: rIndex },
             react_1.default.createElement("div", { className: b('cell') },

package/build/cjs/lib/unstable/kit/entities/FewOfNested/FewOfNested.css

@@ -1,6 +1,9 @@
 .sr-few-of-nested__content {
   margin-top: calc(var(--g-spacing-base) * 4);
 }
+.sr-few-of-nested__content:empty {
+  display: none;
+}
 .sr-few-of-nested__content_with-indent {
   position: relative;
   padding-left: calc(var(--g-spacing-base) * 7);

package/build/cjs/lib/unstable/kit/entities/Label/Label.js

@@ -7,7 +7,7 @@ const icons = tslib_1.__importStar(require("@gravity-ui/icons"));
 const uikit_1 = require("@gravity-ui/uikit");
 const core_1 = require("../../../core");
 const components_1 = require("../../components");
-const Label = ({ input, mode, props, schema }) => {
+const Label = ({ headName, input, mode, props, schema, }) => {
     const { value } = input;
     const { iconName, iconProps, title } = props, restEntityProps = tslib_1.__rest(props, ["iconName", "iconProps", "title"]);
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
@@ -15,15 +15,15 @@ const Label = ({ input, mode, props, schema }) => {
     const content = react_1.default.useMemo(() => {
         if (title) {
             if (typeof title === 'string') {
-                return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: title } });
+                return react_1.default.createElement(components_1.HTMLContent, { content: title, headName: headName });
             }
             return title;
         }
         if (schema.description) {
-            return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: schema.description } });
+            return react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName });
         }
         return undefined;
-    }, [title, schema.description]);
+    }, [headName, title, schema.description]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated" },
         react_1.default.createElement(uikit_1.Label, Object.assign({ size: overviewFlag ? 'xs' : 'm', value: value, icon: icon }, restEntityProps), content)));
 };

package/build/cjs/lib/unstable/kit/entities/Monaco/Monaco.js

@@ -9,7 +9,9 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('monaco');
 const Monaco = ({ headName, input, meta, mode, props, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const { language = 'plaintext', options: optionsProps, withDialog = true, ignoreMonacoErrors = false, width = '100%', height = 350 } = props, restEntityProps = tslib_1.__rest(props, ["language", "options", "withDialog", "ignoreMonacoErrors", "width", "height"]);
     const srState = (0, core_1.useSchemaRendererState)({
@@ -22,7 +24,7 @@ const Monaco = ({ headName, input, meta, mode, props, schema, }) => {
     const innerErrorRef = react_1.default.useRef(null);
     const [dialogOpen, setDialogOpen] = react_1.default.useState(false);
     const toggleDialogOpen = react_1.default.useCallback(() => setDialogOpen((f) => !f), []);
-    const options = react_1.default.useMemo(() => (Object.assign({ fontSize: 12, readOnly: overviewFlag || schema.readOnly, formatOnPaste: true, formatOnType: true, contextmenu: false, minimap: { enabled: false }, autoClosingBrackets: 'languageDefined', automaticLayout: true }, optionsProps)), [optionsProps, overviewFlag, schema.readOnly]);
+    const options = react_1.default.useMemo(() => (Object.assign({ fontSize: 12, readOnly: overviewFlag || disabled || schema.readOnly, formatOnPaste: true, formatOnType: true, contextmenu: false, minimap: { enabled: false }, autoClosingBrackets: 'languageDefined', automaticLayout: true }, optionsProps)), [disabled, optionsProps, overviewFlag, schema.readOnly]);
     const onUpdate = react_1.default.useCallback((value) => {
         onFocus();
         onChange(value);

package/build/cjs/lib/unstable/kit/entities/ObjectEntity/ObjectEntity.d.ts

@@ -1,6 +1,5 @@
 import { type JsonSchemaObject, type NodeEntity } from '../../../core';
 export interface ObjectEntityProps {
-    disabled?: boolean;
     order?: string[];
 }
 export declare const ObjectEntity: NodeEntity<JsonSchemaObject, ObjectEntityProps>;

package/build/cjs/lib/unstable/kit/entities/ObjectInline/ObjectInline.d.ts

@@ -1,7 +1,6 @@
 import { type JsonSchemaObject, type NodeEntity } from '../../../core';
 export interface ObjectInlineProps {
     delimiter?: string | Record<string, string>;
-    disabled?: boolean;
     order?: string[];
 }
 export declare const ObjectInline: NodeEntity<JsonSchemaObject, ObjectInlineProps>;

package/build/cjs/lib/unstable/kit/entities/OneOfNested/OneOfNested.css

@@ -1,6 +1,9 @@
 .sr-one-of-nested__content {
   margin-top: calc(var(--g-spacing-base) * 4);
 }
+.sr-one-of-nested__content:empty {
+  display: none;
+}
 .sr-one-of-nested__content_with-indent {
   position: relative;
   padding-left: calc(var(--g-spacing-base) * 7);

package/build/cjs/lib/unstable/kit/entities/TextContent/TextContent.js

@@ -9,22 +9,22 @@ const core_1 = require("../../../core");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('text-content');
-const TextContent = ({ input, mode, props, schema, }) => {
+const TextContent = ({ headName, input, mode, props, schema, }) => {
     const { className, iconName, iconProps, title: titleProp } = props, restEntityProps = tslib_1.__rest(props, ["className", "iconName", "iconProps", "title"]);
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
     const icon = react_1.default.useMemo(() => iconName && icons[iconName] ? (react_1.default.createElement(uikit_1.Icon, Object.assign({ data: icons[iconName] }, iconProps))) : undefined, [iconName, iconProps]);
     const content = react_1.default.useMemo(() => {
         if (titleProp) {
             if (typeof titleProp === 'string') {
-                return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: titleProp } });
+                return react_1.default.createElement(components_1.HTMLContent, { content: titleProp, headName: headName });
             }
             return titleProp;
         }
         if (schema.description) {
-            return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: schema.description } });
+            return react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName });
         }
         return undefined;
-    }, [titleProp, schema.description]);
+    }, [headName, titleProp, schema.description]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", fill: "populated" },
         react_1.default.createElement(uikit_1.Label, Object.assign({ size: overviewFlag ? 'xs' : 'm', value: input.value, icon: icon, className: b(null, className) }, restEntityProps, { theme: "clear" }), content)));
 };

package/build/cjs/lib/unstable/kit/form-entities/CheckboxGroupInput/CheckboxGroupInput.d.ts

@@ -3,6 +3,5 @@ export interface CheckboxGroupInputProps {
     enumDescriptions?: Record<string, string>;
     optionsDisabled?: Record<string, boolean>;
     direction?: 'row' | 'column';
-    disabled?: boolean;
 }
 export declare const CheckboxGroupInput: NodeEntity<JsonSchemaArray, CheckboxGroupInputProps>;

package/build/cjs/lib/unstable/kit/form-entities/CheckboxGroupInput/CheckboxGroupInput.js

@@ -8,8 +8,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('checkbox-group-input');
 const CheckboxGroupInput = ({ input, props, meta, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
-    const { enumDescriptions, direction = 'row', disabled, optionsDisabled } = props;
+    const { enumDescriptions, direction = 'row', optionsDisabled } = props;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const value = react_1.default.useMemo(() => (Array.isArray(inputValue) ? inputValue : []), [inputValue]);
     const options = react_1.default.useMemo(() => {
         var _a, _b;

package/build/cjs/lib/unstable/kit/form-entities/CheckboxInput/CheckboxInput.js

@@ -8,13 +8,15 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('checkbox-input');
 const CheckboxInput = ({ input, props, meta, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const onUpdate = react_1.default.useCallback((value) => {
         onFocus();
         onChange(value);
         onBlur();
     }, [onBlur, onChange, onFocus]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.Checkbox, Object.assign({ disabled: schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+        react_1.default.createElement(uikit_1.Checkbox, Object.assign({ disabled: disabled || schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
 };
 exports.CheckboxInput = CheckboxInput;

package/build/cjs/lib/unstable/kit/form-entities/ColorPickerInput/ColorPickerInput.js

@@ -8,8 +8,10 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('color-picker-input');
 const ColorPickerInput = ({ input, props, meta, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value } = input;
     const { onOpenChange: onOpenChangeProps } = props, restEntityProps = tslib_1.__rest(props, ["onOpenChange"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const onOpenChange = react_1.default.useCallback((open) => {
         onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(open);
         if (open) {
@@ -20,6 +22,6 @@ const ColorPickerInput = ({ input, props, meta, schema, }) => {
         }
     }, [onBlur, onFocus, onOpenChangeProps]);
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(unstable_1.unstable_ColorPicker, Object.assign({ disabled: schema.readOnly }, restEntityProps, { value: value !== null && value !== void 0 ? value : '', onUpdate: onChange, onOpenChange: onOpenChange, "data-qa": name }))));
+        react_1.default.createElement(unstable_1.unstable_ColorPicker, Object.assign({ disabled: disabled || schema.readOnly }, restEntityProps, { value: value !== null && value !== void 0 ? value : '', onUpdate: onChange, onOpenChange: onOpenChange, "data-qa": name }))));
 };
 exports.ColorPickerInput = ColorPickerInput;