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

package/docs-autogen-result.json

@@ -4520,8 +4520,8 @@
         "ICalendarSystemProps": {
             "name": "ICalendarSystemProps",
             "moduleName": "ui/content/CalendarSystem/CalendarSystem",
-            "title": "Комплексный календарь",
-            "description": "",
+            "title": "CalendarSystem",
+            "description": "\nКомплексный компонент календарь служит для планирования событий и их отображения в календаре.\n\nКомпонент умеет отображать события с помощью недельной сетки с шагом в 1 час,\nа также переключать отображение на сетку по месяцам с шагом 1 день.\nПрисутствует возможность добавлять в календарь события и создавать новые группы событий.\n\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -5125,13 +5125,21 @@
             "name": "IChartProps",
             "moduleName": "ui/content/Chart/Chart",
             "title": "Chart",
-            "description": "Этот компонент позволяет создавать в проекте графики разных типов. Под капотом для графиков используется библиотека nivo.\nДля работы этого компонента необходимо установить в проекте зависимости @nivo/core и пакет конкретного графика nivo, например @nivo/line.\nКомпонент графика nivo нужно передать в пропс chartComponent",
+            "description": "Этот компонент позволяет создавать в проекте графики разных типов, используя библиотеки nivo, react-vis и другие.\n Под капотом для графиков могут использоваться различные библиотеки в зависимости от предпочтений и потребностей проекта.\n Для работы с nivo графиками, необходимо установить в проекте зависимости @nivo/core и соответствующий пакет графика, например @nivo/line.\n Компонент графика, независимо от выбранной библиотеки, нужно передать в пропс chartComponent.",
             "tags": {},
             "defaultProps": null,
             "extends": [
                 "IUiComponent"
             ],
             "properties": [
+                {
+                    "name": "buttonGroup",
+                    "decorators": [],
+                    "description": "Кнопки\nМогут служить в качестве настаиваемых контроллов для создания функционала",
+                    "required": true,
+                    "type": "IButtonGroupProps",
+                    "example": null
+                },
                 {
                     "name": "chartComponent",
                     "decorators": [],
@@ -5140,6 +5148,22 @@
                     "type": "any",
                     "example": "ResponsiveLine"
                 },
+                {
+                    "name": "chartHeight",
+                    "decorators": [],
+                    "description": "Фиксированная высота обертки в пикселях",
+                    "required": false,
+                    "type": "number",
+                    "example": "500"
+                },
+                {
+                    "name": "checkboxes",
+                    "decorators": [],
+                    "description": "Чекбоксы\nМогут служить в качестве настаиваемых контроллов для создания функционала",
+                    "required": true,
+                    "type": "ICheckboxListFieldProps",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -5160,18 +5184,10 @@
                     "name": "data",
                     "decorators": [],
                     "description": "Данные для графика",
-                    "required": true,
+                    "required": false,
                     "type": "Record[]",
                     "example": "[{id: 1, value: 15}, {id: 2, value: 30}]"
                 },
-                {
-                    "name": "height",
-                    "decorators": [],
-                    "description": "Фиксированная высота графика в пикселях",
-                    "required": false,
-                    "type": "number",
-                    "example": "500"
-                },
                 {
                     "name": "style",
                     "decorators": [],
@@ -5180,6 +5196,14 @@
                     "type": "CSSProperties",
                     "example": "{width: '45%'}"
                 },
+                {
+                    "name": "title",
+                    "decorators": [],
+                    "description": "Заголовок графика",
+                    "required": false,
+                    "type": "string",
+                    "example": null
+                },
                 {
                     "name": "useDefaultLineChartConfig",
                     "decorators": [],
@@ -5195,6 +5219,14 @@
                     "required": false,
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView"
+                },
+                {
+                    "name": "wrapperHeight",
+                    "decorators": [],
+                    "description": "Фиксированная высота обертки в пикселях",
+                    "required": false,
+                    "type": "number",
+                    "example": "500"
                 }
             ]
         },
