fui-material 2.8.4 → 2.8.6

package/dist/types/material/FStatusBadge/FStatusBadge.d.ts

@@ -0,0 +1,67 @@
+import { FC, ReactNode } from "react";
+/**
+ * Варианты цветового оформления бейджа статуса из фирменной палитры fui-kit.
+ */
+export type StatusBadgeVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark";
+/**
+ * Варианты размеров бейджа.
+ */
+export type StatusBadgeSize = "sm" | "md" | "lg";
+/**
+ * Параметры компонента FStatusBadge.
+ */
+export interface IFStatusBadge {
+    /**
+     * Текстовое содержимое или дочерние элементы бейджа.
+     */
+    children: ReactNode;
+    /**
+     * Фирменная цветовая схема индикатора статуса.
+     * По умолчанию — `"secondary"`.
+     */
+    variant?: StatusBadgeVariant;
+    /**
+     * Размер бейджа (`"sm"` — компактный для плотных таблиц, `"md"` — стандартный, `"lg"` — крупный для карточек).
+     * По умолчанию — `"md"`.
+     */
+    size?: StatusBadgeSize;
+    /**
+     * Флаг отображения точки-индикатора перед текстом.
+     * По умолчанию — `true`.
+     */
+    showDot?: boolean;
+    /**
+     * Включает плавную пульсирующую анимацию для точки-индикатора.
+     * По умолчанию — `false`.
+     */
+    pulseDot?: boolean;
+    /**
+     * Дополнительные CSS-классы для кастомизации.
+     */
+    className?: string;
+}
+/**
+ * Компонент `FStatusBadge` — компактный бейдж-индикатор статуса в палитре fui-kit с поддержкой размеров и пульсации.
+ *
+ * @component
+ * @example
+ * <FStatusBadge variant="warning" pulseDot>
+ *   На регистрации
+ * </FStatusBadge>
+ *
+ * @example
+ * <FStatusBadge variant="success" size="sm" showDot={false}>
+ *   Действует
+ * </FStatusBadge>
+ *
+ * @param {ReactNode} children - Текст или элементы, отображаемые внутри бейджа.
+ * @param {StatusBadgeVariant} [variant="secondary"] - Цветовая схема из палитры fui-kit.
+ * @param {StatusBadgeSize} [size="md"] - Размер бейджа (`"sm"` | `"md"` | `"lg"`).
+ * @param {boolean} [showDot=true] - Отображать ли цветовую точку-индикатор.
+ * @param {boolean} [pulseDot=false] - Включить эффект мягкой пульсации точки.
+ * @param {string} [className=""] - Пользовательский CSS-класс.
+ *
+ * @returns {JSX.Element} Стилизованный inline-бейдж статуса.
+ */
+declare const FStatusBadge: FC<IFStatusBadge>;
+export default FStatusBadge;

package/dist/types/material/FStatusBadge/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./FStatusBadge";

package/dist/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts

@@ -6,27 +6,27 @@ import React, { FC } from "react";
  */
 export interface IFTableDataCell extends React.TdHTMLAttributes<HTMLTableCellElement> {
     /**
-     * Дополнительные стили для ячейки таблицы.
+     * Дополнительные инлайн-стили для ячейки таблицы.
      * @type {React.CSSProperties}
      */
     st?: React.CSSProperties;
     /**
-     * Значение rowspan для объединения строк.
+     * Значение rowspan для объединения строк по вертикали.
      * @type {number | undefined}
      */
     row?: number;
     /**
-     * Значение colspan для объединения столбцов.
+     * Значение colspan для объединения столбцов по горизонтали.
      * @type {number | undefined}
      */
     col?: number;
     /**
-     * Дочерние элементы (например, текст или другие компоненты).
+     * Дочернее содержимое ячейки (текст, число или React-элементы).
      * @type {React.ReactNode}
      */
     children?: React.ReactNode;
     /**
-     * Выравнивание текста внутри ячейки.
+     * Горизонтальное выравнивание содержимого ячейки.
      * @type {'left' | 'right' | 'center' | 'justify'}
      * @default 'left'
      */
@@ -37,33 +37,54 @@ export interface IFTableDataCell extends React.TdHTMLAttributes<HTMLTableCellEle
      * @default 'auto'
      */
     height?: number | string;
-    /** Сокращение текста; false отменяет truncateAt тела таблицы. */
+    /**
+     * Флаг сокращения текста.
+     * Если установлен в `false`, отменяет сокращение, даже если активен TruncateContext.
+     * Если `true` — включает сокращение длинного текста до правого края ячейки.
+     * @type {boolean | undefined}
+     */
     truncate?: boolean;
-    /** Уникальный ключ столбца, совпадающий с sortKey заголовка. */
+    /**
+     * Уникальный ключ столбца, совпадающий с `sortKey` соответствующего заголовка.
+     * @type {string | undefined}
+     */
     sortKey?: string;
-    /** Исходное значение для сортировки чисел, дат и JSX. */
+    /**
+     * Исходное нормализованное значение для сортировки чисел, дат или JSX.
+     * @type {string | number | undefined}
+     */
     sortValue?: string | number;
-    /** Текст для поиска в пользовательском содержимом. */
+    /**
+     * Строка для фильтрации и текстового поиска по содержимому ячейки.
+     * @type {string | undefined}
+     */
     searchValue?: string;
 }
 /**
- * Компонент FTableDataCell представляет собой ячейку данных таблицы (`<td>`).
- * Он поддерживает настройку стилей, объединение строк и столбцов, а также обработку событий.
+ * Компонент `FTableDataCell` представляет собой ячейку данных таблицы (`<td>`).
+ *
+ * Поддерживает:
+ * - Выравнивание и кастомные стили;
+ * - Объединение строк (`rowSpan`) и столбцов (`colSpan`);
+ * - Автоматическое сокращение текста до самого правого края ячейки с многоточием;
+ * - Плавное разворачивание полного текста по клику;
+ * - Всплывающую подсказку (Tooltip) при наведении на сокращённый текст.
  *
  * @component
  * @example
- * <FTableDataCell
- *   textAlignment="center"
- *   height="50px"
- *   row={2}
- *   col={3}
- *   onClick={() => console.log('Cell clicked!')}
- * >
- *   Ячейка данных
+ * // Простая текстовая ячейка
+ * <FTableDataCell textAlignment="center" height="40px">
+ *   15.09.2026
+ * </FTableDataCell>
+ *
+ * @example
+ * // Ячейка с автоматическим сокращением длинного текста до правого края
+ * <FTableDataCell truncate textAlignment="left">
+ *   Свияжка от истока до города Ульяновск с прилегающими водоохранными зонами
  * </FTableDataCell>
  *
- * @param {IFTableDataCell} props - Пропсы компонента.
- * @returns {JSX.Element} - Элемент данных таблицы.
+ * @param {IFTableDataCell} props - Входные параметры ячейки таблицы.
+ * @returns {JSX.Element} Отрендеренный элемент `<td>`.
  */
 declare const FTableDataCell: FC<IFTableDataCell>;
 export default FTableDataCell;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "2.8.4",
+  "version": "2.8.6",
   "type": "module",
   "publishConfig": {
     "access": "public",