primereact 7.0.0-rc.2 → 7.2.0

package/toast/toast.esm.js

@@ -1,6 +1,10 @@
 import React, { Component } from 'react';
-import { DomHandler, Ripple, ObjectUtils, classNames, ZIndexUtils, CSSTransition } from 'primereact/core';
+import { DomHandler, ObjectUtils, classNames, ZIndexUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 import { TransitionGroup } from 'react-transition-group';
+import { CSSTransition } from 'primereact/csstransition';
+import PrimeReact from 'primereact/api';
+import { Portal } from 'primereact/portal';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -56,6 +60,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -88,23 +95,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -157,9 +161,9 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -336,22 +340,24 @@ var Toast = /*#__PURE__*/function (_Component) {
     key: "show",
     value: function show(value) {
       if (value) {
-        var newMessages;
-
-        if (Array.isArray(value)) {
-          for (var i = 0; i < value.length; i++) {
-            value[i].id = messageIdx++;
-            newMessages = [].concat(_toConsumableArray(this.state.messages), _toConsumableArray(value));
+        if (value) {
+          var newMessages;
+
+          if (Array.isArray(value)) {
+            for (var i = 0; i < value.length; i++) {
+              value[i].id = messageIdx++;
+              newMessages = [].concat(_toConsumableArray(this.state.messages), _toConsumableArray(value));
+            }
+          } else {
+            value.id = messageIdx++;
+            newMessages = this.state.messages ? [].concat(_toConsumableArray(this.state.messages), [value]) : [value];
           }
-        } else {
-          value.id = messageIdx++;
-          newMessages = this.state.messages ? [].concat(_toConsumableArray(this.state.messages), [value]) : [value];
-        }
 
-        this.state.messages.length === 0 && ZIndexUtils.set('toast', this.container, this.props.baseZIndex);
-        this.setState({
-          messages: newMessages
-        });
+          this.state.messages.length === 0 && ZIndexUtils.set('toast', this.container, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['toast']);
+          this.setState({
+            messages: newMessages
+          });
+        }
       }
     }
   }, {
@@ -393,8 +399,8 @@ var Toast = /*#__PURE__*/function (_Component) {
       ZIndexUtils.clear(this.container);
     }
   }, {
-    key: "render",
-    value: function render() {
+    key: "renderElement",
+    value: function renderElement() {
       var _this2 = this;
 
       var className = classNames('p-toast p-component p-toast-' + this.props.position, this.props.className);
@@ -427,6 +433,15 @@ var Toast = /*#__PURE__*/function (_Component) {
         }));
       })));
     }
+  }, {
+    key: "render",
+    value: function render() {
+      var element = this.renderElement();
+      return /*#__PURE__*/React.createElement(Portal, {
+        element: element,
+        appendTo: this.props.appendTo
+      });
+    }
   }]);
 
   return Toast;
