@gravity-ui/dynamic-forms 5.23.1 → 5.25.0

package/build/esm/lib/unstable/kit/form-entities/SelectInput/SelectInput.js

@@ -3,11 +3,13 @@ import React from 'react';
 import { Flex, Select, Text } from '@gravity-ui/uikit';
 import isString from 'lodash/isString';
 import { EntityContainer } from '../../components';
+import { DASH } from '../../constants';
 import { getValidationState } from '../../utils';
 export const SelectInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { enumDescriptions, optionsMeta } = props, restEntityProps = __rest(props, ["enumDescriptions", "optionsMeta"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const value = React.useMemo(() => (isString(inputValue) ? [inputValue] : undefined), [inputValue]);
     const onUpdate = React.useCallback((v) => onChange(v[0]), [onChange]);
     const options = React.useMemo(() => {
@@ -27,5 +29,5 @@ export const SelectInput = ({ input, meta, props, schema, }) => {
     const renderOption = React.useCallback((option) => (React.createElement(React.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
     const getOptionHeight = React.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
     return (React.createElement(EntityContainer, { stretch: "max" },
-        React.createElement(Select, Object.assign({ width: "max", options: options, filterable: (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: ((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || '', disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
+        React.createElement(Select, Object.assign({ width: "max", options: options, filterable: (((_b = schema.enum) === null || _b === void 0 ? void 0 : _b.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: ((_c = schema.examples) === null || _c === void 0 ? void 0 : _c[0]) || DASH, disabled: disabled || schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
 };

package/build/esm/lib/unstable/kit/form-entities/SliderInput/SliderInput.js

@@ -3,7 +3,9 @@ import { Slider } from '@gravity-ui/uikit';
 import { EntityContainer } from '../../components';
 import { getValidationState } from '../../utils';
 export const SliderInput = ({ input, meta, props, schema, }) => {
+    var _a;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const value = isNaN(Number(inputValue)) ? undefined : Number(inputValue);
     const onUpdate = React.useCallback((next) => {
         if (Array.isArray(next)) {
@@ -12,5 +14,5 @@ export const SliderInput = ({ input, meta, props, schema, }) => {
         onChange(next);
     }, [onChange]);
     return (React.createElement(EntityContainer, { stretch: "max" },
-        React.createElement(Slider, Object.assign({ min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, props, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
+        React.createElement(Slider, Object.assign({ min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: disabled || schema.readOnly, tooltipDisplay: "on" }, props, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
 };

package/build/esm/lib/unstable/kit/form-entities/StringInput/StringInput.js

@@ -5,7 +5,8 @@ import { block, getBooleanValidationState, getValidationState } from '../../util
 import './StringInput.css';
 const b = block('string-input');
 export const StringInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }) },
-        React.createElement(TextInput, Object.assign({ placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: getValidationState(meta), qa: input.name, type: "text" }))));
+        React.createElement(TextInput, Object.assign({ placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], disabled: disabled || schema.readOnly, hasClear: true }, props, { value: (_c = input.value) !== null && _c !== void 0 ? _c : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: getValidationState(meta), qa: input.name, type: "text" }))));
 };

package/build/esm/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.js

@@ -7,9 +7,10 @@ import { block, getBooleanValidationState, getValidationState, isStringNumber }
 import './StringNumberWithScaleInput.css';
 const b = block('string-number-with-scale-input');
 export const StringNumberWithScaleInput = ({ input, meta, props, schema }) => {
-    var _a;
+    var _a, _b;
     const { name, onBlur, onChange, onFocus, value: inputValue } = input;
     const { defaultType, viewType, scale } = props, restEntityProps = __rest(props, ["defaultType", "viewType", "scale"]);
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const scaleKit = React.useMemo(() => {
         if (scale) {
             const preparedScale = {};
@@ -72,7 +73,7 @@ export const StringNumberWithScaleInput = ({ input, meta, props, schema }) => {
     }, [inputValue, onChange, scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale, scaleValue, schema]);
     return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }), direction: "row", gap: 2 },
         React.createElement("div", { className: b('input') },
-            React.createElement(TextInput, Object.assign({ placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))),
+            React.createElement(TextInput, Object.assign({ placeholder: `${((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: disabled || schema.readOnly, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))),
         scaleOptions.length ? (React.createElement("div", { style: { width: scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.minScaleLength } },
-            React.createElement(Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false, disabled: schema.readOnly || meta.error, qa: `${name}-scale` }))) : null));
+            React.createElement(Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false, disabled: disabled || schema.readOnly || meta.error, qa: `${name}-scale` }))) : null));
 };

package/build/esm/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.js

@@ -5,12 +5,14 @@ import { block, getBooleanValidationState } from '../../utils';
 import './SwitchInput.css';
 const b = block('switch-input');
 export const SwitchInput = ({ input, meta, 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 onUpdate = React.useCallback((value) => {
         onFocus();
         onChange(value);
         onBlur();
     }, [onBlur, onChange, onFocus]);
     return (React.createElement(EntityContainer, { stretch: "fit", className: b({ error: getBooleanValidationState(meta) }), justifyContent: "center" },
-        React.createElement(Switch, Object.assign({ disabled: schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+        React.createElement(Switch, Object.assign({ disabled: disabled || schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
 };

package/build/esm/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.js

@@ -5,7 +5,8 @@ import { block, getBooleanValidationState, getValidationState } from '../../util
 import './TextAreaInput.css';
 const b = block('text-area-input');
 export const TextAreaInput = ({ input, meta, props, schema, }) => {
-    var _a, _b;
+    var _a, _b, _c;
+    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }) },
-        React.createElement(TextArea, Object.assign({ maxRows: 20, minRows: 0, placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: getValidationState(meta), qa: input.name }))));
+        React.createElement(TextArea, Object.assign({ maxRows: 20, minRows: 0, placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], disabled: disabled || schema.readOnly, hasClear: true }, props, { value: (_c = input.value) !== null && _c !== void 0 ? _c : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: getValidationState(meta), qa: input.name }))));
 };

package/build/esm/lib/unstable/kit/form-layouts/FormColumn/FormColumn.js

@@ -5,23 +5,25 @@ import { block, getValidationState } from '../../utils';
 import './FormColumn.css';
 const b = block('form-column');
 export const FormColumn = ({ children, headName, input, meta, schema, props, }) => {
+    var _a;
+    const { hidden, required } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = React.useMemo(() => {
         if (!schema.description || props.descriptionType === 'bottom') {
             return null;
         }
         return (React.createElement(HelpMark, { className: b('help-mark') },
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description, props.descriptionType]);
+            React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description, props.descriptionType]);
     const bottomDescription = React.useMemo(() => {
         if (!schema.description || props.descriptionType !== 'bottom') {
             return null;
         }
-        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, props.descriptionType]);
-    return (React.createElement(LayoutContainer, { className: b(), gap: 2 },
+        return React.createElement(HTMLContent, { content: schema.description, headName: headName, color: "secondary" });
+    }, [headName, schema.description, props.descriptionType]);
+    return (React.createElement(LayoutContainer, { className: b(), gap: 2, hidden: hidden },
         React.createElement(Flex, { direction: "column", gap: 0.5 },
             React.createElement("div", { className: b('top') },
-                React.createElement(Text, { className: b('title', { required: props.required }), wordBreak: "break-word" }, schema.title),
+                React.createElement(Text, { className: b('title', { required }), wordBreak: "break-word" }, schema.title),
                 tooltip,
                 React.createElement(ArrayRemoveButton, { name: input.name, headName: headName })),
             bottomDescription),

package/build/esm/lib/unstable/kit/form-layouts/FormRow/FormRow.css

@@ -22,4 +22,7 @@
 }
 .sr-form-row__help-mark {
   margin-top: 1.5px;
+}
+.sr-form-row__right {
+  max-width: calc(100% - 180px - var(--g-spacing-base) * 2);
 }

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

@@ -5,22 +5,24 @@ import { block, getValidationState } from '../../utils';
 import './FormRow.css';
 const b = block('form-row');
 export const FormRow = ({ children, headName, input, meta, schema, props, }) => {
+    var _a;
+    const { hidden, required } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = React.useMemo(() => {
         if (!schema.description || props.descriptionType === 'bottom') {
             return null;
         }
         return (React.createElement(HelpMark, { className: b('help-mark') },
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description, props.descriptionType]);
+            React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description, props.descriptionType]);
     const bottomDescription = React.useMemo(() => {
         if (!schema.description || props.descriptionType !== 'bottom') {
             return null;
         }
-        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, props.descriptionType]);
-    return (React.createElement(LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2 },
+        return React.createElement(HTMLContent, { content: schema.description, headName: headName, color: "secondary" });
+    }, [headName, schema.description, props.descriptionType]);
+    return (React.createElement(LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hidden: hidden },
         React.createElement("div", { className: b('left') },
-            React.createElement(Text, { className: b('title', { required: props.required }), wordBreak: "break-word" }, schema.title),
+            React.createElement(Text, { className: b('title', { required }), wordBreak: "break-word" }, schema.title),
             tooltip),
         React.createElement(Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
             React.createElement(Flex, { grow: 1, gap: 2 },

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

@@ -3,6 +3,7 @@ export * from './constants';
 export * from './entities';
 export * from './form-entities';
 export * from './form-layouts';
+export * from './layouts';
 export * from './overview-entities';
 export * from './overview-layouts';
 export * from './utils/common';

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

@@ -3,6 +3,7 @@ export * from './constants';
 export * from './entities';
 export * from './form-entities';
 export * from './form-layouts';
+export * from './layouts';
 export * from './overview-entities';
 export * from './overview-layouts';
 export * from './utils/common';

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

@@ -8,36 +8,40 @@ 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"]);
+    var _a;
+    const { titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = __rest(props, ["titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
+    const { copy, required, hidden, open } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     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),
+    const summary = React.useMemo(() => (React.createElement(Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)), [overviewFlag, required, schema.title, titleProps]);
+    const helpMark = React.useMemo(() => {
+        if (schema.description) {
+            return (React.createElement(HelpMark, null,
+                React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+        }
+        return null;
+    }, [schema.description, headName]);
+    const copyButton = React.useMemo(() => {
+        if (overviewFlag) {
+            return React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value });
+        }
+        return null;
+    }, [overviewFlag, copy, input.value]);
+    const removeButton = React.useMemo(() => {
+        if (overviewFlag) {
+            return null;
+        }
+        return React.createElement(ArrayRemoveButton, { name: input.name, headName: headName });
+    }, [overviewFlag, input.name, headName]);
+    return (React.createElement(LayoutContainer, { className: b({ 'without-default-summary': !withDefaultSummary }), hideEmpty: overviewFlag, hidden: hidden },
+        React.createElement(Disclosure, Object.assign({ defaultExpanded: open, summary: summary }, restLayoutProps),
+            React.createElement(Disclosure.Summary, null, ({ expanded, onClick }, defaultSummary) => (React.createElement(Flex, { minHeight: "28px", alignItems: "center", gap: 2 },
+                withDefaultSummary ? (defaultSummary) : (React.createElement(Button, Object.assign({}, togglerProps, { onClick: onClick, 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: expanded ? ChevronUp : ChevronDown }),
+                        summary))),
+                helpMark,
+                copyButton,
+                removeButton))),
             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/Card/Card.js

@@ -8,7 +8,9 @@ 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"]);
+    var _a;
+    const { descriptionType = 'tooltip', likeAccordeon = true } = props, restLayoutProps = __rest(props, ["descriptionType", "likeAccordeon"]);
+    const { copy, required, hidden, open = true } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === SchemaRendererMode.Overview;
     const [visible, setVisible] = React.useState(likeAccordeon ? open : true);
     const toggleVisible = React.useCallback(() => {
@@ -19,15 +21,15 @@ export const Card = ({ children, headName, input, meta, mode, schema, props, })
             return null;
         }
         return (React.createElement(HelpMark, null,
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description, descriptionType]);
+            React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, 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 },
+        return React.createElement(HTMLContent, { content: schema.description, headName: headName, color: "secondary" });
+    }, [headName, schema.description, descriptionType, overviewFlag]);
+    return (React.createElement(LayoutContainer, { className: b(), hideEmpty: overviewFlag, hidden: hidden },
         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" },

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

@@ -7,22 +7,24 @@ 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"]);
+    var _a;
+    const { descriptionType = 'tooltip', withIndent = false } = props, restLayoutProps = __rest(props, ["descriptionType", "withIndent"]);
+    const { copy, required, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     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]);
+            React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, 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 },
+        return (React.createElement(HTMLContent, { className: spacing({ mb: 2 }), content: schema.description, color: "secondary", headName: headName }));
+    }, [headName, schema.description, descriptionType, overviewFlag]);
+    return (React.createElement(LayoutContainer, { className: b(), gap: 0.5, hideEmpty: overviewFlag, hidden: hidden },
         React.createElement(Flex, { direction: "column", gap: 4 },
             React.createElement(Flex, { direction: "column" },
                 React.createElement(Flex, { className: b('header'), gap: 2, alignItems: "center" },

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

@@ -6,12 +6,14 @@ import { ArrayRemoveButton, CopyButton, EntityError, LayoutContainer } from '../
 import { block, getValidationState } from '../../utils';
 import './Transparent.css';
 const b = block('transparent');
-export const Transparent = ({ children, headName, input, meta, mode, props, }) => {
+export const Transparent = ({ children, headName, input, meta, mode, props, schema, }) => {
+    var _a;
+    const { copy, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === SchemaRendererMode.Overview;
-    return (React.createElement(LayoutContainer, { className: b(), gap: 0.5, hideEmpty: isBoolean(props.hideEmpty) ? props.hideEmpty : overviewFlag },
+    return (React.createElement(LayoutContainer, { className: b(), gap: 0.5, hideEmpty: isBoolean(props.hideEmpty) ? props.hideEmpty : overviewFlag, hidden: hidden },
         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 ? (React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null),
         overviewFlag ? null : (React.createElement(EntityError, { errorMessage: meta.error, validationState: getValidationState(meta) }))));
 };

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

@@ -4,15 +4,17 @@ import { CopyButton, HTMLContent, LayoutContainer } from '../../components';
 import { block } from '../../utils';
 import './OverviewColumn.css';
 const b = block('overview-column');
-export const OverviewColumn = ({ children, input, schema, props }) => {
+export const OverviewColumn = ({ children, headName, input, schema }) => {
+    var _a;
+    const { copy, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = React.useMemo(() => {
         if (!schema.description) {
             return null;
         }
         return (React.createElement(HelpMark, { className: b('help-mark') },
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description]);
-    return (React.createElement(LayoutContainer, { className: b(), gap: 2, hideEmpty: true },
+            React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description]);
+    return (React.createElement(LayoutContainer, { className: b(), gap: 2, hidden: hidden, hideEmpty: true },
         React.createElement(Flex, { direction: "column", gap: 0.5, grow: 1 },
             React.createElement("div", { className: b('top') },
                 React.createElement(Text, { className: b('title'), color: "secondary", wordBreak: "break-word" }, schema.title),
@@ -20,5 +22,5 @@ export const OverviewColumn = ({ children, input, schema, props }) => {
         React.createElement(Flex, { className: b('bottom'), direction: "column", gap: 0.5, grow: 1 },
             React.createElement(Flex, { grow: 1, gap: 2 },
                 children,
-                React.createElement(CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+                React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })))));
 };

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

@@ -4,15 +4,17 @@ import { CopyButton, HTMLContent, LayoutContainer } from '../../components';
 import { block } from '../../utils';
 import './OverviewRow.css';
 const b = block('overview-row');
-export const OverviewRow = ({ children, input, schema, props }) => {
+export const OverviewRow = ({ children, headName, input, schema }) => {
+    var _a;
+    const { copy, hidden } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const tooltip = React.useMemo(() => {
         if (!schema.description) {
             return null;
         }
         return (React.createElement(HelpMark, { className: b('help-mark') },
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description]);
-    return (React.createElement(LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hideEmpty: true },
+            React.createElement(HTMLContent, { content: schema.description, headName: headName })));
+    }, [headName, schema.description]);
+    return (React.createElement(LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hidden: hidden, hideEmpty: true },
         React.createElement("div", { className: b('left') },
             React.createElement(Text, { className: b('title'), color: "secondary", wordBreak: "break-all" }, schema.title),
             tooltip,
@@ -20,5 +22,5 @@ export const OverviewRow = ({ children, input, schema, props }) => {
         React.createElement(Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
             React.createElement(Flex, { grow: 1, gap: 2 },
                 children,
-                React.createElement(CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+                React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })))));
 };

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

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

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

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

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

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