@steroidsjs/core 3.0.0-beta.57 → 3.0.0-beta.59

package/ui/format/EnumFormatter/EnumFormatter.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 import { DataProviderItems } from '../../../hooks/useDataProvider';
+/**
+ * IEnumFormatterProps
+ *
+ * Компонент EnumFormatter предназначен для форматирования перечисления элементов с использованием заданного формата.
+ * Он позволяет кастомизировать отображение элементов, используя переданный view React компонент.
+ **/
 export interface IEnumFormatterProps {
     /**
      * Перечисление элементов.

package/ui/format/FileSize/FileSize.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
+/**
+ * IFileSizeFormatterProps
+ *
+ * Компонент FileSize предназначен для форматирования размера файла в человеко-читаемом формате.
+ * Он позволяет кастомизировать отображение размера файла, используя переданный view React компонент.
+ **/
 export interface IFileSizeFormatterProps extends IUiComponent {
     /**
      * Если не указан размер файла, то в случае, если showZero = true

package/ui/format/Format/Format.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
+/**
+ * IFormatProps
+ *
+ * Компонент Format предназначен для форматирования значения на основе заданного форматтера.
+ * Он позволяет кастомизировать отображение значения, используя переданный view React компонент.
+ **/
 export interface IFormatProps {
     attribute?: string;
     model?: string | ((...args: any[]) => any) | any;

package/ui/format/MoneyFormatter/MoneyFormatter.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
+/**
+ * IMoneyFormatterProps
+ *
+ * Компонент MoneyFormatter предназначен для форматирования денежных значений с учетом валюты и округления.
+ * Он позволяет кастомизировать отображение денежного значения, используя переданный view React компонент.
+ **/
 export interface IMoneyFormatterProps {
     /**
      * Валюта @enum {eur, rub, usd}

package/ui/layout/Header/Header.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 import { INavProps } from '../../nav/Nav/Nav';
+/**
+ * IHeaderProps
+ *
+ * Компонент Header представляет собой верхнюю часть макета страницы.
+ * Он может содержать логотип и навигацию, а также кастомизироваться с помощью переданного view React компонента.
+ **/
 export interface IHeaderProps extends IUiComponent {
     /**
     * Свойства для логотипа

package/ui/layout/Loader/Loader.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
+/**
+ * ILoaderProps
+ *
+ * Компонент Loader представляет собой индикатор загрузки,
+ * который может использоваться для обозначения процесса загрузки данных или выполнения операции.
+ **/
 export interface ILoaderProps {
     /**
     * Размер элемента

package/ui/layout/Notifications/Notifications.d.ts

@@ -30,6 +30,9 @@ interface INotificationItem {
     message?: string;
     isClosing?: boolean;
 }
+/**
+ * Компонент Notifications представляет собой контейнер для отображения всплывающих уведомлений.
+ **/
 export interface INotificationsProps {
     /**
     * Исходные уведомления

package/ui/layout/Skeleton/Skeleton.d.ts

@@ -7,6 +7,10 @@ export interface ISkeletonViewProps {
     height?: string | number;
     width?: string | number;
 }
+/**
+ * Компонент Skeleton представляет собой заглушку для отображения временных данных
+ * во время загрузки или ожидания загрузки реальных данных.
+ **/
 export interface ISkeletonProps {
     /**
     * Дополнительные CSS классы

package/ui/layout/Tooltip/Tooltip.d.ts

@@ -36,6 +36,9 @@ export interface ITooltipStylePosition {
     */
     top: 'unset' | number;
 }
+/**
+ * Компонент Tooltip предоставляет всплывающую подсказку для дочерних элементов.
+ **/
 export interface ITooltipProps {
     /**
      * Текст подсказки

package/ui/list/ControlsColumn/ControlsColumn.d.ts

@@ -6,9 +6,8 @@ export interface IControlsColumnItem extends IButtonProps {
     visible?: boolean;
 }
 /**
- * ControlsColumn
- * Колонка для контролов
- */
+ * Компонент ControlsColumn предоставляет колонку с контролами.
+ **/
 export interface IControlsColumnProps {
     /**
      * Первичный ключ

package/ui/list/Steps/Steps.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * Компонент Steps предоставляет шаги для выполнения определенного процесса.
+ **/
 interface IStepsProps {
     stepItems: IStepItem[];
     currentStep: number;

package/ui/modal/ModalPortal/ModalPortal.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+/**
+ * Компонент ModalPortal отвечает за отображение модальных окон.
+ **/
 export interface IModalPortalProps {
     /**
      * Время, через которое произойдет закрытие Modal

package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts

@@ -18,6 +18,9 @@ interface ITwoFactorModalPrivateProps extends ITwoFactorModalProps {
         isConfirmed: string;
     };
 }
+/**
+ * Компонент TwoFactorModal отображает модальное окно для двухфакторной аутентификации.
+ **/
 export interface ITwoFactorModalViewProps extends ITwoFactorModalPrivateProps {
     description?: string;
     formProps?: any;

package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { IRouteItem } from '../Router/Router';
 /**
- * Breadcrumbs
- * Хлебные крошки
- */
+ * Компонент Breadcrumbs отображает хлебные крошки.
+ **/
 export interface IBreadcrumbsProps {
     /**
      * Кастомный CSS-класс

package/ui/nav/ButtonGroup/ButtonGroup.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { IButtonProps } from 'src/ui/form/Button/Button';
 import { DataProviderItems } from '../../../hooks/useDataProvider';
+/**
+ * Компонент ButtonGroup отображает группу кнопок.
+ **/
 export interface IButtonGroupProps extends IUiComponent {
     /**
      * Элементы для группы кнопок

package/ui/nav/ButtonGroup/ButtonGroup.js

@@ -31,12 +31,12 @@ var hooks_1 = require("../../../hooks");
 var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
 var DEFAULT_BUTTON_GROUP_SIZE = 'md';
 function ButtonGroup(props) {
-    var _a;
+    var _a, _b;
     var components = (0, hooks_1.useComponents)();
     var items = (0, useDataProvider_1["default"])({
         items: props.items
     }).items;
-    var _b = (0, react_1.useState)(props.activeButton || props.defaultActiveButton || items[0].id), activeButton = _b[0], setActiveButton = _b[1];
+    var _c = (0, react_1.useState)(props.activeButton || props.defaultActiveButton || ((_a = items[0]) === null || _a === void 0 ? void 0 : _a.id)), activeButton = _c[0], setActiveButton = _c[1];
     react_1["default"].useEffect(function () {
         if (props.activeButton) {
             setActiveButton(props.activeButton);
@@ -50,7 +50,7 @@ function ButtonGroup(props) {
         className: props.className,
         style: props.style,
         buttonProps: props.buttonProps,
-        size: ((_a = props.buttonProps) === null || _a === void 0 ? void 0 : _a.size) || DEFAULT_BUTTON_GROUP_SIZE,
+        size: ((_b = props.buttonProps) === null || _b === void 0 ? void 0 : _b.size) || DEFAULT_BUTTON_GROUP_SIZE,
         activeButton: activeButton,
         items: items,
         onClick: onClick