@tracktor/design-system 3.0.7 → 3.0.9
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,7 +1,8 @@
|
|
|
1
1
|
import { SxProps } from '@mui/material';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
interface FileViewerPros extends PropsWithChildren {
|
|
4
|
+
src?: string | null;
|
|
5
|
+
srcThumb?: string | null;
|
|
5
6
|
fileName?: string;
|
|
6
7
|
width?: number | string;
|
|
7
8
|
height?: number | string;
|
|
@@ -12,7 +13,9 @@ interface FileViewerPros {
|
|
|
12
13
|
disableLightbox?: boolean;
|
|
13
14
|
disableThumb?: boolean;
|
|
14
15
|
open?: boolean;
|
|
16
|
+
variant?: "default" | "rounded";
|
|
17
|
+
onClickThumb?: () => void;
|
|
15
18
|
onClose?(): void;
|
|
16
19
|
}
|
|
17
|
-
declare const FileViewer: ({ src, srcThumb, fileName, width, height, sx, widthLightbox, heightLightbox, sxLightbox, disableLightbox, disableThumb, open, onClose, }: FileViewerPros) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare const FileViewer: ({ src, srcThumb, fileName, children, width, height, sx, widthLightbox, heightLightbox, sxLightbox, disableLightbox, disableThumb, open, onClose, onClickThumb, variant, }: FileViewerPros) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
18
21
|
export default FileViewer;
|
|
@@ -1,17 +1,43 @@
|
|
|
1
1
|
import { ChipProps, ListItemButtonProps, ListItemProps, SxProps } from '@mui/material';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
interface ListAvatarProps {
|
|
4
|
+
/**
|
|
5
|
+
* Empty message
|
|
6
|
+
*/
|
|
4
7
|
Empty?: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Custom style
|
|
10
|
+
*/
|
|
5
11
|
sx?: SxProps;
|
|
12
|
+
/**
|
|
13
|
+
* Full width
|
|
14
|
+
*/
|
|
6
15
|
fullWidth?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Always display secondary action
|
|
18
|
+
*/
|
|
7
19
|
alwaysDisplaySecondaryAction?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* If true, the list is loading state
|
|
22
|
+
*/
|
|
8
23
|
isLoading?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Number of items to display
|
|
26
|
+
*/
|
|
9
27
|
numberLoadingItems?: number;
|
|
28
|
+
/**
|
|
29
|
+
* Disable lightbox, only if image list item is provided
|
|
30
|
+
*/
|
|
31
|
+
disableLightbox?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* List items
|
|
34
|
+
*/
|
|
10
35
|
items?: {
|
|
11
36
|
id?: string | number | null;
|
|
12
37
|
title?: ReactNode;
|
|
13
38
|
subtitle?: ReactNode;
|
|
14
39
|
image?: string | null;
|
|
40
|
+
thumbnail?: string | null;
|
|
15
41
|
icon?: ReactNode;
|
|
16
42
|
chipLabel?: ReactNode;
|
|
17
43
|
chipColor?: ChipProps["color"] | string;
|
|
@@ -19,6 +45,9 @@ interface ListAvatarProps {
|
|
|
19
45
|
onClick?: ListItemProps["onClick"];
|
|
20
46
|
Avatar?: ReactNode;
|
|
21
47
|
}[];
|
|
48
|
+
/**
|
|
49
|
+
* Action
|
|
50
|
+
*/
|
|
22
51
|
action?: {
|
|
23
52
|
title?: string | null;
|
|
24
53
|
subtitle?: string | null;
|
|
@@ -27,5 +56,5 @@ interface ListAvatarProps {
|
|
|
27
56
|
onClick?: ListItemButtonProps["onClick"];
|
|
28
57
|
};
|
|
29
58
|
}
|
|
30
|
-
export declare const ListAvatar: ({ Empty, action, items, fullWidth, sx, alwaysDisplaySecondaryAction, isLoading, numberLoadingItems, }: ListAvatarProps) => string | number | true | Iterable<ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
59
|
+
export declare const ListAvatar: ({ Empty, action, items, fullWidth, sx, alwaysDisplaySecondaryAction, isLoading, disableLightbox, numberLoadingItems, }: ListAvatarProps) => string | number | true | Iterable<ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
31
60
|
export default ListAvatar;
|