@xsolla/xui-image-thumbnail 0.119.0 → 0.120.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.
- package/package.json +3 -3
- package/native/index.js.flow +0 -106
- package/web/index.js.flow +0 -106
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-image-thumbnail",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.120.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"test:coverage": "vitest run --coverage"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@xsolla/xui-core": "0.
|
|
18
|
-
"@xsolla/xui-primitives-core": "0.
|
|
17
|
+
"@xsolla/xui-core": "0.120.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.120.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": ">=16.8.0",
|
package/native/index.js.flow
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Flowtype definitions for index
|
|
3
|
-
* Generated by Flowgen from a Typescript Definition
|
|
4
|
-
* Flowgen v1.21.0
|
|
5
|
-
* @flow
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import React from "react";
|
|
9
|
-
declare type ImageThumbnailRatio =
|
|
10
|
-
| "1:1"
|
|
11
|
-
| "16:9"
|
|
12
|
-
| "4:3"
|
|
13
|
-
| "3:2"
|
|
14
|
-
| "2:3"
|
|
15
|
-
| "9:16"
|
|
16
|
-
| "custom";
|
|
17
|
-
declare type ImageThumbnailOverlay = "none" | "fade" | "dark";
|
|
18
|
-
declare interface ImageThumbnailProps {
|
|
19
|
-
/**
|
|
20
|
-
* Image source URL
|
|
21
|
-
*/
|
|
22
|
-
src: string;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Alt text for the image
|
|
26
|
-
*/
|
|
27
|
-
alt?: string;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Aspect ratio of the thumbnail
|
|
31
|
-
*/
|
|
32
|
-
ratio?: ImageThumbnailRatio;
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* Custom aspect ratio (only used when ratio is 'custom')
|
|
36
|
-
*/
|
|
37
|
-
customRatio?: number;
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* Width of the thumbnail
|
|
41
|
-
*/
|
|
42
|
-
width?: number | string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Height of the thumbnail (overrides ratio if provided)
|
|
46
|
-
*/
|
|
47
|
-
height?: number | string;
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Border radius
|
|
51
|
-
*/
|
|
52
|
-
borderRadius?: number;
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Overlay type
|
|
56
|
-
*/
|
|
57
|
-
overlay?: ImageThumbnailOverlay;
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* Content displayed in the center (e.g., play button)
|
|
61
|
-
*/
|
|
62
|
-
centerContent?: React.ReactNode;
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Content displayed in top-left corner
|
|
66
|
-
*/
|
|
67
|
-
tagsTopLeft?: React.ReactNode;
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* Content displayed in top-right corner
|
|
71
|
-
*/
|
|
72
|
-
tagsTopRight?: React.ReactNode;
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* Content displayed in bottom-left corner
|
|
76
|
-
*/
|
|
77
|
-
tagsBottomLeft?: React.ReactNode;
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Content displayed in bottom-right corner
|
|
81
|
-
*/
|
|
82
|
-
tagsBottomRight?: React.ReactNode;
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Click handler
|
|
86
|
-
*/
|
|
87
|
-
onPress?: () => void;
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* Custom className
|
|
91
|
-
*/
|
|
92
|
-
className?: string;
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* Padding for tag positions
|
|
96
|
-
*/
|
|
97
|
-
tagPadding?: number;
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Gap between tags
|
|
101
|
-
*/
|
|
102
|
-
tagGap?: number;
|
|
103
|
-
}
|
|
104
|
-
declare var ImageThumbnail: React.FC<ImageThumbnailProps>;
|
|
105
|
-
export type { ImageThumbnailOverlay, ImageThumbnailProps, ImageThumbnailRatio };
|
|
106
|
-
declare export { ImageThumbnail };
|
package/web/index.js.flow
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Flowtype definitions for index
|
|
3
|
-
* Generated by Flowgen from a Typescript Definition
|
|
4
|
-
* Flowgen v1.21.0
|
|
5
|
-
* @flow
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import React from "react";
|
|
9
|
-
declare type ImageThumbnailRatio =
|
|
10
|
-
| "1:1"
|
|
11
|
-
| "16:9"
|
|
12
|
-
| "4:3"
|
|
13
|
-
| "3:2"
|
|
14
|
-
| "2:3"
|
|
15
|
-
| "9:16"
|
|
16
|
-
| "custom";
|
|
17
|
-
declare type ImageThumbnailOverlay = "none" | "fade" | "dark";
|
|
18
|
-
declare interface ImageThumbnailProps {
|
|
19
|
-
/**
|
|
20
|
-
* Image source URL
|
|
21
|
-
*/
|
|
22
|
-
src: string;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Alt text for the image
|
|
26
|
-
*/
|
|
27
|
-
alt?: string;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Aspect ratio of the thumbnail
|
|
31
|
-
*/
|
|
32
|
-
ratio?: ImageThumbnailRatio;
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* Custom aspect ratio (only used when ratio is 'custom')
|
|
36
|
-
*/
|
|
37
|
-
customRatio?: number;
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* Width of the thumbnail
|
|
41
|
-
*/
|
|
42
|
-
width?: number | string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Height of the thumbnail (overrides ratio if provided)
|
|
46
|
-
*/
|
|
47
|
-
height?: number | string;
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Border radius
|
|
51
|
-
*/
|
|
52
|
-
borderRadius?: number;
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Overlay type
|
|
56
|
-
*/
|
|
57
|
-
overlay?: ImageThumbnailOverlay;
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* Content displayed in the center (e.g., play button)
|
|
61
|
-
*/
|
|
62
|
-
centerContent?: React.ReactNode;
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Content displayed in top-left corner
|
|
66
|
-
*/
|
|
67
|
-
tagsTopLeft?: React.ReactNode;
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* Content displayed in top-right corner
|
|
71
|
-
*/
|
|
72
|
-
tagsTopRight?: React.ReactNode;
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* Content displayed in bottom-left corner
|
|
76
|
-
*/
|
|
77
|
-
tagsBottomLeft?: React.ReactNode;
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Content displayed in bottom-right corner
|
|
81
|
-
*/
|
|
82
|
-
tagsBottomRight?: React.ReactNode;
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Click handler
|
|
86
|
-
*/
|
|
87
|
-
onPress?: () => void;
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* Custom className
|
|
91
|
-
*/
|
|
92
|
-
className?: string;
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* Padding for tag positions
|
|
96
|
-
*/
|
|
97
|
-
tagPadding?: number;
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Gap between tags
|
|
101
|
-
*/
|
|
102
|
-
tagGap?: number;
|
|
103
|
-
}
|
|
104
|
-
declare var ImageThumbnail: React.FC<ImageThumbnailProps>;
|
|
105
|
-
export type { ImageThumbnailOverlay, ImageThumbnailProps, ImageThumbnailRatio };
|
|
106
|
-
declare export { ImageThumbnail };
|