@steroidsjs/core 3.0.79 → 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
                 },
                 {

package/en.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.79",
+    "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);