@gravity-ui/dynamic-forms 5.23.1 → 5.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/build/cjs/lib/kit/i18n/en.json +34 -0
  2. package/build/cjs/lib/kit/i18n/ru.json +34 -0
  3. package/build/cjs/lib/unstable/core/SchemaRendererNode/SchemaRendererNode.js +25 -19
  4. package/build/cjs/lib/unstable/core/SchemaRendererNode/utils.d.ts +3 -0
  5. package/build/cjs/lib/unstable/core/SchemaRendererNode/utils.js +25 -1
  6. package/build/cjs/lib/unstable/core/types/components.d.ts +3 -13
  7. package/build/cjs/lib/unstable/core/types/schema.d.ts +14 -7
  8. package/build/cjs/lib/unstable/core/types/validation.d.ts +1 -1
  9. package/build/cjs/lib/unstable/core/useSchemaRenderer/types/state.d.ts +3 -0
  10. package/build/cjs/lib/unstable/core/useSchemaRenderer/useSchemaRenderer.js +1 -1
  11. package/build/cjs/lib/unstable/core/utils/definers.d.ts +27 -13
  12. package/build/cjs/lib/unstable/kit/components/HTMLContent/HTMLContent.d.ts +2 -1
  13. package/build/cjs/lib/unstable/kit/components/HTMLContent/HTMLContent.js +12 -2
  14. package/build/cjs/lib/unstable/kit/components/LayoutContainer/LayoutContainer.css +3 -0
  15. package/build/cjs/lib/unstable/kit/components/LayoutContainer/LayoutContainer.d.ts +1 -0
  16. package/build/cjs/lib/unstable/kit/components/LayoutContainer/LayoutContainer.js +2 -2
  17. package/build/cjs/lib/unstable/kit/constants/index.d.ts +1 -0
  18. package/build/cjs/lib/unstable/kit/constants/index.js +3 -1
  19. package/build/cjs/lib/unstable/kit/constants/messages.d.ts +2 -0
  20. package/build/cjs/lib/unstable/kit/constants/messages.js +89 -0
  21. package/build/cjs/lib/unstable/kit/entities/Alert/Alert.css +16 -0
  22. package/build/cjs/lib/unstable/kit/entities/Alert/Alert.js +26 -7
  23. package/build/cjs/lib/unstable/kit/entities/ArrayEntity/ArrayEntity.d.ts +0 -1
  24. package/build/cjs/lib/unstable/kit/entities/ArrayEntity/ArrayEntity.js +4 -2
  25. package/build/cjs/lib/unstable/kit/entities/ArrayTable/ArrayTable.d.ts +0 -1
  26. package/build/cjs/lib/unstable/kit/entities/ArrayTable/ArrayTable.js +7 -5
  27. package/build/cjs/lib/unstable/kit/entities/FewOfNested/FewOfNested.css +3 -0
  28. package/build/cjs/lib/unstable/kit/entities/Label/Label.js +4 -4
  29. package/build/cjs/lib/unstable/kit/entities/Monaco/Monaco.js +3 -1
  30. package/build/cjs/lib/unstable/kit/entities/ObjectEntity/ObjectEntity.d.ts +0 -1
  31. package/build/cjs/lib/unstable/kit/entities/ObjectInline/ObjectInline.d.ts +0 -1
  32. package/build/cjs/lib/unstable/kit/entities/OneOfNested/OneOfNested.css +3 -0
  33. package/build/cjs/lib/unstable/kit/entities/TextContent/TextContent.js +4 -4
  34. package/build/cjs/lib/unstable/kit/form-entities/CheckboxGroupInput/CheckboxGroupInput.d.ts +0 -1
  35. package/build/cjs/lib/unstable/kit/form-entities/CheckboxGroupInput/CheckboxGroupInput.js +3 -1
  36. package/build/cjs/lib/unstable/kit/form-entities/CheckboxInput/CheckboxInput.js +3 -1
  37. package/build/cjs/lib/unstable/kit/form-entities/ColorPickerInput/ColorPickerInput.js +3 -1
  38. package/build/cjs/lib/unstable/kit/form-entities/DateInput/DateInput.js +3 -2
  39. package/build/cjs/lib/unstable/kit/form-entities/FileInput/FileInput.js +3 -1
  40. package/build/cjs/lib/unstable/kit/form-entities/MultiSelectInput/MultiSelectInput.js +4 -2
  41. package/build/cjs/lib/unstable/kit/form-entities/NumberInput/NumberInput.js +3 -2
  42. package/build/cjs/lib/unstable/kit/form-entities/NumberWithScaleInput/NumberWithScaleInput.js +3 -2
  43. package/build/cjs/lib/unstable/kit/form-entities/PasswordInput/PasswordInput.js +3 -2
  44. package/build/cjs/lib/unstable/kit/form-entities/RadioGroupInput/RadioGroupInput.js +3 -1
  45. package/build/cjs/lib/unstable/kit/form-entities/RangeSliderInput/RangeSliderInput.js +9 -8
  46. package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.css +4 -0
  47. package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.d.ts +1 -1
  48. package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.js +30 -3
  49. package/build/cjs/lib/unstable/kit/form-entities/SelectInput/SelectInput.d.ts +1 -2
  50. package/build/cjs/lib/unstable/kit/form-entities/SelectInput/SelectInput.js +4 -2
  51. package/build/cjs/lib/unstable/kit/form-entities/SliderInput/SliderInput.js +3 -1
  52. package/build/cjs/lib/unstable/kit/form-entities/StringInput/StringInput.js +3 -2
  53. package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.js +4 -3
  54. package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.js +3 -1
  55. package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.js +3 -2
  56. package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/FormColumn.js +8 -6
  57. package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.css +3 -0
  58. package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.js +8 -6
  59. package/build/cjs/lib/unstable/kit/index.d.ts +1 -0
  60. package/build/cjs/lib/unstable/kit/index.js +1 -0
  61. package/build/cjs/lib/unstable/kit/layouts/Accordeon/Accordeon.js +33 -29
  62. package/build/cjs/lib/unstable/kit/layouts/Card/Card.js +8 -6
  63. package/build/cjs/lib/unstable/kit/layouts/Section/Section.js +8 -6
  64. package/build/cjs/lib/unstable/kit/layouts/Transparent/Transparent.js +5 -3
  65. package/build/cjs/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.js +7 -5
  66. package/build/cjs/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.js +7 -5
  67. package/build/cjs/lib/unstable/kit/utils/index.d.ts +1 -1
  68. package/build/cjs/lib/unstable/kit/utils/index.js +1 -7
  69. package/build/cjs/lib/unstable/kit/utils/transformer.d.ts +10 -17
  70. package/build/cjs/lib/unstable/kit/utils/transformer.js +543 -2773
  71. package/build/esm/lib/kit/i18n/en.json +34 -0
  72. package/build/esm/lib/kit/i18n/ru.json +34 -0
  73. package/build/esm/lib/unstable/core/SchemaRendererNode/SchemaRendererNode.js +26 -20
  74. package/build/esm/lib/unstable/core/SchemaRendererNode/utils.d.ts +3 -0
  75. package/build/esm/lib/unstable/core/SchemaRendererNode/utils.js +22 -0
  76. package/build/esm/lib/unstable/core/types/components.d.ts +3 -13
  77. package/build/esm/lib/unstable/core/types/schema.d.ts +14 -7
  78. package/build/esm/lib/unstable/core/types/validation.d.ts +1 -1
  79. package/build/esm/lib/unstable/core/useSchemaRenderer/types/state.d.ts +3 -0
  80. package/build/esm/lib/unstable/core/useSchemaRenderer/useSchemaRenderer.js +1 -1
  81. package/build/esm/lib/unstable/core/utils/definers.d.ts +27 -13
  82. package/build/esm/lib/unstable/kit/components/HTMLContent/HTMLContent.d.ts +2 -1
  83. package/build/esm/lib/unstable/kit/components/HTMLContent/HTMLContent.js +12 -2
  84. package/build/esm/lib/unstable/kit/components/LayoutContainer/LayoutContainer.css +3 -0
  85. package/build/esm/lib/unstable/kit/components/LayoutContainer/LayoutContainer.d.ts +1 -0
  86. package/build/esm/lib/unstable/kit/components/LayoutContainer/LayoutContainer.js +2 -2
  87. package/build/esm/lib/unstable/kit/constants/index.d.ts +1 -0
  88. package/build/esm/lib/unstable/kit/constants/index.js +1 -0
  89. package/build/esm/lib/unstable/kit/constants/messages.d.ts +2 -0
  90. package/build/esm/lib/unstable/kit/constants/messages.js +85 -0
  91. package/build/esm/lib/unstable/kit/entities/Alert/Alert.css +16 -0
  92. package/build/esm/lib/unstable/kit/entities/Alert/Alert.d.ts +1 -0
  93. package/build/esm/lib/unstable/kit/entities/Alert/Alert.js +29 -9
  94. package/build/esm/lib/unstable/kit/entities/ArrayEntity/ArrayEntity.d.ts +0 -1
  95. package/build/esm/lib/unstable/kit/entities/ArrayEntity/ArrayEntity.js +4 -2
  96. package/build/esm/lib/unstable/kit/entities/ArrayTable/ArrayTable.d.ts +0 -1
  97. package/build/esm/lib/unstable/kit/entities/ArrayTable/ArrayTable.js +7 -5
  98. package/build/esm/lib/unstable/kit/entities/FewOfNested/FewOfNested.css +3 -0
  99. package/build/esm/lib/unstable/kit/entities/Label/Label.js +5 -5
  100. package/build/esm/lib/unstable/kit/entities/Monaco/Monaco.js +3 -1
  101. package/build/esm/lib/unstable/kit/entities/ObjectEntity/ObjectEntity.d.ts +0 -1
  102. package/build/esm/lib/unstable/kit/entities/ObjectInline/ObjectInline.d.ts +0 -1
  103. package/build/esm/lib/unstable/kit/entities/OneOfNested/OneOfNested.css +3 -0
  104. package/build/esm/lib/unstable/kit/entities/TextContent/TextContent.js +5 -5
  105. package/build/esm/lib/unstable/kit/form-entities/CheckboxGroupInput/CheckboxGroupInput.d.ts +0 -1
  106. package/build/esm/lib/unstable/kit/form-entities/CheckboxGroupInput/CheckboxGroupInput.js +3 -1
  107. package/build/esm/lib/unstable/kit/form-entities/CheckboxInput/CheckboxInput.js +3 -1
  108. package/build/esm/lib/unstable/kit/form-entities/ColorPickerInput/ColorPickerInput.js +3 -1
  109. package/build/esm/lib/unstable/kit/form-entities/DateInput/DateInput.js +3 -2
  110. package/build/esm/lib/unstable/kit/form-entities/FileInput/FileInput.js +3 -1
  111. package/build/esm/lib/unstable/kit/form-entities/MultiSelectInput/MultiSelectInput.js +4 -2
  112. package/build/esm/lib/unstable/kit/form-entities/NumberInput/NumberInput.js +3 -2
  113. package/build/esm/lib/unstable/kit/form-entities/NumberWithScaleInput/NumberWithScaleInput.js +3 -2
  114. package/build/esm/lib/unstable/kit/form-entities/PasswordInput/PasswordInput.js +3 -2
  115. package/build/esm/lib/unstable/kit/form-entities/RadioGroupInput/RadioGroupInput.js +3 -1
  116. package/build/esm/lib/unstable/kit/form-entities/RangeSliderInput/RangeSliderInput.js +9 -8
  117. package/build/esm/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.css +4 -0
  118. package/build/esm/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.d.ts +1 -1
  119. package/build/esm/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.js +30 -3
  120. package/build/esm/lib/unstable/kit/form-entities/SelectInput/SelectInput.d.ts +1 -2
  121. package/build/esm/lib/unstable/kit/form-entities/SelectInput/SelectInput.js +4 -2
  122. package/build/esm/lib/unstable/kit/form-entities/SliderInput/SliderInput.js +3 -1
  123. package/build/esm/lib/unstable/kit/form-entities/StringInput/StringInput.js +3 -2
  124. package/build/esm/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.js +4 -3
  125. package/build/esm/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.js +3 -1
  126. package/build/esm/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.js +3 -2
  127. package/build/esm/lib/unstable/kit/form-layouts/FormColumn/FormColumn.js +8 -6
  128. package/build/esm/lib/unstable/kit/form-layouts/FormRow/FormRow.css +3 -0
  129. package/build/esm/lib/unstable/kit/form-layouts/FormRow/FormRow.js +8 -6
  130. package/build/esm/lib/unstable/kit/index.d.ts +1 -0
  131. package/build/esm/lib/unstable/kit/index.js +1 -0
  132. package/build/esm/lib/unstable/kit/layouts/Accordeon/Accordeon.js +33 -29
  133. package/build/esm/lib/unstable/kit/layouts/Card/Card.js +8 -6
  134. package/build/esm/lib/unstable/kit/layouts/Section/Section.js +8 -6
  135. package/build/esm/lib/unstable/kit/layouts/Transparent/Transparent.js +5 -3
  136. package/build/esm/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.js +7 -5
  137. package/build/esm/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.js +7 -5
  138. package/build/esm/lib/unstable/kit/utils/index.d.ts +1 -1
  139. package/build/esm/lib/unstable/kit/utils/index.js +1 -1
  140. package/build/esm/lib/unstable/kit/utils/transformer.d.ts +10 -17
  141. package/build/esm/lib/unstable/kit/utils/transformer.js +544 -2773
  142. package/package.json +1 -1
