@progress/kendo-react-notification 11.4.0 → 12.0.0-develop.2

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.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),e=require("prop-types"),u=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function m(i){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(c,t,n.get?n:{enumerable:!0,get:()=>i[t]})}}return c.default=i,Object.freeze(c)}const o=m(f),y="Close",d={success:"check-outline",error:"x-outline",info:"info-circle",warning:"exclamation-circle"},b={success:l.checkOutlineIcon,error:l.xOutlineIcon,info:l.infoCircleIcon,warning:l.exclamationCircleIcon},s=class s extends o.Component{render(){const{onClose:c,className:t,closable:n=s.defaultProps.closable,type:a=s.defaultProps.type}=this.props;return o.createElement("div",{dir:this.props.dir,className:"k-notification"+(t?` ${t}`:"")+(a.style==="none"?"":` k-notification-${a.style}`)+(n?" k-notification-closable":""),style:this.props.style},a.icon&&o.createElement(u.IconWrap,{className:"k-notification-status",name:d[a.style],icon:b[a.style]}),o.createElement("div",{className:"k-notification-content"},this.props.children),n&&o.createElement("span",{className:"k-notification-actions"},o.createElement("span",{className:"k-notification-action k-notification-close-action",title:y,onClick:p=>{c&&c.call(void 0,{target:this,syntheticEvent:p,nativeEvent:p.nativeEvent})},...typeof n!="boolean"?n:{}},o.createElement(u.IconWrap,{name:"x",icon:l.xIcon}))))}};s.propTypes={className:e.string,closable:e.oneOfType([e.bool,e.object]),dir:e.string,style:e.object,type:e.shape({style:e.oneOf(["none","success","error","warning","info"]),icon:e.bool}),onClose:e.func},s.defaultProps={closable:!1,type:{style:"none",icon:!0}};let r=s;exports.Notification=r;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),e=require("prop-types"),u=require("@progress/kendo-react-common"),r=require("@progress/kendo-svg-icons");function m(i){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(c,t,n.get?n:{enumerable:!0,get:()=>i[t]})}}return c.default=i,Object.freeze(c)}const o=m(f),y="Close",d={success:"check-outline",error:"x-outline",info:"info-circle",warning:"exclamation-circle"},b={success:r.checkOutlineIcon,error:r.xOutlineIcon,info:r.infoCircleIcon,warning:r.exclamationCircleIcon},s=class s extends o.Component{render(){const{onClose:c,className:t,closable:n=s.defaultProps.closable,type:a=s.defaultProps.type}=this.props;return o.createElement("div",{dir:this.props.dir,className:"k-notification"+(t?` ${t}`:"")+(a.style==="none"?"":` k-notification-${a.style}`)+(n?" k-notification-closable":""),style:this.props.style},a.icon&&o.createElement(u.IconWrap,{className:"k-notification-status",name:d[a.style],icon:b[a.style]}),o.createElement("div",{className:"k-notification-content"},this.props.children),n&&o.createElement("span",{className:"k-notification-actions"},o.createElement("span",{className:"k-notification-action k-notification-close-action",title:y,onClick:p=>{c&&c.call(void 0,{target:this,syntheticEvent:p,nativeEvent:p.nativeEvent})},...typeof n!="boolean"?n:{}},o.createElement(u.IconWrap,{name:"x",icon:r.xIcon}))))}};s.propTypes={className:e.string,closable:e.oneOfType([e.bool,e.object]),dir:e.string,style:e.object,type:e.shape({style:e.oneOf(["base","secondary","success","error","light","inverse","primary","tertiary","warning","info","dark"]),icon:e.bool}),onClose:e.func},s.defaultProps={closable:!1,type:{style:"none",icon:!0}};let l=s;exports.Notification=l;
package/Notification.mjs CHANGED
@@ -71,7 +71,19 @@ o.propTypes = {
71
71
  dir: e.string,
72
72
  style: e.object,
73
73
  type: e.shape({
74
- style: e.oneOf(["none", "success", "error", "warning", "info"]),
74
+ style: e.oneOf([
75
+ "base",
76
+ "secondary",
77
+ "success",
78
+ "error",
79
+ "light",
80
+ "inverse",
81
+ "primary",
82
+ "tertiary",
83
+ "warning",
84
+ "info",
85
+ "dark"
86
+ ]),
75
87
  icon: e.bool
76
88
  }),
77
89
  onClose: e.func
@@ -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,(function(e,t,o,n,s){"use strict";function c(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 i=c(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 i.Component{render(){const{onClose:t,className:o,closable:c=e.defaultProps.closable,type:l=e.defaultProps.type}=this.props;return i.createElement("div",{dir:this.props.dir,className:"k-notification"+(o?` ${o}`:"")+("none"===l.style?"":` k-notification-${l.style}`)+(c?" k-notification-closable":""),style:this.props.style},l.icon&&i.createElement(n.IconWrap,{className:"k-notification-status",name:r[l.style],icon:a[l.style]}),i.createElement("div",{className:"k-notification-content"},this.props.children),c&&i.createElement("span",{className:"k-notification-actions"},i.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 c?c:{}},i.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(["none","success","error","warning","info"]),icon:o.bool}),onClose:o.func},l.defaultProps={closable:!1,type:{style:"none",icon:!0}};let p=l;const f=class extends i.Component{render(){const{style:e={},className:t}=this.props;return i.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 u=f;e.Notification=p,e.NotificationGroup=u}));
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
@@ -173,7 +173,7 @@ export declare interface NotificationProps {
173
173
  * * `icon?: 'true'|'false'`. Defaults to `true`.
174
174
  */
175
175
  type?: {
176
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
176
+ style?: 'base' | 'secondary' | 'success' | 'error' | 'light' | 'inverse' | 'primary' | 'tertiary' | 'warning' | 'info' | 'dark' | 'none';
177
177
  icon?: boolean;
178
178
  };
179
179
  /**
package/index.d.ts CHANGED
@@ -173,7 +173,7 @@ export declare interface NotificationProps {
173
173
  * * `icon?: 'true'|'false'`. Defaults to `true`.
174
174
  */
175
175
  type?: {
176
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
176
+ style?: 'base' | 'secondary' | 'success' | 'error' | 'light' | 'inverse' | 'primary' | 'tertiary' | 'warning' | 'info' | 'dark' | 'none';
177
177
  icon?: boolean;
178
178
  };
179
179
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-notification",
3
- "version": "11.4.0",
3
+ "version": "12.0.0-develop.2",
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.0",
29
- "@progress/kendo-react-common": "11.4.0",
29
+ "@progress/kendo-react-common": "12.0.0-develop.2",
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"