@steroidsjs/core 3.0.0-beta.103 → 3.0.0-beta.105

package/en.json

@@ -819,119 +819,128 @@
     "Компонент для представления данных коллекции в виде иерархической структуры.": "A component for representing collection data in the form of a hierarchical structure.",
     "Уникальный идентификатор,\nиспользуется для сохранения состояния открыта или закрыта ячейка": "Unique identifier \nused to save the open or closed state of a cell",
     "Включает обработку вложенных данных из items": "Enables the processing of nested data from items",
-    "Callback вызываемый при нажатии на смену года или месяца в шапке Calendar": "",
-    "Пользовательский цвет для чекбокса": "",
-    "Кастомный домен": "",
-    "Куки для режима ssr": "",
-    "Ключ для хранения токена в куках": "",
-    "Url для http запросов": "",
+    "Callback вызываемый при нажатии на смену года или месяца в шапке Calendar": "Callback called when changing the year or month in the Calendar header",
+    "Пользовательский цвет для чекбокса": "Custom color for checkbox",
+    "Кастомный домен": "Custom domain",
+    "Куки для режима ssr": "Cookies for SSR mode",
+    "Ключ для хранения токена в куках": "Key for storing the token in cookies",
+    "Url для http запросов": "URL for HTTP requests",
+    "Срок хранения токена в хранилийе в днях": "Token storage duration in days",
+    "Имя хранилища для токена (local, session, или cookie)": "Token storage name (local, session, or cookie)",
+    "Ключ токена авторизации для локального хранилища": "Authorization token key for local storage",
+    "Запрос на обновление токена авторизации": "Authorization token refresh request",
+    "Хендлер для авторизации": "Authorization handler",
+    "Функция, которая вызывается на закрытие соединения": "Function called on connection closure",
+    "Функция, которая вызывается на отправку сообщения": "Function called on message sending",
+    "Функция, которая вызывается на открытие соединения": "Function called on connection opening",
+    "Массив streams": "Array of streams",
+    "url для websocket": "WebSocket URL",
+    "Колонки канбан доски": "Kanban board columns",
+    "Идентификатор канбан доски": "Kanban board identifier",
+    "Обработчик события окончания перетаскивания карточки или колонки": "Drag-and-drop card or column end event handler",
+    "Метод для добавления css-класса к элементу": "Method for adding a CSS class to an element",
+    "Утилита для создания css-классов по БЭМ": "Utility for creating CSS classes according to BEM",
+    "Метод для соединения нескольких classNames": "Method for combining multiple classNames",
+    "Метод для удаления css-класса у элемента": "Method for removing a CSS class from an element",
+    "Метод, который вызывается после запроса": "Method called after a request",
+    "Вызов метода delete": "Method call to delete",
+    "Вызов метода get": "Method call to get",
+    "Получение токена": "Token retrieval",
+    "Получение конфига для axios": "Get config for axios",
+    "Получение экземпляра axios": "Get axios instance",
+    "Получение url по методу": "Get URL by method",
+    "Метод, который можно вызвать при login": "Method callable on login",
+    "Метод, который можно вызвать при logout": "Method callable on logout",
+    "Вызов метода post": "Method call to post",
+    "Удаление токена": "Token deletion",
+    "Сбросить конфиг": "Reset configuration",
+    "Вызов http-метода": "HTTP method call",
+    "Изменение токена": "Token change",
+    "Изменение csrf токена": "CSRF token change",
+    "Получить модель": "Get model",
+    "Получить тип": "Get type",
+    "Форматирование модели модели": "Model formatting",
+    "Форматирование названия модели": "Model name formatting",
+    "Изменить модель": "Change model",
+    "Изменить тип": "Change type",
+    "Закрытие websocket соединения": "Close WebSocket connection",
+    "Открытие websocket соединения": "Open WebSocket connection",
+    "Подписка на streams": "Subscribe to streams",
+    "Подписка на stream": "Subscribe to a stream",
+    "Отписка от streams": "Unsubscribe from streams",
+    "Отписка от stream": "Unsubscribe from a stream",
+    "Отменить прослушивание метрик": "Cancel metric listening",
+    "Отписаться от метрик": "Unsubscribe from metrics",
+    "Провайдеры": "Providers",
+    "Редьюсеры": "Reducers",
+    "Хранилище": "Store",
+    "Вариация HttpComponent с функционалом обновления токена авторизации": "HttpComponent variation with authorization token refresh functionality",
+    "Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны": "Component for application localization. Supports language and time zone configuration",
+    "Компонент для добавления метрик в приложение (например яндекс метрики)": "Component for adding metrics to the application (e.g., Yandex.Metrics)",
+    "Поменять счетчики": "Change counters",
+    "Инициализация компонента": "Component initialization",
+    "Старт": "Start",
+    "Добавление редьюсеров": "Add reducers",
+    "Конфигурация": "Configuration",
+    "Метод для dispatch": "Method for dispatch",
+    "Метод, который вызывается при ошибке": "Method called on error",
+    "Получение состояния": "Get state",
+    "Инициализация": "Initialization",
+    "Инициализация хранилища": "Storage initialization",
+    "Подписка": "Subscription",
+    "Компонент для создания websocket взаимодействия": "Component for creating WebSocket interaction",
+    "Получить значение из хранилища.": "Get value from storage",
+    "Удалить значение из хранилища.": "Remove value from storage",
+    "Установить значение в хранилище.": "Set value in storage",
+    "Включает обработку вложенных данных из items вида [{id: 1, name: 'John', items: [...]}]": "Enables processing of nested data from items like [{id: 1, name: 'John', items: [...]}]",
+    "\nКомпонент `FileField` представляет собой поле формы для загрузки файлов.\nОн использует хук `useFile` для управления состоянием файлов и выполнения операций с файлами, таких как выбор и удаление.\nКомпонент поддерживает различные варианты отображения файлов (список или стена) с помощью перечисления `FilesLayout`.\nНа backendUrl по дефолту файл отправляется в теле запроса в виде бинарного кода.\nЧтобы отправлять файл в виде form-data (например в таком виде принимает файл FileModule в библиотеке steroidsjs/nest),\nнужно передать в `FileField` пропс uploaderConfig, в котором нужно указать поле useFormData: true.\n": "The `FileField` component represents a form field for uploading files.\nIt uses the `useFile` hook to manage the state of files and perform file operations such as selection and deletion.\nThe component supports various file display options (list or wall) using the `FilesLayout` enum.\nBy default, files are sent as binary data in the request body to the backend URL.\nTo send a file as form-data (e.g., as accepted by the FileModule in the steroidsjs/nest library),\nyou need to pass the `uploaderConfig` prop to `FileField` and specify the `useFormData: true` field.\n",
+    "Массив исполнителей, которых можно назначить для выполнения задачи": "Array of performers that can be assigned to a task",
+    "Общий контекст обертка из библиотеки react-beautiful-dnd": "Common context wrapper from the react-beautiful-dnd library",
+    "Компонент обертка для регистрации элемента который можно переместить из библиотеки react-beautiful-dnd": "Wrapper component for registering a draggable item from the react-beautiful-dnd library",
+    "Компонент обертка для инициализации области куда можно переместить элемент из библиотеки react-beautiful-dnd": "Wrapper component for initializing the area where an item can be moved from the react-beautiful-dnd library",
+    "Идентификатор последней созданной задачи, нужен для определения последовательности id для новых задач": "Identifier of the last created task, needed to determine the sequence of IDs for new tasks",
+    "Обработчик события создания карточки": "Card creation event handler",
+    "Обработчик события окончания перетаскивания карточки или колонки\nВ result передается объект с информацией о событии": "Event handler for ending card or column dragging\nThe `result` parameter contains an object with event information",
+    "Обработчик события редактирования карточки": "Card editing event handler",
+    "Массив тегов для задач": "Array of tags for tasks",
+    "\nКомпонент в котором можно расположить различные элементы, например графики, таблицы на доске\n": "\nA component in which various elements can be placed, such as graphics, tables on a board\n",
+    "Заголовок для элемента": "Title for the element",
+    "Кастомная вьюшка для элемента": "Custom view for the element",
+    "Элементы дашборда": "Dashboard elements",
+    "Свойства для модального окна": "Properties for a modal window",
+    "Параметры для групп событий": "Event group parameters",
+    "Свойства для модального окна группы событий": "Properties for a modal window of event groups",
+    "Функция, которая вызовется при смене типа календаря": "Function called when the calendar type changes",
+    "Внутреннее описание события": "Internal event description",
+    "Идентификатор": "Identifier",
+    "События группы": "Event group",
+    "Название группы": "Group name",
+    "Идентификатор чата": "Chat identifier",
+    "Данные о текущем пользователе, нужны для отправки сообщений и определения сообщений пользователя": "Data about the current user, needed for sending messages and determining user messages",
+    "Коллекция сообщений": "Message collection",
+    "Event sending event handler": "Event sending event handler",
+    "\nКомплексный компонент календарь служит для планирования событий и их отображения в календаре.\n\nКомпонент умеет отображать события с помощью недельной сетки с шагом в 1 час,\nа также переключать отображение на сетку по месяцам с шагом 1 день.\nПрисутствует возможность добавлять в календарь события и создавать новые группы событий.\n\n": "The complex `Calendar` component is used for event planning and display in a calendar.\nThe component can display events using a weekly grid with a 1-hour interval\nand can switch to a monthly grid with a 1-day interval.\nIt also allows adding events to the calendar and creating new event groups.",
+    "Этот компонент позволяет создавать в проекте графики разных типов, используя библиотеки nivo, react-vis и другие.\n Под капотом для графиков могут использоваться различные библиотеки в зависимости от предпочтений и потребностей проекта.\n Для работы с nivo графиками, необходимо установить в проекте зависимости @nivo/core и соответствующий пакет графика, например @nivo/line.\n Компонент графика, независимо от выбранной библиотеки, нужно передать в пропс chartComponent.": "This component allows creating various types of charts in the project using libraries like nivo, react-vis, and others.\nDifferent chart libraries can be used under the hood depending on project preferences and needs. To work with nivo charts, you need to install dependencies like @nivo/core and the appropriate chart package, e.g., @nivo/line. Regardless of the chosen library, you need to pass the `chartComponent` prop for the chart component.",
+    "\nКомплексный компонент `Chat` предназначен для коммуникации пользователей с помощью текстовых сообщений.\n": "The complex `Chat` component is designed for user communication through text messages.\n",
+    "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n": "The `Kanban` component allows creating a board for task management. The number of columns is set using the `columns` prop.\nTasks on the board can be created, edited, and moved with visual representation.\nTo use this component, you need to install the `react-beautiful-dnd` dependencies in the project\nand pass the `Droppable`, `Draggable`, and `DragDropContext` components as `droppableComponent`, `draggableComponent`, and `dndContext` props, respectively.",
+    "\nПоле ввода почты. Этот компонент представляет собой поле ввода почты.\n\n": "Email input field. This component represents an email input field.",
+    "\nСоздает список из сгруппированных полей формы.\n": "Creates a list of grouped form fields.",
+    "\nКомпонент `Skeleton` представляет собой заглушку для отображения временных данных\nво время загрузки или ожидания загрузки реальных данных.\n": "The `Skeleton` component serves as a placeholder for displaying temporary data during loading or while waiting for real data.",
+    "\nКомпонент `ControlsColumn` предоставляет колонку с контролами.\n": "The `ControlsColumn` component provides a column with controls.",
+    "\nКомпонент для представления данных коллекции в виде иерархической структуры.\n": "A component for presenting collection data in the form of a hierarchical structure.",
+    "\nС помощью компонента `Link` вы можете легко настраивать цветовую схему элементов ссылок.\n": "With the `Link` component, you can easily customize the color scheme of link elements.",
+    "\nКомпонент навигации позволяет переключаться между группами связанного контента.\n\n": "The navigation component allows switching between groups of related content.",
+    "Кнопки\nМогут служить в качестве настраиваемых контроллов для создания функционала": "Buttons\nCan serve as customizable controls to create functionality",
+    "Фиксированная высота обертки в пикселях": "Fixed wrapper height in pixels",
+    "Чекбоксы\nМогут служить в качестве настраиваемых контроллов для создания функционала": "Checkboxes\nCan serve as customizable controls to create functionality",
+    "Заголовок графика": "Chart title",
     "Срок хранения токена в хранилище в днях": "",
