@steroidsjs/core 3.0.50 → 3.0.52

package/actions/notifications.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -22,9 +33,8 @@ var closeNotification = function (id) {
 exports.closeNotification = closeNotification;
 var showNotification = function (message, level, params) {
     if (level === void 0) { level = null; }
-    if (params === void 0) { params = showNotificationDefaults; }
     return function (dispatch) {
-        var _a = params, position = _a.position, timeOut = _a.timeOut;
+        var _a = __assign(__assign({}, showNotificationDefaults), params), position = _a.position, timeOut = _a.timeOut;
         var id = (0, uniqueId_1["default"])();
         dispatch({
             type: exports.NOTIFICATIONS_SHOW,

package/docs-autogen-result.json

@@ -4301,6 +4301,103 @@
             ],
             "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",
@@ -5704,7 +5801,9 @@
             "title": "",
             "description": "",
             "tags": {},
-            "defaultProps": null,
+            "defaultProps": {
+                "isInitialOpenAll": "false"
+            },
             "extends": [
                 "Omit<IAccordionProps",
                 "'onChange'>"
@@ -5773,6 +5872,15 @@
                     "example": "'circle'",
                     "defaultValue": null
                 },
+                {
+                    "name": "isInitialOpenAll",
+                    "decorators": [],
+                    "description": "Изначально отображать все элементы раскрытыми",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": "false"
+                },
                 {
                     "name": "isShowMore",
                     "decorators": [],
@@ -5882,7 +5990,9 @@
             "title": "Accordion",
             "description": "\nКомпонент-аккордеон позволяет создавать интерактивные списки или контейнеры,\nгде содержимое может быть развернуто или свернуто по требованию пользователя.\nКаждый элемент аккордеона может быть раскрытым или свернутым, и пользователь может\nизменять их состояние путем нажатия на соответствующий заголовок элемента.\n\nКомпонент `Accordion` обычно используется для создания разделов, подразделов или\nсписков, где необходимо показывать или скрывать дополнительную информацию по требованию.\n\nВнутри компонента `Accordion` могут быть использованы дочерние элементы `AccordionItem`,\nкаждый из которых представляет отдельный элемент аккордеона с заголовком и содержимым.\nПри нажатии на заголовок, соответствующий элемент может быть развернут или свернут.\n\nПримечание: В компоненте `Accordion` должен быть указан хотя бы один дочерний элемент `AccordionItem`.\n",
             "tags": {},
-            "defaultProps": null,
+            "defaultProps": {
+                "isInitialOpenAll": "false"
+            },
             "extends": [
                 "IUiComponent"
             ],
@@ -5941,6 +6051,15 @@
                     "example": "'circle'",
                     "defaultValue": null
                 },
+                {
+                    "name": "isInitialOpenAll",
+                    "decorators": [],
+                    "description": "Изначально отображать все элементы раскрытыми",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": "false"
+                },
                 {
                     "name": "position",
                     "decorators": [],
@@ -17664,6 +17783,14 @@
                     "type": "string | boolean",
                     "example": "calendar-day"
                 },
+                {
+                    "name": "id",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "string",
+                    "example": null
+                },
                 {
                     "name": "inputProps",
                     "decorators": [],
@@ -18400,6 +18527,14 @@
                     "type": "string | boolean",
                     "example": "calendar-day"
                 },
+                {
+                    "name": "id",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "string",
+                    "example": null
+                },
                 {
                     "name": "inputProps",
                     "decorators": [],
@@ -18624,6 +18759,14 @@
                     "type": "string | ReactElement | IAccordionIcon",
                     "example": "'circle'"
                 },
+                {
+                    "name": "isInitialOpenAll",
+                    "decorators": [],
+                    "description": "Изначально отображать все элементы раскрытыми",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "isItemToSelectAll",
                     "decorators": [],
@@ -24873,6 +25016,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "debounce",
+                    "decorators": [],
+                    "description": "Задержка применения введённого значения",
+                    "required": false,
+                    "type": "boolean | IDebounceConfig",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -25180,6 +25332,14 @@
                     "type": "any",
                     "example": null
                 },
+                {
+                    "name": "debounce",
+                    "decorators": [],
+                    "description": "Задержка применения введённого значения",
+                    "required": false,
+                    "type": "boolean | IDebounceConfig",
+                    "example": null
+                },
                 {
                     "name": "defaultValue",
                     "decorators": [],
@@ -25800,6 +25960,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "debounce",
+                    "decorators": [],
+                    "description": "Задержка применения введённого значения",
+                    "required": false,
+                    "type": "boolean | IDebounceConfig",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "decimal",
                     "decorators": [],
@@ -26091,6 +26260,14 @@
                     "type": "any",
                     "example": null
                 },
+                {
+                    "name": "debounce",
+                    "decorators": [],
+                    "description": "Задержка применения введённого значения",
+                    "required": false,
+                    "type": "boolean | IDebounceConfig",
+                    "example": null
+                },
                 {
                     "name": "decimal",
                     "decorators": [],

package/en.json

@@ -934,49 +934,49 @@
     "Фиксированная высота обертки в пикселях": "Fixed wrapper height in pixels",
     "Чекбоксы\nМогут служить в качестве настраиваемых контроллов для создания функционала": "Checkboxes\nCan serve as customizable controls to create functionality",
     "Заголовок графика": "Chart title",
-    "Срок хранения токена в хранилище в днях": "",
-    "Свойства для модалного окна группы событий": "",
-    "Внутреннее описания события": "",
-    "Кнопки\nМогут служить в качестве настаиваемых контроллов для создания функционала": "",
-    "Чекбоксы\nМогут служить в качестве настаиваемых контроллов для создания функционала": "",
-    "Иконка, которая отобразится слева от заголовка": "",
-    "Метод, который можно вызвать при login": "",
-    "Метод, который можно вызвать при logout": "",
-    "Получение состояние": "",
-    "\nСписок с вложенными чекбоксами. Используется в формах для создания иерархической структуры и выбора нескольких значений.\n": "",
-    "\nСоздает список из сгруппированных полей формы.\nДля загрузки файлов с помощью `FileField` внутри строк `FieldList`, нужно использовать форму с флагом `useRedux`.\n": "",
-    " Текущая страница, используется для корректного отображения пагинации": "",
-    " Количество элементов на странице, используется для корректного отображения пагинации": "",
-    " Параметры роутинга": "",
-    "Расстояние вложенных элементов от родителя для каждого уровня": "",
-    "Первичный ключ для доступа к вложенным элементам": "",
-    "Устанавливать ли фокус и показывать календарь сразу после рендера страницы": "",
-    "Заголовок для колонки таблицы": "",
-    "Будет ли отображён item?": "",
-    "Устанавливать ли фокус и показывать панель времени сразу после рендера страницы": "",
-    "Флаг, определяющий раскрывать вложенные элементы по клику на весь элемент или только на иконку": "",
-    "\nКомпонент для создания пошаговой формы. Предоставляет управление и синхронизацию состояния формы,\nа также список шагов формы для удобной навигации.\nПоля для шагов можно передавать как в виде компонентов, так и в виде объекта с названием поля.\nПозволяет выполнять отправку данных формы на сервер с возможностью валидации и перехода к неверно заполненным полям.\n\n": "",
-    "\nКомпонент TimeFormatter предназначен для форматирования времени с использованием заданного формата.\nОн позволяет кастомизировать отображение времени, используя переданный view React компонент.\n": "",
-    "При повторном нажатии на выбранный элемент из дерева, он продолжит отображаться как активный.": "",
-    "Дополнительные свойства, которые передаются во view компонента": "",
-    "Пропсы для инпута загрузки файлов": "",
-    "Переопределение view React компонента для кастомизации отображения элемента инпута": "",
-    "Кастомный placeholder для инпута": "",
-    "Если true, то location.pathname будет совпадать с теми путями, которые содержат слеш в конце.\nНапример, если указать путь '/catalog/', тогда совпадение будет с '/catalog/' и '/catalog/chapter', но не '/catalog'.": "",
-    "Кастомная иконка, заменяющая иконку раскрытия по умолчанию": "",
-    "Опции маски для полей": "",
-    "Дополнительные кнопки": "",
-    "Свойства для Form": "",
-    "Свойства для кнопки продолжить/отправить": "",
-    "Свойства для кнопки возврата": "",
-    "Показывать ли шаги": "",
-    "Ориентация списка шагов формы": "",
-    "Коллекция полей и аттрибутов для каждого шага формы. Можно передавать как компонент, так и объект с полями.\nГлавное, чтобы внутри шага использовался один из способов.": "",
-    "Свойства для Steps": "",
-    "Формат времени": "",
-    "Время": "",
-    "Флаг, который позволяет использовать вложенные роуты c указанием вложенного пути": "",
-    "Скрыть иконку c лева от элемента": "",
+    "Срок хранения токена в хранилище в днях": "Storage period of the token in the store in days",
+    "Свойства для модалного окна группы событий": "Properties for the modal window of the event group",
+    "Внутреннее описания события": "Internal event description",
+    "Кнопки\nМогут служить в качестве настаиваемых контроллов для создания функционала": "Buttons\nCan serve as insistent controls for creating functionality",
+    "Чекбоксы\nМогут служить в качестве настаиваемых контроллов для создания функционала": "Checkboxes\nCan serve as insistent controls for creating functionality",
+    "Иконка, которая отобразится слева от заголовка": "The icon that is displayed to the left of the header",
+    "Метод, который можно вызвать при login": "A method that can be called when login",
+    "Метод, который можно вызвать при logout": "A method that can be called when logout",
+    "Получение состояние": "Getting the state",
+    "\nСписок с вложенными чекбоксами. Используется в формах для создания иерархической структуры и выбора нескольких значений.\n": "\nA list with nested checkboxes. It is used in forms to create a hierarchical structure and select multiple values.\n",
+    "\nСоздает список из сгруппированных полей формы.\nДля загрузки файлов с помощью `FileField` внутри строк `FieldList`, нужно использовать форму с флагом `useRedux`.\n": "\nCreates a list of grouped form fields.\nTo upload files using the `FileField` inside the `FieldList' lines, you need to use the form with the `useRedux` flag.\n",
+    " Текущая страница, используется для корректного отображения пагинации": " The current page. It's used to display pagination correctly",
+    " Количество элементов на странице, используется для корректного отображения пагинации": " The number of elements on the page. It's used to display pagination correctly.",
+    " Параметры роутинга": " Routing parameters",
+    "Расстояние вложенных элементов от родителя для каждого уровня": "The distance of nested elements from the parent for each level",
+    "Первичный ключ для доступа к вложенным элементам": "The primary key for accessing nested elements",
+    "Устанавливать ли фокус и показывать календарь сразу после рендера страницы": "Set the focus and show the calendar immediately after the page render",
+    "Заголовок для колонки таблицы": "Header for the table column",
+    "Будет ли отображён item?": "Will the item be displayed?",
+    "Устанавливать ли фокус и показывать панель времени сразу после рендера страницы": "Set the focus and show the time panel immediately after the page render",
+    "Флаг, определяющий раскрывать вложенные элементы по клику на весь элемент или только на иконку": "Expand nested elements by clicking on the entire element or only on the icon",
+    "\nКомпонент для создания пошаговой формы. Предоставляет управление и синхронизацию состояния формы,\nа также список шагов формы для удобной навигации.\nПоля для шагов можно передавать как в виде компонентов, так и в виде объекта с названием поля.\nПозволяет выполнять отправку данных формы на сервер с возможностью валидации и перехода к неверно заполненным полям.\n\n": "\nA component for creating a step-by-step form. Provides control and synchronization of the form status,\nas well as a list of form steps for easy navigation.\nFields for steps can be passed either as components or as an object with the field name.\nAllows you to send form data to the server with the ability to validate and navigate to incorrectly filled fields.\n\n",
+    "\nКомпонент TimeFormatter предназначен для форматирования времени с использованием заданного формата.\nОн позволяет кастомизировать отображение времени, используя переданный view React компонент.\n": "\nThe TimeFormatter component is designed to format time using a preset format.\nIt allows you to customize the time display using the passed view React component.\n",
+    "При повторном нажатии на выбранный элемент из дерева, он продолжит отображаться как активный.": "When you click on the selected item from the tree again, it will continue to be displayed as active.",
+    "Дополнительные свойства, которые передаются во view компонента": "Additional properties that are passed to the component view",
+    "Пропсы для инпута загрузки файлов": "Props for file upload input",
+    "Переопределение view React компонента для кастомизации отображения элемента инпута": "Redefining the view React component to customize the display of an input element",
+    "Кастомный placeholder для инпута": "Custom placeholder for the input",
+    "Если true, то location.pathname будет совпадать с теми путями, которые содержат слеш в конце.\nНапример, если указать путь '/catalog/', тогда совпадение будет с '/catalog/' и '/catalog/chapter', но не '/catalog'.": "If true, location.pathname will match those paths that contain a slash at the end.\nFor example, if you specify the path '/catalog/', then the match will be with '/catalog/' and '/catalog/chapter', but not '/catalog'.",
+    "Кастомная иконка, заменяющая иконку раскрытия по умолчанию": "Custom icon that replaces the default disclosure icon",
+    "Опции маски для полей": "Field mask options",
+    "Дополнительные кнопки": "Additional buttons",
+    "Свойства для Form": "Properties for the Form",
+    "Свойства для кнопки продолжить/отправить": "Properties for the continue/submit button",
+    "Свойства для кнопки возврата": "Properties for the return button",
+    "Показывать ли шаги": "Show steps",
+    "Ориентация списка шагов формы": "Orientation of the step list of the form",
+    "Коллекция полей и аттрибутов для каждого шага формы. Можно передавать как компонент, так и объект с полями.\nГлавное, чтобы внутри шага использовался один из способов.": "A collection of fields and attributes for each step of the form. You can pass both a component and an object with fields.\nThe main thing is that one of the methods should be used inside the step.",
+    "Свойства для Steps": "Properties for Steps",
+    "Формат времени": "Time format",
+    "Время": "Time",
+    "Флаг, который позволяет использовать вложенные роуты c указанием вложенного пути": "A flag that allows you to use nested routes with an indication of the nested path",
+    "Скрыть иконку c лева от элемента": "Hide the icon to the left of the element",
     "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n\nДля корректной работы функционала создания задач,\nнеобходимо установить в проекте зависимости `@ckeditor/ckeditor5-react v3.0.2` и `@steroidsjs/ckeditor5 v27.0.2-rc.2`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nИмпортированные компоненты нужно передать в проп `createTaskEditorConfig`,\nв поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.\n": "",
     "Компонент для создания HTML-разметки, использующий WYSIWYG редактор.\n\nДля использования WYSIWYG редактора, необходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nКомпонент `CKEditor` нужно передать в проп `htmlComponent`, а конструктор `ClassicEditor` в проп `editorConstructor`.\n\nПри передаче `HtmlField` с бэкенда, необходимо переопределить `view` компонента, указав локальный.\nВ локальном компоненте добавить вместо пропсов `htmlComponent` и `editorConstructor` импорты `CKEditor` и `ClassicEditor` соотвественно.\n": "",
     "\nКомпонент Tooltip предоставляет всплывающую подсказку для дочерних элементов.\nВнутри компонента, то есть между тегами Tooltip можно использовать только html теги, например div, span и тд\n": "",
@@ -986,6 +986,7 @@
     "Логическое значение, указывающее, можно ли загрузить еще элементы для списка при скролле.": "",
     " Ref autocomplete поиска": "",
     "Подключение бесконечного скролла": "",
+    "Задержка в мс": "",
     "Дополнительный свойства для view части компонента": "",
     "Используется для управления раскрытием всех элементов в дереве": "",
     "Идентификатор (ключ) для сохранения в LocalStorage коллекции.": "",
@@ -995,6 +996,7 @@
     "Количество элементов на странице, используется для корректного отображения пагинации": "",
     "Параметры роутинга": "",
     "Сохранение в localStorage уровней вложенности.": "",
+    "Изначально отображать все элементы раскрытыми": "",
     "Дополнительные свойства для списка календарей бокового календаря": "",
     "Дополнительные свойства для бокового календаря": "",
     "Данные для формы с текущими датами календаря": "",
@@ -1021,6 +1023,7 @@
     "Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено": "",
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
+    "Задержка применения введённого значения": "",
     "Допустимое количество символов после разделителя": "",
     "Может ли число быть отрицательным": "",
     "Подключить бесконечный скролл": "",

package/hooks/useSaveCursorPosition.d.ts

@@ -1,6 +1,20 @@
-import React, { ChangeEvent } from 'react';
+import React from 'react';
 import { IInputParams } from '../ui/form/Field/fieldWrapper';
-export default function useSaveCursorPosition(inputParams: IInputParams, onChangeCallback?: (value: any) => void): {
+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): {
     inputRef: React.MutableRefObject<any>;
-    onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void;
+    onChange: any;
 };

package/hooks/useSaveCursorPosition.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -8,28 +31,36 @@ exports.__esModule = true;
 /* eslint-disable consistent-return */
 /* eslint-disable no-return-assign */
 /* eslint-disable no-unused-expressions */
-var react_1 = __importDefault(require("react"));
-function useSaveCursorPosition(inputParams, onChangeCallback) {
-    var _a = react_1["default"].useState(null), cursor = _a[0], setCursor = _a[1];
+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 inputRef = react_1["default"].useRef(null);
     react_1["default"].useEffect(function () {
         var inputElement = inputRef.current;
         if (inputElement) {
             inputElement.setSelectionRange(cursor, cursor);
         }
-    }, [cursor, inputParams.value]);
+    }, [cursor, config.inputParams.value]);
     var onChange = react_1["default"].useCallback(function (event, value) {
         var _a, _b, _c;
         if (value === void 0) { value = null; }
-        if (onChangeCallback) {
-            onChangeCallback(value || ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value));
+        if (config.onChangeCallback) {
+            config.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);
-        inputParams.onChange(value || ((_c = event.target) === null || _c === void 0 ? void 0 : _c.value));
-    }, [inputParams, onChangeCallback]);
+        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]);
     return {
         inputRef: inputRef,
-        onChange: onChange
+        onChange: ((_a = config.debounce) === null || _a === void 0 ? void 0 : _a.enabled) ? onChangeWithDelay : onChange
     };
 }
 exports["default"] = useSaveCursorPosition;

package/package.json

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

package/ui/content/Accordion/Accordion.d.ts

@@ -80,6 +80,10 @@ export interface IAccordionProps extends IUiComponent {
      * Отображать ли иконку у AccordionItem
      */
     showIcon?: boolean;
+    /**
+     * Изначально отображать все элементы раскрытыми
+     */
+    isInitialOpenAll?: boolean;
 }
 export interface IAccordionItemProps extends Omit<IAccordionProps, 'onChange'> {
     toggleAccordion?: (number: any) => void;
@@ -90,4 +94,9 @@ export interface IAccordionItemProps extends Omit<IAccordionProps, 'onChange'> {
 export type IAccordionViewProps = Pick<IAccordionProps, 'children' | 'className'>;
 export type IAccordionItemViewProps = IAccordionItemProps & IUiComponent;
 declare function Accordion(props: IAccordionProps): JSX.Element;
+declare namespace Accordion {
+    var defaultProps: {
+        isInitialOpenAll: boolean;
+    };
+}
 export default Accordion;

package/ui/content/Accordion/Accordion.js

@@ -47,7 +47,9 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Accordion(props) {
-    var _a = React.useState([]), selectedAccordionItems = _a[0], setSelectedAccordionItems = _a[1];
+    var _a = React.useState(function () { return props.isInitialOpenAll
+        ? React.Children.map(props.children, function (_, index) { return index; }) || []
+        : []; }), selectedAccordionItems = _a[0], setSelectedAccordionItems = _a[1];
     React.useEffect(function () {
         if (props.onChange) {
             props.onChange();
@@ -85,4 +87,7 @@ function Accordion(props) {
     var AccordionView = components.ui.getView(props.view || 'content.AccordionView');
     return (React.createElement(AccordionView, __assign({}, viewProps), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, childIndex: index, toggleCollapse: toggleCollapse, toggleAccordion: toggleAccordion, hasOneOpenItem: props.hasOneOpenItem, isShowMore: (selectedAccordionItems || []).includes(index), icon: props.icon, showIcon: props.showIcon }, child.props)); })));
 }
+Accordion.defaultProps = {
+    isInitialOpenAll: false
+};
 exports["default"] = Accordion;

package/ui/form/DateField/DateField.js

@@ -39,8 +39,9 @@ function DateField(props) {
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     // Calendar props
     var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, props.calendarProps)); }, [props.calendarProps, props.input.onChange, props.input.value, props.valueFormat]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { calendarProps: calendarProps, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style, autoPositioning: props.autoPositioning, maskInputRef: maskInputRef })); }, [calendarProps, inputProps, isOpened, maskInputRef, onClear, onClose, props.className,
-        props.disabled, props.errors, props.icon, props.label, props.showRemove, props.size, props.style, props.viewProps]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { calendarProps: calendarProps, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style, autoPositioning: props.autoPositioning, maskInputRef: maskInputRef, id: props.id })); }, [props.viewProps, props.size, props.icon, props.errors, props.label, props.disabled,
+        props.className, props.showRemove, props.style, props.autoPositioning, props.id,
+        calendarProps, onClear, onClose, isOpened, inputProps, maskInputRef]);
     return components.ui.renderView(props.view || 'form.DateFieldView', viewProps);
 }
 DateField.defaultProps = {

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -107,6 +107,7 @@ export interface IDateRangeFieldViewProps extends IDateInputStateOutput, Omit<IF
      * Ref для input элемента, который накладывает маску на поле to
      */
     maskInputFromTo?: React.RefCallback<HTMLElement>;
+    id: string;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateRangeFieldProps>;
 export default _default;

package/ui/form/DateRangeField/DateRangeField.js

@@ -118,9 +118,10 @@ function DateRangeField(props) {
         inputPropsTo: extendedInputPropsTo,
         inputPropsFrom: extendedInputPropsFrom,
         isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo,
-        style: props.style
-    }); }, [calendarProps, extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, onClear,
-        onClose, props.className, props.disabled, props.errorsFrom, props.errorsTo, props.icon, props.showRemove, props.size, props.style]);
+        style: props.style,
+        id: props.id
+    }); }, [calendarProps, extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, onClear, onClose,
+        props.className, props.disabled, props.errorsFrom, props.errorsTo, props.icon, props.id, props.showRemove, props.size, props.style]);
     return components.ui.renderView(props.view || 'form.DateRangeFieldView', viewProps);
 }
 DateRangeField.defaultProps = {

package/ui/form/DateTimeField/DateTimeField.js

@@ -75,9 +75,10 @@ function DateTimeField(props) {
         className: props.className,
         showRemove: props.showRemove,
         disabled: props.disabled,
-        style: props.style
+        style: props.style,
+        id: props.id
     }); }, [calendarProps, inputProps, isOpened, maskInputRef, onClear, onClose, props.className, props.disabled, props.errors, props.icon,
-        props.placeholder, props.showRemove, props.size, props.style, timePanelViewProps]);
+        props.id, props.placeholder, props.showRemove, props.size, props.style, timePanelViewProps]);
     return components.ui.renderView(props.view || 'form.DateTimeFieldView', viewProps);
 }
 DateTimeField.defaultProps = {

package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts

@@ -76,6 +76,7 @@ export interface IDateTimeRangeFieldViewProps extends IDateInputStateOutput, Omi
     inputPropsTo?: any;
     errorsFrom?: any;
     errorsTo?: any;
+    id: string;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateTimeRangeFieldProps>;
 export default _default;

package/ui/form/DateTimeRangeField/DateTimeRangeField.js

@@ -156,10 +156,11 @@ function DateTimeRangeField(props) {
         inputPropsFrom: extendedInputPropsFrom,
         isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo,
         disabled: props.disabled,
-        style: props.style
-    }); }, [calendarProps, extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, onClear, onClose,
-        props.className, props.disabled, props.errorsFrom, props.errorsTo, props.icon, props.showRemove, props.size,
-        props.style, timePanelViewProps]);
+        style: props.style,
+        id: props.id
+    }); }, [calendarProps, extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom,
+        isOpenedTo, onClear, onClose, props.className, props.disabled, props.errorsFrom,
+        props.errorsTo, props.icon, props.id, props.showRemove, props.size, props.style, timePanelViewProps]);
     return components.ui.renderView(props.view || 'form.DateTimeRangeFieldView', viewProps);
 }
 DateTimeRangeField.defaultProps = {

package/ui/form/EmailField/EmailField.js

@@ -43,7 +43,9 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var useInputTypeEmail_1 = __importDefault(require("./hooks/useInputTypeEmail"));
 function EmailField(props) {
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), currentInputRef = _a.inputRef, onChange = _a.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: 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,6 +2,7 @@ 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: {
@@ -87,6 +88,10 @@ 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

@@ -86,11 +86,16 @@ exports.MASK_PRESETS = {
     }
 };
 function InputField(props) {
+    var _a;
     var components = (0, hooks_1.useComponents)();
     var maskedInputRef = (0, react_2.useMaskito)({
         options: props.maskOptions
     });
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input, props.onChange), inputRef = _a.inputRef, onChange = _a.onChange;
+    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;
     React.useEffect(function () {
         if (inputRef.current) {
             maskedInputRef(inputRef.current);

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

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

package/ui/form/NumberField/NumberField.js

@@ -44,8 +44,13 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber"));
 var DEFAULT_STEP = 1;
 function NumberField(props) {
+    var _a;
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input, props.onChange), currentInputRef = _a.inputRef, onChange = _a.onChange;
+    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 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

@@ -55,7 +55,9 @@ 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)(props.input), inputRef = _b.inputRef, onChange = _b.onChange;
+    var _b = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: 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

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

package/ui/form/TimeField/TimeField.js

@@ -33,7 +33,7 @@ function TimeField(props) {
         dateInUTC: props.dateInUTC
     }), onNow = _a.onNow, onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     var timePanelViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNow, onClose: onClose, value: inputProps.value, onSelect: inputProps.onChange }, props.timePanelViewProps)); }, [inputProps.onChange, inputProps.value, onClose, onNow, props.timePanelViewProps]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onNow: onNow, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, disabled: props.disabled, className: props.className, style: props.style, showRemove: props.showRemove })); }, [inputProps, isOpened, onClear, onClose, onNow, props.className, props.disabled, props.errors, props.icon, props.noBorder,
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onNow: onNow, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, disabled: props.disabled, className: props.className, style: props.style, showRemove: props.showRemove, id: props.id })); }, [inputProps, isOpened, onClear, onClose, onNow, props.className, props.disabled, props.errors, props.icon, props.id, props.noBorder,
         props.showRemove, props.size, props.style, props.viewProps, timePanelViewProps]);
     return components.ui.renderView(props.view || 'form.TimeFieldView', viewProps);
 }

