@xsolla/xui-notification-panel 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 +5 -5
- package/native/index.js.flow +0 -96
- package/web/index.js.flow +0 -96
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-notification-panel",
|
|
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",
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-button": "0.
|
|
17
|
-
"@xsolla/xui-core": "0.
|
|
18
|
-
"@xsolla/xui-icons-base": "0.
|
|
19
|
-
"@xsolla/xui-primitives-core": "0.
|
|
16
|
+
"@xsolla/xui-button": "0.120.0",
|
|
17
|
+
"@xsolla/xui-core": "0.120.0",
|
|
18
|
+
"@xsolla/xui-icons-base": "0.120.0",
|
|
19
|
+
"@xsolla/xui-primitives-core": "0.120.0"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"react": ">=16.8.0",
|
package/native/index.js.flow
DELETED
|
@@ -1,96 +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 interface NotificationPanelProps {
|
|
10
|
-
/**
|
|
11
|
-
* Visual variant/tone of the notification
|
|
12
|
-
*/
|
|
13
|
-
type?: "alert" | "warning" | "success" | "neutral" | "brand";
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Title text (optional)
|
|
17
|
-
*/
|
|
18
|
-
title?: string;
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Description text (optional)
|
|
22
|
-
*/
|
|
23
|
-
description?: string;
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Show/hide the icon frame
|
|
27
|
-
*/
|
|
28
|
-
showIcon?: boolean;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Custom icon override (optional)
|
|
32
|
-
*/
|
|
33
|
-
icon?: React.ReactNode;
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Action button (optional - pass any Button/IconButton component).
|
|
37
|
-
* The `tone`, `size`, and `variant` props will be automatically set.
|
|
38
|
-
* @example ```tsx
|
|
39
|
-
* <NotificationPanel
|
|
40
|
-
* type="alert"
|
|
41
|
-
* actionButton={<Button onPress={handleAction}>Open documentation</Button>}
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
actionButton?: React.ReactElement;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Show/hide close button
|
|
49
|
-
*/
|
|
50
|
-
showCloseButton?: boolean;
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Close button click handler
|
|
54
|
-
*/
|
|
55
|
-
onClose?: () => void;
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Test ID for testing frameworks
|
|
59
|
-
*/
|
|
60
|
-
testID?: string;
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* NotificationPanel - A full-width notification bar for displaying contextual feedback.
|
|
64
|
-
*
|
|
65
|
-
* Unlike the Notification component (designed for toast popups), NotificationPanel
|
|
66
|
-
* is a horizontal banner intended for persistent inline notifications within page layouts.
|
|
67
|
-
*
|
|
68
|
-
* ## Features
|
|
69
|
-
* - 5 visual variants: alert, warning, success, neutral, brand
|
|
70
|
-
* - Optional icon frame with type-specific coloring
|
|
71
|
-
* - Optional action button with type-matched styling
|
|
72
|
-
* - Optional close button
|
|
73
|
-
* - Accessible: uses role="status" for screen reader announcements
|
|
74
|
-
*
|
|
75
|
-
* ## Usage
|
|
76
|
-
* ```tsx
|
|
77
|
-
* // Simple usage
|
|
78
|
-
* <NotificationPanel
|
|
79
|
-
* type="success"
|
|
80
|
-
* title="Success!"
|
|
81
|
-
* description="Your changes have been saved."
|
|
82
|
-
* actionButton={<Button onPress={() => {}}>Undo</Button>}
|
|
83
|
-
* onClose={() => dismiss()}
|
|
84
|
-
* />
|
|
85
|
-
*
|
|
86
|
-
* // With IconButton
|
|
87
|
-
* <NotificationPanel
|
|
88
|
-
* type="warning"
|
|
89
|
-
* description="Check our guide to view all webhooks"
|
|
90
|
-
* actionButton={<IconButton icon={<ArrowRight />} onPress={() => {}} />}
|
|
91
|
-
* />
|
|
92
|
-
* ```
|
|
93
|
-
*/
|
|
94
|
-
declare var NotificationPanel: React.FC<NotificationPanelProps>;
|
|
95
|
-
export type { NotificationPanelProps };
|
|
96
|
-
declare export { NotificationPanel };
|
package/web/index.js.flow
DELETED
|
@@ -1,96 +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 interface NotificationPanelProps {
|
|
10
|
-
/**
|
|
11
|
-
* Visual variant/tone of the notification
|
|
12
|
-
*/
|
|
13
|
-
type?: "alert" | "warning" | "success" | "neutral" | "brand";
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Title text (optional)
|
|
17
|
-
*/
|
|
18
|
-
title?: string;
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Description text (optional)
|
|
22
|
-
*/
|
|
23
|
-
description?: string;
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Show/hide the icon frame
|
|
27
|
-
*/
|
|
28
|
-
showIcon?: boolean;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Custom icon override (optional)
|
|
32
|
-
*/
|
|
33
|
-
icon?: React.ReactNode;
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Action button (optional - pass any Button/IconButton component).
|
|
37
|
-
* The `tone`, `size`, and `variant` props will be automatically set.
|
|
38
|
-
* @example ```tsx
|
|
39
|
-
* <NotificationPanel
|
|
40
|
-
* type="alert"
|
|
41
|
-
* actionButton={<Button onPress={handleAction}>Open documentation</Button>}
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
actionButton?: React.ReactElement;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Show/hide close button
|
|
49
|
-
*/
|
|
50
|
-
showCloseButton?: boolean;
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Close button click handler
|
|
54
|
-
*/
|
|
55
|
-
onClose?: () => void;
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Test ID for testing frameworks
|
|
59
|
-
*/
|
|
60
|
-
testID?: string;
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* NotificationPanel - A full-width notification bar for displaying contextual feedback.
|
|
64
|
-
*
|
|
65
|
-
* Unlike the Notification component (designed for toast popups), NotificationPanel
|
|
66
|
-
* is a horizontal banner intended for persistent inline notifications within page layouts.
|
|
67
|
-
*
|
|
68
|
-
* ## Features
|
|
69
|
-
* - 5 visual variants: alert, warning, success, neutral, brand
|
|
70
|
-
* - Optional icon frame with type-specific coloring
|
|
71
|
-
* - Optional action button with type-matched styling
|
|
72
|
-
* - Optional close button
|
|
73
|
-
* - Accessible: uses role="status" for screen reader announcements
|
|
74
|
-
*
|
|
75
|
-
* ## Usage
|
|
76
|
-
* ```tsx
|
|
77
|
-
* // Simple usage
|
|
78
|
-
* <NotificationPanel
|
|
79
|
-
* type="success"
|
|
80
|
-
* title="Success!"
|
|
81
|
-
* description="Your changes have been saved."
|
|
82
|
-
* actionButton={<Button onPress={() => {}}>Undo</Button>}
|
|
83
|
-
* onClose={() => dismiss()}
|
|
84
|
-
* />
|
|
85
|
-
*
|
|
86
|
-
* // With IconButton
|
|
87
|
-
* <NotificationPanel
|
|
88
|
-
* type="warning"
|
|
89
|
-
* description="Check our guide to view all webhooks"
|
|
90
|
-
* actionButton={<IconButton icon={<ArrowRight />} onPress={() => {}} />}
|
|
91
|
-
* />
|
|
92
|
-
* ```
|
|
93
|
-
*/
|
|
94
|
-
declare var NotificationPanel: React.FC<NotificationPanelProps>;
|
|
95
|
-
export type { NotificationPanelProps };
|
|
96
|
-
declare export { NotificationPanel };
|