@@ -35,6 +35,40 @@
35
35
  "Value can't be longer than {{count}} items",
36
36
  "Value can't be longer than {{count}} items"
37
37
  ],
38
+ "label-sr_error-additional-items": "Maximum allowed number of items is {{count}}",
39
+ "label-sr_error-additional-properties": "Maximum allowed number of properties is {{count}}",
40
+ "label-sr_error-any-of": "Incorrect value in field",
41
+ "label-sr_error-const": "Value must be {{expected}}",
42
+ "label-sr_error-contains": "At least one item must be added",
43
+ "label-sr_error-contains-min": "At least one item matching the condition must be added",
44
+ "label-sr_error-dependencies": "Field \"{{property}}\" is required",
45
+ "label-sr_error-enum": "Value {{value}} cannot be used",
46
+ "label-sr_error-exclusive-maximum": "Value must be less than {{count}}",
47
+ "label-sr_error-exclusive-minimum": "Value must be greater than {{count}}",
48
+ "label-sr_error-max-items": "Maximum allowed number of items is {{count}}",
49
+ "label-sr_error-max-length": "Maximum allowed number of characters is {{count}}",
50
+ "label-sr_error-max-properties": "Maximum allowed number of properties is {{count}}",
51
+ "label-sr_error-maximum": "Value must be less than or equal to {{count}}",
52
+ "label-sr_error-min-items": "Minimum allowed number of items is {{count}}",
53
+ "label-sr_error-min-length": "Minimum allowed number of characters is {{count}}",
54
+ "label-sr_error-min-properties": "Minimum allowed number of properties is {{count}}",
55
+ "label-sr_error-minimum": "Value must be greater than or equal to {{count}}",
56
+ "label-sr_error-multiple-of": "Value must be a multiple of {{count}}",
57
+ "label-sr_error-not": "Value cannot be used",
58
+ "label-sr_error-one-of": "Incorrect value in field",
59
+ "label-sr_error-pattern": "Value must match the pattern - {{pattern}}",
60
+ "label-sr_error-property-names": "Invalid property name \"{{property}}\"",
61
+ "label-sr_error-required": "Empty field",
62
+ "label-sr_error-type": "Value must be {{expected}}",
63
+ "label-sr_error-type-or": " or {{type}}",
64
+ "label-sr_error-unique-items": "Values must be unique",
65
+ "label-sr_type-array": "an array",
66
+ "label-sr_type-boolean": "a boolean",
67
+ "label-sr_type-integer": "an integer",
68
+ "label-sr_type-null": "null",
69
+ "label-sr_type-number": "a number",
70
+ "label-sr_type-object": "an object",
71
+ "label-sr_type-string": "a string",
38
72
  "label_error-min-number": "Value must be an integer no less than {{count}}",