package/ui/form/TimeRangeField/TimeRangeField.js

@@ -71,9 +71,9 @@ function TimeRangeField(props) {
     }), focus = _c.focus, onClose = _c.onClose, onClear = _c.onClear, extendedInputPropsFrom = _c.extendedInputPropsFrom, extendedInputPropsTo = _c.extendedInputPropsTo;
     var timePanelFromViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNowFrom, onClose: onCloseFrom, value: inputPropsFrom.value, onSelect: inputPropsFrom.onChange }, props.timePanelViewProps)); }, [inputPropsFrom.onChange, inputPropsFrom.value, onCloseFrom, onNowFrom, props.timePanelViewProps]);
     var timePanelToViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNowTo, onClose: onCloseTo, value: inputPropsTo.value, onSelect: inputPropsTo.onChange }, props.timePanelViewProps)); }, [inputPropsTo.onChange, inputPropsTo.value, onCloseTo, onNowTo, props.timePanelViewProps]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, inputPropsFrom: extendedInputPropsFrom, inputPropsTo: extendedInputPropsTo, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, errors: props.errors, timePanelFromViewProps: timePanelFromViewProps, timePanelToViewProps: timePanelToViewProps, size: props.size, icon: props.icon, disabled: props.disabled, showRemove: props.showRemove, className: props.className })); }, [extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, onClear, onClose, props.className,
-        props.disabled, props.errors, props.errorsFrom, props.errorsTo, props.icon, props.showRemove, props.size, props.style,
-        props.viewProps, timePanelFromViewProps, timePanelToViewProps]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, inputPropsFrom: extendedInputPropsFrom, inputPropsTo: extendedInputPropsTo, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, errors: props.errors, timePanelFromViewProps: timePanelFromViewProps, timePanelToViewProps: timePanelToViewProps, size: props.size, icon: props.icon, disabled: props.disabled, showRemove: props.showRemove, className: props.className, id: props.id })); }, [extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, onClear, onClose, props.className,
+        props.disabled, props.errors, props.errorsFrom, props.errorsTo, props.icon, props.id, props.showRemove, props.size,
+        props.style, props.viewProps, timePanelFromViewProps, timePanelToViewProps]);
     return components.ui.renderView(props.view || 'form.TimeRangeFieldView', viewProps);
 }
 TimeRangeField.defaultProps = {