@@ -5244,8 +5276,8 @@
         "IChatProps": {
             "name": "IChatProps",
             "moduleName": "ui/content/Chat/Chat",
-            "title": "",
-            "description": "",
+            "title": "Chat",
+            "description": "\nКомплексный компонент `Chat` предназначен для коммуникации пользователей с помощью текстовых сообщений.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -5279,7 +5311,7 @@
                 {
                     "name": "messages",
                     "decorators": [],
-                    "description": "Коллекция сообщений,",
+                    "description": "Коллекция сообщений",
                     "required": true,
                     "type": "IChatMessage[]",
                     "example": "[\n {\n        id: 1,\n        text: 'Всем привет!',\n        user: {\n            id: 1,\n            firstName: 'Olga',\n            lastName: 'Petrova',\n            avatar: {\n                src: 'images.com/image.png',\n                status: true,\n            },\n        },\n        timestamp: '2023-10-25T12:38:00',\n    },\n]"
@@ -7114,8 +7146,8 @@
         "IKanbanProps": {
             "name": "IKanbanProps",
             "moduleName": "ui/content/Kanban/Kanban",
-            "title": "",
-            "description": "",
+            "title": "Kanban",
+            "description": "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -13751,8 +13783,8 @@
         "IEmailFieldProps": {
             "name": "IEmailFieldProps",
             "moduleName": "ui/form/EmailField/EmailField",
-            "title": "",
-            "description": "",
+            "title": "EmailField",
+            "description": "\nПоле ввода почты. Этот компонент представляет собой поле ввода почты.\n\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -14502,8 +14534,8 @@
         "IFieldListItem": {
             "name": "IFieldListItem",
             "moduleName": "ui/form/FieldList/FieldList",
-            "title": "FieldList",
-            "description": "Создает список из сгруппированных полей формы",
+            "title": "",
+            "description": "",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -14793,8 +14825,8 @@
         "IFieldListProps": {
             "name": "IFieldListProps",
             "moduleName": "ui/form/FieldList/FieldList",
-            "title": "",
-            "description": "",
+            "title": "FieldList",
+            "description": "\nСоздает список из сгруппированных полей формы.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -25120,8 +25152,8 @@
         "ISkeletonProps": {
             "name": "ISkeletonProps",
             "moduleName": "ui/layout/Skeleton/Skeleton",
-            "title": "Компонент Skeleton представляет собой заглушку для отображения временных данных",
-            "description": "во время загрузки или ожидания загрузки реальных данных.",
+            "title": "Skeleton",
+            "description": "\nКомпонент `Skeleton` представляет собой заглушку для отображения временных данных\nво время загрузки или ожидания загрузки реальных данных.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [],
@@ -26010,7 +26042,7 @@
             "name": "IControlsColumnProps",
             "moduleName": "ui/list/ControlsColumn/ControlsColumn",
             "title": "ControlsColumn",
-            "description": "\nКомпонент ControlsColumn предоставляет колонку с контролами.\n",
+            "description": "\nКомпонент `ControlsColumn` предоставляет колонку с контролами.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [],
@@ -28807,8 +28839,8 @@
         "ITreeTableProps": {
             "name": "ITreeTableProps",
             "moduleName": "ui/list/TreeTable/TreeTable",
-            "title": "",
-            "description": "",
+            "title": "TreeTable",
+            "description": "\nКомпонент для представления данных коллекции в виде иерархической структуры.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -29652,7 +29684,7 @@
             "name": "ILinkProps",
             "moduleName": "ui/nav/Link/Link",
             "title": "Link",
-            "description": "\nСсылка\n",
+            "description": "\nС помощью компонента `Link` вы можете легко настраивать цветовую схему элементов ссылок.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -30174,7 +30206,7 @@
             "name": "INavProps",
             "moduleName": "ui/nav/Nav/Nav",
             "title": "Nav",
-            "description": "Компонент навигации",
+            "description": "\nКомпонент навигации позволяет переключаться между группами связанного контента.\n\n",
             "tags": {},
             "defaultProps": null,
             "extends": [],

package/en.json

@@ -917,6 +917,21 @@
     "Название группы": "",
     "Идентификатор чата": "",
     "Данные о текущем пользователе, нужны для отправки сообщений и определения сообщений пользователя": "",
-    "Коллекция сообщений,": "",
-    "Обработчик события отправки сообщения": ""
+    "Коллекция сообщений": "",
+    "Обработчик события отправки сообщения": "",
+    "\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Могут служить в качестве настаиваемых контроллов для создания функционала": "",
+    "Заголовок графика": ""
 }

package/hooks/useApplication.js

@@ -98,6 +98,7 @@ exports.defaultComponents = {
     }
 };
 function useApplication(config) {
+    var _a;
     if (config === void 0) { config = {}; }
     var useGlobal = config.useGlobal !== false;
     //Extending dayjs / day.js with modules that used in steroids
@@ -134,6 +135,9 @@ function useApplication(config) {
         if (config.onInit) {
             config.onInit(components);
         }
+        if ((_a = components === null || components === void 0 ? void 0 : components.locale) === null || _a === void 0 ? void 0 : _a.language) {
+            dayjs_1["default"].locale(components.locale.language);
+        }
     }
     // Application wrapper
     var renderApplication = (0, react_1.useCallback)(function (children) {

package/package.json

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

package/ui/content/CalendarSystem/CalendarSystem.d.ts

@@ -67,8 +67,15 @@ export interface IEventGroup {
     events: Omit<IEvent, 'color'>[];
 }
 /**
- * Комплексный календарь
- **/
+ * CalendarSystem
+ *
+ * Комплексный компонент календарь служит для планирования событий и их отображения в календаре.
+ *
+ * Компонент умеет отображать события с помощью недельной сетки с шагом в 1 час,
+ * а также переключать отображение на сетку по месяцам с шагом 1 день.
+ * Присутствует возможность добавлять в календарь события и создавать новые группы событий.
+ *
+ */
 export interface ICalendarSystemProps extends IUiComponent {
     /**
     * Функция, которая вызовется при смене типа календаря

package/ui/content/Chat/Chat.d.ts

@@ -13,6 +13,11 @@ export interface IChatMessage {
     text: string;
     timestamp: Date | string;
 }
+/**
+ * Chat
+ *
+ * Комплексный компонент `Chat` предназначен для коммуникации пользователей с помощью текстовых сообщений.
+ */
 export interface IChatProps extends IUiComponent {
     /**
      * Идентификатор чата
@@ -20,7 +25,7 @@ export interface IChatProps extends IUiComponent {
      */
     chatId: string;
     /**
-     * Коллекция сообщений,
+     * Коллекция сообщений
      * @example [
      *  {
      *         id: 1,

package/ui/content/Chat/utils/index.d.ts

@@ -1,4 +1,5 @@
 import { getMessagesGroupedByDate, isWithinTimeThreshold } from './getMessagesGroupedByDate';
 import { addNewMessageIntoGroupedMessages } from './addNewMessageIntoGroupedMessages';
 import { calculateMessageTimeAgo } from './calculateMessageTimeAgo';
-export { getMessagesGroupedByDate, isWithinTimeThreshold, addNewMessageIntoGroupedMessages, calculateMessageTimeAgo, };
+import { isTodayMessage } from './isTodayMessage';
+export { getMessagesGroupedByDate, isWithinTimeThreshold, addNewMessageIntoGroupedMessages, calculateMessageTimeAgo, isTodayMessage, };

package/ui/content/Chat/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.calculateMessageTimeAgo = exports.addNewMessageIntoGroupedMessages = exports.isWithinTimeThreshold = exports.getMessagesGroupedByDate = void 0;
+exports.isTodayMessage = exports.calculateMessageTimeAgo = exports.addNewMessageIntoGroupedMessages = exports.isWithinTimeThreshold = exports.getMessagesGroupedByDate = void 0;
 var getMessagesGroupedByDate_1 = require("./getMessagesGroupedByDate");
 exports.getMessagesGroupedByDate = getMessagesGroupedByDate_1.getMessagesGroupedByDate;
 exports.isWithinTimeThreshold = getMessagesGroupedByDate_1.isWithinTimeThreshold;
@@ -8,3 +8,5 @@ var addNewMessageIntoGroupedMessages_1 = require("./addNewMessageIntoGroupedMess
 exports.addNewMessageIntoGroupedMessages = addNewMessageIntoGroupedMessages_1.addNewMessageIntoGroupedMessages;
 var calculateMessageTimeAgo_1 = require("./calculateMessageTimeAgo");
 exports.calculateMessageTimeAgo = calculateMessageTimeAgo_1.calculateMessageTimeAgo;
+var isTodayMessage_1 = require("./isTodayMessage");
+exports.isTodayMessage = isTodayMessage_1.isTodayMessage;

package/ui/content/Chat/utils/isTodayMessage.d.ts

@@ -0,0 +1 @@
+export declare const isTodayMessage: (timestamp: string | Date) => boolean;

package/ui/content/Chat/utils/isTodayMessage.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.isTodayMessage = void 0;
+var dayjs_1 = __importDefault(require("dayjs"));
+var isTodayMessage = function (timestamp) {
+    var messageDate = (0, dayjs_1["default"])(timestamp);
+    var currentDate = (0, dayjs_1["default"])();
+    return currentDate.isSame(messageDate, 'day') || currentDate.isAfter(messageDate);
+};
+exports.isTodayMessage = isTodayMessage;

package/ui/content/Dashboard/Dashboard.d.ts

@@ -5,6 +5,10 @@ export interface IDashboardItem extends IFlexGridItem {
     * Заголовок для элемента
     */
     title?: string;
+    /**
+     * Иконка, которая отобразится слева от заголовка
+     */
+    iconName?: string;
 }
 /**
  * Dashboard
@@ -21,9 +25,8 @@ export interface IDashboardProps extends IUiComponent, IFlexGridProps {
      */
     itemView?: CustomView;
 }
-export interface IDashboardItemViewProps {
+export interface IDashboardItemViewProps extends Pick<IDashboardItem, 'title' | 'iconName'> {
     children: React.ReactNode;
-    title?: string;
 }
 declare function Dashboard(props: IDashboardProps): JSX.Element;
 export default Dashboard;

package/ui/content/Dashboard/Dashboard.js

@@ -20,7 +20,7 @@ var hooks_1 = require("../../../hooks");
 function Dashboard(props) {
     var components = (0, hooks_1.useComponents)();
     var DashboardItemView = props.itemView || components.ui.getView('content.DashboardItemView');
-    var flexGridItems = react_1["default"].useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, item), { content: (react_1["default"].createElement(DashboardItemView, { title: item.title }, item.content)) })); }); }, [DashboardItemView, props.items]);
+    var flexGridItems = react_1["default"].useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, item), { content: (react_1["default"].createElement(DashboardItemView, { title: item.title, iconName: item.iconName }, item.content)) })); }); }, [DashboardItemView, props.items]);
     return (react_1["default"].createElement(FlexGrid_1["default"], __assign({}, props, { items: flexGridItems })));
 }
 exports["default"] = Dashboard;