39
73
  "label_error-max-number": "Value must not be greater than {{count}}",
40
74
  "label_error-min-number-with-scale": "Value must be no less than {{count}} {{scale}}",
@@ -35,6 +35,40 @@
35
35
  "Значение не может быть длиннее {{count}} элементов",
36
36
  "Значение не может быть длиннее {{count}} элементов"
37
37
  ],
38
+ "label-sr_error-additional-items": "Максимальное допустимое количество элементов: {{count}}",
39
+ "label-sr_error-additional-properties": "Максимальное допустимое количество свойств: {{count}}",
40
+ "label-sr_error-any-of": "Поле заполнено неправильно",
41
+ "label-sr_error-const": "Значение должно быть равно {{expected}}",
42
+ "label-sr_error-contains": "Необходимо добавить хотя бы один элемент",
43
+ "label-sr_error-contains-min": "Необходимо добавить хотя бы один элемент, удовлетворяющий условию",
44
+ "label-sr_error-dependencies": "Необходимо заполнить поле \"{{property}}\"",
45
+ "label-sr_error-enum": "Значение {{value}} не допустимо к использованию",
46
+ "label-sr_error-exclusive-maximum": "Значение должно быть меньше {{count}}",
47
+ "label-sr_error-exclusive-minimum": "Значение должно быть больше {{count}}",
48
+ "label-sr_error-max-items": "Максимальное допустимое количество элементов: {{count}}",
49
+ "label-sr_error-max-length": "Максимальное допустимое количество символов: {{count}}",
50
+ "label-sr_error-max-properties": "Максимальное допустимое количество свойств: {{count}}",
51
+ "label-sr_error-maximum": "Значение должно быть меньше или равно {{count}}",
52
+ "label-sr_error-min-items": "Минимальное допустимое количество элементов: {{count}}",
53
+ "label-sr_error-min-length": "Минимальное допустимое количество символов: {{count}}",
54
+ "label-sr_error-min-properties": "Минимальное допустимое количество свойств: {{count}}",
55
+ "label-sr_error-minimum": "Значение должно быть больше или равно {{count}}",
56
+ "label-sr_error-multiple-of": "Значение должно быть кратно {{count}}",
57
+ "label-sr_error-not": "Значение не допустимо к использованию",
58
+ "label-sr_error-one-of": "Поле заполнено неправильно",
59
+ "label-sr_error-pattern": "Значение должно удовлетворять шаблону - {{pattern}}",
60
+ "label-sr_error-property-names": "Недопустимое имя свойства \"{{property}}\"",
61
+ "label-sr_error-required": "Поле не заполнено",
62
+ "label-sr_error-type": "Значение должно быть {{expected}}",
63
+ "label-sr_error-type-or": " или {{type}}",
64
+ "label-sr_error-unique-items": "Значения должны быть уникальными",
65
+ "label-sr_type-array": "массивом",
66
+ "label-sr_type-boolean": "булевым значением",
67
+ "label-sr_type-integer": "целым числом",
68
+ "label-sr_type-null": "null",
69
+ "label-sr_type-number": "числом",
70
+ "label-sr_type-object": "объектом",
71
+ "label-sr_type-string": "строкой",
38
72
  "label_error-min-number": "Значение должно быть числом не меньше {{count}}",
