@steroidsjs/core 3.0.24 → 3.0.26

package/docs-autogen-result.json

@@ -16002,6 +16002,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "itemView",
+                    "decorators": [],
+                    "description": "View компонент для элемента дерева",
+                    "required": false,
+                    "type": "React.ReactNode | {}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -16255,6 +16264,14 @@
                     "type": "IInputParams",
                     "example": null
                 },
+                {
+                    "name": "itemView",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "React.ReactNode | {}",
+                    "example": null
+                },
                 {
                     "name": "items",
                     "decorators": [],

package/en.json

@@ -998,6 +998,7 @@
     "Компоненты для подключения wysiwyg редактора": "",
     "Текст при отсутствии элементов": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
+    "View компонент для элемента дерева": "",
     "Разделитель для даты и времени, не влияет на отображение": "",
     "Начальные элементы списка": "",
     "Значения для полей при нажатии кнопки 'Добавить'": "",

package/package.json

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

package/ui/form/CheckboxTreeField/CheckboxTreeField.d.ts

@@ -50,6 +50,10 @@ export interface ICheckboxTreeFieldProps extends IFieldWrapperInputProps, Omit<I
      * Отображать чекбоксы только на узлах, не имеющих вложенных элементов
      */
     hasOnlyLeafCheckboxes?: boolean;
+    /**
+     * View компонент для элемента дерева
+     */
+    itemView?: CustomView;
     [key: string]: any;
 }
 export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, Pick<ITreeProps, 'levelPadding' | 'hasIconExpandOnly' | 'customIcon'> {
@@ -66,6 +70,7 @@ export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, P
     renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
     size?: Size;
     hasOnlyLeafCheckboxes?: boolean;
+    itemView: CustomView;
 }
 export declare const getNestedItemsIds: (item: any, groupAttribute: any, hasOnlyLeafCheckboxes?: boolean) => any[];
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxTreeFieldProps>;

package/ui/form/CheckboxTreeField/CheckboxTreeField.js

@@ -67,6 +67,7 @@ var getNestedItemsIds = function (item, groupAttribute, hasOnlyLeafCheckboxes) {
 exports.getNestedItemsIds = getNestedItemsIds;
 function CheckboxTreeField(props) {
     var components = (0, hooks_1.useComponents)();
+    var TreeItemView = props.itemView || components.ui.getView('nav.TreeItemView');
     var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
     // Data Provider
     var items = (0, hooks_1.useDataProvider)({
@@ -129,8 +130,10 @@ function CheckboxTreeField(props) {
         size: props.size,
         levelPadding: props.levelPadding,
         hasOnlyLeafCheckboxes: props.hasOnlyLeafCheckboxes,
-        hasIconExpandOnly: props.hasIconExpandOnly
-    }); }, [treeItems, onItemSelect, selectedIds, renderCheckbox, props.size, props.levelPadding, props.hasOnlyLeafCheckboxes, props.hasIconExpandOnly]);
+        hasIconExpandOnly: props.hasIconExpandOnly,
+        itemView: TreeItemView
+    }); }, [treeItems, onItemSelect, selectedIds, renderCheckbox, props.size, props.levelPadding, props.hasOnlyLeafCheckboxes,
+        props.hasIconExpandOnly, TreeItemView]);
     return components.ui.renderView(props.view || 'form.CheckboxTreeFieldView', viewProps);
 }
 CheckboxTreeField.defaultProps = {

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,