package/ui/content/Kanban/Kanban.d.ts

@@ -69,6 +69,17 @@ export interface IKanbanTaskDetailsModalViewProps extends IModalProps {
     bem: IBem;
     task: IKanbanTask;
 }
+/**
+ * Kanban
+ *
+ * Компонент `Kanban` позволяет создать доску для управления задачами.
+ * Количество столбцов задается с помощью пропа `columns`.
+ * Задачи на доске можно создавать, редактировать и перемещать с визуальным отображением.
+ *
+ * Для работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`
+ * и передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`
+ * компоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.
+ */
 export interface IKanbanProps extends IKanbanConfig, IUiComponent {
     /**
      * Компонент обертка для инициализации области куда можно переместить элемент из библиотеки react-beautiful-dnd

package/ui/form/EmailField/EmailField.d.ts

@@ -1,5 +1,11 @@
 import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
+/**
+ * EmailField
+ *
+ * Поле ввода почты. Этот компонент представляет собой поле ввода почты.
+ *
+ **/
 export interface IEmailFieldProps extends IBaseFieldProps, IFieldWrapperInputProps {
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IEmailFieldProps>;

package/ui/form/EmailField/EmailField.js

@@ -19,10 +19,6 @@ var react_1 = __importDefault(require("react"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var useInputTypeEmail_1 = __importDefault(require("./hooks/useInputTypeEmail"));
-/**
- * EmailField
- * Поле для ввода почты
- */
 function EmailField(props) {
     var components = (0, hooks_1.useComponents)();
     var _a = (0, hooks_1.useSaveCursorPosition)(props.input), currentInputRef = _a.inputRef, onChange = _a.onChange;

package/ui/form/FieldList/FieldList.d.ts

@@ -1,9 +1,5 @@
 import * as React from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
-/**
- * FieldList
- * Создает список из сгруппированных полей формы
- */
 export interface IFieldListItem extends IFieldWrapperInputProps, IUiComponent {
     /**
      * Будет ли отображён item ?
@@ -30,6 +26,11 @@ export interface IFieldListItem extends IFieldWrapperInputProps, IUiComponent {
     title?: string;
     [key: string]: any;
 }
+/**
+ * FieldList
+ *
+ * Создает список из сгруппированных полей формы.
+ */
 export interface IFieldListProps extends IFieldWrapperInputProps, IUiComponent {
     /**
      * Начальные значения в полях

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

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

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

@@ -8,7 +8,7 @@ export interface IControlsColumnItem extends IButtonProps {
 /**
  * ControlsColumn
  *
- * Компонент ControlsColumn предоставляет колонку с контролами.
+ * Компонент `ControlsColumn` предоставляет колонку с контролами.
  **/
 export interface IControlsColumnProps {
     /**

package/ui/list/TreeTable/TreeTable.d.ts

@@ -24,6 +24,11 @@ export interface ITreeTableItem {
      */
     uniqueId?: string;
 }
+/**
+ * TreeTable
+ *
+ * Компонент для представления данных коллекции в виде иерархической структуры.
+ */
 export interface ITreeTableProps extends Omit<IGridProps, 'items'> {
     /**
      * Элементы коллекции
@@ -32,8 +37,4 @@ export interface ITreeTableProps extends Omit<IGridProps, 'items'> {
     items?: ITreeTableItem[];
 }
 export declare const addTreeColumnFieldsToFirstColumn: (columns: IGridColumn[]) => IGridColumn[];
-/**
- * TreeTable
- * Компонент для представления данных коллекции в виде иерархической структуры.
- */
 export default function TreeTable(props: ITreeTableProps): JSX.Element;

package/ui/list/TreeTable/TreeTable.js

@@ -62,10 +62,6 @@ var addTreeColumnFieldsToFirstColumn = function (columns) {
     return newColumns;
 };
 exports.addTreeColumnFieldsToFirstColumn = addTreeColumnFieldsToFirstColumn;
-/**
- * TreeTable
- * Компонент для представления данных коллекции в виде иерархической структуры.
- */
 function TreeTable(props) {
     var columns = (0, react_1.useMemo)(function () { return (0, exports.addTreeColumnFieldsToFirstColumn)(props.columns); }, [props.columns]);
     return (React.createElement(Grid_1["default"], __assign({}, props, { columns: columns, items: props.items, itemsIndexing: false, hasTreeItems: true })));

package/ui/nav/Link/Link.d.ts

@@ -3,7 +3,7 @@ import { IButtonProps, IButtonViewProps } from '../../form/Button/Button';
 /**
  * Link
  *
- * Ссылка
+ * С помощью компонента `Link` вы можете легко настраивать цветовую схему элементов ссылок.
  */
 export interface ILinkProps extends IButtonProps {
     [key: string]: any;

package/ui/nav/Nav/Nav.d.ts

@@ -56,7 +56,9 @@ export interface INavItem extends IButtonProps {
 }
 /**
  * Nav
- * Компонент навигации
+ *
+ * Компонент навигации позволяет переключаться между группами связанного контента.
+ *
  */
 export interface INavProps {
     /**