primereact 7.0.0-rc.2 → 7.2.0

package/timeline/timeline.esm.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { ObjectUtils, classNames } from 'primereact/core';
+import { ObjectUtils, classNames } from 'primereact/utils';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -20,6 +20,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;
 }
 
@@ -44,23 +47,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 _assertThisInitialized(self) {

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{ObjectUtils as n,classNames as r}from"primereact/core";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,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}}),t&&l(e,t)}function a(e){return(a="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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(){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 y=function(l){c(h,t);var a,u,y,v,d,b=(a=h,u=m(),function(){var e,t=s(a);if(u){var n=s(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function h(){return o(this,h),b.apply(this,arguments)}return y=h,(v=[{key:"getKey",value:function(e,t){return this.props.dataKey?n.resolveFieldData(e,this.props.dataKey):"pr_id__".concat(t)}},{key:"renderEvents",value:function(){var t=this;return this.props.value&&this.props.value.map((function(r,o){var i=n.getJSXElement(t.props.opposite,r,o),l=n.getJSXElement(t.props.marker,r,o)||e.createElement("div",{className:"p-timeline-event-marker"}),c=o!==t.props.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),a=n.getJSXElement(t.props.content,r,o);return e.createElement("div",{key:t.getKey(r,o),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},i),e.createElement("div",{className:"p-timeline-event-separator"},l,c),e.createElement("div",{className:"p-timeline-event-content"},a))}))}},{key:"render",value:function(){var t,n=r("p-timeline p-component",(f(t={},"p-timeline-".concat(this.props.align),!0),f(t,"p-timeline-".concat(this.props.layout),!0),t),this.props.className),o=this.renderEvents();return e.createElement("div",{id:this.props.id,className:n,style:this.props.style},o)}}])&&i(y.prototype,v),d&&i(y,d),h}();f(y,"defaultProps",{id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null});export{y as Timeline};
+import e,{Component as t}from"react";import{ObjectUtils as n,classNames as r}from"primereact/utils";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(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&&l(e,t)}function a(e){return a="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},a(e)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(){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 m=function(l){c(h,t);var a,u,m,v,b,d=(a=h,u=y(),function(){var e,t=s(a);if(u){var n=s(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function h(){return o(this,h),d.apply(this,arguments)}return m=h,(v=[{key:"getKey",value:function(e,t){return this.props.dataKey?n.resolveFieldData(e,this.props.dataKey):"pr_id__".concat(t)}},{key:"renderEvents",value:function(){var t=this;return this.props.value&&this.props.value.map((function(r,o){var i=n.getJSXElement(t.props.opposite,r,o),l=n.getJSXElement(t.props.marker,r,o)||e.createElement("div",{className:"p-timeline-event-marker"}),c=o!==t.props.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),a=n.getJSXElement(t.props.content,r,o);return e.createElement("div",{key:t.getKey(r,o),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},i),e.createElement("div",{className:"p-timeline-event-separator"},l,c),e.createElement("div",{className:"p-timeline-event-content"},a))}))}},{key:"render",value:function(){var t,n=r("p-timeline p-component",(f(t={},"p-timeline-".concat(this.props.align),!0),f(t,"p-timeline-".concat(this.props.layout),!0),t),this.props.className),o=this.renderEvents();return e.createElement("div",{id:this.props.id,className:n,style:this.props.style},o)}}])&&i(m.prototype,v),b&&i(m,b),Object.defineProperty(m,"prototype",{writable:!1}),h}();f(m,"defaultProps",{id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null});export{m as Timeline};

package/timeline/timeline.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.timeline = (function (exports, React, core) {
+this.primereact.timeline = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.timeline = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -49,23 +52,20 @@ this.primereact.timeline = (function (exports, React, core) {
         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 _assertThisInitialized(self) {
@@ -125,7 +125,7 @@ this.primereact.timeline = (function (exports, React, core) {
     _createClass(Timeline, [{
       key: "getKey",
       value: function getKey(item, index) {
-        return this.props.dataKey ? core.ObjectUtils.resolveFieldData(item, this.props.dataKey) : "pr_id__".concat(index);
+        return this.props.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.props.dataKey) : "pr_id__".concat(index);
       }
     }, {
       key: "renderEvents",
@@ -133,22 +133,22 @@ this.primereact.timeline = (function (exports, React, core) {
         var _this = this;
 
         return this.props.value && this.props.value.map(function (item, index) {
-          var opposite = core.ObjectUtils.getJSXElement(_this.props.opposite, item, index);
-          var marker = core.ObjectUtils.getJSXElement(_this.props.marker, item, index) || /*#__PURE__*/React__default['default'].createElement("div", {
+          var opposite = utils.ObjectUtils.getJSXElement(_this.props.opposite, item, index);
+          var marker = utils.ObjectUtils.getJSXElement(_this.props.marker, item, index) || /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-timeline-event-marker"
           });
-          var connector = index !== _this.props.value.length - 1 && /*#__PURE__*/React__default['default'].createElement("div", {
+          var connector = index !== _this.props.value.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-timeline-event-connector"
           });
-          var content = core.ObjectUtils.getJSXElement(_this.props.content, item, index);
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          var content = utils.ObjectUtils.getJSXElement(_this.props.content, item, index);
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             key: _this.getKey(item, index),
             className: "p-timeline-event"
-          }, /*#__PURE__*/React__default['default'].createElement("div", {
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-timeline-event-opposite"
-          }, opposite), /*#__PURE__*/React__default['default'].createElement("div", {
+          }, opposite), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-timeline-event-separator"
-          }, marker, connector), /*#__PURE__*/React__default['default'].createElement("div", {
+          }, marker, connector), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-timeline-event-content"
           }, content));
         });
@@ -158,9 +158,9 @@ this.primereact.timeline = (function (exports, React, core) {
       value: function render() {
         var _classNames;
 
-        var containerClassName = core.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(this.props.align), true), _defineProperty(_classNames, "p-timeline-".concat(this.props.layout), true), _classNames), this.props.className);
+        var containerClassName = utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(this.props.align), true), _defineProperty(_classNames, "p-timeline-".concat(this.props.layout), true), _classNames), this.props.className);
         var events = this.renderEvents();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: containerClassName,
           style: this.props.style
@@ -190,4 +190,4 @@ this.primereact.timeline = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(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 a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,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}}),t&&a(e,t)}function u(e){return(u="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 s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(){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 v=function(e){c(d,e);var t,r,a,u,s,v=(t=d,r=y(),function(){var e,n=f(t);if(r){var o=f(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return p(this,e)});function d(){return i(this,d),v.apply(this,arguments)}return a=d,(u=[{key:"getKey",value:function(e,t){return this.props.dataKey?n.ObjectUtils.resolveFieldData(e,this.props.dataKey):"pr_id__".concat(t)}},{key:"renderEvents",value:function(){var e=this;return this.props.value&&this.props.value.map((function(t,r){var i=n.ObjectUtils.getJSXElement(e.props.opposite,t,r),l=n.ObjectUtils.getJSXElement(e.props.marker,t,r)||o.default.createElement("div",{className:"p-timeline-event-marker"}),a=r!==e.props.value.length-1&&o.default.createElement("div",{className:"p-timeline-event-connector"}),c=n.ObjectUtils.getJSXElement(e.props.content,t,r);return o.default.createElement("div",{key:e.getKey(t,r),className:"p-timeline-event"},o.default.createElement("div",{className:"p-timeline-event-opposite"},i),o.default.createElement("div",{className:"p-timeline-event-separator"},l,a),o.default.createElement("div",{className:"p-timeline-event-content"},c))}))}},{key:"render",value:function(){var e,t=n.classNames("p-timeline p-component",(m(e={},"p-timeline-".concat(this.props.align),!0),m(e,"p-timeline-".concat(this.props.layout),!0),e),this.props.className),r=this.renderEvents();return o.default.createElement("div",{id:this.props.id,className:t,style:this.props.style},r)}}])&&l(a.prototype,u),s&&l(a,s),d}(t.Component);return m(v,"defaultProps",{id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null}),e.Timeline=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(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 a(e,t){return a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},a(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&&a(e,t)}function u(e){return u="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},u(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(){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 d=function(e){c(v,e);var t,r,a,u,s,d=(t=v,r=m(),function(){var e,n=f(t);if(r){var o=f(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return p(this,e)});function v(){return i(this,v),d.apply(this,arguments)}return a=v,(u=[{key:"getKey",value:function(e,t){return this.props.dataKey?n.ObjectUtils.resolveFieldData(e,this.props.dataKey):"pr_id__".concat(t)}},{key:"renderEvents",value:function(){var e=this;return this.props.value&&this.props.value.map((function(t,r){var i=n.ObjectUtils.getJSXElement(e.props.opposite,t,r),l=n.ObjectUtils.getJSXElement(e.props.marker,t,r)||o.default.createElement("div",{className:"p-timeline-event-marker"}),a=r!==e.props.value.length-1&&o.default.createElement("div",{className:"p-timeline-event-connector"}),c=n.ObjectUtils.getJSXElement(e.props.content,t,r);return o.default.createElement("div",{key:e.getKey(t,r),className:"p-timeline-event"},o.default.createElement("div",{className:"p-timeline-event-opposite"},i),o.default.createElement("div",{className:"p-timeline-event-separator"},l,a),o.default.createElement("div",{className:"p-timeline-event-content"},c))}))}},{key:"render",value:function(){var e,t=n.classNames("p-timeline p-component",(y(e={},"p-timeline-".concat(this.props.align),!0),y(e,"p-timeline-".concat(this.props.layout),!0),e),this.props.className),r=this.renderEvents();return o.default.createElement("div",{id:this.props.id,className:t,style:this.props.style},r)}}])&&l(a.prototype,u),s&&l(a,s),Object.defineProperty(a,"prototype",{writable:!1}),v}(t.Component);return y(d,"defaultProps",{id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null}),e.Timeline=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/toast/toast.cjs.js

@@ -3,12 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 var reactTransitionGroup = require('react-transition-group');
+var csstransition = require('primereact/csstransition');
+var PrimeReact = require('primereact/api');
+var portal = require('primereact/portal');
 
 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;
@@ -64,6 +69,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;
 }
 
@@ -96,23 +104,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) {
@@ -165,9 +170,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); }; }
 
@@ -221,7 +226,7 @@ var ToastMessageComponent = /*#__PURE__*/function (_Component) {
   }, {
     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);
       }
     }
@@ -229,13 +234,13 @@ var ToastMessageComponent = /*#__PURE__*/function (_Component) {
     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;
@@ -249,22 +254,22 @@ var ToastMessageComponent = /*#__PURE__*/function (_Component) {
             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)));
       }
