@progress/kendo-react-notification 13.3.0 → 13.4.0-develop.1
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/Notification.d.ts +140 -0
- package/Notification.mjs +5 -5
- package/NotificationGroup.d.ts +52 -0
- package/dist/cdn/js/kendo-react-notification.js +1 -1
- package/index.d.mts +3 -185
- package/index.d.ts +3 -185
- package/package-metadata.d.ts +12 -0
- package/package-metadata.mjs +13 -0
- package/package.json +9 -3
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { default as PropTypes } from 'prop-types';
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
/**
|
|
11
|
+
* The `close` event object of the Notification.
|
|
12
|
+
*/
|
|
13
|
+
export interface NotificationEvent {
|
|
14
|
+
/**
|
|
15
|
+
* A native DOM event.
|
|
16
|
+
*/
|
|
17
|
+
nativeEvent: Event;
|
|
18
|
+
/**
|
|
19
|
+
* A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
|
|
20
|
+
*/
|
|
21
|
+
syntheticEvent: React.SyntheticEvent<HTMLElement>;
|
|
22
|
+
/**
|
|
23
|
+
* An event target.
|
|
24
|
+
*/
|
|
25
|
+
target: Notification;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Represents the props of the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
|
|
29
|
+
*/
|
|
30
|
+
export interface NotificationProps {
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
children?: React.ReactNode;
|
|
35
|
+
/**
|
|
36
|
+
* Sets additional classes to the Notification.
|
|
37
|
+
*
|
|
38
|
+
* @example
|
|
39
|
+
* ```jsx
|
|
40
|
+
* <Notification className="custom-class" />
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
className?: string;
|
|
44
|
+
/**
|
|
45
|
+
* Sets if the Notification requires a user action to hide.
|
|
46
|
+
* If the property is set to `true`, the Notification renders a **Close** button.
|
|
47
|
+
* If the property is set to an object, the Notification renders a **Close** button
|
|
48
|
+
* by extending the default props with the provided object.
|
|
49
|
+
*
|
|
50
|
+
* @default false
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* ```jsx
|
|
54
|
+
* <Notification closable={true} />
|
|
55
|
+
* <Notification closable={{ title: 'Dismiss' }} />
|
|
56
|
+
* ```
|
|
57
|
+
*
|
|
58
|
+
* The possible values are:
|
|
59
|
+
* * `false`
|
|
60
|
+
* * `true`
|
|
61
|
+
* * `{ title: 'Hide', ... }`
|
|
62
|
+
*/
|
|
63
|
+
closable?: boolean | React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
|
|
64
|
+
/**
|
|
65
|
+
* Sets the `dir` HTML attribute, which determines the text direction.
|
|
66
|
+
*
|
|
67
|
+
* @example
|
|
68
|
+
* ```jsx
|
|
69
|
+
* <Notification dir="rtl" />
|
|
70
|
+
* ```
|
|
71
|
+
*/
|
|
72
|
+
dir?: string;
|
|
73
|
+
/**
|
|
74
|
+
* The styles that are applied to the Notification.
|
|
75
|
+
*
|
|
76
|
+
* @example
|
|
77
|
+
* ```jsx
|
|
78
|
+
* <Notification style={{ backgroundColor: 'lightblue' }} />
|
|
79
|
+
* ```
|
|
80
|
+
*/
|
|
81
|
+
style?: React.CSSProperties;
|
|
82
|
+
/**
|
|
83
|
+
* Sets the Notification type, which determines its style and icon.
|
|
84
|
+
*
|
|
85
|
+
* @example
|
|
86
|
+
* ```jsx
|
|
87
|
+
* <Notification type={{ style: 'success', icon: true }} />
|
|
88
|
+
* ```
|
|
89
|
+
*
|
|
90
|
+
* The possible values are:
|
|
91
|
+
* * `style: 'none'|'success'|'error'|'warning'|'info'`. The default is `'none'`.
|
|
92
|
+
* * `icon?: 'true'|'false'`. The default is `true`.
|
|
93
|
+
*/
|
|
94
|
+
type?: {
|
|
95
|
+
style?: 'base' | 'secondary' | 'success' | 'error' | 'light' | 'inverse' | 'primary' | 'tertiary' | 'warning' | 'info' | 'dark' | 'none';
|
|
96
|
+
icon?: boolean;
|
|
97
|
+
};
|
|
98
|
+
/**
|
|
99
|
+
* Fires when you click the **Close** button.
|
|
100
|
+
*
|
|
101
|
+
* @example
|
|
102
|
+
* ```jsx
|
|
103
|
+
* <Notification onClose={(event) => console.log('Notification closed', event)} />
|
|
104
|
+
* ```
|
|
105
|
+
*/
|
|
106
|
+
onClose?: (event: NotificationEvent) => void;
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* Represents the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
|
|
110
|
+
*/
|
|
111
|
+
export declare class Notification extends React.Component<NotificationProps> {
|
|
112
|
+
/**
|
|
113
|
+
* @hidden
|
|
114
|
+
*/
|
|
115
|
+
static propTypes: {
|
|
116
|
+
className: PropTypes.Requireable<string>;
|
|
117
|
+
closable: PropTypes.Requireable<NonNullable<boolean | object | null | undefined>>;
|
|
118
|
+
dir: PropTypes.Requireable<string>;
|
|
119
|
+
style: PropTypes.Requireable<object>;
|
|
120
|
+
type: PropTypes.Requireable<PropTypes.InferProps<{
|
|
121
|
+
style: PropTypes.Requireable<string>;
|
|
122
|
+
icon: PropTypes.Requireable<boolean>;
|
|
123
|
+
}>>;
|
|
124
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
125
|
+
};
|
|
126
|
+
/**
|
|
127
|
+
* @hidden
|
|
128
|
+
*/
|
|
129
|
+
static defaultProps: {
|
|
130
|
+
closable: boolean;
|
|
131
|
+
type: {
|
|
132
|
+
style: string;
|
|
133
|
+
icon: boolean;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* @hidden
|
|
138
|
+
*/
|
|
139
|
+
render(): React.JSX.Element;
|
|
140
|
+
}
|
package/Notification.mjs
CHANGED
|
@@ -8,17 +8,17 @@
|
|
|
8
8
|
import * as t from "react";
|
|
9
9
|
import e from "prop-types";
|
|
10
10
|
import { IconWrap as l } from "@progress/kendo-react-common";
|
|
11
|
-
import {
|
|
11
|
+
import { exclamationCircleIcon as p, infoCircleIcon as m, xOutlineIcon as f, checkOutlineIcon as y, xIcon as u } from "@progress/kendo-svg-icons";
|
|
12
12
|
const d = "Close", h = {
|
|
13
13
|
success: "check-outline",
|
|
14
14
|
error: "x-outline",
|
|
15
15
|
info: "info-circle",
|
|
16
16
|
warning: "exclamation-circle"
|
|
17
17
|
}, b = {
|
|
18
|
-
success:
|
|
18
|
+
success: y,
|
|
19
19
|
error: f,
|
|
20
|
-
info:
|
|
21
|
-
warning:
|
|
20
|
+
info: m,
|
|
21
|
+
warning: p
|
|
22
22
|
}, o = class o extends t.Component {
|
|
23
23
|
/**
|
|
24
24
|
* @hidden
|
|
@@ -60,7 +60,7 @@ const d = "Close", h = {
|
|
|
60
60
|
},
|
|
61
61
|
...typeof s != "boolean" ? s : {}
|
|
62
62
|
},
|
|
63
|
-
/* @__PURE__ */ t.createElement(l, { name: "x", icon:
|
|
63
|
+
/* @__PURE__ */ t.createElement(l, { name: "x", icon: u })
|
|
64
64
|
))
|
|
65
65
|
);
|
|
66
66
|
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { default as PropTypes } from 'prop-types';
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
/**
|
|
11
|
+
* Represents the props of the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
|
|
12
|
+
*/
|
|
13
|
+
export interface NotificationGroupProps {
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Sets additional classes to the NotificationGroup.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```jsx
|
|
23
|
+
* <NotificationGroup className="custom-class" />
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
className?: string;
|
|
27
|
+
/**
|
|
28
|
+
* The styles that are applied to the NotificationGroup.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```jsx
|
|
32
|
+
* <NotificationGroup style={{ backgroundColor: 'lightgray' }} />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
style?: React.CSSProperties;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Represents the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
|
|
39
|
+
*/
|
|
40
|
+
export declare class NotificationGroup extends React.Component<NotificationGroupProps> {
|
|
41
|
+
/**
|
|
42
|
+
* @hidden
|
|
43
|
+
*/
|
|
44
|
+
static propTypes: {
|
|
45
|
+
className: PropTypes.Requireable<string>;
|
|
46
|
+
style: PropTypes.Requireable<object>;
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
51
|
+
render(): React.JSX.Element;
|
|
52
|
+
}
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactNotification={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoSvgIcons)}(this,
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactNotification={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoSvgIcons)}(this,function(e,t,o,n,s){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,Object.freeze(t)}var c=i(t);const r={success:"check-outline",error:"x-outline",info:"info-circle",warning:"exclamation-circle"},a={success:s.checkOutlineIcon,error:s.xOutlineIcon,info:s.infoCircleIcon,warning:s.exclamationCircleIcon},l=class e extends c.Component{render(){const{onClose:t,className:o,closable:i=e.defaultProps.closable,type:l=e.defaultProps.type}=this.props;return c.createElement("div",{dir:this.props.dir,className:"k-notification"+(o?` ${o}`:"")+("none"===l.style?"":` k-notification-${l.style}`)+(i?" k-notification-closable":""),style:this.props.style},l.icon&&c.createElement(n.IconWrap,{className:"k-notification-status",name:r[l.style],icon:a[l.style]}),c.createElement("div",{className:"k-notification-content"},this.props.children),i&&c.createElement("span",{className:"k-notification-actions"},c.createElement("span",{className:"k-notification-action k-notification-close-action",title:"Close",onClick:e=>{t&&t.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent})},..."boolean"!=typeof i?i:{}},c.createElement(n.IconWrap,{name:"x",icon:s.xIcon}))))}};l.propTypes={className:o.string,closable:o.oneOfType([o.bool,o.object]),dir:o.string,style:o.object,type:o.shape({style:o.oneOf(["base","secondary","success","error","light","inverse","primary","tertiary","warning","info","dark"]),icon:o.bool}),onClose:o.func},l.defaultProps={closable:!1,type:{style:"none",icon:!0}};let p=l;const f=class extends c.Component{render(){const{style:e={},className:t}=this.props;return c.createElement("div",{className:"k-notification-group"+(t?` ${t}`:""),style:{alignItems:"center",flexWrap:"wrap",...e}},this.props.children)}};f.propTypes={className:o.string,style:o.object};let d=f;e.Notification=p,e.NotificationGroup=d});
|
package/index.d.mts
CHANGED
|
@@ -5,188 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
|
|
14
|
-
*/
|
|
15
|
-
declare class Notification_2 extends React_2.Component<NotificationProps> {
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
static propTypes: {
|
|
20
|
-
className: default_2.Requireable<string>;
|
|
21
|
-
closable: default_2.Requireable<NonNullable<boolean | object | null | undefined>>;
|
|
22
|
-
dir: default_2.Requireable<string>;
|
|
23
|
-
style: default_2.Requireable<object>;
|
|
24
|
-
type: default_2.Requireable<default_2.InferProps<{
|
|
25
|
-
style: default_2.Requireable<string>;
|
|
26
|
-
icon: default_2.Requireable<boolean>;
|
|
27
|
-
}>>;
|
|
28
|
-
onClose: default_2.Requireable<(...args: any[]) => any>;
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
static defaultProps: {
|
|
34
|
-
closable: boolean;
|
|
35
|
-
type: {
|
|
36
|
-
style: string;
|
|
37
|
-
icon: boolean;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
render(): JSX.Element;
|
|
44
|
-
}
|
|
45
|
-
export { Notification_2 as Notification }
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* The `close` event object of the Notification.
|
|
49
|
-
*/
|
|
50
|
-
export declare interface NotificationEvent {
|
|
51
|
-
/**
|
|
52
|
-
* A native DOM event.
|
|
53
|
-
*/
|
|
54
|
-
nativeEvent: Event;
|
|
55
|
-
/**
|
|
56
|
-
* A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
|
|
57
|
-
*/
|
|
58
|
-
syntheticEvent: React_2.SyntheticEvent<HTMLElement>;
|
|
59
|
-
/**
|
|
60
|
-
* An event target.
|
|
61
|
-
*/
|
|
62
|
-
target: Notification_2;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Represents the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
|
|
67
|
-
*/
|
|
68
|
-
export declare class NotificationGroup extends React_2.Component<NotificationGroupProps> {
|
|
69
|
-
/**
|
|
70
|
-
* @hidden
|
|
71
|
-
*/
|
|
72
|
-
static propTypes: {
|
|
73
|
-
className: default_2.Requireable<string>;
|
|
74
|
-
style: default_2.Requireable<object>;
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* @hidden
|
|
78
|
-
*/
|
|
79
|
-
render(): JSX.Element;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
/**
|
|
83
|
-
* Represents the props of the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
|
|
84
|
-
*/
|
|
85
|
-
export declare interface NotificationGroupProps {
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
children?: React_2.ReactNode;
|
|
90
|
-
/**
|
|
91
|
-
* Sets additional classes to the NotificationGroup.
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* ```jsx
|
|
95
|
-
* <NotificationGroup className="custom-class" />
|
|
96
|
-
* ```
|
|
97
|
-
*/
|
|
98
|
-
className?: string;
|
|
99
|
-
/**
|
|
100
|
-
* The styles that are applied to the NotificationGroup.
|
|
101
|
-
*
|
|
102
|
-
* @example
|
|
103
|
-
* ```jsx
|
|
104
|
-
* <NotificationGroup style={{ backgroundColor: 'lightgray' }} />
|
|
105
|
-
* ```
|
|
106
|
-
*/
|
|
107
|
-
style?: React_2.CSSProperties;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
* Represents the props of the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
|
|
112
|
-
*/
|
|
113
|
-
export declare interface NotificationProps {
|
|
114
|
-
/**
|
|
115
|
-
* @hidden
|
|
116
|
-
*/
|
|
117
|
-
children?: React_2.ReactNode;
|
|
118
|
-
/**
|
|
119
|
-
* Sets additional classes to the Notification.
|
|
120
|
-
*
|
|
121
|
-
* @example
|
|
122
|
-
* ```jsx
|
|
123
|
-
* <Notification className="custom-class" />
|
|
124
|
-
* ```
|
|
125
|
-
*/
|
|
126
|
-
className?: string;
|
|
127
|
-
/**
|
|
128
|
-
* Sets if the Notification requires a user action to hide.
|
|
129
|
-
* If the property is set to `true`, the Notification renders a **Close** button.
|
|
130
|
-
* If the property is set to an object, the Notification renders a **Close** button
|
|
131
|
-
* by extending the default props with the provided object.
|
|
132
|
-
*
|
|
133
|
-
* @default false
|
|
134
|
-
*
|
|
135
|
-
* @example
|
|
136
|
-
* ```jsx
|
|
137
|
-
* <Notification closable={true} />
|
|
138
|
-
* <Notification closable={{ title: 'Dismiss' }} />
|
|
139
|
-
* ```
|
|
140
|
-
*
|
|
141
|
-
* The possible values are:
|
|
142
|
-
* * `false`
|
|
143
|
-
* * `true`
|
|
144
|
-
* * `{ title: 'Hide', ... }`
|
|
145
|
-
*/
|
|
146
|
-
closable?: boolean | React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
|
|
147
|
-
/**
|
|
148
|
-
* Sets the `dir` HTML attribute, which determines the text direction.
|
|
149
|
-
*
|
|
150
|
-
* @example
|
|
151
|
-
* ```jsx
|
|
152
|
-
* <Notification dir="rtl" />
|
|
153
|
-
* ```
|
|
154
|
-
*/
|
|
155
|
-
dir?: string;
|
|
156
|
-
/**
|
|
157
|
-
* The styles that are applied to the Notification.
|
|
158
|
-
*
|
|
159
|
-
* @example
|
|
160
|
-
* ```jsx
|
|
161
|
-
* <Notification style={{ backgroundColor: 'lightblue' }} />
|
|
162
|
-
* ```
|
|
163
|
-
*/
|
|
164
|
-
style?: React_2.CSSProperties;
|
|
165
|
-
/**
|
|
166
|
-
* Sets the Notification type, which determines its style and icon.
|
|
167
|
-
*
|
|
168
|
-
* @example
|
|
169
|
-
* ```jsx
|
|
170
|
-
* <Notification type={{ style: 'success', icon: true }} />
|
|
171
|
-
* ```
|
|
172
|
-
*
|
|
173
|
-
* The possible values are:
|
|
174
|
-
* * `style: 'none'|'success'|'error'|'warning'|'info'`. The default is `'none'`.
|
|
175
|
-
* * `icon?: 'true'|'false'`. The default is `true`.
|
|
176
|
-
*/
|
|
177
|
-
type?: {
|
|
178
|
-
style?: 'base' | 'secondary' | 'success' | 'error' | 'light' | 'inverse' | 'primary' | 'tertiary' | 'warning' | 'info' | 'dark' | 'none';
|
|
179
|
-
icon?: boolean;
|
|
180
|
-
};
|
|
181
|
-
/**
|
|
182
|
-
* Fires when you click the **Close** button.
|
|
183
|
-
*
|
|
184
|
-
* @example
|
|
185
|
-
* ```jsx
|
|
186
|
-
* <Notification onClose={(event) => console.log('Notification closed', event)} />
|
|
187
|
-
* ```
|
|
188
|
-
*/
|
|
189
|
-
onClose?: (event: NotificationEvent) => void;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
export { }
|
|
8
|
+
import { Notification, NotificationProps, NotificationEvent } from './Notification.js';
|
|
9
|
+
import { NotificationGroup, NotificationGroupProps } from './NotificationGroup.js';
|
|
10
|
+
export { Notification, NotificationProps, NotificationEvent, NotificationGroup, NotificationGroupProps };
|
package/index.d.ts
CHANGED
|
@@ -5,188 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
|
|
14
|
-
*/
|
|
15
|
-
declare class Notification_2 extends React_2.Component<NotificationProps> {
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
static propTypes: {
|
|
20
|
-
className: default_2.Requireable<string>;
|
|
21
|
-
closable: default_2.Requireable<NonNullable<boolean | object | null | undefined>>;
|
|
22
|
-
dir: default_2.Requireable<string>;
|
|
23
|
-
style: default_2.Requireable<object>;
|
|
24
|
-
type: default_2.Requireable<default_2.InferProps<{
|
|
25
|
-
style: default_2.Requireable<string>;
|
|
26
|
-
icon: default_2.Requireable<boolean>;
|
|
27
|
-
}>>;
|
|
28
|
-
onClose: default_2.Requireable<(...args: any[]) => any>;
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
static defaultProps: {
|
|
34
|
-
closable: boolean;
|
|
35
|
-
type: {
|
|
36
|
-
style: string;
|
|
37
|
-
icon: boolean;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
render(): JSX.Element;
|
|
44
|
-
}
|
|
45
|
-
export { Notification_2 as Notification }
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* The `close` event object of the Notification.
|
|
49
|
-
*/
|
|
50
|
-
export declare interface NotificationEvent {
|
|
51
|
-
/**
|
|
52
|
-
* A native DOM event.
|
|
53
|
-
*/
|
|
54
|
-
nativeEvent: Event;
|
|
55
|
-
/**
|
|
56
|
-
* A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
|
|
57
|
-
*/
|
|
58
|
-
syntheticEvent: React_2.SyntheticEvent<HTMLElement>;
|
|
59
|
-
/**
|
|
60
|
-
* An event target.
|
|
61
|
-
*/
|
|
62
|
-
target: Notification_2;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Represents the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
|
|
67
|
-
*/
|
|
68
|
-
export declare class NotificationGroup extends React_2.Component<NotificationGroupProps> {
|
|
69
|
-
/**
|
|
70
|
-
* @hidden
|
|
71
|
-
*/
|
|
72
|
-
static propTypes: {
|
|
73
|
-
className: default_2.Requireable<string>;
|
|
74
|
-
style: default_2.Requireable<object>;
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* @hidden
|
|
78
|
-
*/
|
|
79
|
-
render(): JSX.Element;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
/**
|
|
83
|
-
* Represents the props of the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
|
|
84
|
-
*/
|
|
85
|
-
export declare interface NotificationGroupProps {
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
children?: React_2.ReactNode;
|
|
90
|
-
/**
|
|
91
|
-
* Sets additional classes to the NotificationGroup.
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* ```jsx
|
|
95
|
-
* <NotificationGroup className="custom-class" />
|
|
96
|
-
* ```
|
|
97
|
-
*/
|
|
98
|
-
className?: string;
|
|
99
|
-
/**
|
|
100
|
-
* The styles that are applied to the NotificationGroup.
|
|
101
|
-
*
|
|
102
|
-
* @example
|
|
103
|
-
* ```jsx
|
|
104
|
-
* <NotificationGroup style={{ backgroundColor: 'lightgray' }} />
|
|
105
|
-
* ```
|
|
106
|
-
*/
|
|
107
|
-
style?: React_2.CSSProperties;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
* Represents the props of the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
|
|
112
|
-
*/
|
|
113
|
-
export declare interface NotificationProps {
|
|
114
|
-
/**
|
|
115
|
-
* @hidden
|
|
116
|
-
*/
|
|
117
|
-
children?: React_2.ReactNode;
|
|
118
|
-
/**
|
|
119
|
-
* Sets additional classes to the Notification.
|
|
120
|
-
*
|
|
121
|
-
* @example
|
|
122
|
-
* ```jsx
|
|
123
|
-
* <Notification className="custom-class" />
|
|
124
|
-
* ```
|
|
125
|
-
*/
|
|
126
|
-
className?: string;
|
|
127
|
-
/**
|
|
128
|
-
* Sets if the Notification requires a user action to hide.
|
|
129
|
-
* If the property is set to `true`, the Notification renders a **Close** button.
|
|
130
|
-
* If the property is set to an object, the Notification renders a **Close** button
|
|
131
|
-
* by extending the default props with the provided object.
|
|
132
|
-
*
|
|
133
|
-
* @default false
|
|
134
|
-
*
|
|
135
|
-
* @example
|
|
136
|
-
* ```jsx
|
|
137
|
-
* <Notification closable={true} />
|
|
138
|
-
* <Notification closable={{ title: 'Dismiss' }} />
|
|
139
|
-
* ```
|
|
140
|
-
*
|
|
141
|
-
* The possible values are:
|
|
142
|
-
* * `false`
|
|
143
|
-
* * `true`
|
|
144
|
-
* * `{ title: 'Hide', ... }`
|
|
145
|
-
*/
|
|
146
|
-
closable?: boolean | React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
|
|
147
|
-
/**
|
|
148
|
-
* Sets the `dir` HTML attribute, which determines the text direction.
|
|
149
|
-
*
|
|
150
|
-
* @example
|
|
151
|
-
* ```jsx
|
|
152
|
-
* <Notification dir="rtl" />
|
|
153
|
-
* ```
|
|
154
|
-
*/
|
|
155
|
-
dir?: string;
|
|
156
|
-
/**
|
|
157
|
-
* The styles that are applied to the Notification.
|
|
158
|
-
*
|
|
159
|
-
* @example
|
|
160
|
-
* ```jsx
|
|
161
|
-
* <Notification style={{ backgroundColor: 'lightblue' }} />
|
|
162
|
-
* ```
|
|
163
|
-
*/
|
|
164
|
-
style?: React_2.CSSProperties;
|
|
165
|
-
/**
|
|
166
|
-
* Sets the Notification type, which determines its style and icon.
|
|
167
|
-
*
|
|
168
|
-
* @example
|
|
169
|
-
* ```jsx
|
|
170
|
-
* <Notification type={{ style: 'success', icon: true }} />
|
|
171
|
-
* ```
|
|
172
|
-
*
|
|
173
|
-
* The possible values are:
|
|
174
|
-
* * `style: 'none'|'success'|'error'|'warning'|'info'`. The default is `'none'`.
|
|
175
|
-
* * `icon?: 'true'|'false'`. The default is `true`.
|
|
176
|
-
*/
|
|
177
|
-
type?: {
|
|
178
|
-
style?: 'base' | 'secondary' | 'success' | 'error' | 'light' | 'inverse' | 'primary' | 'tertiary' | 'warning' | 'info' | 'dark' | 'none';
|
|
179
|
-
icon?: boolean;
|
|
180
|
-
};
|
|
181
|
-
/**
|
|
182
|
-
* Fires when you click the **Close** button.
|
|
183
|
-
*
|
|
184
|
-
* @example
|
|
185
|
-
* ```jsx
|
|
186
|
-
* <Notification onClose={(event) => console.log('Notification closed', event)} />
|
|
187
|
-
* ```
|
|
188
|
-
*/
|
|
189
|
-
onClose?: (event: NotificationEvent) => void;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
export { }
|
|
8
|
+
import { Notification, NotificationProps, NotificationEvent } from './Notification.js';
|
|
9
|
+
import { NotificationGroup, NotificationGroupProps } from './NotificationGroup.js';
|
|
10
|
+
export { Notification, NotificationProps, NotificationEvent, NotificationGroup, NotificationGroupProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PackageMetadata } from '@progress/kendo-licensing';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare const packageMetadata: PackageMetadata;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// Generated file. DO NOT EDIT.
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
5
|
+
export const packageMetadata = Object.freeze({
|
|
6
|
+
name: '@progress/kendo-react-notification',
|
|
7
|
+
productName: 'KendoReact',
|
|
8
|
+
productCode: 'KENDOUIREACT',
|
|
9
|
+
productCodes: ['KENDOUIREACT'],
|
|
10
|
+
publishDate: 0,
|
|
11
|
+
version: '13.4.0-develop.1',
|
|
12
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-notification",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.4.0-develop.1",
|
|
4
4
|
"description": "React Notification renders a message to the user with information about the status of an app process. KendoReact Notification package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-common": "13.
|
|
29
|
+
"@progress/kendo-react-common": "13.4.0-develop.1",
|
|
30
30
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
31
31
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
32
32
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -50,7 +50,13 @@
|
|
|
50
50
|
],
|
|
51
51
|
"@progress": {
|
|
52
52
|
"friendlyName": "Notification",
|
|
53
|
-
"framework": "KendoReact"
|
|
53
|
+
"framework": "KendoReact",
|
|
54
|
+
"package": {
|
|
55
|
+
"productName": "KendoReact",
|
|
56
|
+
"productCode": "KENDOUIREACT",
|
|
57
|
+
"publishDate": 1770218918,
|
|
58
|
+
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
59
|
+
}
|
|
54
60
|
},
|
|
55
61
|
"repository": {
|
|
56
62
|
"type": "git",
|