-    "Имя хранилища для токена (local, session, или cookie)": "",
-    "Ключ токена авторизации для локального хранилища": "",
-    "Запрос на обновление токена авторизации": "",
-    "Хендлер для авторизации": "",
-    "Функция, которая вызывается на закрытие соединения": "",
-    "Функция, которая вызывается на отправку сообщения": "",
-    "Функция, которая вызывается на открытие соединения": "",
-    "Массив streams": "",
-    "url для websocket": "",
-    "Колонки канбан доски": "",
-    "Идентификатор канбан доски": "",
-    "Обработчик события окончания перетаскивания карточки или колонки": "",
-    "Метод для добавления css-класса к элементу": "",
-    "Утилита для создания css-классов по БЭМ": "",
-    "Метод для соединения нескольких classNames": "",
-    "Метод для удаления css-класса у элемента": "",
-    "Метод, который вызывается после запроса": "",
-    "Вызов метода delete": "",
-    "Вызов метода get": "",
-    "Получение токена": "",
-    "Получение конфига для axios": "",
-    "Получение экземпляра axios": "",
-    "Получение url по методу": "",
-    "Метод, который можно вызвать при login": "",
-    "Метод, который можно вызвать при logout": "",
-    "Вызов метода post": "",
-    "Удаление токена": "",
-    "Сбросить конфиг": "",
-    "Вызов http-метода": "",
-    "Изменение токена": "",
-    "Изменение csrf токена": "",
-    "Получить модель": "",
-    "Получить тип": "",
-    "Форматирование модели модели": "",
-    "Форматирование названия модели": "",
-    "Изменить модель": "",
-    "Изменить тип": "",
-    "Закрытие websocket соединения": "",
-    "Открытие websocket соединения": "",
-    "Подписка на streams": "",
-    "Подписка на stream": "",
-    "Отписка от streams": "",
-    "Отписка от stream": "",
-    "Отменить прослушивание метрик": "",
-    "Отписаться от метрик": "",
-    "Провайдеры": "",
-    "Редьюсеры": "",
-    "Хранилище": "",
-    "Вариация HttpComponent с функционалом обновления токена авторизации": "",
-    "Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны": "",
-    "Компонент для добавления метрик в приложение (например яндекс метрики)": "",
-    "Поменять счетчики": "",
-    "Инициализация компонента": "",
-    "Старт": "",
-    "Добавление редьюсеров": "",
-    "Конфигурация": "",
-    "Метод для dispatch": "",
-    "Метод, который вызывается при ошибке": "",
-    "Получение состояние": "",
-    "Инициализация": "",
-    "Инициализация хранилища": "",
-    "Подписка": "",
-    "Компонент для создания websocket взаимодействия": "",
-    "Получить значение из хранилища.": "",
-    "Удалить значение из хранилища.": "",
-    "Установить значение в хранилище.": "",
-    "Включает обработку вложенных данных из items вида [{id: 1, name: 'John', items: [...]}]": "",
-    "\nКомпонент `FileField` представляет собой поле формы для загрузки файлов.\nОн использует хук `useFile` для управления состоянием файлов и выполнения операций с файлами, таких как выбор и удаление.\nКомпонент поддерживает различные варианты отображения файлов (список или стена) с помощью перечисления `FilesLayout`.\nНа backendUrl по дефолту файл отправляется в теле запроса в виде бинарного кода.\nЧтобы отправлять файл в виде form-data (например в таком виде принимает файл FileModule в библиотеке steroidsjs/nest),\nнужно передать в `FileField` пропс uploaderConfig, в котором нужно указать поле useFormData: true.\n": "",
-    "Массив исполнителей, которых можно назначить для выполнения задачи": "",
-    "Общий контекст обертка из библиотеки react-beautiful-dnd": "",
-    "Компонент обертка для регистрации элемента который можно переместить из библиотеки react-beautiful-dnd": "",
-    "Компонент обертка для инициализации области куда можно переместить элемент из библиотеки react-beautiful-dnd": "",
-    "Идентификатор последней созданной задачи, нужен для определения последовательности id для новых задач": "",
-    "Обработчик события создания карточки": "",
-    "Обработчик события окончания перетаскивания карточки или колонки\nВ result передается объект с информацией о событии": "",
-    "Обработчик события редактирования карточки": "",
-    "Массив тегов для задач": "",
-    "\nКомпонент в котором можно расположить различные элементы, например графики, таблицы на доске\n": "",
-    "Заголовок для элемента": "",
-    "Кастомная вьюшка для элемента": "",
-    "Элементы дашборда": "",
-    "Свойства для модального окна": "",
-    "Параметры для групп событий": "",
     "Свойства для модалного окна группы событий": "",
