@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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-image-thumbnail",
3
- "version": "0.119.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.119.0",
18
- "@xsolla/xui-primitives-core": "0.119.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",
@@ -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 };