@steroidsjs/core 3.0.65 → 3.0.67

package/actions/list.d.ts

@@ -109,6 +109,7 @@ export declare const LIST_DESTROY = "@list/destroy";
 export declare const LIST_TOGGLE_ITEM = "@list/toggle_item";
 export declare const LIST_TOGGLE_ALL = "@list/toggle_all";
 export declare const LIST_SET_LAYOUT = "@list/set_layout";
+export declare const LIST_CHANGE_ACTION = "@list/change_action";
 export declare const httpFetchHandler: (list: IList, query: any, { http }: {
     http: any;
 }) => any;
@@ -135,6 +136,11 @@ export declare const listSetLayout: (listId: any, layoutName: any) => {
     listId: any;
     layoutName: any;
 };
+export declare const listChangeAction: (listId: any, action: any) => {
+    type: string;
+    listId: any;
+    action: any;
+};
 /**
  * Update query values and send request
  * @param listId

package/actions/list.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.toggleAll = exports.toggleItem = exports.deleteItem = exports.update = exports.add = exports.listDestroy = exports.listRefresh = exports.listLazyFetch = exports.listFetch = exports.listSetLayout = exports.listSetItems = exports.listInit = exports.localFetchHandler = exports.httpFetchHandler = exports.LIST_SET_LAYOUT = exports.LIST_TOGGLE_ALL = exports.LIST_TOGGLE_ITEM = exports.LIST_DESTROY = exports.LIST_ITEM_DELETE = exports.LIST_ITEM_UPDATE = exports.LIST_ITEM_ADD = exports.LIST_AFTER_FETCH = exports.LIST_BEFORE_FETCH = exports.LIST_SET_ITEMS = exports.LIST_INIT = void 0;
+exports.toggleAll = exports.toggleItem = exports.deleteItem = exports.update = exports.add = exports.listDestroy = exports.listRefresh = exports.listLazyFetch = exports.listFetch = exports.listChangeAction = exports.listSetLayout = exports.listSetItems = exports.listInit = exports.localFetchHandler = exports.httpFetchHandler = exports.LIST_CHANGE_ACTION = exports.LIST_SET_LAYOUT = exports.LIST_TOGGLE_ALL = exports.LIST_TOGGLE_ITEM = exports.LIST_DESTROY = exports.LIST_ITEM_DELETE = exports.LIST_ITEM_UPDATE = exports.LIST_ITEM_ADD = exports.LIST_AFTER_FETCH = exports.LIST_BEFORE_FETCH = exports.LIST_SET_ITEMS = exports.LIST_INIT = void 0;
 var get_1 = __importDefault(require("lodash-es/get"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
@@ -37,6 +37,7 @@ exports.LIST_DESTROY = '@list/destroy';
 exports.LIST_TOGGLE_ITEM = '@list/toggle_item';
 exports.LIST_TOGGLE_ALL = '@list/toggle_all';
 exports.LIST_SET_LAYOUT = '@list/set_layout';
+exports.LIST_CHANGE_ACTION = '@list/change_action';
 //const STORAGE_LAYOUT_KEY_PREFIX = 'listLayout_';
 var lazyTimers = {};
 var createList = function (listId, props) { return ({
@@ -142,6 +143,12 @@ var listSetLayout = function (listId, layoutName) { return ({
     layoutName: layoutName
 }); };
 exports.listSetLayout = listSetLayout;
+var listChangeAction = function (listId, action) { return ({
+    type: exports.LIST_CHANGE_ACTION,
+    listId: listId,
+    action: action
+}); };
+exports.listChangeAction = listChangeAction;
 /*export const initSSR = (listId, props) => (dispatch, getState, {http, clientStorage}) => {
     const state = getState()
     const stateList = _get(state, ['list', 'lists', listId]);

package/docs-autogen-result.json

@@ -4309,103 +4309,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",
@@ -25230,15 +25133,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null,
-                    "defaultValue": null
-                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -25546,14 +25440,6 @@
                     "type": "any",
                     "example": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null
-                },
                 {
                     "name": "defaultValue",
                     "decorators": [],
@@ -25903,15 +25789,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null,
-                    "defaultValue": null
-                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -26486,15 +26363,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null,
-                    "defaultValue": null
-                },
                 {
                     "name": "decimal",
                     "decorators": [],
@@ -26786,14 +26654,6 @@
                     "type": "any",
                     "example": null
                 },
-                {
-                    "name": "debounce",
-                    "decorators": [],
-                    "description": "Задержка применения введённого значения",
-                    "required": false,
-                    "type": "boolean | IDebounceConfig",
-                    "example": null
-                },
                 {
                     "name": "decimal",
                     "decorators": [],

package/en.json

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

package/hooks/useList.js

@@ -275,6 +275,16 @@ function useList(config) {
             (0, list_2.listSetItems)(config.listId, config.items),
         ]);
     }, [dispatch, config.items, config.listId]);
+    // Check change action
+    var prevAction = (0, react_use_1.usePrevious)(config.action);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (prevAction && !(0, isEqual_1["default"])(config.action, prevAction)) {
+            dispatch([
+                (0, list_2.listChangeAction)(config.listId, config.action),
+                (0, list_2.listLazyFetch)(config.listId),
+            ]);
+        }
+    }, [dispatch, config.listId, config.action, prevAction]);
     // Destroy
     (0, react_use_1.useUnmount)(function () {
         var autoDestroy = typeof config.autoDestroy === 'boolean'

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.65",
+    "version": "3.0.67",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/reducers/list.js

@@ -133,6 +133,10 @@ var reducerMap = (_a = {},
         var _a;
         return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { layoutName: action.layoutName }), _a)) }));
     },
+    _a[list_1.LIST_CHANGE_ACTION] = function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { action: action.action }), _a)) }));
+    },
     _a);
 exports["default"] = (function (state, action) {
     if (state === void 0) { state = initialState; }

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