@steroidsjs/core 3.0.78 → 3.0.80

package/docs-autogen-result.json

@@ -13961,6 +13961,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "multipleSeparator",
+                    "decorators": [],
+                    "description": "Разделитель между элементами, в случае, если выбрано несколько значений",
+                    "required": false,
+                    "type": "string",
+                    "example": "'; '",
+                    "defaultValue": null
+                },
                 {
                     "name": "placeholder",
                     "decorators": [],
@@ -14177,7 +14186,7 @@
                     "decorators": [],
                     "description": "",
                     "required": true,
-                    "type": "{className: string, disabled: boolean, name: string, placeholder: string, type: string, value: string | number, onBlur: null, onChange: null}",
+                    "type": "{className: string, disabled: boolean, name: string, placeholder: string, type: string, value: string | number | string | number[], onBlur: null, onChange: null}",
                     "example": null
                 },
                 {
@@ -39151,6 +39160,15 @@
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView",
                     "defaultValue": null
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для view компонента",
+                    "required": false,
+                    "type": "any",
+                    "example": null,
+                    "defaultValue": null
                 }
             ],
             "methods": [
@@ -39248,6 +39266,14 @@
                     "required": false,
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView"
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для view компонента",
+                    "required": false,
+                    "type": "any",
+                    "example": null
                 }
             ],
             "methods": [

package/en.json

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

package/package.json

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

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -37,6 +37,12 @@ export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderC
      * @example 'Ничего не найдено'
      */
     empty?: string;
+    /**
+     * Разделитель между элементами, в случае, если выбрано несколько значений
+     * @default ','
+     * @example '; '
+     */
+    multipleSeparator?: string;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
     items: IAutoCompleteItem[];
@@ -48,7 +54,7 @@ export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProp
         type: string;
         name: string;
         placeholder?: string;
-        value: string | number;
+        value: (string | number) | (string | number)[];
         disabled: boolean;
         onChange: (value: string) => void;
         onBlur: (e: Event | React.FocusEvent) => void;

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -46,6 +46,7 @@ function AutoCompleteField(props) {
     }), items = _b.items, isLoading = _b.isLoading, sourceItems = _b.sourceItems;
     // Data select
     var _c = (0, hooks_1.useDataSelect)({
+        multiple: props.multiple,
         selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
@@ -95,8 +96,9 @@ function AutoCompleteField(props) {
     }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     //Sync with form
     (0, react_1.useEffect)(function () {
-        props.input.onChange.call(null, selectedIds[0] || null);
-    }, [props.input.onChange, selectedIds]);
+        var newValues = props.multiple ? selectedIds : (selectedIds[0] || null);
+        props.input.onChange.call(null, newValues);
+    }, [props.input.onChange, props.multiple, selectedIds]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         inputProps: inputProps,
         items: items,
@@ -119,10 +121,13 @@ function AutoCompleteField(props) {
         className: props.className,
         style: props.style,
         showClear: props.showClear,
-        empty: props.empty
-    }); }, [inputProps, items, isLoading, hoveredId, selectedIds, onOpen, isOpened, onClose, onClear, onItemHover, onItemSelect,
-        props.primaryKey, props.size, props.placeholder, props.disabled, props.required, props.items, props.className,
-        props.style, props.showClear, props.empty]);
+        empty: props.empty,
+        multipleSeparator: props.multipleSeparator
+    }); }, [
+        inputProps, items, isLoading, hoveredId, selectedIds, onOpen, isOpened, onClose,
+        onClear, onItemHover, onItemSelect, props.primaryKey, props.size, props.placeholder,
+        props.disabled, props.required, props.items, props.className, props.style, props.showClear, props.empty, props.multipleSeparator
+    ]);
     return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', viewProps);
 }
 AutoCompleteField.defaultProps = {
@@ -132,6 +137,7 @@ AutoCompleteField.defaultProps = {
     disabled: false,
     required: false,
     showClear: false,
-    hasCloseOnSelect: true
+    hasCloseOnSelect: true,
+    multipleSeparator: ','
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.AUTO_COMPLETE_FIELD, AutoCompleteField);

package/ui/nav/Nav/Nav.d.ts

@@ -99,6 +99,10 @@ export interface INavProps {
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     * Свойства для view компонента
+     */
+    viewProps?: CustomViewProps;
     /**
      * Обработчик, который вызывается при смене активного элемента навигации
      * @param args

package/ui/nav/Nav/Nav.js

@@ -110,16 +110,7 @@ function Nav(props) {
             .filter(function (item) { return item.visible !== false; });
     }, [activeRouteIds, activeTab, props.items, routerParams, routes]);
     var items = (0, react_1.useMemo)(function () { return formatItems(); }, [formatItems]);
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        items: items,
-        onClick: onClick,
-        disabled: props.disabled,
-        size: props.size,
-        icon: props.icon,
-        className: props.className,
-        navClassName: props.navClassName,
-        children: renderContent()
-    }); }, [items, onClick, props.className, props.disabled, props.icon, props.navClassName, props.size, renderContent]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { items: items, onClick: onClick, disabled: props.disabled, size: props.size, icon: props.icon, className: props.className, navClassName: props.navClassName, children: renderContent() })); }, [items, onClick, props.className, props.disabled, props.icon, props.navClassName, props.size, props.viewProps, renderContent]);
     return components.ui.renderView(props.view || defaultViewMap[props.layout], viewProps);
 }
 Nav.defaultProps = {