39
73
  "label_error-max-number": "Значение должно быть числом не больше {{count}}",
40
74
  "label_error-min-number-with-scale": "Значение должно быть не меньше {{count}} {{scale}}",
@@ -5,12 +5,11 @@ import { SchemaRendererEventType, SchemaRendererMode } from '../constants';
5
5
  import { SCHEMA_RENDERER_SERVICE_FIELD } from '../useSchemaRenderer';
6
6
  import { useSchemaRendererState } from '../useSchemaRendererState';
7
7
  import { getServiceFieldName } from '../utils';
8
- import { getAccumulatedSchema, getRenderKit } from './utils';
8
+ import { getAccumulatedSchema, getCompareValues, getRenderKit, scheduleFlush } from './utils';
9
9
  const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverride, schemaPath, }) => {
10
10
  var _a;
11
11
  const form = useForm();
12
- const firstRenderRef = React.useRef(true);
13
- const pendingTicksRef = React.useRef({ input: 0, meta: 0 });
12
+ const compareValuesRef = React.useRef(getCompareValues());
14
13
  const fieldRef = React.useRef(null);
15
14
  const unsubscribeRef = React.useRef(null);
16
15
  const [ticks, setTicks] = React.useState({ input: 0, meta: 0 });
@@ -35,6 +34,17 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
35
34
  const kit = React.useMemo(() => getRenderKit({ config: srState === null || srState === void 0 ? void 0 : srState.config, schema }), [schema, srState === null || srState === void 0 ? void 0 : srState.config]);
36
35
  React.useMemo(() => {
37
36
  var _a;
37
+ if (compareValuesRef.current({
38
+ form,
39
+ jsonDefaultValues,
40
+ headName,
41
+ name,
42
+ default: schema === null || schema === void 0 ? void 0 : schema.default,
43
+ type: schema === null || schema === void 0 ? void 0 : schema.type,
44
+ schemaPath,
45
+ })) {
46
+ return;
47
+ }
38
48
  (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
39
49
  const initialState = { schemaPath };
40
50
  let defaultValue = schema === null || schema === void 0 ? void 0 : schema.default;
@@ -44,7 +54,7 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
44
54
  }
45
55
  catch (_b) { }
46
56
  }
47
- unsubscribeRef.current = form.registerField(name, (f) => {
57
+ const unsubscribe = form.registerField(name, (f) => {
48
58
  const prevF = fieldRef.current;
49
59
  if (prevF) {
50
60
  let inputTick = 0;
@@ -58,23 +68,26 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
58
68
  metaTick = 1;
59
69
  }
60
70
  if (inputTick + metaTick) {
61
- if (firstRenderRef.current) {
62
- pendingTicksRef.current = { input: inputTick, meta: metaTick };
63
- }
64
- else {
65
- setTicks((t) => ({
66
- input: t.input + inputTick,
67
- meta: t.meta + metaTick,
68
- }));
69
- }
71
+ setTicks((t) => ({
72
+ input: t.input + inputTick,
73
+ meta: t.meta + metaTick,
74
+ }));
70
75
  }
71
76
  }
72
77
  fieldRef.current = f;
73
78
  }, { submitFailed: true, touched: true, validating: true, value: true }, {
74
79
  data: { state: initialState },
75
80
  defaultValue,
81
+ silent: true,
76
82
  validateFields: [getServiceFieldName(SCHEMA_RENDERER_SERVICE_FIELD, headName)],
77
83
  });
84
+ if (defaultValue !== undefined) {
85
+ scheduleFlush(form);
86
+ }
87
+ unsubscribeRef.current = () => {
88
+ unsubscribe();
89
+ scheduleFlush(form);
90
+ };
78
91
  }, [form, jsonDefaultValues, headName, name, schema === null || schema === void 0 ? void 0 : schema.default, schema === null || schema === void 0 ? void 0 : schema.type, schemaPath]);
79
92
  const input = React.useMemo(() => {
80
93
  var _a;
@@ -99,13 +112,6 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
99
112
  };
100
113
  }, [error, form, name, ticks.meta]);
