@progress/kendo-react-notification 13.4.0-develop.2 → 13.4.0-develop.3

package/Notification.d.ts

@@ -105,14 +105,28 @@ export interface NotificationProps {
      */
     onClose?: (event: NotificationEvent) => void;
 }
+/**
+ * The default props of the Notification component.
+ *
+ * @hidden
+ */
+export declare const notificationDefaultProps: {
+    closable: boolean;
+    type: {
+        style: "none";
+        icon: boolean;
+    };
+};
 /**
  * Represents the [KendoReact Notification component](https://www.telerik.com/kendo-react-ui/components/notification).
  */
-export declare class Notification extends React.Component<NotificationProps> {
+export declare const Notification: {
+    (props: NotificationProps): React.JSX.Element;
+    displayName: string;
     /**
      * @hidden
      */
-    static propTypes: {
+    propTypes: {
         className: PropTypes.Requireable<string>;
         closable: PropTypes.Requireable<NonNullable<boolean | object | null | undefined>>;
         dir: PropTypes.Requireable<string>;
@@ -123,18 +137,4 @@ export declare class Notification extends React.Component<NotificationProps> {
         }>>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        closable: boolean;
-        type: {
-            style: string;
-            icon: boolean;
-        };
-    };
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-}
+};

package/Notification.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),e=require("prop-types"),p=require("@progress/kendo-react-common"),a=require("@progress/kendo-svg-icons");function d(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(c,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return c.default=t,Object.freeze(c)}const o=d(b),g="Close",k={success:"check-outline",error:"x-outline",info:"info-circle",warning:"exclamation-circle"},N={success:a.checkOutlineIcon,error:a.xOutlineIcon,info:a.infoCircleIcon,warning:a.exclamationCircleIcon},f={closable:!1,type:{style:"none",icon:!0}},l=t=>{const{children:c,className:n,dir:s,style:y,closable:r=f.closable,type:i=f.type,onClose:u}=t;return o.createElement("div",{dir:s,className:"k-notification"+(n?` ${n}`:"")+(i.style==="none"?"":` k-notification-${i.style}`)+(r?" k-notification-closable":""),style:y},i.icon&&o.createElement(p.IconWrap,{className:"k-notification-status",name:k[i.style],icon:N[i.style]}),o.createElement("div",{className:"k-notification-content"},c),r&&o.createElement("span",{className:"k-notification-actions"},o.createElement("span",{className:"k-notification-action k-notification-close-action",title:g,onClick:m=>{u&&u({target:l,syntheticEvent:m,nativeEvent:m.nativeEvent})},...typeof r!="boolean"?r:{}},o.createElement(p.IconWrap,{name:"x",icon:a.xIcon}))))};l.displayName="Notification";l.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};exports.Notification=l;exports.notificationDefaultProps=f;

package/Notification.mjs

@@ -5,67 +5,69 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
+import * as o from "react";
 import e from "prop-types";
 import { IconWrap as l } from "@progress/kendo-react-common";