@@ -278,7 +283,7 @@ var ToastMessageComponent = /*#__PURE__*/function (_Component) {
       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',
@@ -286,7 +291,7 @@ var ToastMessageComponent = /*#__PURE__*/function (_Component) {
       }, 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,
@@ -294,8 +299,8 @@ var ToastMessageComponent = /*#__PURE__*/function (_Component) {
         "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));
     }
@@ -310,8 +315,8 @@ _defineProperty(ToastMessageComponent, "defaultProps", {
   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));
 });
@@ -344,28 +349,30 @@ 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 && 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: []
       });
@@ -392,30 +399,30 @@ var Toast = /*#__PURE__*/function (_Component) {
   }, {
     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",
@@ -427,7 +434,7 @@ var Toast = /*#__PURE__*/function (_Component) {
           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,
@@ -435,6 +442,15 @@ var Toast = /*#__PURE__*/function (_Component) {
         }));
       })));
     }
+  }, {
+    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;
@@ -447,6 +463,7 @@ _defineProperty(Toast, "defaultProps", {
   baseZIndex: 0,
   position: 'top-right',
   transitionOptions: null,
+  appendTo: 'self',
   onClick: null,
   onRemove: null,
   onShow: null,

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core"),n=require("react-transition-group");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function s(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 i(e){if(Array.isArray(e))return s(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function c(){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 u(e){return i(e)||a(e)||l(e)||c()}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(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 m(e,t,n){return t&&f(e.prototype,t),n&&f(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 h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(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&&h(e,t)}function v(e){return(v="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 b(e,t){if(t&&("object"===v(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 g(e){return(g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(){return(C=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}).apply(this,arguments)}function E(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(){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 j=function(n){d(a,e.Component);var r,s,i=(r=a,s=w(),function(){var e,t=g(r);if(s){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function a(e){var t;return p(this,a),(t=i.call(this,e)).onClick=t.onClick.bind(y(t)),t.onClose=t.onClose.bind(y(t)),t}return m(a,[{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||t.DomHandler.hasClass(e.target,"p-toast-icon-close")||t.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?o.default.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:this.onClose},o.default.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),o.default.createElement(t.Ripple,null)):null}},{key:"renderMessage",value:function(){if(this.props.message){var e=this.props.message,n=e.severity,r=e.summary,s=e.detail,i=t.ObjectUtils.getJSXElement(e.content,k(k({},this.props),{},{onClose:this.onClose})),a=t.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times":"error"===n,"pi-check":"success"===n});return i||o.default.createElement(o.default.Fragment,null,o.default.createElement("span",{className:a}),o.default.createElement("div",{className:"p-toast-message-text"},o.default.createElement("span",{className:"p-toast-summary"},r),s&&o.default.createElement("div",{className:"p-toast-detail"},s)))}return null}},{key:"render",value:function(){var e=this.props.message.severity,n=this.props.message.contentClassName,r=this.props.message.contentStyle,s=this.props.message.style,i=t.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 o.default.createElement("div",{ref:this.props.forwardRef,className:i,style:s,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:this.onClick},o.default.createElement("div",{className:t.classNames("p-toast-message-content",n),style:r},a,l))}}]),a}();O(j,"defaultProps",{message:null,onClose:null,onClick:null});var S=o.default.forwardRef((function(e,t){return o.default.createElement(j,C({forwardRef:t},e))}));function x(){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 P=0,R=function(r){d(l,e.Component);var s,i,a=(s=l,i=x(),function(){var e,t=g(s);if(i){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function l(e){var t;return p(this,l),(t=a.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 m(l,[{key:"show",value:function(e){if(e){var n;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=P++,n=[].concat(u(this.state.messages),u(e));else e.id=P++,n=this.state.messages?[].concat(u(this.state.messages),[e]):[e];0===this.state.messages.length&&t.ZIndexUtils.set("toast",this.container,this.props.baseZIndex),this.setState({messages:n})}}},{key:"clear",value:function(){t.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&&t.ZIndexUtils.clear(this.container),this.props.onHide&&this.props.onHide()}},{key:"componentWillUnmount",value:function(){t.ZIndexUtils.clear(this.container)}},{key:"render",value:function(){var e=this,r=t.classNames("p-toast p-component p-toast-"+this.props.position,this.props.className);return o.default.createElement("div",{ref:function(t){e.container=t},id:this.props.id,className:r,style:this.props.style},o.default.createElement(n.TransitionGroup,null,this.state.messages.map((function(n){var r=o.default.createRef();return o.default.createElement(t.CSSTransition,{nodeRef:r,key:n.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:e.onEntered,onExited:e.onExited,options:e.props.transitionOptions},o.default.createElement(S,{ref:r,message:n,onClick:e.props.onClick,onClose:e.onClose}))}))))}}]),l}();O(R,"defaultProps",{id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,onClick:null,onRemove:null,onShow:null,onHide:null}),exports.Toast=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple"),r=require("react-transition-group"),o=require("primereact/csstransition"),s=require("primereact/api"),i=require("primereact/portal");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),c=a(s);function u(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 p(e){if(Array.isArray(e))return u(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function d(){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 y(e){return p(e)||f(e)||m(e)||d()}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(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 b(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e,t){return O=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},O(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&&O(e,t)}function E(e){return E="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(e)}function k(e,t){if(t&&("object"===E(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 w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(){return P=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},P.apply(this,arguments)}function S(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?S(Object(n),!0).forEach((function(t){j(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 N=function(r){C(a,e.Component);var o,s,i=(o=a,s=R(),function(){var e,t=w(o);if(s){var n=w(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return k(this,e)});function a(e){var t;return h(this,a),(t=i.call(this,e)).onClick=t.onClick.bind(g(t)),t.onClose=t.onClose.bind(g(t)),t}return b(a,[{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||t.DomHandler.hasClass(e.target,"p-toast-icon-close")||t.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?l.default.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:this.onClose},l.default.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),l.default.createElement(n.Ripple,null)):null}},{key:"renderMessage",value:function(){if(this.props.message){var e=this.props.message,n=e.severity,r=e.summary,o=e.detail,s=t.ObjectUtils.getJSXElement(e.content,x(x({},this.props),{},{onClose:this.onClose})),i=t.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times":"error"===n,"pi-check":"success"===n});return s||l.default.createElement(l.default.Fragment,null,l.default.createElement("span",{className:i}),l.default.createElement("div",{className:"p-toast-message-text"},l.default.createElement("span",{className:"p-toast-summary"},r),o&&l.default.createElement("div",{className:"p-toast-detail"},o)))}return null}},{key:"render",value:function(){var e=this.props.message.severity,n=this.props.message.contentClassName,r=this.props.message.contentStyle,o=this.props.message.style,s=t.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 l.default.createElement("div",{ref:this.props.forwardRef,className:s,style:o,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:this.onClick},l.default.createElement("div",{className:t.classNames("p-toast-message-content",n),style:r},i,a))}}]),a}();j(N,"defaultProps",{message:null,onClose:null,onClick:null});var I=l.default.forwardRef((function(e,t){return l.default.createElement(N,P({forwardRef:t},e))}));function T(){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,A=function(n){C(p,e.Component);var s,a,u=(s=p,a=T(),function(){var e,t=w(s);if(a){var n=w(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return k(this,e)});function p(e){var t;return h(this,p),(t=u.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 b(p,[{key:"show",value:function(e){if(e&&e){var n;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=_++,n=[].concat(y(this.state.messages),y(e));else e.id=_++,n=this.state.messages?[].concat(y(this.state.messages),[e]):[e];0===this.state.messages.length&&t.ZIndexUtils.set("toast",this.container,c.default.autoZIndex,this.props.baseZIndex||c.default.zIndex.toast),this.setState({messages:n})}}},{key:"clear",value:function(){t.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&&t.ZIndexUtils.clear(this.container),this.props.onHide&&this.props.onHide()}},{key:"componentWillUnmount",value:function(){t.ZIndexUtils.clear(this.container)}},{key:"renderElement",value:function(){var e=this,n=t.classNames("p-toast p-component p-toast-"+this.props.position,this.props.className);return l.default.createElement("div",{ref:function(t){e.container=t},id:this.props.id,className:n,style:this.props.style},l.default.createElement(r.TransitionGroup,null,this.state.messages.map((function(t){var n=l.default.createRef();return l.default.createElement(o.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},l.default.createElement(I,{ref:n,message:t,onClick:e.props.onClick,onClose:e.onClose}))}))))}},{key:"render",value:function(){var e=this.renderElement();return l.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo})}}]),p}();j(A,"defaultProps",{id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null}),exports.Toast=A;

package/toast/toast.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
 
 type ToastSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
 
@@ -6,6 +7,8 @@ type ToastMessageType = ToastMessage | ToastMessage[];
 
 type ToastPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right';
 
+type ToastAppendToType = 'self' | HTMLElement | undefined | null;
+
 export interface ToastMessage {
     severity?: ToastSeverityType;
     summary?: React.ReactNode;
@@ -26,7 +29,8 @@ export interface ToastProps {
     style?: object;
     baseZIndex?: number;
     position?: ToastPositionType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
+    appendTo?: ToastAppendToType;
     onClick?(message: ToastMessage): void;
     onRemove?(message: ToastMessage): void;
     onShow?(): void;