fui-material 2.2.18 → 2.3.0

package/dist/types/material/MenuLinks/FMenuBlockLinks/FMenuBlockLinks.d.ts

@@ -0,0 +1,51 @@
+import { FC } from "react";
+/**
+ * Пропсы для компонента FMenuBlockLinks — карточка-блок меню с заголовком и списком ссылок.
+ *
+ * @interface IFMenuBlockLinksProps
+ */
+interface IFMenuBlockLinksProps {
+    /**
+     * Содержимое блока. Компонент `<FMenuLinks>` с набором ссылок.
+     */
+    children: React.ReactNode;
+    /**
+     * Дополнительный CSS-класс для контейнера карточки.
+     */
+    className?: string;
+    /**
+     * Инлайновые стили для контейнера карточки.
+     */
+    st?: React.CSSProperties;
+    /**
+     * Уникальный идентификатор элемента.
+     */
+    id?: string;
+}
+/**
+ * Компонент-карточка для группировки ссылок меню.
+ * Используется вместе с `FMenuLinks` для создания блоков вида:
+ *
+ * ```
+ * ┌─────────────────────┐
+ * │     Заголовок       │
+ * ├─────────────────────┤
+ * │ Ссылка 1            │
+ * │ Ссылка 2            │
+ * └─────────────────────┘
+ * ```
+ *
+ * @component
+ * @example
+ * <FMenuBlockLinks>
+ *   <FMenuLinks>
+ *     <Link to="/card">Карточка учета</Link>
+ *     <Link to="/report">Отчет</Link>
+ *   </FMenuLinks>
+ * </FMenuBlockLinks>
+ *
+ * @param {IFMenuBlockLinksProps} props
+ * @returns {JSX.Element}
+ */
+declare const FMenuBlockLinks: FC<IFMenuBlockLinksProps>;
+export default FMenuBlockLinks;

package/dist/types/material/MenuLinks/FMenuBlockLinks/index.d.ts

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

package/dist/types/material/MenuLinks/FMenuLinks/FMenuLinks.d.ts

@@ -0,0 +1,44 @@
+import { FC } from "react";
+import React from "react";
+/**
+ * Пропсы для компонента FMenuLinks — список ссылок с единой стилистикой.
+ *
+ * @interface IFMenuLinksProps
+ */
+interface IFMenuLinksProps {
+    /** Дочерние элементы (обычно <a>, <Link> или <button>). К каждому будет добавлен класс `link`. */
+    children: React.ReactNode;
+    /** Дополнительный класс для внешнего контейнера */
+    className?: string;
+    /** Инлайновые стили для внешнего контейнера */
+    st?: React.CSSProperties;
+    /** ID элемента */
+    id?: string;
+    /** Индексы дочерних элементов (начиная с 0), которые нужно отключить */
+    disabled?: number[];
+    /** Заголовок блока (отображается над списком ссылок) */
+    title?: string;
+}
+/**
+ * Компонент FMenuLinks — единый стилизованный список ссылок меню.
+ * Автоматически добавляет класс `link` ко всем дочерним элементам,
+ * поддерживает отключение отдельных пунктов и опциональный заголовок.
+ *
+ * Используется внутри `FMenuBlockLinks` или самостоятельно.
+ *
+ * @component
+ * @example
+ * <FMenuLinks title="Документы">
+ *   <Link to="/cards">Карточка учета</Link>
+ *   <Link to="/reports">Сводная ведомость</Link>
+ * </FMenuLinks>
+ *
+ * @example
+ * // Отключение второй ссылки
+ * <FMenuLinks disabled={[1]}>
+ *   <Link to="/profile">Профиль</Link>
+ *   <Link to="/settings">Настройки</Link>
+ * </FMenuLinks>
+ */
+declare const FMenuLinks: FC<IFMenuLinksProps>;
+export default FMenuLinks;

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

@@ -45,5 +45,6 @@ export { default as FCarouselItem } from "./CarouselComponent/FCarouselItem";
 export { default as FSkeleton } from "./FSkeleton";
 export { default as FNavigateBar } from "./NavigateBarComponents/FNavigateBar";
 export { default as FNavigateBarItem } from "./NavigateBarComponents/FNavigateBarItem";
-export { default as FMenuLinks } from "./FMenuLinks";
+export { default as FMenuBlockLinks } from "./MenuLinks/FMenuBlockLinks";
+export { default as FMenuLinks } from "./MenuLinks/FMenuLinks";
 export { default as FTooltip } from "./FTooltip";

package/package.json

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

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

@@ -1,70 +0,0 @@
-import { FC } from "react";
-import React from "react";
-/**
- * Пропсы для компонента FMenuLinks.
- *
- * @interface IFMenuLinksProps
- */
-interface IFMenuLinksProps {
-    /**
-     * Дочерние элементы, обычно это `<a>` или `<Link>`.
-     * Каждому дочернему элементу будет добавлен класс `link`.
-     * @type {React.ReactNode}
-     */
-    children: React.ReactNode;
-    /**
-     * Дополнительный CSS-класс для стилизации контейнера.
-     * @type {string | undefined}
-     */
-    className?: string;
-    /**
-     * Инлайновые стили для контейнера.
-     * @type {React.CSSProperties | undefined}
-     */
-    st?: React.CSSProperties;
-    /**
-     * Уникальный идентификатор элемента.
-     * @type {string | undefined}
-     */
-    id?: string;
-    /**
-     * Массив индексов ссылок, которые должны быть отключены.
-     * @type {number[] | undefined}
-     */
-    disabled?: number[];
-}
-/**
- * Компонент `FMenuLinks` оборачивает переданные дочерние элементы в общий контейнер
- * и добавляет каждому из них CSS-класс `link`, чтобы они соответствовали единой стилистике меню.
- *
- * Используется как обёртка для создания вертикального меню с ссылками.
- *
- * @component
- * @example
- * // Базовое использование
- * <FMenuLinks>
- *   <a href="/home">Главная</a>
- *   <a href="/about">О нас</a>
- * </FMenuLinks>
- *
- * @example
- * // С пользовательским классом
- * <FMenuLinks className="custom-menu">
- *   <a href="/contact">Контакты</a>
- * </FMenuLinks>
- *
- * @example
- * // С инлайновыми стилями
- * <FMenuLinks style={{ margin: '1rem 0' }}>
- *   <a href="/profile">Профиль</a>
- * </FMenuLinks>
- *
- * @param {React.ReactNode} children - Элементы (обычно ссылки), к которым будет применён класс `link`.
- * @param {string} [className] - Пользовательский CSS-класс для внешнего контейнера.
- * @param {React.CSSProperties} [.style] - Инлайновые стили.
- * @param {string} [id] - ID элемента.
- *
- * @returns {JSX.Element} — Рендерит `<div class="page-links">` с обёрнутыми дочерними элементами.
- */
-declare const FMenuLinks: FC<IFMenuLinksProps>;
-export default FMenuLinks;