@dss-kit/ui-kit 0.2.16 → 0.2.18
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.
- package/dist/components/builders/Modal/Modal.d.ts +2 -2
- package/dist/components/builders/Modal/Modal.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +38 -0
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +16 -3
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +67 -6
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts.map +1 -1
- package/dist/components/builders/Table/TablePagination/TablePagination.d.ts.map +1 -1
- package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts +16 -5
- package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts.map +1 -1
- package/dist/components/controls/Input/Input.d.ts +1 -1
- package/dist/components/controls/Input/Input.d.ts.map +1 -1
- package/dist/components/controls/Input/Input.stories.d.ts +1 -0
- package/dist/components/controls/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/controls/Select/Select.d.ts +12 -1
- package/dist/components/controls/Select/Select.d.ts.map +1 -1
- package/dist/components/controls/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/shared/Avatar/Avatar.d.ts +48 -2
- package/dist/components/shared/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/shared/Avatar/Avatar.stories.d.ts +2 -2
- package/dist/components/shared/Avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/shared/Avatar/index.d.ts +0 -1
- package/dist/components/shared/Avatar/index.d.ts.map +1 -1
- package/dist/components/shared/Skeleton/Skeleton.d.ts +296 -0
- package/dist/components/shared/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/shared/Skeleton/Skeleton.stories.d.ts +15 -0
- package/dist/components/shared/Skeleton/Skeleton.stories.d.ts.map +1 -0
- package/dist/components/shared/Skeleton/index.d.ts +3 -0
- package/dist/components/shared/Skeleton/index.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/Tooltip.d.ts +6 -0
- package/dist/components/shared/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/shared/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/components/shared/Tooltip/constants.d.ts +10 -0
- package/dist/components/shared/Tooltip/constants.d.ts.map +1 -1
- package/dist/components/shared/index.d.ts +1 -0
- package/dist/components/shared/index.d.ts.map +1 -1
- package/dist/ui-kit.cjs.js +9 -9
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +3895 -3581
- package/dist/ui-kit.es.js.map +1 -1
- package/package.json +10 -8
- package/dist/components/shared/Avatar/Avatar.types.d.ts +0 -14
- package/dist/components/shared/Avatar/Avatar.types.d.ts.map +0 -1
|
@@ -21,10 +21,10 @@ export interface ModalProps extends PropsWithChildren {
|
|
|
21
21
|
/** @default undefined */
|
|
22
22
|
modalClassName?: string;
|
|
23
23
|
/** Отключать прокрутку body при открытии */
|
|
24
|
-
/** @default
|
|
24
|
+
/** @default true */
|
|
25
25
|
disableBodyScroll?: boolean;
|
|
26
26
|
/** Показывать ли кнопку закрытия c абсолютным позиционированием внутри модального окна */
|
|
27
|
-
/** @default
|
|
27
|
+
/** @default undefined */
|
|
28
28
|
showAbsoluteCloseButton?: boolean;
|
|
29
29
|
}
|
|
30
30
|
declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEzC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEzC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,oBAAoB;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,0FAA0F;IAC1F,yBAAyB;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,KAAK,uGA0GV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,4 +1,42 @@
|
|
|
1
1
|
import { BoxProps } from '../../Box';
|
|
2
|
+
/**
|
|
3
|
+
* Компонент футера модального окна.
|
|
4
|
+
*
|
|
5
|
+
* `ModalFooter` представляет собой нижнюю часть модального окна, предназначенную
|
|
6
|
+
* для размещения кнопок действий и другого контента управления. Компонент является
|
|
7
|
+
* оберткой над `Box` с предустановленными стилями и настройками.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* // Базовое использование с кнопками
|
|
12
|
+
* <ModalFooter>
|
|
13
|
+
* <Button variant="secondary">Отмена</Button>
|
|
14
|
+
* <Button variant="primary">Сохранить</Button>
|
|
15
|
+
* </ModalFooter>
|
|
16
|
+
*
|
|
17
|
+
* // С настройкой отступов
|
|
18
|
+
* <ModalFooter gap="var(--spacing-md)" p="var(--spacing-xl)">
|
|
19
|
+
* <Button variant="ghost">Назад</Button>
|
|
20
|
+
* <Button variant="primary">Далее</Button>
|
|
21
|
+
* </ModalFooter>
|
|
22
|
+
*
|
|
23
|
+
* // Вертикальное расположение
|
|
24
|
+
* <ModalFooter row={false}>
|
|
25
|
+
* <Button variant="primary" fullWidth>Основное действие</Button>
|
|
26
|
+
* <Button variant="secondary" fullWidth>Дополнительное действие</Button>
|
|
27
|
+
* </ModalFooter>
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
2
30
|
declare const ModalFooter: import('react').ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
31
|
+
/**
|
|
32
|
+
* Экспорт компонента ModalFooter.
|
|
33
|
+
*
|
|
34
|
+
* Компонент автоматически применяет следующие стили:
|
|
35
|
+
* - Верхняя граница для визуального разделения с основным контентом
|
|
36
|
+
* - Flexbox layout с горизонтальным расположением по умолчанию
|
|
37
|
+
* - Стандартные отступы и промежутки между элементами
|
|
38
|
+
*
|
|
39
|
+
* Поддерживает все пропсы компонента Box для максимальной гибкости настройки.
|
|
40
|
+
*/
|
|
3
41
|
export { ModalFooter };
|
|
4
42
|
//# sourceMappingURL=ModalFooter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI/D,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,WAAW,kHAkChB,CAAC;AAIF;;;;;;;;;GASG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
import { BoxProps } from '../../Box';
|
|
2
2
|
interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb" | "row" | "justifyContent" | "w"> {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Основной заголовок, отображаемый в шапке модального окна.
|
|
5
|
+
* Стилизуется как title-3 с полужирным начертанием.
|
|
6
|
+
*
|
|
7
|
+
* @default undefined */
|
|
4
8
|
title?: string;
|
|
5
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Дополнительный подзаголовок, отображаемый под основным заголовком.
|
|
12
|
+
* Стилизуется как body-1 с цветом tertiary.
|
|
13
|
+
*
|
|
14
|
+
* @default undefined */
|
|
6
15
|
subtitle?: string;
|
|
7
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* Флаг отображения кнопки закрытия модального окна в правой части шапки.
|
|
18
|
+
* При нажатии вызывает колбэк onClose из ModalContext.
|
|
19
|
+
*
|
|
20
|
+
* @default false */
|
|
8
21
|
showCloseButton?: boolean;
|
|
9
22
|
}
|
|
10
23
|
declare const ModalHeader: import('react').ForwardRefExoticComponent<ModalHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO/D,UAAU,gBACR,SAAQ,IAAI,CACV,QAAQ,EACR,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CACjE;IACD
|
|
1
|
+
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO/D,UAAU,gBACR,SAAQ,IAAI,CACV,QAAQ,EACR,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CACjE;IACD;;;;4BAIwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;4BAKwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;wBAIoB;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,6GAoDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -18,19 +18,80 @@ interface ModalMainRef {
|
|
|
18
18
|
/** Получить общую высоту контента */
|
|
19
19
|
getTotalSize: () => number;
|
|
20
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* Пропсы компонента ModalMain
|
|
23
|
+
*
|
|
24
|
+
* @interface ModalMainProps
|
|
25
|
+
* @extends {PropsWithChildren}
|
|
26
|
+
*/
|
|
21
27
|
interface ModalMainProps extends PropsWithChildren {
|
|
22
|
-
/**
|
|
28
|
+
/**
|
|
29
|
+
* Направление расположения элементов
|
|
30
|
+
* Если true, flex-direction будет row, иначе column
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
23
33
|
row?: boolean;
|
|
24
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* Кастомный CSS класс для стилизации компонента
|
|
36
|
+
*/
|
|
25
37
|
className?: string;
|
|
26
|
-
/**
|
|
38
|
+
/**
|
|
39
|
+
* Примерная высота элемента для виртуализации в пикселях
|
|
40
|
+
* Используется для оптимизации производительности при скролле
|
|
41
|
+
* @default 100
|
|
42
|
+
*/
|
|
27
43
|
estimatedItemHeight?: number;
|
|
28
|
-
/**
|
|
44
|
+
/**
|
|
45
|
+
* Принудительно включить виртуализацию
|
|
46
|
+
* Если не указано, виртуализация включается автоматически для списков более 50 элементов
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
29
49
|
virtualize?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
|
|
50
|
+
/**
|
|
51
|
+
* Максимальная высота контента в CSS единицах
|
|
52
|
+
* Применяется только при виртуализации
|
|
53
|
+
* @default 448
|
|
54
|
+
*/
|
|
32
55
|
maxHeight?: React.CSSProperties["maxHeight"];
|
|
33
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* Основной контейнер для содержимого модального окна с поддержкой виртуализации.
|
|
59
|
+
*
|
|
60
|
+
* Компонент автоматически включает виртуализацию для списков более 50 элементов,
|
|
61
|
+
* что значительно улучшает производительность при работе с большими объемами данных.
|
|
62
|
+
* Также поддерживает ручное управление скроллом через ref.
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* // Простое использование
|
|
66
|
+
* <ModalMain>
|
|
67
|
+
* <div>Элемент 1</div>
|
|
68
|
+
* <div>Элемент 2</div>
|
|
69
|
+
* </ModalMain>
|
|
70
|
+
*
|
|
71
|
+
* @example
|
|
72
|
+
* // С виртуализацией и управлением скроллом
|
|
73
|
+
* const modalRef = useRef<ModalMainRef>(null);
|
|
74
|
+
*
|
|
75
|
+
* const handleScrollToTop = () => {
|
|
76
|
+
* modalRef.current?.scrollToTop();
|
|
77
|
+
* };
|
|
78
|
+
*
|
|
79
|
+
* <ModalMain
|
|
80
|
+
* ref={modalRef}
|
|
81
|
+
* virtualize
|
|
82
|
+
* estimatedItemHeight={120}
|
|
83
|
+
* maxHeight={600}
|
|
84
|
+
* >
|
|
85
|
+
* {items.map(item => <Item key={item.id} data={item} />)}
|
|
86
|
+
* </ModalMain>
|
|
87
|
+
*
|
|
88
|
+
* @example
|
|
89
|
+
* // Горизонтальное расположение
|
|
90
|
+
* <ModalMain row>
|
|
91
|
+
* <Column>Левая колонка</Column>
|
|
92
|
+
* <Column>Правая колонка</Column>
|
|
93
|
+
* </ModalMain>
|
|
94
|
+
*/
|
|
34
95
|
declare const ModalMain: import('react').ForwardRefExoticComponent<ModalMainProps & import('react').RefAttributes<ModalMainRef>>;
|
|
35
96
|
export { ModalMain };
|
|
36
97
|
export type { ModalMainRef };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAGL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAMf,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD
|
|
1
|
+
{"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAGL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAMf,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,UAAU,cAAe,SAAQ,iBAAiB;IAChD;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,SAAS,yGAyGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,8CAA8C;IAC9C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,8CAA8C;IAC9C,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,uEAAuE;IACvE,oCAAoC;IACpC,kCAAkC,CAAC,EAAE,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,MAAM,CAAC;IAEb,8DAA8D;IAC9D,yBAAyB;IACzB,+BAA+B,CAAC,EAAE,CAAC,YAAY,EAAE;QAC/C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuJ1D,CAAC"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Получает массив страниц
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
* @
|
|
2
|
+
* Получает массив номеров страниц для отображения в пагинации
|
|
3
|
+
* Адаптивно подстраивается под доступное пространство (maxVisiblePages)
|
|
4
|
+
*
|
|
5
|
+
* @param props.count - Общее количество страниц
|
|
6
|
+
* @param props.page - Текущая страница (начиная с 1)
|
|
7
|
+
* @param props.maxVisiblePages - Максимальное количество видимых элементов
|
|
8
|
+
* @returns Массив номеров страниц и многоточий ('start-dots', 'end-dots')
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* getPageNumbers({ page: 5, count: 10, maxVisiblePages: 7 })
|
|
12
|
+
* // => [1, 'start-dots', 4, 5, 6, 'end-dots', 10]
|
|
6
13
|
*/
|
|
7
|
-
export declare
|
|
14
|
+
export declare function getPageNumbers(props: {
|
|
15
|
+
count?: number;
|
|
16
|
+
page: number;
|
|
17
|
+
maxVisiblePages?: number;
|
|
18
|
+
}): (string | number)[];
|
|
8
19
|
//# sourceMappingURL=TablePagination.utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TablePagination.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.utils.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,uBAoFA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;CACrC,CAAC;AAEJ;;GAEG;AACH,KAAK,oBAAoB,GAAG,WAAW,GACrC,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,EAAE,IAAI,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAElE;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,6EAoPhB,CAAC"}
|
|
@@ -7,6 +7,7 @@ export declare const Default: Story;
|
|
|
7
7
|
export declare const ErrorInput: Story;
|
|
8
8
|
export declare const Disabled: Story;
|
|
9
9
|
export declare const Small: Story;
|
|
10
|
+
export declare const WithReactNodeLabel: Story;
|
|
10
11
|
export declare const WithPrefixSuffix: Story;
|
|
11
12
|
export declare const WithClearButton: Story;
|
|
12
13
|
export declare const Multiline: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
|
|
@@ -86,8 +86,15 @@ export type SelectProps<I, V> = {
|
|
|
86
86
|
error?: boolean;
|
|
87
87
|
/** Текст ошибки, отображаемый под полем при `error = true`. */
|
|
88
88
|
errorText?: string;
|
|
89
|
+
/** Ширина селекта */
|
|
90
|
+
width?: React.CSSProperties["width"];
|
|
89
91
|
/** Растягивает селект на всю доступную ширину контейнера. */
|
|
90
92
|
fullWidth?: boolean;
|
|
93
|
+
/** Минимальная ширина селекта
|
|
94
|
+
*
|
|
95
|
+
* @default 120
|
|
96
|
+
*/
|
|
97
|
+
minWidth?: React.CSSProperties["minWidth"];
|
|
91
98
|
/**
|
|
92
99
|
* Показывать ли элемент "сбросить выбор" в начале списка
|
|
93
100
|
* (доступен только в single‑режиме).
|
|
@@ -109,6 +116,10 @@ export type SelectProps<I, V> = {
|
|
|
109
116
|
observer?: ReactNode;
|
|
110
117
|
/** Визуальный размер контрола (`"xs" | "sm" | "md"`). */
|
|
111
118
|
size?: SelectSize;
|
|
119
|
+
/** Максимальная ширина дропдауна в пикселях. */
|
|
120
|
+
dropdownMaxWidth?: number;
|
|
121
|
+
/** Минимальная ширина дропдауна в пикселях. */
|
|
122
|
+
dropdownMinWidth?: number;
|
|
112
123
|
} & (I extends string | number ? {
|
|
113
124
|
/**
|
|
114
125
|
* Функция, которая из элемента `I` возвращает значение `V`.
|
|
@@ -181,6 +192,6 @@ export type SelectProps<I, V> = {
|
|
|
181
192
|
* =========================================================================
|
|
182
193
|
* - useControlled: управляет состоянием значения в controlled/uncontrolled режиме
|
|
183
194
|
*/
|
|
184
|
-
export declare function Select<I, V extends string | number>({ value, onChange, multiple, returnedValue, renderItem, renderInputItem, renderSingleInputItem, renderMultipleInputItem, renderDropdownItem, placeholder, items, fullWidth, size, showDefaultItem, disabled, label, firstItem, lastItem, observer, emptyText, onBlur, prompt, error, errorText, }: SelectProps<I, V>): import("react/jsx-runtime").JSX.Element;
|
|
195
|
+
export declare function Select<I, V extends string | number>({ value, onChange, multiple, returnedValue, renderItem, renderInputItem, renderSingleInputItem, renderMultipleInputItem, renderDropdownItem, placeholder, items, fullWidth, size, showDefaultItem, disabled, label, firstItem, lastItem, observer, emptyText, onBlur, prompt, error, errorText, dropdownMaxWidth, dropdownMinWidth, minWidth, width, }: SelectProps<I, V>): import("react/jsx-runtime").JSX.Element;
|
|
185
196
|
export {};
|
|
186
197
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAef,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAoBD,KAAK,WAAW,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAwD3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KA8BpC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAkBF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAoFxB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAsG1B,CAAC"}
|
|
@@ -1,3 +1,49 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { CustomType, NegativeType, NeutralType, PositiveType, PrimaryType, SecondaryType, Size, WarningType } from '../../../types/tokens.types';
|
|
3
|
+
export type AvatarSize = Extract<Size, "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"> | CustomType;
|
|
4
|
+
export type AvatarColor = PrimaryType | SecondaryType | NegativeType | PositiveType | WarningType | CustomType | NeutralType;
|
|
5
|
+
/**
|
|
6
|
+
* Пропсы для компонента Avatar.
|
|
7
|
+
*
|
|
8
|
+
* @interface AvatarProps
|
|
9
|
+
* @property {ReactNode} [children] - Содержимое аватара (иконка, текст или изображение).
|
|
10
|
+
* @property {AvatarColor} [color="primary"] - Цветовая схема аватара.
|
|
11
|
+
* @property {AvatarSize} [size="md"] - Размер аватара.
|
|
12
|
+
* @property {boolean} [fullRound=false] - Если true, аватар будет полностью круглым.
|
|
13
|
+
* @property {string} [className] - Дополнительные CSS классы.
|
|
14
|
+
*/
|
|
15
|
+
export interface AvatarProps {
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
color?: AvatarColor;
|
|
18
|
+
size?: AvatarSize;
|
|
19
|
+
fullRound?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Компонент Avatar для отображения аватаров пользователей.
|
|
24
|
+
* Поддерживает различные размеры, цвета и может содержать текст, иконки или изображения.
|
|
25
|
+
*
|
|
26
|
+
* @component
|
|
27
|
+
* @param {AvatarProps} props - Пропсы для компонента Avatar.
|
|
28
|
+
* @param {React.Ref<HTMLDivElement>} ref - Передаваемая ссылка на базовый элемент Box.
|
|
29
|
+
* @returns {JSX.Element} Отрендеренный компонент Avatar.
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* // Базовое использование
|
|
33
|
+
* <Avatar>AB</Avatar>
|
|
34
|
+
*
|
|
35
|
+
* // С кастомным цветом и размером
|
|
36
|
+
* <Avatar color="positive" size="lg">JD</Avatar>
|
|
37
|
+
*
|
|
38
|
+
* // Полностью круглый аватар
|
|
39
|
+
* <Avatar fullRound>
|
|
40
|
+
* <img src="avatar.jpg" alt="Avatar" />
|
|
41
|
+
* </Avatar>
|
|
42
|
+
*
|
|
43
|
+
* // С иконкой
|
|
44
|
+
* <Avatar color="warning" size="sm">
|
|
45
|
+
* <UserIcon />
|
|
46
|
+
* </Avatar>
|
|
47
|
+
*/
|
|
48
|
+
export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
3
49
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,UAAU,GAClB,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,GAC/D,UAAU,CAAC;AAEf,MAAM,MAAM,WAAW,GACnB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,CAAC;AAEhB;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+GD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,MAAM,wGAkDlB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
3
|
-
declare const meta: Meta<
|
|
2
|
+
import { AvatarProps } from './Avatar';
|
|
3
|
+
declare const meta: Meta<AvatarProps>;
|
|
4
4
|
type Story = StoryObj<typeof meta>;
|
|
5
5
|
export declare const SvgIcon: Story;
|
|
6
6
|
export declare const ImgTag: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAqC3B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|