-import { exclamationCircleIcon as p, infoCircleIcon as m, xOutlineIcon as f, checkOutlineIcon as y, xIcon as u } from "@progress/kendo-svg-icons";
-const d = "Close", h = {
+import { exclamationCircleIcon as u, infoCircleIcon as b, xOutlineIcon as k, checkOutlineIcon as N, xIcon as E } from "@progress/kendo-svg-icons";
+const d = "Close", g = {
   success: "check-outline",
   error: "x-outline",
   info: "info-circle",
   warning: "exclamation-circle"
-}, b = {
-  success: y,
-  error: f,
-  info: m,
-  warning: p
-}, o = class o extends t.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      onClose: c,
-      className: i,
-      closable: s = o.defaultProps.closable,
-      type: n = o.defaultProps.type
-    } = this.props;
-    return /* @__PURE__ */ t.createElement(
-      "div",
+}, v = {
+  success: N,
+  error: k,
+  info: b,
+  warning: u
+}, r = {
+  closable: !1,
+  type: { style: "none", icon: !0 }
+}, i = (f) => {
+  const {
+    children: m,
+    className: c,
+    dir: p,
+    style: y,
+    closable: n = r.closable,
+    type: t = r.type,
+    onClose: a
+  } = f;
+  return /* @__PURE__ */ o.createElement(
+    "div",
+    {
+      dir: p,
+      className: "k-notification" + (c ? ` ${c}` : "") + (t.style === "none" ? "" : ` k-notification-${t.style}`) + (n ? " k-notification-closable" : ""),
+      style: y
+    },
+    t.icon && /* @__PURE__ */ o.createElement(
+      l,
       {
-        dir: this.props.dir,
-        className: "k-notification" + (i ? ` ${i}` : "") + (n.style === "none" ? "" : ` k-notification-${n.style}`) + (s ? " k-notification-closable" : ""),
-        style: this.props.style
-      },
-      n.icon && /* @__PURE__ */ t.createElement(
-        l,
-        {
-          className: "k-notification-status",
-          name: h[n.style],
-          icon: b[n.style]
-        }
-      ),
-      /* @__PURE__ */ t.createElement("div", { className: "k-notification-content" }, this.props.children),
-      s && /* @__PURE__ */ t.createElement("span", { className: "k-notification-actions" }, /* @__PURE__ */ t.createElement(
-        "span",
-        {
-          className: "k-notification-action k-notification-close-action",
-          title: d,
-          onClick: (a) => {
-            c && c.call(void 0, {
-              target: this,
-              syntheticEvent: a,
-              nativeEvent: a.nativeEvent
-            });
-          },
-          ...typeof s != "boolean" ? s : {}
+        className: "k-notification-status",
+        name: g[t.style],
+        icon: v[t.style]
+      }
+    ),
+    /* @__PURE__ */ o.createElement("div", { className: "k-notification-content" }, m),
+    n && /* @__PURE__ */ o.createElement("span", { className: "k-notification-actions" }, /* @__PURE__ */ o.createElement(
+      "span",
+      {
+        className: "k-notification-action k-notification-close-action",
+        title: d,
+        onClick: (s) => {
+          a && a({
+            target: i,
+            syntheticEvent: s,
+            nativeEvent: s.nativeEvent
+          });
         },
-        /* @__PURE__ */ t.createElement(l, { name: "x", icon: u })
-      ))
-    );
-  }
+        ...typeof n != "boolean" ? n : {}
+      },
+      /* @__PURE__ */ o.createElement(l, { name: "x", icon: E })
+    ))
+  );
 };
-o.propTypes = {
+i.displayName = "Notification";
+i.propTypes = {
   className: e.string,
   closable: e.oneOfType([e.bool, e.object]),
   dir: e.string,
@@ -87,14 +89,8 @@ o.propTypes = {
     icon: e.bool
   }),
   onClose: e.func
-}, o.defaultProps = {
-  closable: !1,
-  type: {
-    style: "none",
-    icon: !0
-  }
 };
-let r = o;
 export {
-  r as Notification
+  i as Notification,
+  r as notificationDefaultProps
 };

package/NotificationGroup.d.ts

@@ -34,19 +34,22 @@ export interface NotificationGroupProps {
      */
     style?: React.CSSProperties;
 }
+/**
+ * The default props of the NotificationGroup component.
+ *
+ * @hidden
+ */
+export declare const notificationGroupDefaultProps: {
+    style: {};
+};
 /**
  * Represents the [KendoReact NotificationGroup component](https://www.telerik.com/kendo-react-ui/components/notification/api/notificationgroup).
  */
-export declare class NotificationGroup extends React.Component<NotificationGroupProps> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const NotificationGroup: {
+    (props: NotificationGroupProps): React.JSX.Element;
+    displayName: string;
+    propTypes: {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
     };
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-}
+};

package/NotificationGroup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("prop-types");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,c.get?c:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=i(l),n=class n extends o.Component{render(){const{style:r={},className:e}=this.props;return o.createElement("div",{className:"k-notification-group"+(e?` ${e}`:""),style:{alignItems:"center",flexWrap:"wrap",...r}},this.props.children)}};n.propTypes={className:a.string,style:a.object};let s=n;exports.NotificationGroup=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("prop-types");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=s(c),a={style:{}},n=e=>{const{style:o=a.style,className:t,children:r}=e;return l.createElement("div",{className:"k-notification-group"+(t?` ${t}`:""),style:{alignItems:"center",flexWrap:"wrap",...o}},r)};n.displayName="NotificationGroup";n.propTypes={className:i.string,style:i.object};exports.NotificationGroup=n;exports.notificationGroupDefaultProps=a;