-    "Функция, которая вызовется при смене типа календаря": "",
     "Внутреннее описания события": "",
-    "Идентификатор": "",
-    "События группы": "",
-    "Название группы": "",
-    "Идентификатор чата": "",
-    "Данные о текущем пользователе, нужны для отправки сообщений и определения сообщений пользователя": "",
-    "Коллекция сообщений": "",
-    "Обработчик события отправки сообщения": "",
-    "\nКомплексный компонент календарь служит для планирования событий и их отображения в календаре.\n\nКомпонент умеет отображать события с помощью недельной сетки с шагом в 1 час,\nа также переключать отображение на сетку по месяцам с шагом 1 день.\nПрисутствует возможность добавлять в календарь события и создавать новые группы событий.\n\n": "",
-    "Этот компонент позволяет создавать в проекте графики разных типов, используя библиотеки nivo, react-vis и другие.\n Под капотом для графиков могут использоваться различные библиотеки в зависимости от предпочтений и потребностей проекта.\n Для работы с nivo графиками, необходимо установить в проекте зависимости @nivo/core и соответствующий пакет графика, например @nivo/line.\n Компонент графика, независимо от выбранной библиотеки, нужно передать в пропс chartComponent.": "",
-    "\nКомплексный компонент `Chat` предназначен для коммуникации пользователей с помощью текстовых сообщений.\n": "",
-    "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n": "",
-    "\nПоле ввода почты. Этот компонент представляет собой поле ввода почты.\n\n": "",
-    "\nСоздает список из сгруппированных полей формы.\n": "",
-    "\nКомпонент `Skeleton` представляет собой заглушку для отображения временных данных\nво время загрузки или ожидания загрузки реальных данных.\n": "",
-    "\nКомпонент `ControlsColumn` предоставляет колонку с контролами.\n": "",
-    "\nКомпонент для представления данных коллекции в виде иерархической структуры.\n": "",
-    "\nС помощью компонента `Link` вы можете легко настраивать цветовую схему элементов ссылок.\n": "",
-    "\nКомпонент навигации позволяет переключаться между группами связанного контента.\n\n": "",
     "Кнопки\nМогут служить в качестве настаиваемых контроллов для создания функционала": "",
