@steroidsjs/core 3.0.25 → 3.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.25",
+    "version": "3.0.26",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/form/Field/fieldWrapper.js

@@ -125,6 +125,8 @@ function fieldWrapper(componentId, Component, optionsConfig) {
             return obj;
         }, {});
         var attribute = Object.values(attributesProps)[0];
+        // Get full path to the field, it is necessary for displaying errors in nested fields, for example, in FieldList
+        var errorsAttribute = [props.prefix, attribute].filter(Boolean).join('.');
         // Get UI props and create Field Class dynamically (for add field props - input, errors, model, ...)
         var metaProps = (0, react_1.useMemo)(function () { return components.ui.getFieldProps(componentId, model, attribute); }, [components.ui, attribute, model]);
         if (!Component.DynamicField) {
@@ -136,7 +138,7 @@ function fieldWrapper(componentId, Component, optionsConfig) {
             return components.ui.renderView(Component.DynamicField, __assign(__assign({}, props), { size: props.size || DEFAULT_SIZE }));
         }
         var size = props.size || context.size || DEFAULT_SIZE;
-        return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { size: size, className: props.fieldLayoutClassName, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId, size: size }))) }));
+        return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { errorsAttribute: errorsAttribute, size: size, className: props.fieldLayoutClassName, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId, size: size }))) }));
     };
     NewComponent.WrappedComponent = Component;
     NewComponent.displayName = componentId;

package/ui/form/FieldLayout/FieldLayout.js

@@ -33,7 +33,7 @@ var hooks_1 = require("../../../hooks");
 function FieldLayout(props) {
     var components = (0, hooks_1.useComponents)();
     // Error from state
-    var errors = (0, hooks_1.useForm)().formSelector(function (state) { return (0, get_1["default"])(state, 'errors.' + props.attribute); });
+    var errors = (0, hooks_1.useForm)().formSelector(function (state) { return (0, get_1["default"])(state, 'errors.' + props.errorsAttribute); });
     var viewProps = (0, react_1.useMemo)(function () { return ({
         errors: props.errors || errors,
         className: props.className,