101
114
  React.useEffect(() => {
102
- firstRenderRef.current = false;
103
- if (pendingTicksRef.current.input || pendingTicksRef.current.meta) {
104
- setTicks((t) => ({
105
- input: t.input + pendingTicksRef.current.input,
106
- meta: t.meta + pendingTicksRef.current.meta,
107
- }));
108
- }
109
115
  return () => {
110
116
  var _a;
111
117
  (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
@@ -1,3 +1,4 @@
1
+ import type { FormApi } from 'final-form';
1
2
  import { SchemaRendererMode } from '../constants';
2
3
  import type { JsonSchema, NodeEntity, NodeLayout, NodesConfig } from '../types';
3
4
  type GetRenderKitParams<Schema extends JsonSchema> = {
@@ -22,4 +23,6 @@ type GetRenderKitReturn<Schema extends JsonSchema> = {
22
23
  };
23
24
  export declare const getRenderKit: <Schema extends JsonSchema>({ config, schema, }: GetRenderKitParams<Schema>) => GetRenderKitReturn<Schema>;
24
25
  export declare const getAccumulatedSchema: (schemaPath: string, rootSchema?: JsonSchema, override?: JsonSchema, collectedPaths?: Set<string>) => JsonSchema;
26
+ export declare const scheduleFlush: (form: FormApi) => void;
27
+ export declare const getCompareValues: () => (currentValues: Record<string, unknown>) => boolean;
25
28
  export {};
@@ -154,3 +154,25 @@ export const getAccumulatedSchema = (schemaPath, rootSchema, override, collected
154
154
  }
155
155
  return accumulatedSchema;
156
156
  };
157
+ const flushes = new WeakMap();
158
+ export const scheduleFlush = (form) => {
159
+ if (flushes.get(form)) {
160
+ return;
161
+ }
162
+ flushes.set(form, true);
163
+ queueMicrotask(() => {
164
+ flushes.delete(form);
165
+ form.batch(() => { });
166
+ });
167
+ };
168
+ export const getCompareValues = () => {
169
+ let cachedValues;
170
+ return (currentValues) => {
171
+ if (!cachedValues ||
172
+ [...Object.keys(cachedValues), ...Object.keys(currentValues)].some((key) => cachedValues[key] !== currentValues[key])) {
173
+ cachedValues = Object.assign({}, currentValues);
174
+ return false;
175
+ }
176
+ return true;
177
+ };
178
+ };
@@ -3,31 +3,21 @@ import type { FieldRenderProps } from 'react-final-form';
3
3
  import type { SchemaRendererMode } from '../constants';
4
4
  import type { SchemaToValueType } from './helpers';
5
5
  import type { JsonSchema } from './schema';
6
- export interface DefaultNodeLayoutProps {
7
- copy?: boolean;
8
- hidden?: boolean;
9
- open?: boolean;
10
- required?: boolean;
11
- }
12
6
  export interface NodeLayoutProps<Schema extends JsonSchema, Props extends Record<string, any> = {}, Value extends SchemaToValueType<Schema> = SchemaToValueType<Schema>> extends FieldRenderProps<Value | null | undefined> {
13
7
  children: React.ReactNode;
14
8
  headName: string;
15
9
  mode: SchemaRendererMode;
16
- props: DefaultNodeLayoutProps & Partial<Props>;
10
+ props: Partial<Props>;
17
11
  schema: Schema;
18
12
  schemaPath: string;
19
13
  }
20
14
  export type NodeLayout<Schema extends JsonSchema, Props extends Record<string, any> = {}, Value extends SchemaToValueType<Schema> = SchemaToValueType<Schema>> = React.FC<NodeLayoutProps<Schema, Props, Value>>;
21
- export interface DefaultNodeEntityProps {
22
- disabled?: boolean;
23
- required?: boolean;
24
- }
25
15
  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> {
26
16
  Layout?: NodeLayout<Schema, LayoutProps>;
27
17
  headName: string;
28
- layoutProps?: DefaultNodeLayoutProps & Partial<LayoutProps>;
18
+ layoutProps?: Partial<LayoutProps>;
29
19
  mode: SchemaRendererMode;
30
- props: DefaultNodeEntityProps & Partial<Props>;
20
+ props: Partial<Props>;
31
21
  schema: Schema;
32
22
  schemaPath: string;
33
23
  }
@@ -1,25 +1,32 @@
1
1
  import type { JsonSchemaType, NodeType } from '../constants';
2
- import type { DefaultNodeEntityProps, DefaultNodeLayoutProps, NodeEntity, NodeLayout } from './components';
2
+ import type { NodeEntity, NodeLayout } from './components';
3
3
  import type { ErrorMessages, Validator } from './validation';
4
4
  import type { ArrayValue, FieldValue, ObjectValue } from './values';
5
5
  interface NodeParameters<Type extends NodeType, Schema extends JsonSchema> {
6
6
  nodeParameters?: {
7
7
  entity?: string | NodeEntity<Schema>;
8
- entityProps?: DefaultNodeEntityProps & Record<string, any>;
8
+ entityProps?: Record<string, any>;
9
9
  errorMessages?: Omit<ErrorMessages, 'dependencies' | 'required'> & {
10
10
  dependencies?: ErrorMessages['dependencies'] | Record<string, ErrorMessages['dependencies']>;
11
11
  required?: ErrorMessages['required'] | Record<string, ErrorMessages['required']>;
12
12
  };
13
+ flags?: {
14
+ copy?: boolean;
15
+ disabled?: boolean;
16
+ hidden?: boolean;
17
+ open?: boolean;
18
+ required?: boolean;
19
+ };
13
20
  formEntity?: string | NodeEntity<Schema>;
14
- formEntityProps?: DefaultNodeEntityProps & Record<string, any>;
21
+ formEntityProps?: Record<string, any>;
15
22
  formLayout?: string | NodeLayout<Schema>;
16
- formLayoutProps?: DefaultNodeLayoutProps & Record<string, any>;
23
+ formLayoutProps?: Record<string, any>;
17
24
  layout?: string | NodeLayout<Schema>;
18
- layoutProps?: DefaultNodeLayoutProps & Record<string, any>;
25
+ layoutProps?: Record<string, any>;
19
26
  overviewEntity?: string | NodeEntity<Schema>;
20
- overviewEntityProps?: DefaultNodeEntityProps & Record<string, any>;
27
+ overviewEntityProps?: Record<string, any>;
21
28
  overviewLayout?: string | NodeLayout<Schema>;
22
- overviewLayoutProps?: DefaultNodeLayoutProps & Record<string, any>;
29
+ overviewLayoutProps?: Record<string, any>;
23
30
  type?: Type;
24
31
  validator?: string | Validator<Schema>;
25
32
  };
@@ -12,7 +12,7 @@ export interface ErrorMessages {
12
12
  additionalProperties?: ((e: JSLErrors.AdditionalProperties) => string) | string;
13
13
  anyOf?: ((e: JSLErrors.AnyOf) => string) | string;
14
14
  const?: ((e: JSLErrors.Const) => string) | string;
15
- contains?: ((e: JSLErrors.ContainsAny) => string) | string;
15
+ contains?: ((e: JSLErrors.ContainsAny | JSLErrors.ContainsMin) => string) | string;
16
16
  dependencies?: ((e: JSLErrors.Dependencies) => string) | string;
17
17
  enum?: ((e: JSLErrors.Enum) => string) | string;
18
18
  exclusiveMaximum?: ((e: JSLErrors.ExclusiveMaximum) => string) | string;
@@ -29,6 +29,9 @@ export interface SchemaRendererState<UserContext extends Record<string, unknown>
29
29
  unsubscribe: (id: string) => void;
30
30
  userContext: {
31
31
  MonacoEditor?: React.ComponentType<MonacoEditorProps>;
32
+ RenderHTMLOrMD?: React.ComponentType<{
33
+ content: string;
34
+ }>;
32
35
  } & UserContext;
33
36
  waiters: Record<string, ValidationWaiter | undefined>;
34
37
  }
@@ -68,7 +68,7 @@ export const useSchemaRenderer = ({ config, connectValidate = true, errorMessage
68
68
  state.dispatchEvent(initialEvents);
69
69
  initialEvents = [];
70
70
  }
71
- }, { data: true }, { data: { state: initialState }, getValidator, validateFields: [headName] });
71
+ }, { data: true }, { data: { state: initialState }, getValidator, silent: true, validateFields: [headName] });
72
72
  prevParamsRef.current = {
73
73
  config,
74
74
  errorMessages,
@@ -1,5 +1,5 @@
1
1
  import type { NodeType } from '../constants';
2
- import type { DefaultNodeEntityProps, DefaultNodeLayoutProps, ErrorMessages, NodeEntity, NodeLayout, NodesConfig, Validator } from '../types';
2
+ import type { ErrorMessages, NodeEntity, NodeLayout, NodesConfig, Validator } from '../types';
3
3
  import type { EntityKind, ExtractNodeEntityProps, ExtractNodeLayoutProps, LayoutKind, NodeComponentProps, NodeTypeConfigKey, SchemaOfNodeType } from '../types/helpers';
4
4
  export declare const defineNodeEntityConfig: <Component extends NodeEntity<any>>(nodeEntityConfig: {
5
5
  Component: Component;
@@ -20,39 +20,53 @@ export declare const defineNodeLayoutConfig: <Component extends NodeLayout<any>>
20
20
  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: {
21
21
  type: Type;
22
22
  entity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | Entity;
23
- entityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, EntityKind, Entity>;
23
+ entityProps?: NodeComponentProps<Config, Type, EntityKind, Entity>;
24
24
  formEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NodeEntity<SchemaOfNodeType<Type>> | FormEntity;
25
- formEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "formEntities", FormEntity>;
25
+ formEntityProps?: NodeComponentProps<Config, Type, "formEntities", FormEntity>;
26
26
  overviewEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | OverviewEntity;
27
- overviewEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
27
+ overviewEntityProps?: NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
28
28
  layout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | Layout;
29
- layoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, LayoutKind, Layout>;
29
+ layoutProps?: NodeComponentProps<Config, Type, LayoutKind, Layout>;
30
30
  formLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | FormLayout;
31
- formLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
31
+ formLayoutProps?: NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
32
32
  overviewLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | OverviewLayout;
33
- overviewLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
33
+ overviewLayoutProps?: NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
34
34
  errorMessages?: Omit<ErrorMessages, "dependencies" | "required"> & {
35
35
  dependencies?: ErrorMessages["dependencies"] | Record<string, ErrorMessages["dependencies"]>;
36
36
  required?: ErrorMessages["required"] | Record<string, ErrorMessages["required"]>;
37
37
  };
38
38
  validator?: NoInfer<NodeTypeConfigKey<Config, Type, "validators">> | Validator<SchemaOfNodeType<Type>> | ValidatorRef;
39
+ flags?: {
40
+ disabled?: boolean;
41
+ copy?: boolean;
42
+ hidden?: boolean;
43
+ open?: boolean;
44
+ required?: boolean;
45
+ };
39
46
  }) => {
40
47
  type: Type;
41
48
  entity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | Entity;
42
- entityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, EntityKind, Entity>;
49
+ entityProps?: NodeComponentProps<Config, Type, EntityKind, Entity>;
43
50
  formEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "formEntities">> | NodeEntity<SchemaOfNodeType<Type>> | FormEntity;
44
- formEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "formEntities", FormEntity>;
51
+ formEntityProps?: NodeComponentProps<Config, Type, "formEntities", FormEntity>;
45
52
  overviewEntity?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewEntities">> | NodeEntity<SchemaOfNodeType<Type>> | OverviewEntity;
46
- overviewEntityProps?: DefaultNodeEntityProps & NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
53
+ overviewEntityProps?: NodeComponentProps<Config, Type, "overviewEntities", OverviewEntity>;
47
54
  layout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | Layout;
48
- layoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, LayoutKind, Layout>;
55
+ layoutProps?: NodeComponentProps<Config, Type, LayoutKind, Layout>;
49
56
  formLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "formLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | FormLayout;
50
- formLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
57
+ formLayoutProps?: NodeComponentProps<Config, Type, "formLayouts", FormLayout>;
51
58
  overviewLayout?: NoInfer<NodeTypeConfigKey<Config, Type, "overviewLayouts">> | NodeLayout<SchemaOfNodeType<Type>> | OverviewLayout;
52
- overviewLayoutProps?: DefaultNodeLayoutProps & NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
59
+ overviewLayoutProps?: NodeComponentProps<Config, Type, "overviewLayouts", OverviewLayout>;
53
60
  errorMessages?: Omit<ErrorMessages, "dependencies" | "required"> & {
54
61
  dependencies?: ErrorMessages["dependencies"] | Record<string, ErrorMessages["dependencies"]>;
55
62
  required?: ErrorMessages["required"] | Record<string, ErrorMessages["required"]>;
56
63
  };
57
64
  validator?: NoInfer<NodeTypeConfigKey<Config, Type, "validators">> | Validator<SchemaOfNodeType<Type>> | ValidatorRef;
65
+ flags?: {
66
+ disabled?: boolean;
67
+ copy?: boolean;
68
+ hidden?: boolean;
69
+ open?: boolean;
70
+ required?: boolean;
71
+ };
58
72
  };
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { type TextProps } from '@gravity-ui/uikit';
3
3
  export interface HTMLContentProps extends TextProps {
4
- html: string;
4
+ content: string;
5
+ headName?: string;
5
6
  }
6
7
  export declare const HTMLContent: React.FC<HTMLContentProps>;
@@ -1,7 +1,17 @@
1
1
  import { __rest } from "tslib";
2
2
  import React from 'react';
3
3
  import { Text } from '@gravity-ui/uikit';
4
+ import { SchemaRendererEventType, useSchemaRendererState } from '../../../core';
4
5
  export const HTMLContent = (_a) => {
5
- var { html } = _a, restProps = __rest(_a, ["html"]);
6
- return React.createElement(Text, Object.assign({}, restProps, { dangerouslySetInnerHTML: { __html: html } }));
6
+ var _b;
7
+ var { content, headName = '___stub-name' } = _a, restProps = __rest(_a, ["content", "headName"]);
8
+ const state = useSchemaRendererState({
9
+ headName,
10
+ subscriptions: [SchemaRendererEventType.UserContext],
11
+ });
12
+ const RenderHTMLOrMD = (_b = state === null || state === void 0 ? void 0 : state.userContext) === null || _b === void 0 ? void 0 : _b.RenderHTMLOrMD;
13
+ if (RenderHTMLOrMD) {
14
+ return React.createElement(RenderHTMLOrMD, { content: content });
15
+ }
16
+ return React.createElement(Text, Object.assign({}, restProps, { dangerouslySetInnerHTML: { __html: content } }));
7
17
  };
@@ -8,4 +8,7 @@
8
8
  }
9
9
  .sr-layout-container_hide-empty:not(:has([data-fill=populated])) {
10
10
  display: none;
11
+ }
12
+ .sr-layout-container_hidden {
13
+ display: none;
11
14
  }
@@ -4,5 +4,6 @@ import './LayoutContainer.css';
4
4
  export interface LayoutContainerProps extends FlexProps {
5
5
  children: React.ReactNode;
6
6
  hideEmpty?: boolean;
7
+ hidden?: boolean;
7
8
  }
8
9
  export declare const LayoutContainer: React.FC<LayoutContainerProps>;
@@ -5,6 +5,6 @@ import { block } from '../../utils';
5
5
  import './LayoutContainer.css';
6
6
  const b = block('layout-container');
7
7
  export const LayoutContainer = (_a) => {
8
- var { className, children, hideEmpty = false } = _a, restProps = __rest(_a, ["className", "children", "hideEmpty"]);
9
- return (React.createElement(Flex, Object.assign({ className: b({ 'hide-empty': hideEmpty }, className), direction: "column" }, restProps), children));
8
+ var { className, children, hideEmpty = false, hidden = false } = _a, restProps = __rest(_a, ["className", "children", "hideEmpty", "hidden"]);
9
+ return (React.createElement(Flex, Object.assign({ className: b({ 'hide-empty': hideEmpty, hidden }, className), direction: "column" }, restProps), children));
10
10
  };
@@ -1,2 +1,3 @@
1
1
  export { DASH, DEFAULT_DATE_FORMAT } from './common';
2
2
  export { config, untypedConfig } from './config';
3
+ export { errorMessages } from './messages';
@@ -1,2 +1,3 @@
1
1
  export { DASH, DEFAULT_DATE_FORMAT } from './common';
2
2
  export { config, untypedConfig } from './config';
3
+ export { errorMessages } from './messages';
@@ -0,0 +1,2 @@
1
+ import type { ErrorMessages } from '../../core';
2
+ export declare let errorMessages: Required<ErrorMessages>;
@@ -0,0 +1,85 @@
1
+ import get from 'lodash/get';
2
+ import i18n from '../../../kit/i18n';
3
+ import { subscribeConfigure } from '../../../kit/i18n/configure';
4
+ const TYPE_I18N_KEYS = {
5
+ array: 'label-sr_type-array',
6
+ boolean: 'label-sr_type-boolean',
7
+ integer: 'label-sr_type-integer',
8
+ null: 'label-sr_type-null',
9
+ number: 'label-sr_type-number',
10
+ object: 'label-sr_type-object',
11
+ string: 'label-sr_type-string',
12
+ };
13
+ const getErrorMessages = () => ({
14
+ additionalItems: (e) => {
15
+ const schema = e.data.schema;
16
+ if (Array.isArray(schema.items)) {
17
+ return i18n('label-sr_error-additional-items', { count: schema.items.length });
18
+ }
19
+ return e.message;
20
+ },
21
+ additionalProperties: (e) => {
22
+ const schema = e.data.schema;
23
+ if (schema.properties) {
24
+ return i18n('label-sr_error-additional-properties', {
25
+ count: Object.keys(schema.properties).length,
26
+ });
27
+ }
28
+ return e.message;
29
+ },
30
+ anyOf: i18n('label-sr_error-any-of'),
31
+ const: (e) => i18n('label-sr_error-const', { expected: JSON.stringify(e.data.expected) }),
32
+ contains: (e) => e.code === 'contains-min-error'
33
+ ? i18n('label-sr_error-contains-min')
34
+ : i18n('label-sr_error-contains'),
35
+ dependencies: (e) => {
36
+ let property = e.data.missingProperty;
37
+ const title = get(e, `data.schema.properties.${property}.title`);
38
+ if (typeof title === 'string') {
39
+ property = title;
40
+ }
41
+ return i18n('label-sr_error-dependencies', { property });
42
+ },
43
+ enum: (e) => i18n('label-sr_error-enum', { value: JSON.stringify(e.data.value) }),
44
+ exclusiveMaximum: (e) => i18n('label-sr_error-exclusive-maximum', { count: e.data.maximum }),
45
+ exclusiveMinimum: (e) => i18n('label-sr_error-exclusive-minimum', { count: e.data.minimum }),
46
+ maxItems: (e) => i18n('label-sr_error-max-items', { count: e.data.maximum }),
47
+ maxLength: (e) => i18n('label-sr_error-max-length', { count: e.data.maxLength }),
48
+ maxProperties: (e) => i18n('label-sr_error-max-properties', { count: e.data.maxProperties }),
49
+ maximum: (e) => i18n('label-sr_error-maximum', { count: e.data.maximum }),
50
+ minItems: (e) => i18n('label-sr_error-min-items', { count: e.data.minItems }),
51
+ minLength: (e) => i18n('label-sr_error-min-length', { count: e.data.minLength }),
52
+ minProperties: (e) => i18n('label-sr_error-min-properties', { count: e.data.minProperties }),
53
+ minimum: (e) => i18n('label-sr_error-minimum', { count: e.data.minimum }),
54
+ multipleOf: (e) => i18n('label-sr_error-multiple-of', { count: e.data.multipleOf }),
55
+ not: i18n('label-sr_error-not'),
56
+ oneOf: i18n('label-sr_error-one-of'),
57
+ pattern: (e) => i18n('label-sr_error-pattern', { pattern: e.data.pattern }),
58
+ propertyNames: (e) => i18n('label-sr_error-property-names', { property: e.data.property }),
59
+ required: i18n('label-sr_error-required'),
60
+ type: (e) => {
61
+ const types = e.data.expected.split(',');
62
+ let expected = '';
63
+ types.forEach((t, i, arr) => {
64
+ let type = t.trim();
65
+ if (TYPE_I18N_KEYS[type]) {
66
+ type = i18n(TYPE_I18N_KEYS[type]);
67
+ }
68
+ if (i === 0) {
69
+ expected += type;
70
+ }
71
+ else if (i === arr.length - 1) {
72
+ expected += i18n('label-sr_error-type-or', { type });
73
+ }
74
+ else {
75
+ expected += `, ${type}`;
76
+ }
77
+ });
78
+ return i18n('label-sr_error-type', { expected });
79
+ },
80
+ uniqueItems: i18n('label-sr_error-unique-items'),
81
+ });
82
+ export let errorMessages = getErrorMessages();
83
+ subscribeConfigure(() => {
84
+ errorMessages = getErrorMessages();
85
+ });
@@ -0,0 +1,16 @@
1
+ .sr-alert .g-alert__text-content > div {
2
+ gap: 0 !important;
3
+ }
4
+ .sr-alert_expanded .g-alert__text-content > div {
5
+ gap: calc(var(--g-spacing-base) * 2) !important;
6
+ }
7
+ .sr-alert__title {
8
+ cursor: pointer;
9
+ }
10
+ .sr-alert__message {
11
+ height: 0;
12
+ overflow: hidden;
13
+ }
14
+ .sr-alert__message_expanded {
15
+ height: unset;
16
+ }
@@ -1,6 +1,7 @@
1
1
  import * as icons from '@gravity-ui/icons';
2
2
  import { type IconProps, type AlertProps as UIKitAlertProps } from '@gravity-ui/uikit';
3
3
  import type { JsonSchemaString, NodeEntity } from '../../../core';
4
+ import './Alert.css';
4
5
  export interface AlertProps extends UIKitAlertProps {
5
6
  iconName?: keyof typeof icons;
6
7
  iconProps?: Partial<IconProps>;