-    "Фиксированная высота обертки в пикселях": "",
     "Чекбоксы\nМогут служить в качестве настаиваемых контроллов для создания функционала": "",
-    "Заголовок графика": ""
+    "Иконка, которая отобразится слева от заголовка": "",
+    "Метод, который можно вызвать при login": "",
+    "Метод, который можно вызвать при logout": "",
+    "Получение состояние": ""
 }

package/hooks/useDataProvider.d.ts

@@ -52,7 +52,17 @@ export interface IDataProvider {
 export interface IDataProviderConfig {
     /**
      * Коллекция элементов
-     * @example [{id: 1, label: 'Krasnoyarsk'}, {id: 2, label: 'Moscow'}]
+     * @example
+     * [
+     *  {
+     *   id: 1,
+     *   label: 'Krasnoyarsk'
+     *  },
+     *  {
+     *   id: 2,
+     *   label: 'Moscow'
+     *  }
+     * ]
      */
     items?: DataProviderItems;
     /**
@@ -67,7 +77,12 @@ export interface IDataProviderConfig {
     query?: string;
     /**
      * Настройки поиска
-     * @example {enable: true, minLength: 2, delay: 100}
+     * @example
+     * {
+     *  enable: true,
+     *  minLength: 2,
+     *  delay: 100
+     * }
      */
     autoComplete?: boolean | IAutoCompleteConfig;
     /**

package/hooks/useFile.d.ts

@@ -48,4 +48,5 @@ export interface IFileOutput {
     onRemove?: any;
     onAdd?: any;
 }
+export declare function generateBackendUrl(props: any): any;
 export default function useFile(props: IFileInput): IFileOutput;

package/hooks/useFile.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+exports.generateBackendUrl = void 0;
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var fileup_core_1 = __importDefault(require("fileup-core"));
@@ -42,6 +43,7 @@ function generateBackendUrl(props) {
         imagesExactSize: props.imagesExactSize
     });
 }
+exports.generateBackendUrl = generateBackendUrl;
 function useFile(props) {
     var http = (0, index_1.useComponents)().http;
     http.getAccessToken(); // TODO Run promise..

package/hooks/useList.d.ts

@@ -49,27 +49,53 @@ export interface IListConfig {
     actionMethod?: HttpMethod;
     /**
      * Подключение пагинации
-     * @example {loadMore: true}
+     * @example
+     * {
+     *  loadMore: true
+     * }
      */
     pagination?: boolean | IPaginationProps;
     /**
      * Переключение количества элементов в списке
-     * @example {sizes: [3, 6, 9], defaultValue: 3}
+     * @example
+     * {
+     *  sizes: [3, 6, 9],
+     *  defaultValue: 3
+     * }
      */
     paginationSize?: boolean | IPaginationSizeProps;
     /**
      * Подключение сортировки
-     * @example {enable: true, defaultSort: 'startDate'}
+     * @example
+     * {
+     *  enable: true,
+     *  defaultSort: 'startDate'
+     * }
      */
     sort?: boolean | ISortConfig;
     /**
      * Варианты расположения элементов коллекции
-     * @example {items: [{id: 'list', label: 'List'}, {id: 'grid', label: 'Grid'}]}
+     * @example
+     * {
+     *  items: [
+     *   {
+     *    id: 'list',
+     *    label: 'List'
+     *   },
+     *   {
+     *    id: 'grid',
+     *    label: 'Grid'
+     *   }
+     *  ]
+     * }
      */
     layout?: boolean | ILayoutNamesProps;
     /**
      * Заглушка в случае отсутствия элементов
-     * @example {text: 'Записи не найдены'}
+     * @example
+     * {
+     *  text: 'Записи не найдены'
+     * }
      */
     empty?: boolean | string | IEmptyProps;
     /**
@@ -79,7 +105,15 @@ export interface IListConfig {
     isLoading?: boolean;
     /**
      * Форма для поиска элементов
-     * @example {fields: ['title'], model: {attributes: ['title:string:Название']}}
+     * @example
+     * {
+     *  fields: ['title'],
+     *  model: {
+     *   attributes: [
+     *    'title:string:Название'
+     *   ]
+     *  }
+     * }
      */
     searchForm?: Omit<IFormProps, 'formId'> & {
         formId?: string;
@@ -124,7 +158,10 @@ export interface IListConfig {
     scope?: string[];
     /**
      * Дополнительные параметры, значения которых нужно передавать в запросе для получения данных
-     * @example {tagName: 'MarketReviews'}
+     * @example
+     * {
+     *  tagName: 'MarketReviews'
+     * }
      */
     query?: Record<string, unknown>;
     /**
@@ -133,7 +170,15 @@ export interface IListConfig {
     model?: string;
     /**
      * Модель для синхронизации значений формы с адресной строкой
-     * @example {attributes: [{attribute: 'isMilesAvailable', type: boolean}]}
+     * @example
+     * {
+     *  attributes: [
+     *   {
+     *    attribute: 'isMilesAvailable',
+     *    type: boolean
+     *   }
+     *  ]
+     * }
      */
     searchModel?: string;
     /**

package/hooks/useList.js

@@ -118,7 +118,7 @@ var prepareItemsToTree = function (sourceItems, openedTreeItems, currentPage, it
         var uniqueId = (0, list_1.getTreeItemUniqId)(item, index, parentId);
         var isOpened = !!openedTreeItems[uniqueId];
         var hasItems = !!(item.items && item.items.length > 0);
-        treeItems.push(__assign(__assign({}, item), { uniqueId: uniqueId, level: currentLevel, isOpened: isOpened, hasItems: hasItems, onTreeItemClick: onTreeItemClick }));
+        treeItems.push(__assign(__assign({}, item), { uniqueId: uniqueId, level: currentLevel, isOpened: isOpened, hasItems: hasItems, onClick: function () { return onTreeItemClick(uniqueId, item); } }));
         if (isOpened) {
             treeItems = treeItems.concat((0, exports.prepareItemsToTree)(item.items, openedTreeItems, currentPage, itemsOnPage, onTreeItemClick, uniqueId, currentLevel + 1)).filter(Boolean);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.103",
+ "version": "3.0.0-beta.105",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {
@@ -90,6 +90,7 @@
   "jest-enzyme": "^7.1.2",
   "rc-slider": "9.7.4",
   "ts-jest": "^26.5.1",
+  "typedoc": "^0.21.0",
   "typescript": "^4.9.5"
  }
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface IAccordionIcon {
     /**
     * Пользовательская иконка открытия
-    * @example 'user
+    * @example 'user'
     */
     open: React.ReactElement | string;
     /**
@@ -64,7 +64,10 @@ export interface IAccordionProps extends IUiComponent {
     activeKey?: number;
     /**
      * Вызываемая функция при каждом изменении состояния
-     * @example {() => {console.log('success')}}
+     * @example
+     * {
+     *  () => { console.log('success') }
+     * }
      */
     onChange?: () => void;
     /**

package/ui/content/Alert/Alert.d.ts

@@ -18,7 +18,7 @@ import React from 'react';
 export interface IAlertProps extends IUiComponent {
     /**
     * Дочерние элементы
-    * @example {<span>children</span>}
+    * @example { <span>children</span> }
     */
     children?: React.ReactNode;
     /**
@@ -45,7 +45,10 @@ export interface IAlertProps extends IUiComponent {
     showIcon?: boolean;
     /**
      * Callback функция вызываемая при нажатии на кнопку закрытия
-     * @example {() => console.log('this is callback')}
+     * @example
+     * {
+     *  () => console.log('this is callback')
+     * }
      */
     onClose?: () => void;
     /**

package/ui/content/Badge/Badge.d.ts

@@ -47,7 +47,11 @@ export interface IBadgeProps extends IUiComponent {
     message?: string;
     /**
      * Нужно ли отображать счетчик
-     * @example {isEnable: true, content: 'Hello from counter!'}
+     * @example
+     * {
+     *  isEnable: true,
+     *  content: 'Hello from counter!',
+     * }
      */
     counter: boolean | ICounter;
     /**

package/ui/content/Calendar/Calendar.d.ts

@@ -29,7 +29,12 @@ export interface ICalendarProps extends IUiComponent {
     onChange?: (date: string) => void;
     /**
      * Свойства для компонента DayPickerInput
-     * @example {dayPickerProps: {showWeekNumbers: true}}
+     * @example
+     * {
+     *  dayPickerProps: {
+     *   showWeekNumbers: true
+     *  }
+     * }
      */
     pickerProps?: DayPickerProps | any;
     /**

package/ui/content/Card/Card.d.ts

@@ -38,6 +38,10 @@ export interface ICardHeader {
  * футер, коллекцию ссылок и коллекцию кнопок.
  */
 export interface ICardProps extends IUiComponent {
+    /**
+     * Коллекция кнопок
+     */
+    buttons?: IButtonProps[];
     /**
      * Дочерние элементы
      */
@@ -52,46 +56,48 @@ export interface ICardProps extends IUiComponent {
      * @example 'Scroll to see more...'
      */
     description?: string;
+    /**
+     * Контент футера
+     */
+    footer?: {
+        head: string;
+        subhead: string;
+    };
     /**
      * Контент хедера
      * @example
      * avatar: {
-     * src: 'Kate.png',
-     * status: true,
+     *  src: 'Kate.png',
+     *  status: true,
      * },
      * head: 'Header',
      * subhead: 'Subhead',
      * menu: {
      *  dropDownProps: {
-            position: 'bottom',
-            closeMode: 'click-any',
-        },
-        items: [
-            {label: 'Вырезать', icon: 'cut', onClick: voidFunction},
-            {label: 'Копировать', icon: 'copy', hasBorder: true, onClick: voidFunction},
-            {label: 'Показать историю изменений', hasBorder: true, onClick: voidFunction},
-            {label: 'Редактировать', icon: 'edit', onClick: voidFunction},
-            {label: 'Удалить', icon: 'trash', onClick: voidFunction},
-        ],
-        icon: 'menu_dots',
+     *   position: 'bottom',
+     *   closeMode: 'click-any',
+     *  },
+     *  items: [
+     *   {
+     *    label: 'Вырезать',
+     *    icon: 'cut',
+     *    onClick: voidFunction
+     *   },
+     *   {
+     *    label: 'Копировать',
+     *    icon: 'copy',
+     *    hasBorder: true
+     *    onClick: voidFunction
+     *   },
+     *  ],
+     *  icon: 'menu_dots',
      * },
      */
     header?: ICardHeader;
     /**
-     * Контент футера
+     * Коллекция ссылок
      */
-    footer?: {
-        head: string;
-        subhead: string;
-    };
-    /**
-    * Коллекция ссылок
-    */
     links?: ILinkProps[];
-    /**
-     * Коллекция кнопок
-     */
-    buttons?: IButtonProps[];
     /**
      * Заголовок карточки
      * @example 'Main card'

package/ui/content/Chart/Chart.d.ts

@@ -16,12 +16,20 @@ export interface IChartProps extends IUiComponent {
     chartComponent: any;
     /**
      * Данные для графика
-     * @example [{id: 1, value: 15}, {id: 2, value: 30}]
+     * @example
+     * [
+     *  {id: 1, value: 15},
+     *  {id: 2, value: 30}
+     * ]
      */
     data?: Record<string, any>[];
     /**
      * Конфигурация, настройки отображения графика
-     * @example {lineWidth: 3, pointSize: 10}
+     * @example
+     * {
+     *  lineWidth: 3,
+     *  pointSize: 10
+     * }
      */
     config?: Record<string, any>;
     /**