@gravity-ui/dynamic-forms 2.8.0 → 2.8.2
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.
- package/build/cjs/lib/kit/components/ErrorWrapper/ErrorWrapper.css +3 -0
- package/build/cjs/lib/kit/components/Layouts/Row/Row.js +4 -1
- package/build/cjs/lib/kit/components/Layouts/Row2/Row2.js +4 -1
- package/build/cjs/lib/kit/components/Layouts/Transparent/Transparent.js +3 -1
- package/build/esm/lib/kit/components/ErrorWrapper/ErrorWrapper.css +3 -0
- package/build/esm/lib/kit/components/Layouts/Row/Row.js +4 -1
- package/build/esm/lib/kit/components/Layouts/Row2/Row2.js +4 -1
- package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.js +3 -1
- package/package.json +1 -1
|
@@ -11,6 +11,9 @@
|
|
|
11
11
|
.df-error-wrapper_error .g-select:focus:not(.df-error-wrapper-ignore),
|
|
12
12
|
.df-error-wrapper_error .g-select:not(.df-error-wrapper-ignore) .g-select-control::before,
|
|
13
13
|
.df-error-wrapper_error .g-select:hover:not(.df-error-wrapper-ignore) .g-select-control_open::before,
|
|
14
|
+
.df-error-wrapper_error .g-select:not(.df-error-wrapper-ignore) .g-select-control__button::before,
|
|
15
|
+
.df-error-wrapper_error .g-text-area__content:not(.df-error-wrapper-ignore),
|
|
16
|
+
.df-error-wrapper_error .g-text-area__content:hover:not(.df-error-wrapper-ignore),
|
|
14
17
|
.df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__control,
|
|
15
18
|
.df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__content,
|
|
16
19
|
.df-error-wrapper_error .yc-checkbox__indicator:not(.df-error-wrapper-ignore)::before {
|
|
@@ -22,7 +22,10 @@ const RowBase = ({ name, spec, input, meta, verboseDescription, children, }) =>
|
|
|
22
22
|
react_1.default.createElement(components_1.HelpPopover, { htmlContent: spec.viewSpec.layoutDescription, placement: ['bottom', 'top'] })))) : null)),
|
|
23
23
|
react_1.default.createElement("div", { className: b('right') },
|
|
24
24
|
react_1.default.createElement("div", { className: b('right-inner') },
|
|
25
|
-
react_1.default.createElement(components_2.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
25
|
+
react_1.default.createElement(components_2.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
26
|
+
// TODO: remove condition spec.viewSpec.type !== 'select'
|
|
27
|
+
((0, core_1.isArraySpec)(spec) && spec.viewSpec.type !== 'select') ||
|
|
28
|
+
(0, core_1.isObjectSpec)(spec), className: b('error-wrapper') }, children),
|
|
26
29
|
generateButton ? (react_1.default.createElement(components_2.GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
|
|
27
30
|
arrayItem ? (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
|
|
28
31
|
react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 }))) : null),
|
|
@@ -18,7 +18,10 @@ const Row2 = ({ name, spec, input, meta, children, }) => {
|
|
|
18
18
|
spec.required && react_1.default.createElement("span", { className: b('required-mark') }, "*"))),
|
|
19
19
|
react_1.default.createElement("div", { className: b('right') },
|
|
20
20
|
react_1.default.createElement("div", { className: b('right-inner') },
|
|
21
|
-
react_1.default.createElement(components_1.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
21
|
+
react_1.default.createElement(components_1.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
22
|
+
// TODO: remove condition spec.viewSpec.type !== 'select'
|
|
23
|
+
((0, core_1.isArraySpec)(spec) && spec.viewSpec.type !== 'select') ||
|
|
24
|
+
(0, core_1.isObjectSpec)(spec) }, children),
|
|
22
25
|
generateButton ? (react_1.default.createElement(components_1.GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
|
|
23
26
|
(0, core_1.isArrayItem)(name) ? (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
|
|
24
27
|
react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 }))) : null),
|
|
@@ -24,7 +24,9 @@ const Transparent = ({ name, spec, input, meta, children, }) => {
|
|
|
24
24
|
'array-item': arrayItem && !arrOrObjFlag,
|
|
25
25
|
'without-max-width': arrOrObjFlag,
|
|
26
26
|
}) },
|
|
27
|
-
react_1.default.createElement(components_1.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
27
|
+
react_1.default.createElement(components_1.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
28
|
+
// TODO: remove condition spec.viewSpec.type !== 'select'
|
|
29
|
+
((0, core_1.isArraySpec)(spec) && spec.viewSpec.type !== 'select') || (0, core_1.isObjectSpec)(spec) }, children),
|
|
28
30
|
generateButton ? (react_1.default.createElement(components_1.GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
|
|
29
31
|
removeButton));
|
|
30
32
|
};
|
|
@@ -11,6 +11,9 @@
|
|
|
11
11
|
.df-error-wrapper_error .g-select:focus:not(.df-error-wrapper-ignore),
|
|
12
12
|
.df-error-wrapper_error .g-select:not(.df-error-wrapper-ignore) .g-select-control::before,
|
|
13
13
|
.df-error-wrapper_error .g-select:hover:not(.df-error-wrapper-ignore) .g-select-control_open::before,
|
|
14
|
+
.df-error-wrapper_error .g-select:not(.df-error-wrapper-ignore) .g-select-control__button::before,
|
|
15
|
+
.df-error-wrapper_error .g-text-area__content:not(.df-error-wrapper-ignore),
|
|
16
|
+
.df-error-wrapper_error .g-text-area__content:hover:not(.df-error-wrapper-ignore),
|
|
14
17
|
.df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__control,
|
|
15
18
|
.df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__content,
|
|
16
19
|
.df-error-wrapper_error .yc-checkbox__indicator:not(.df-error-wrapper-ignore)::before {
|
|
@@ -19,7 +19,10 @@ const RowBase = ({ name, spec, input, meta, verboseDescription, children, }) =>
|
|
|
19
19
|
React.createElement(HelpPopover, { htmlContent: spec.viewSpec.layoutDescription, placement: ['bottom', 'top'] })))) : null)),
|
|
20
20
|
React.createElement("div", { className: b('right') },
|
|
21
21
|
React.createElement("div", { className: b('right-inner') },
|
|
22
|
-
React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
22
|
+
React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
23
|
+
// TODO: remove condition spec.viewSpec.type !== 'select'
|
|
24
|
+
(isArraySpec(spec) && spec.viewSpec.type !== 'select') ||
|
|
25
|
+
isObjectSpec(spec), className: b('error-wrapper') }, children),
|
|
23
26
|
generateButton ? (React.createElement(GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
|
|
24
27
|
arrayItem ? (React.createElement(Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
|
|
25
28
|
React.createElement(Icon, { data: TrashBin, size: 16 }))) : null),
|
|
@@ -15,7 +15,10 @@ export const Row2 = ({ name, spec, input, meta, children, }) => {
|
|
|
15
15
|
spec.required && React.createElement("span", { className: b('required-mark') }, "*"))),
|
|
16
16
|
React.createElement("div", { className: b('right') },
|
|
17
17
|
React.createElement("div", { className: b('right-inner') },
|
|
18
|
-
React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
18
|
+
React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
19
|
+
// TODO: remove condition spec.viewSpec.type !== 'select'
|
|
20
|
+
(isArraySpec(spec) && spec.viewSpec.type !== 'select') ||
|
|
21
|
+
isObjectSpec(spec) }, children),
|
|
19
22
|
generateButton ? (React.createElement(GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
|
|
20
23
|
isArrayItem(name) ? (React.createElement(Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
|
|
21
24
|
React.createElement(Icon, { data: TrashBin, size: 16 }))) : null),
|
|
@@ -21,7 +21,9 @@ export const Transparent = ({ name, spec, input, meta, children, }) => {
|
|
|
21
21
|
'array-item': arrayItem && !arrOrObjFlag,
|
|
22
22
|
'without-max-width': arrOrObjFlag,
|
|
23
23
|
}) },
|
|
24
|
-
React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
24
|
+
React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles:
|
|
25
|
+
// TODO: remove condition spec.viewSpec.type !== 'select'
|
|
26
|
+
(isArraySpec(spec) && spec.viewSpec.type !== 'select') || isObjectSpec(spec) }, children),
|
|
25
27
|
generateButton ? (React.createElement(GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
|
|
26
28
|
removeButton));
|
|
27
29
|
};
|