fui-material 2.8.13 → 2.8.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,10 @@
1
+ import { FC } from 'react';
2
+ export interface IFImagePreview {
3
+ src: string;
4
+ alt?: string;
5
+ id?: string;
6
+ className?: string;
7
+ st?: React.CSSProperties;
8
+ }
9
+ declare const FImagePreview: FC<IFImagePreview>;
10
+ export default FImagePreview;
@@ -0,0 +1 @@
1
+ export { default } from './FImagePreview';
@@ -1,98 +1,13 @@
1
1
  import { FC } from 'react';
2
- /**
3
- * Интерфейс пропсов для компонента `FOpenImgFull`.
4
- *
5
- * @interface IFOpenImgFull
6
- */
7
2
  export interface IFOpenImgFull {
8
- /**
9
- * Уникальный идентификатор элемента.
10
- * @type {string | undefined}
11
- */
12
3
  id?: string;
13
- /**
14
- * Дополнительный CSS-класс для контейнера.
15
- * @type {string | undefined}
16
- */
17
4
  className?: string;
18
- /**
19
- * Инлайновые стили для диалогового окна.
20
- * @type {React.CSSProperties | undefined}
21
- */
22
5
  st?: React.CSSProperties;
23
- /**
24
- * Массив URL-адресов изображений.
25
- * @type {string[]}
26
- * @required
27
- */
28
6
  imagesUrl: string[];
29
- /**
30
- * Индекс активного изображения.
31
- * @type {number}
32
- * @required
33
- */
34
7
  selectedImg: number;
35
- /**
36
- * Функция изменения текущего изображения.
37
- * @param {number} index - Новый индекс изображения.
38
- * @returns {void}
39
- */
40
8
  setSelectedImg: (index: number) => void;
41
- /**
42
- * Callback, вызываемый при закрытии диалога.
43
- * @type {() => void | undefined}
44
- */
45
9
  handleClose?: () => void;
46
- /**
47
- * Флаг открытия/закрытия модального окна.
48
- * @type {boolean}
49
- */
50
10
  openAndClose: boolean;
51
11
  }
52
- /**
53
- * Компонент `FOpenImgFull` — модальное окно для просмотра изображений в полный экран с навигацией.
54
- *
55
- * Отображает:
56
- * - текущее изображение по индексу `selectedImg`
57
- * - стрелки навигации (влево/вправо)
58
- * - кнопку закрытия (`FCloseIcon`)
59
- *
60
- * Используется в связке с `FDialog` и поддерживает кастомные стили и классы.
61
- *
62
- * @component
63
- * @example
64
- * // Базовое использование
65
- * const [open, setOpen] = useState(true);
66
- * const [selected, setSelected] = useState(0);
67
- *
68
- * <FOpenImgFull
69
- * imagesUrl={['/img1.jpg', '/img2.png']}
70
- * selectedImg={selected}
71
- * setSelectedImg={setSelected}
72
- * openAndClose={open}
73
- * handleClose={() => setOpen(false)}
74
- * />
75
- *
76
- * @example
77
- * // С пользовательским стилем
78
- * <FOpenImgFull
79
- * imagesUrl={['/img1.jpg']}
80
- * selectedImg={0}
81
- * setSelectedImg={(i) => console.log(i)}
82
- * openAndClose={true}
83
- * st={{ maxWidth: '90%', maxHeight: '90%' }}
84
- * />
85
- *
86
- * @param {string[]} imagesUrl - Массив ссылок на изображения.
87
- * @param {number} selectedImg - Индекс текущего изображения.
88
- * @param {(index: number) => void} setSelectedImg - Обработчик изменения изображения.
89
- * @param {() => void} [handleClose] - Callback, вызывается при закрытии.
90
- * @param {boolean} openAndClose - Флаг открытия/закрытия окна.
91
- * @param {string} [id] - ID элемента.
92
- * @param {string} [className] - Пользовательский CSS-класс.
93
- * @param {React.CSSProperties} [st] - Инлайновые стили.
94
- *
95
- * @returns {JSX.Element | null} — Рендерит модальное окно с изображением или `null`, если данные некорректны.
96
- */
97
12
  declare const FOpenImgFull: FC<IFOpenImgFull>;
98
13
  export default FOpenImgFull;
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ export interface IFVideoPlayer {
3
+ src: string;
4
+ poster?: string;
5
+ className?: string;
6
+ st?: React.CSSProperties;
7
+ }
8
+ declare const FVideoPlayer: FC<IFVideoPlayer>;
9
+ export default FVideoPlayer;
@@ -0,0 +1 @@
1
+ export { default } from './FVideoPlayer';
@@ -25,6 +25,8 @@ export { default as FPagination } from "./FPagination";
25
25
  export { default as FTimeline } from "./TimelineComponents/FTimeline";
26
26
  export { default as FTimelineCard } from "./TimelineComponents/FTimelineCard";
27
27
  export { default as FOpenImgFull } from "./FOpenImgFull";
28
+ export { default as FImagePreview } from "./FImagePreview";
29
+ export { default as FVideoPlayer } from "./FVideoPlayer";
28
30
  export { default as FAccordion } from "./FAccordion";
29
31
  export { default as FInputFileForm } from "./FInputFileForm";
30
32
  export { default as FFile } from "./FFile";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fui-material",
3
- "version": "2.8.13",
3
+ "version": "2.8.15",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",