package/NotificationGroup.mjs

@@ -5,33 +5,31 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
-import r from "prop-types";
-const e = class e extends t.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    const { style: a = {}, className: s } = this.props;
-    return /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: "k-notification-group" + (s ? ` ${s}` : ""),
-        style: {
-          alignItems: "center",
-          flexWrap: "wrap",
-          ...a
-        }
-      },
-      this.props.children
-    );
-  }
+import * as i from "react";
+import e from "prop-types";
+const p = {
+  style: {}
+}, o = (s) => {
+  const { style: r = p.style, className: t, children: a } = s;
+  return /* @__PURE__ */ i.createElement(
+    "div",
+    {
+      className: "k-notification-group" + (t ? ` ${t}` : ""),
+      style: {
+        alignItems: "center",
+        flexWrap: "wrap",
+        ...r
+      }
+    },
+    a
+  );
 };
-e.propTypes = {
-  className: r.string,
-  style: r.object
+o.displayName = "NotificationGroup";
+o.propTypes = {
+  className: e.string,
+  style: e.object
 };
-let p = e;
 export {
-  p as NotificationGroup
+  o as NotificationGroup,
+  p as notificationGroupDefaultProps
 };

package/dist/cdn/js/kendo-react-notification.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!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});
+!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,n,o,i){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=c(t);const a={success:"check-outline",error:"x-outline",info:"info-circle",warning:"exclamation-circle"},r={success:i.checkOutlineIcon,error:i.xOutlineIcon,info:i.infoCircleIcon,warning:i.exclamationCircleIcon},l={closable:!1,type:{style:"none",icon:!0}},p=e=>{const{children:t,className:n,dir:c,style:f,closable:y=l.closable,type:m=l.type,onClose:u}=e;return s.createElement("div",{dir:c,className:"k-notification"+(n?` ${n}`:"")+("none"===m.style?"":` k-notification-${m.style}`)+(y?" k-notification-closable":""),style:f},m.icon&&s.createElement(o.IconWrap,{className:"k-notification-status",name:a[m.style],icon:r[m.style]}),s.createElement("div",{className:"k-notification-content"},t),y&&s.createElement("span",{className:"k-notification-actions"},s.createElement("span",{className:"k-notification-action k-notification-close-action",title:"Close",onClick:e=>{u&&u({target:p,syntheticEvent:e,nativeEvent:e.nativeEvent})},..."boolean"!=typeof y?y:{}},s.createElement(o.IconWrap,{name:"x",icon:i.xIcon}))))};p.displayName="Notification",p.propTypes={className:n.string,closable:n.oneOfType([n.bool,n.object]),dir:n.string,style:n.object,type:n.shape({style:n.oneOf(["base","secondary","success","error","light","inverse","primary","tertiary","warning","info","dark"]),icon:n.bool}),onClose:n.func};const f={style:{}},y=e=>{const{style:t=f.style,className:n,children:o}=e;return s.createElement("div",{className:"k-notification-group"+(n?` ${n}`:""),style:{alignItems:"center",flexWrap:"wrap",...t}},o)};y.displayName="NotificationGroup",y.propTypes={className:n.string,style:n.object},e.Notification=p,e.NotificationGroup=y});

package/package-metadata.mjs

@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
     publishDate: 0,
-    version: '13.4.0-develop.2',
+    version: '13.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-notification",
-  "version": "13.4.0-develop.2",
+  "version": "13.4.0-develop.3",
   "description": "React Notification renders a message to the user with information about the status of an app process. KendoReact Notification package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "13.4.0-develop.2",
+    "@progress/kendo-react-common": "13.4.0-develop.3",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -54,7 +54,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1770288006,
+      "publishDate": 1770312174,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },