@steroidsjs/core 3.0.66 → 3.0.68

package/docs-autogen-result.json

@@ -3278,6 +3278,14 @@
                     "type": "string",
                     "example": "items"
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "inputValue",
                     "decorators": [],
@@ -4309,103 +4317,6 @@
             ],
             "methods": []
         },
-        "IDebounceConfig": {
-            "name": "IDebounceConfig",
-            "moduleName": "hooks/useSaveCursorPosition",
-            "title": "",
-            "description": "",
-            "tags": {},
-            "defaultProps": null,
-            "extends": [],
-            "properties": [
-                {
-                    "name": "delayMs",
-                    "decorators": [],
-                    "description": "Задержка в мс",
-                    "required": true,
-                    "type": "number",
-                    "example": null
-                }
-            ],
-            "methods": []
-        },
-        "ISaveCursorPositionConfig": {
-            "name": "ISaveCursorPositionConfig",
-            "moduleName": "hooks/useSaveCursorPosition",
-            "title": "",
-            "description": "",
-            "tags": {},
-            "defaultProps": null,
-            "extends": [],
-            "properties": [
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "",
-                    "required": false,
-                    "type": "ISaveCursorPositionDebounceConfig",
-                    "example": null
-                },
-                {
-                    "name": "inputParams",
-                    "decorators": [],
-                    "description": "",
-                    "required": true,
-                    "type": "IInputParams",
-                    "example": null
-                }
-            ],
-            "methods": [
-                {
-                    "name": "onChangeCallback",
-                    "decorators": [],
-                    "description": "",
-                    "required": false,
-                    "type": "void",
-                    "example": null,
-                    "parameters": [
-                        {
-                            "name": "value",
-                            "decorators": [],
-                            "description": "",
-                            "required": true,
-                            "type": "any",
-                            "example": null
-                        }
-                    ]
-                }
-            ]
-        },
-        "ISaveCursorPositionDebounceConfig": {
-            "name": "ISaveCursorPositionDebounceConfig",
-            "moduleName": "hooks/useSaveCursorPosition",
-            "title": "",
-            "description": "",
-            "tags": {},
-            "defaultProps": null,
-            "extends": [
-                "Partial<IDebounceConfig>"
-            ],
-            "properties": [
-                {
-                    "name": "delayMs",
-                    "decorators": [],
-                    "description": "Задержка в мс",
-                    "required": false,
-                    "type": "number",
-                    "example": null
-                },
-                {
-                    "name": "enabled",
-                    "decorators": [],
-                    "description": "",
-                    "required": true,
-                    "type": "boolean",
-                    "example": null
-                }
-            ],
-            "methods": []
-        },
         "IPreparedTreeItem": {
             "name": "IPreparedTreeItem",
             "moduleName": "hooks/useTree",
@@ -13892,6 +13803,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -15723,6 +15643,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -16279,6 +16208,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hasIconExpandOnly",
                     "decorators": [],
@@ -19285,6 +19223,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -19754,6 +19701,14 @@
                     "type": "string",
                     "example": "items"
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -25230,15 +25185,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null,
-                    "defaultValue": null
-                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -25546,14 +25492,6 @@
                     "type": "any",
                     "example": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null
-                },
                 {
                     "name": "defaultValue",
                     "decorators": [],
@@ -25903,15 +25841,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null,
-                    "defaultValue": null
-                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -26486,15 +26415,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null,
-                    "defaultValue": null
-                },
                 {
                     "name": "decimal",
                     "decorators": [],
@@ -26786,14 +26706,6 @@
                     "type": "any",
                     "example": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null
-                },
                 {
                     "name": "decimal",
                     "decorators": [],

package/en.json

@@ -986,8 +986,8 @@
     "Значение страницы по умолчанию.": "",
     "Логическое значение, указывающее, можно ли загрузить еще элементы для списка при скролле.": "",
     " Ref autocomplete поиска": "",
+    "Нужно ли закрывать выпадающий список после выбора элемента": "",
     "Подключение бесконечного скролла": "",
-    "Задержка в мс": "",
     "Флаг определяет необходимо ли передавать query параметры в URL": "",
     "Дополнительный свойства для view части компонента": "",
     "Используется для управления раскрытием всех элементов в дереве": "",
@@ -1031,7 +1031,6 @@
     "Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено": "",
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
-    "Задержка применения введённого значения": "",
     "Допустимое количество символов после разделителя": "",
     "Может ли число быть отрицательным": "",
     "Подключить бесконечный скролл": "",

package/hooks/useDataSelect.d.ts

@@ -54,6 +54,11 @@ export interface IDataSelectConfig {
      *  Ref autocomplete поиска
      */
     autoCompleteInputRef?: MutableRefObject<HTMLInputElement>;
+    /**
+     * Нужно ли закрывать выпадающий список после выбора элемента
+     * @example true
+     */
+    hasCloseOnSelect?: boolean;
 }
 export interface IDataSelectResult {
     isOpened: boolean;

package/hooks/useDataSelect.js

@@ -128,11 +128,13 @@ function useDataSelect(config) {
                 else if (selectedIds.length === 1 && selectedIds[0] === id_1) {
                     setSelectedIdsInternal([]);
                 }
-                setIsFocused(false);
-                setIsOpened(false);
+                if (config.hasCloseOnSelect) {
+                    setIsFocused(false);
+                    setIsOpened(false);
+                }
             }
         }
-    }, [config.multiple, selectedIds]);
+    }, [config.hasCloseOnSelect, config.multiple, selectedIds]);
     var setSelectedAll = (0, react_1.useCallback)(function () {
         var itemsIds = flattenedItems.map(function (item) { return item.id; });
         setSelectedIds(itemsIds);

package/hooks/useSaveCursorPosition.d.ts

@@ -1,20 +1,6 @@
-import React from 'react';
+import React, { ChangeEvent } from 'react';
 import { IInputParams } from '../ui/form/Field/fieldWrapper';
-export interface IDebounceConfig {
-    /**
-     * Задержка в мс
-     */
-    delayMs: number;
-}
-export interface ISaveCursorPositionDebounceConfig extends Partial<IDebounceConfig> {
-    enabled: boolean;
-}
-export interface ISaveCursorPositionConfig {
-    inputParams: IInputParams;
-    onChangeCallback?: (value: any) => void;
-    debounce?: ISaveCursorPositionDebounceConfig;
-}
-export default function useSaveCursorPosition(config: ISaveCursorPositionConfig): {
+export default function useSaveCursorPosition(inputParams: IInputParams, onChangeCallback?: (value: any) => void): {
     inputRef: React.MutableRefObject<any>;
-    onChange: any;
+    onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void;
 };

package/hooks/useSaveCursorPosition.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,36 +8,36 @@ exports.__esModule = true;
 /* eslint-disable consistent-return */
 /* eslint-disable no-return-assign */
 /* eslint-disable no-unused-expressions */
-var react_1 = __importStar(require("react"));
-var debounce_1 = __importDefault(require("lodash-es/debounce"));
-var DEFAULT_DEBOUNCE_DELAY_MS = 300;
-function useSaveCursorPosition(config) {
-    var _a;
-    var _b = react_1["default"].useState(null), cursor = _b[0], setCursor = _b[1];
+var react_1 = __importDefault(require("react"));
+var isNull_1 = __importDefault(require("lodash-es/isNull"));
+function useSaveCursorPosition(inputParams, onChangeCallback) {
+    var _a = react_1["default"].useState(null), cursor = _a[0], setCursor = _a[1];
     var inputRef = react_1["default"].useRef(null);
     react_1["default"].useEffect(function () {
-        var inputElement = inputRef.current;
-        if (inputElement) {
-            inputElement.setSelectionRange(cursor, cursor);
+        var el = inputRef.current;
+        if (!el || (0, isNull_1["default"])(cursor)) {
+            return;
+        }
+        var pos = Math.max(0, Math.min(cursor, el.value.length));
+        try {
+            el.setSelectionRange(pos, pos);
         }
-    }, [cursor, config.inputParams.value]);
+        catch (e) {
+            console.error(e);
+        }
+    }, [cursor, inputParams.value]);
     var onChange = react_1["default"].useCallback(function (event, value) {
         var _a, _b, _c;
         if (value === void 0) { value = null; }
-        if (config.onChangeCallback) {
-            config.onChangeCallback(value || ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value));
+        if (onChangeCallback) {
+            onChangeCallback(value || ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value));
         }
         setCursor((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.selectionStart);
-        config.inputParams.onChange(value || ((_c = event.target) === null || _c === void 0 ? void 0 : _c.value));
-    }, [config.inputParams, config.onChangeCallback]);
-    var onChangeWithDelay = (0, react_1.useMemo)(function () {
-        var _a, _b, _c;
-        return ((_a = config.debounce) === null || _a === void 0 ? void 0 : _a.enabled)
-            && (0, debounce_1["default"])(onChange, (_c = (_b = config.debounce) === null || _b === void 0 ? void 0 : _b.delayMs) !== null && _c !== void 0 ? _c : DEFAULT_DEBOUNCE_DELAY_MS);
-    }, [config.debounce, onChange]);
+        inputParams.onChange(value || ((_c = event.target) === null || _c === void 0 ? void 0 : _c.value));
+    }, [inputParams, onChangeCallback]);
     return {
         inputRef: inputRef,
-        onChange: ((_a = config.debounce) === null || _a === void 0 ? void 0 : _a.enabled) ? onChangeWithDelay : onChange
+        onChange: onChange
     };
 }
 exports["default"] = useSaveCursorPosition;

package/package.json

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

package/ui/form/DropDownField/DropDownField.js

@@ -132,7 +132,8 @@ function DropDownField(props) {
         items: items,
         sourceItems: sourceItems,
         inputValue: props.input.value,
-        autoCompleteInputRef: autoCompleteInputForwardedRef
+        autoCompleteInputRef: autoCompleteInputForwardedRef,
+        hasCloseOnSelect: props.hasCloseOnSelect
     }), isOpened = _d.isOpened, setIsOpened = _d.setIsOpened, setIsFocused = _d.setIsFocused, hoveredId = _d.hoveredId, setHoveredId = _d.setHoveredId, selectedIds = _d.selectedIds, setSelectedIds = _d.setSelectedIds, selectedItems = _d.selectedItems, setSelectedAll = _d.setSelectedAll, isSelectedAll = _d.isSelectedAll;
     var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