@@ -439,6 +454,7 @@ _defineProperty(Toast, "defaultProps", {
   baseZIndex: 0,
   position: 'top-right',
   transitionOptions: null,
+  appendTo: 'self',
   onClick: null,
   onRemove: null,
   onShow: null,

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,Ripple as o,ObjectUtils as r,classNames as s,ZIndexUtils as i,CSSTransition as a}from"primereact/core";import{TransitionGroup as c}from"react-transition-group";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function u(e){if(Array.isArray(e))return l(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return u(e)||p(e)||f(e)||m()}function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function v(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return(b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function O(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function C(e){return(C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function E(e,t){if(t&&("object"===C(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}function k(e){return(k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(){return(j=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(i){O(u,t);var a,c,l=(a=u,c=R(),function(){var e,t=k(a);if(c){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function u(e){var t;return y(this,u),(t=l.call(this,e)).onClick=t.onClick.bind(g(t)),t.onClose=t.onClose.bind(g(t)),t}return v(u,[{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"componentDidMount",value:function(){var e=this;this.props.message.sticky||(this.timeout=setTimeout((function(){e.onClose(null)}),this.props.message.life||3e3))}},{key:"onClose",value:function(){this.timeout&&clearTimeout(this.timeout),this.props.onClose&&this.props.onClose(this.props.message)}},{key:"onClick",value:function(e){!this.props.onClick||n.hasClass(e.target,"p-toast-icon-close")||n.hasClass(e.target,"p-toast-icon-close-icon")||this.props.onClick(this.props.message)}},{key:"renderCloseIcon",value:function(){return!1!==this.props.message.closable?e.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:this.onClose},e.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),e.createElement(o,null)):null}},{key:"renderMessage",value:function(){if(this.props.message){var t=this.props.message,n=t.severity,o=t.summary,i=t.detail,a=r.getJSXElement(t.content,P(P({},this.props),{},{onClose:this.onClose})),c=s("p-toast-message-icon pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times":"error"===n,"pi-check":"success"===n});return a||e.createElement(e.Fragment,null,e.createElement("span",{className:c}),e.createElement("div",{className:"p-toast-message-text"},e.createElement("span",{className:"p-toast-summary"},o),i&&e.createElement("div",{className:"p-toast-detail"},i)))}return null}},{key:"render",value:function(){var t=this.props.message.severity,n=this.props.message.contentClassName,o=this.props.message.contentStyle,r=this.props.message.style,i=s("p-toast-message",{"p-toast-message-info":"info"===t,"p-toast-message-warn":"warn"===t,"p-toast-message-error":"error"===t,"p-toast-message-success":"success"===t},this.props.message.className),a=this.renderMessage(),c=this.renderCloseIcon();return e.createElement("div",{ref:this.props.forwardRef,className:i,style:r,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:this.onClick},e.createElement("div",{className:s("p-toast-message-content",n),style:o},a,c))}}]),u}();w(x,"defaultProps",{message:null,onClose:null,onClick:null});var N=e.forwardRef((function(t,n){return e.createElement(x,j({forwardRef:n},t))}));function A(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var _=0,I=function(n){O(u,t);var o,r,l=(o=u,r=A(),function(){var e,t=k(o);if(r){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function u(e){var t;return y(this,u),(t=l.call(this,e)).state={messages:[]},t.onClose=t.onClose.bind(g(t)),t.onEntered=t.onEntered.bind(g(t)),t.onExited=t.onExited.bind(g(t)),t}return v(u,[{key:"show",value:function(e){if(e){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=_++,t=[].concat(h(this.state.messages),h(e));else e.id=_++,t=this.state.messages?[].concat(h(this.state.messages),[e]):[e];0===this.state.messages.length&&i.set("toast",this.container,this.props.baseZIndex),this.setState({messages:t})}}},{key:"clear",value:function(){i.clear(this.container),this.setState({messages:[]})}},{key:"onClose",value:function(e){var t=this.state.messages.filter((function(t){return t.id!==e.id}));this.setState({messages:t}),this.props.onRemove&&this.props.onRemove(e)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){0===this.state.messages.length&&i.clear(this.container),this.props.onHide&&this.props.onHide()}},{key:"componentWillUnmount",value:function(){i.clear(this.container)}},{key:"render",value:function(){var t=this,n=s("p-toast p-component p-toast-"+this.props.position,this.props.className);return e.createElement("div",{ref:function(e){t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement(c,null,this.state.messages.map((function(n){var o=e.createRef();return e.createElement(a,{nodeRef:o,key:n.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:t.onEntered,onExited:t.onExited,options:t.props.transitionOptions},e.createElement(N,{ref:o,message:n,onClick:t.props.onClick,onClose:t.onClose}))}))))}}]),u}();w(I,"defaultProps",{id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,onClick:null,onRemove:null,onShow:null,onHide:null});export{I as Toast};
+import e,{Component as t}from"react";import{DomHandler as n,ObjectUtils as r,classNames as o,ZIndexUtils as s}from"primereact/utils";import{Ripple as i}from"primereact/ripple";import{TransitionGroup as a}from"react-transition-group";import{CSSTransition as c}from"primereact/csstransition";import l from"primereact/api";import{Portal as u}from"primereact/portal";function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return f(e)||m(e)||y(e)||h()}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function g(e,t,n){return t&&b(e.prototype,t),n&&b(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function E(e,t){return E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},E(e,t)}function C(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&E(e,t)}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function w(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return O(e)}function j(e){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},j(e)}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(s){C(u,t);var a,c,l=(a=u,c=N(),function(){var e,t=j(a);if(c){var n=j(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return w(this,e)});function u(e){var t;return v(this,u),(t=l.call(this,e)).onClick=t.onClick.bind(O(t)),t.onClose=t.onClose.bind(O(t)),t}return g(u,[{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"componentDidMount",value:function(){var e=this;this.props.message.sticky||(this.timeout=setTimeout((function(){e.onClose(null)}),this.props.message.life||3e3))}},{key:"onClose",value:function(){this.timeout&&clearTimeout(this.timeout),this.props.onClose&&this.props.onClose(this.props.message)}},{key:"onClick",value:function(e){!this.props.onClick||n.hasClass(e.target,"p-toast-icon-close")||n.hasClass(e.target,"p-toast-icon-close-icon")||this.props.onClick(this.props.message)}},{key:"renderCloseIcon",value:function(){return!1!==this.props.message.closable?e.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:this.onClose},e.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),e.createElement(i,null)):null}},{key:"renderMessage",value:function(){if(this.props.message){var t=this.props.message,n=t.severity,s=t.summary,i=t.detail,a=r.getJSXElement(t.content,x(x({},this.props),{},{onClose:this.onClose})),c=o("p-toast-message-icon pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times":"error"===n,"pi-check":"success"===n});return a||e.createElement(e.Fragment,null,e.createElement("span",{className:c}),e.createElement("div",{className:"p-toast-message-text"},e.createElement("span",{className:"p-toast-summary"},s),i&&e.createElement("div",{className:"p-toast-detail"},i)))}return null}},{key:"render",value:function(){var t=this.props.message.severity,n=this.props.message.contentClassName,r=this.props.message.contentStyle,s=this.props.message.style,i=o("p-toast-message",{"p-toast-message-info":"info"===t,"p-toast-message-warn":"warn"===t,"p-toast-message-error":"error"===t,"p-toast-message-success":"success"===t},this.props.message.className),a=this.renderMessage(),c=this.renderCloseIcon();return e.createElement("div",{ref:this.props.forwardRef,className:i,style:s,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:this.onClick},e.createElement("div",{className:o("p-toast-message-content",n),style:r},a,c))}}]),u}();P(T,"defaultProps",{message:null,onClose:null,onClick:null});var A=e.forwardRef((function(t,n){return e.createElement(T,S({forwardRef:n},t))}));function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var _=0,D=function(n){C(f,t);var r,i,p=(r=f,i=I(),function(){var e,t=j(r);if(i){var n=j(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return w(this,e)});function f(e){var t;return v(this,f),(t=p.call(this,e)).state={messages:[]},t.onClose=t.onClose.bind(O(t)),t.onEntered=t.onEntered.bind(O(t)),t.onExited=t.onExited.bind(O(t)),t}return g(f,[{key:"show",value:function(e){if(e&&e){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=_++,t=[].concat(d(this.state.messages),d(e));else e.id=_++,t=this.state.messages?[].concat(d(this.state.messages),[e]):[e];0===this.state.messages.length&&s.set("toast",this.container,l.autoZIndex,this.props.baseZIndex||l.zIndex.toast),this.setState({messages:t})}}},{key:"clear",value:function(){s.clear(this.container),this.setState({messages:[]})}},{key:"onClose",value:function(e){var t=this.state.messages.filter((function(t){return t.id!==e.id}));this.setState({messages:t}),this.props.onRemove&&this.props.onRemove(e)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){0===this.state.messages.length&&s.clear(this.container),this.props.onHide&&this.props.onHide()}},{key:"componentWillUnmount",value:function(){s.clear(this.container)}},{key:"renderElement",value:function(){var t=this,n=o("p-toast p-component p-toast-"+this.props.position,this.props.className);return e.createElement("div",{ref:function(e){t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement(a,null,this.state.messages.map((function(n){var r=e.createRef();return e.createElement(c,{nodeRef:r,key:n.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:t.onEntered,onExited:t.onExited,options:t.props.transitionOptions},e.createElement(A,{ref:r,message:n,onClick:t.props.onClick,onClose:t.onClose}))}))))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(u,{element:t,appendTo:this.props.appendTo})}}]),f}();P(D,"defaultProps",{id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null});export{D as Toast};

package/toast/toast.js

@@ -1,10 +1,11 @@
 this.primereact = this.primereact || {};
-this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
+this.primereact.toast = (function (exports, React, utils, ripple, reactTransitionGroup, csstransition, PrimeReact, portal) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -60,6 +61,9 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -92,23 +96,20 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -161,9 +162,9 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
     return _extends.apply(this, arguments);
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -217,7 +218,7 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
     }, {
       key: "onClick",
       value: function onClick(event) {
-        if (this.props.onClick && !(core.DomHandler.hasClass(event.target, 'p-toast-icon-close') || core.DomHandler.hasClass(event.target, 'p-toast-icon-close-icon'))) {
+        if (this.props.onClick && !(utils.DomHandler.hasClass(event.target, 'p-toast-icon-close') || utils.DomHandler.hasClass(event.target, 'p-toast-icon-close-icon'))) {
           this.props.onClick(this.props.message);
         }
       }
@@ -225,13 +226,13 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
       key: "renderCloseIcon",
       value: function renderCloseIcon() {
         if (this.props.message.closable !== false) {
-          return /*#__PURE__*/React__default['default'].createElement("button", {
+          return /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "p-toast-icon-close p-link",
             onClick: this.onClose
-          }, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, /*#__PURE__*/React__default["default"].createElement("span", {
             className: "p-toast-icon-close-icon pi pi-times"
-          }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         }
 
         return null;
@@ -245,22 +246,22 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
               content = _this$props$message.content,
               summary = _this$props$message.summary,
               detail = _this$props$message.detail;
-          var contentEl = core.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, this.props), {}, {
+          var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, this.props), {}, {
             onClose: this.onClose
           }));
-          var iconClassName = core.classNames('p-toast-message-icon pi', {
+          var iconClassName = utils.classNames('p-toast-message-icon pi', {
             'pi-info-circle': severity === 'info',
             'pi-exclamation-triangle': severity === 'warn',
             'pi-times': severity === 'error',
             'pi-check': severity === 'success'
           });
-          return contentEl || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
+          return contentEl || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
             className: iconClassName
-          }), /*#__PURE__*/React__default['default'].createElement("div", {
+          }), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-toast-message-text"
-          }, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, /*#__PURE__*/React__default["default"].createElement("span", {
             className: "p-toast-summary"
-          }, summary), detail && /*#__PURE__*/React__default['default'].createElement("div", {
+          }, summary), detail && /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-toast-detail"
           }, detail)));
         }
@@ -274,7 +275,7 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
         var contentClassName = this.props.message.contentClassName;
         var contentStyle = this.props.message.contentStyle;
         var style = this.props.message.style;
-        var className = core.classNames('p-toast-message', {
+        var className = utils.classNames('p-toast-message', {
           'p-toast-message-info': severity === 'info',
           'p-toast-message-warn': severity === 'warn',
           'p-toast-message-error': severity === 'error',
@@ -282,7 +283,7 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
         }, this.props.message.className);
         var message = this.renderMessage();
         var closeIcon = this.renderCloseIcon();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.props.forwardRef,
           className: className,
           style: style,
@@ -290,8 +291,8 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
           "aria-live": "assertive",
           "aria-atomic": "true",
           onClick: this.onClick
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
-          className: core.classNames('p-toast-message-content', contentClassName),
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: utils.classNames('p-toast-message-content', contentClassName),
           style: contentStyle
         }, message, closeIcon));
       }
@@ -306,8 +307,8 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
     onClick: null
   });
 
-  var ToastMessage = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-    return /*#__PURE__*/React__default['default'].createElement(ToastMessageComponent, _extends({
+  var ToastMessage = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(ToastMessageComponent, _extends({
       forwardRef: ref
     }, props));
   });
@@ -340,28 +341,30 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
       key: "show",
       value: function show(value) {
         if (value) {
-          var newMessages;
-
-          if (Array.isArray(value)) {
-            for (var i = 0; i < value.length; i++) {
-              value[i].id = messageIdx++;
-              newMessages = [].concat(_toConsumableArray(this.state.messages), _toConsumableArray(value));
+          if (value) {
+            var newMessages;
+
+            if (Array.isArray(value)) {
+              for (var i = 0; i < value.length; i++) {
+                value[i].id = messageIdx++;
+                newMessages = [].concat(_toConsumableArray(this.state.messages), _toConsumableArray(value));
+              }
+            } else {
+              value.id = messageIdx++;
+              newMessages = this.state.messages ? [].concat(_toConsumableArray(this.state.messages), [value]) : [value];
             }
-          } else {
-            value.id = messageIdx++;
-            newMessages = this.state.messages ? [].concat(_toConsumableArray(this.state.messages), [value]) : [value];
-          }
 
-          this.state.messages.length === 0 && core.ZIndexUtils.set('toast', this.container, this.props.baseZIndex);
-          this.setState({
-            messages: newMessages
-          });
+            this.state.messages.length === 0 && utils.ZIndexUtils.set('toast', this.container, PrimeReact__default["default"].autoZIndex, this.props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
+            this.setState({
+              messages: newMessages
+            });
+          }
         }
       }
     }, {
       key: "clear",
       value: function clear() {
-        core.ZIndexUtils.clear(this.container);
+        utils.ZIndexUtils.clear(this.container);
         this.setState({
           messages: []
         });
@@ -388,30 +391,30 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
     }, {
       key: "onExited",
       value: function onExited() {
-        this.state.messages.length === 0 && core.ZIndexUtils.clear(this.container);
+        this.state.messages.length === 0 && utils.ZIndexUtils.clear(this.container);
         this.props.onHide && this.props.onHide();
       }
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        core.ZIndexUtils.clear(this.container);
+        utils.ZIndexUtils.clear(this.container);
       }
     }, {
-      key: "render",
-      value: function render() {
+      key: "renderElement",
+      value: function renderElement() {
         var _this2 = this;
 
-        var className = core.classNames('p-toast p-component p-toast-' + this.props.position, this.props.className);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var className = utils.classNames('p-toast p-component p-toast-' + this.props.position, this.props.className);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             _this2.container = el;
           },
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.TransitionGroup, null, this.state.messages.map(function (message) {
-          var messageRef = /*#__PURE__*/React__default['default'].createRef();
-          return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        }, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, this.state.messages.map(function (message) {
+          var messageRef = /*#__PURE__*/React__default["default"].createRef();
+          return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
             nodeRef: messageRef,
             key: message.id,
             classNames: "p-toast-message",
@@ -423,7 +426,7 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
             onEntered: _this2.onEntered,
             onExited: _this2.onExited,
             options: _this2.props.transitionOptions
-          }, /*#__PURE__*/React__default['default'].createElement(ToastMessage, {
+          }, /*#__PURE__*/React__default["default"].createElement(ToastMessage, {
             ref: messageRef,
             message: message,
             onClick: _this2.props.onClick,
@@ -431,6 +434,15 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
           }));
         })));
       }
+    }, {
+      key: "render",
+      value: function render() {
+        var element = this.renderElement();
+        return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
+          element: element,
+          appendTo: this.props.appendTo
+        });
+      }
     }]);
 
     return Toast;
@@ -443,6 +455,7 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
     baseZIndex: 0,
     position: 'top-right',
     transitionOptions: null,
+    appendTo: 'self',
     onClick: null,
     onRemove: null,
     onShow: null,
@@ -455,4 +468,4 @@ this.primereact.toast = (function (exports, React, core, reactTransitionGroup) {
 
   return exports;
 
-}({}, React, primereact.core, ReactTransitionGroup));
+})({}, React, primereact.utils, primereact.ripple, ReactTransitionGroup, primereact.csstransition, primereact.api, primereact.portal);

package/toast/toast.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function a(e){if(Array.isArray(e))return i(e)}function l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return a(e)||l(e)||c(e)||u()}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),e}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function g(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function O(e){return(O=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return(E=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var S=function(e){v(i,e);var t,o,r=(t=i,o=j(),function(){var e,n=O(t);if(o){var r=O(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return g(this,e)});function i(e){var t;return f(this,i),(t=r.call(this,e)).onClick=t.onClick.bind(y(t)),t.onClose=t.onClose.bind(y(t)),t}return h(i,[{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"componentDidMount",value:function(){var e=this;this.props.message.sticky||(this.timeout=setTimeout((function(){e.onClose(null)}),this.props.message.life||3e3))}},{key:"onClose",value:function(){this.timeout&&clearTimeout(this.timeout),this.props.onClose&&this.props.onClose(this.props.message)}},{key:"onClick",value:function(e){!this.props.onClick||n.DomHandler.hasClass(e.target,"p-toast-icon-close")||n.DomHandler.hasClass(e.target,"p-toast-icon-close-icon")||this.props.onClick(this.props.message)}},{key:"renderCloseIcon",value:function(){return!1!==this.props.message.closable?s.default.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:this.onClose},s.default.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),s.default.createElement(n.Ripple,null)):null}},{key:"renderMessage",value:function(){if(this.props.message){var e=this.props.message,t=e.severity,o=e.summary,r=e.detail,i=n.ObjectUtils.getJSXElement(e.content,w(w({},this.props),{},{onClose:this.onClose})),a=n.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===t,"pi-exclamation-triangle":"warn"===t,"pi-times":"error"===t,"pi-check":"success"===t});return i||s.default.createElement(s.default.Fragment,null,s.default.createElement("span",{className:a}),s.default.createElement("div",{className:"p-toast-message-text"},s.default.createElement("span",{className:"p-toast-summary"},o),r&&s.default.createElement("div",{className:"p-toast-detail"},r)))}return null}},{key:"render",value:function(){var e=this.props.message.severity,t=this.props.message.contentClassName,o=this.props.message.contentStyle,r=this.props.message.style,i=n.classNames("p-toast-message",{"p-toast-message-info":"info"===e,"p-toast-message-warn":"warn"===e,"p-toast-message-error":"error"===e,"p-toast-message-success":"success"===e},this.props.message.className),a=this.renderMessage(),l=this.renderCloseIcon();return s.default.createElement("div",{ref:this.props.forwardRef,className:i,style:r,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:this.onClick},s.default.createElement("div",{className:n.classNames("p-toast-message-content",t),style:o},a,l))}}]),i}(t.Component);C(S,"defaultProps",{message:null,onClose:null,onClick:null});var R=s.default.forwardRef((function(e,t){return s.default.createElement(S,E({forwardRef:t},e))}));function P(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=0,N=function(e){v(a,e);var t,r,i=(t=a,r=P(),function(){var e,n=O(t);if(r){var o=O(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return g(this,e)});function a(e){var t;return f(this,a),(t=i.call(this,e)).state={messages:[]},t.onClose=t.onClose.bind(y(t)),t.onEntered=t.onEntered.bind(y(t)),t.onExited=t.onExited.bind(y(t)),t}return h(a,[{key:"show",value:function(e){if(e){var t;if(Array.isArray(e))for(var o=0;o<e.length;o++)e[o].id=x++,t=[].concat(p(this.state.messages),p(e));else e.id=x++,t=this.state.messages?[].concat(p(this.state.messages),[e]):[e];0===this.state.messages.length&&n.ZIndexUtils.set("toast",this.container,this.props.baseZIndex),this.setState({messages:t})}}},{key:"clear",value:function(){n.ZIndexUtils.clear(this.container),this.setState({messages:[]})}},{key:"onClose",value:function(e){var t=this.state.messages.filter((function(t){return t.id!==e.id}));this.setState({messages:t}),this.props.onRemove&&this.props.onRemove(e)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){0===this.state.messages.length&&n.ZIndexUtils.clear(this.container),this.props.onHide&&this.props.onHide()}},{key:"componentWillUnmount",value:function(){n.ZIndexUtils.clear(this.container)}},{key:"render",value:function(){var e=this,t=n.classNames("p-toast p-component p-toast-"+this.props.position,this.props.className);return s.default.createElement("div",{ref:function(t){e.container=t},id:this.props.id,className:t,style:this.props.style},s.default.createElement(o.TransitionGroup,null,this.state.messages.map((function(t){var o=s.default.createRef();return s.default.createElement(n.CSSTransition,{nodeRef:o,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:e.onEntered,onExited:e.onExited,options:e.props.transitionOptions},s.default.createElement(R,{ref:o,message:t,onClick:e.props.onClick,onClose:e.onClose}))}))))}}]),a}(t.Component);return C(N,"defaultProps",{id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,onClick:null,onRemove:null,onShow:null,onHide:null}),e.Toast=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core,ReactTransitionGroup);
+this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,r,o,s,i,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t),u=l(i);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return f(e)||m(e)||d(e)||y()}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function g(e,t,n){return t&&b(e.prototype,t),n&&b(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e,t){return C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},C(e,t)}function E(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&C(e,t)}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function w(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return O(e)}function j(e){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},j(e)}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(e){E(i,e);var t,o,s=(t=i,o=N(),function(){var e,n=j(t);if(o){var r=j(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return w(this,e)});function i(e){var t;return v(this,i),(t=s.call(this,e)).onClick=t.onClick.bind(O(t)),t.onClose=t.onClose.bind(O(t)),t}return g(i,[{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"componentDidMount",value:function(){var e=this;this.props.message.sticky||(this.timeout=setTimeout((function(){e.onClose(null)}),this.props.message.life||3e3))}},{key:"onClose",value:function(){this.timeout&&clearTimeout(this.timeout),this.props.onClose&&this.props.onClose(this.props.message)}},{key:"onClick",value:function(e){!this.props.onClick||n.DomHandler.hasClass(e.target,"p-toast-icon-close")||n.DomHandler.hasClass(e.target,"p-toast-icon-close-icon")||this.props.onClick(this.props.message)}},{key:"renderCloseIcon",value:function(){return!1!==this.props.message.closable?c.default.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:this.onClose},c.default.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),c.default.createElement(r.Ripple,null)):null}},{key:"renderMessage",value:function(){if(this.props.message){var e=this.props.message,t=e.severity,r=e.summary,o=e.detail,s=n.ObjectUtils.getJSXElement(e.content,x(x({},this.props),{},{onClose:this.onClose})),i=n.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===t,"pi-exclamation-triangle":"warn"===t,"pi-times":"error"===t,"pi-check":"success"===t});return s||c.default.createElement(c.default.Fragment,null,c.default.createElement("span",{className:i}),c.default.createElement("div",{className:"p-toast-message-text"},c.default.createElement("span",{className:"p-toast-summary"},r),o&&c.default.createElement("div",{className:"p-toast-detail"},o)))}return null}},{key:"render",value:function(){var e=this.props.message.severity,t=this.props.message.contentClassName,r=this.props.message.contentStyle,o=this.props.message.style,s=n.classNames("p-toast-message",{"p-toast-message-info":"info"===e,"p-toast-message-warn":"warn"===e,"p-toast-message-error":"error"===e,"p-toast-message-success":"success"===e},this.props.message.className),i=this.renderMessage(),a=this.renderCloseIcon();return c.default.createElement("div",{ref:this.props.forwardRef,className:s,style:o,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:this.onClick},c.default.createElement("div",{className:n.classNames("p-toast-message-content",t),style:r},i,a))}}]),i}(t.Component);P(T,"defaultProps",{message:null,onClose:null,onClick:null});var I=c.default.forwardRef((function(e,t){return c.default.createElement(T,S({forwardRef:t},e))}));function _(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var A=0,D=function(e){E(l,e);var t,r,i=(t=l,r=_(),function(){var e,n=j(t);if(r){var o=j(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return w(this,e)});function l(e){var t;return v(this,l),(t=i.call(this,e)).state={messages:[]},t.onClose=t.onClose.bind(O(t)),t.onEntered=t.onEntered.bind(O(t)),t.onExited=t.onExited.bind(O(t)),t}return g(l,[{key:"show",value:function(e){if(e&&e){var t;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=A++,t=[].concat(h(this.state.messages),h(e));else e.id=A++,t=this.state.messages?[].concat(h(this.state.messages),[e]):[e];0===this.state.messages.length&&n.ZIndexUtils.set("toast",this.container,u.default.autoZIndex,this.props.baseZIndex||u.default.zIndex.toast),this.setState({messages:t})}}},{key:"clear",value:function(){n.ZIndexUtils.clear(this.container),this.setState({messages:[]})}},{key:"onClose",value:function(e){var t=this.state.messages.filter((function(t){return t.id!==e.id}));this.setState({messages:t}),this.props.onRemove&&this.props.onRemove(e)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){0===this.state.messages.length&&n.ZIndexUtils.clear(this.container),this.props.onHide&&this.props.onHide()}},{key:"componentWillUnmount",value:function(){n.ZIndexUtils.clear(this.container)}},{key:"renderElement",value:function(){var e=this,t=n.classNames("p-toast p-component p-toast-"+this.props.position,this.props.className);return c.default.createElement("div",{ref:function(t){e.container=t},id:this.props.id,className:t,style:this.props.style},c.default.createElement(o.TransitionGroup,null,this.state.messages.map((function(t){var n=c.default.createRef();return c.default.createElement(s.CSSTransition,{nodeRef:n,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:e.onEntered,onExited:e.onExited,options:e.props.transitionOptions},c.default.createElement(I,{ref:n,message:t,onClick:e.props.onClick,onClose:e.onClose}))}))))}},{key:"render",value:function(){var e=this.renderElement();return c.default.createElement(a.Portal,{element:e,appendTo:this.props.appendTo})}}]),l}(t.Component);return P(D,"defaultProps",{id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null}),e.Toast=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple,ReactTransitionGroup,primereact.csstransition,primereact.api,primereact.portal);