mimir-ui-kit 1.1.9 → 1.2.0

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.
@@ -1,15 +1,21 @@
1
- import { ImgHTMLAttributes, ReactElement } from 'react';
1
+ import { ReactElement, ComponentProps } from 'react';
2
2
 
3
- interface AppImageProps extends ImgHTMLAttributes<HTMLImageElement> {
3
+ type TProps = ComponentProps<'img'> & {
4
+ /**
5
+ * Дополнительный класс к компоненту
6
+ */
4
7
  className?: string;
5
8
  /**
6
- * The React element to render while the image is loading.
9
+ * Компонент, который буде показываться, пока идет загрузка изображения
7
10
  */
8
11
  fallback?: ReactElement;
9
12
  /**
10
- * The React element to render if the image fails to load.
13
+ * Компонент, который буде показываться, если произошла ошибка при загрузке изображения
11
14
  */
12
15
  errorFallback?: ReactElement;
13
- }
14
- export declare const AppImage: import('react').MemoExoticComponent<(props: AppImageProps) => import("react/jsx-runtime").JSX.Element>;
16
+ };
17
+ /**
18
+ * Компонент для отображения изображения с возможность показа загрузки и ошибки
19
+ */
20
+ export declare const AppImage: import('react').MemoExoticComponent<(props: TProps) => import("react/jsx-runtime").JSX.Element>;
15
21
  export {};
@@ -32,7 +32,11 @@ const AppImage = memo((props) => {
32
32
  "img",
33
33
  {
34
34
  ...otherProps,
35
- style: { display: "block" },
35
+ style: {
36
+ display: "block",
37
+ filter: `${isLoading ? "blur(20px)" : ""}`,
38
+ transition: ".3s filter ease"
39
+ },
36
40
  className,
37
41
  loading: "lazy",
38
42
  src,
@@ -5,7 +5,13 @@ export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' |
5
5
  variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
6
6
  };
7
7
  type TProps = {
8
+ /**
9
+ * Массив кнопок, который отрисуется в контейнере
10
+ * */
8
11
  buttons: TButtonPropsWithoutStyles[];
9
12
  };
13
+ /**
14
+ * Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
15
+ */
10
16
  export declare const MergedButton: import('react').MemoExoticComponent<({ buttons }: TProps) => import("react/jsx-runtime").JSX.Element>;
11
17
  export {};
@@ -0,0 +1 @@
1
+ export declare const NavigationButtons: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
@@ -0,0 +1,7 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { N } from "../../../NavigationButtons-B8tMfqrg.js";
4
+ import "../../MergedButton/MergedButton.js";
5
+ export {
6
+ N as NavigationButtons
7
+ };
@@ -0,0 +1 @@
1
+ export { NavigationButtons } from './NavigationButtons';
@@ -0,0 +1,4 @@
1
+ import { N } from "../../../NavigationButtons-B8tMfqrg.js";
2
+ export {
3
+ N as NavigationButtons
4
+ };
@@ -1,14 +1,32 @@
1
1
 
2
2
  type TProps = {
3
+ /**
4
+ * Задержка перехода между слайдами
5
+ */
3
6
  delay?: number;
7
+ /**
8
+ * Дополнительные классы для слайдов
9
+ */
4
10
  slideClassName?: string;
11
+ /**
12
+ * Дополнительные классы для слайдера
13
+ */
5
14
  swiperClassName?: string;
15
+ /**
16
+ * Дополнительные классы для картинок
17
+ */
6
18
  imageClassName?: string;
19
+ /**
20
+ * Массив данных для отрисовки слайдов.
21
+ */
7
22
  images?: {
8
23
  image?: string;
9
24
  url?: string;
10
25
  id?: number;
11
26
  }[];
12
27
  };
28
+ /**
29
+ * Компонент слайдера c прогресс баром.
30
+ */
13
31
  export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay }: TProps) => import("react/jsx-runtime").JSX.Element;
14
32
  export {};