@@ -259,6 +260,7 @@ DropDownField.defaultProps = {
     multiple: false,
     isSearchAutoFocus: true,
     itemToSelectAll: false,
-    isFetchOnClose: false
+    isFetchOnClose: false,
+    hasCloseOnSelect: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DROPDOWN_FIELD, DropDownField);

package/ui/form/EmailField/EmailField.js

@@ -44,9 +44,7 @@ var useInputTypeEmail_1 = __importDefault(require("./hooks/useInputTypeEmail"));
 var enums_1 = require("../../../enums");
 function EmailField(props) {
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input
-    }), currentInputRef = _a.inputRef, onChange = _a.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), currentInputRef = _a.inputRef, onChange = _a.onChange;
     var onInputChange = (0, useInputTypeEmail_1["default"])(currentInputRef, onChange, props.input.value).onInputChange;
     var onClear = react_1["default"].useCallback(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = react_1["default"].useMemo(function () {

package/ui/form/InputField/InputField.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { MaskitoOptions } from '@maskito/core';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
-import { IDebounceConfig } from '../../../hooks/useSaveCursorPosition';
 export declare const MASK_PRESETS: {
     date: Required<MaskitoOptions>;
     phone: {
@@ -88,10 +87,6 @@ export interface IInputFieldProps extends IBaseFieldProps {
      * Пользовательская иконка svg или название иконки
      */
     leadIcon?: React.ReactElement | string;
-    /**
-     * Задержка применения введённого значения
-     */
-    debounce?: boolean | IDebounceConfig;
 }
 export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/InputField/InputField.js

@@ -87,16 +87,11 @@ exports.MASK_PRESETS = {
     }
 };
 function InputField(props) {
-    var _a;
     var components = (0, hooks_1.useComponents)();
     var maskedInputRef = (0, react_2.useMaskito)({
         options: props.maskOptions
     });
-    var _b = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input,
-        onChangeCallback: props.onChange,
-        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? { enabled: props.debounce } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
-    }), inputRef = _b.inputRef, onChange = _b.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), inputRef = _a.inputRef, onChange = _a.onChange;
     React.useEffect(function () {
         if (inputRef.current) {
             maskedInputRef(inputRef.current);

package/ui/form/NumberField/NumberField.d.ts

@@ -1,7 +1,6 @@
 import React, { ChangeEvent } from 'react';
 import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
-import { IDebounceConfig } from '../../../hooks/useSaveCursorPosition';
 /**
  * NumberField
  *
@@ -31,10 +30,6 @@ export interface INumberFieldProps extends IFieldWrapperInputProps, IBaseFieldPr
      * Может ли число быть отрицательным
      */
     isCanBeNegative?: boolean;
-    /**
-     * Задержка применения введённого значения
-     */
-    debounce?: boolean | IDebounceConfig;
 }
 export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/NumberField/NumberField.js

@@ -45,13 +45,8 @@ var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber")
 var enums_1 = require("../../../enums");
 var DEFAULT_STEP = 1;
 function NumberField(props) {
-    var _a;
     var components = (0, hooks_1.useComponents)();
-    var _b = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input,
-        onChangeCallback: props.onChange,
-        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? { enabled: props.debounce } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
-    }), currentInputRef = _b.inputRef, onChange = _b.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), currentInputRef = _a.inputRef, onChange = _a.onChange;
     var step = react_1["default"].useMemo(function () { var _a; return (_a = props.step) !== null && _a !== void 0 ? _a : DEFAULT_STEP; }, [props.step]);
     var onInputChange = (0, useInputTypeNumber_1["default"])(currentInputRef, {
         max: props.max,

package/ui/form/PasswordField/PasswordField.js

@@ -56,9 +56,7 @@ exports.checkPassword = checkPassword;
 function PasswordField(props) {
     var _a = (0, react_1.useState)(InputType.PASSWORD), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
-    var _b = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input
-    }), inputRef = _b.inputRef, onChange = _b.onChange;
+    var _b = (0, hooks_1.useSaveCursorPosition)(props.input), inputRef = _b.inputRef, onChange = _b.onChange;
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var onShowButtonClick = (0, react_1.useCallback)(function () {
         type === InputType.PASSWORD ? setType(InputType.TEXT) : setType(InputType.PASSWORD);

package/ui/form/TextField/TextField.js

@@ -21,9 +21,7 @@ var enums_1 = require("../../../enums");
 function TextField(props) {
     // const dispatch = useDispatch();
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input
-    }), inputRef = _a.inputRef, onChange = _a.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), inputRef = _a.inputRef, onChange = _a.onChange;
     var onKeyUp = (0, react_1.useCallback)(function (e) {
         if (props.submitOnEnter
             && props.formId