primereact 8.1.0 → 8.3.0

package/tieredmenu/tieredmenu.js

@@ -43,6 +43,21 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -275,7 +290,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     };
 
     var createMenuItem = function createMenuItem(item, index) {
-      var _className = item.className,
+      item.id;
+          var _className = item.className,
           style = item.style,
           disabled = item.disabled,
           _icon = item.icon,
@@ -344,6 +360,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item,
         className: className,
         style: style,
         onMouseEnter: function onMouseEnter(event) {
@@ -374,6 +391,9 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
   });
   TieredMenuSub.displayName = 'TieredMenuSub';
 
+  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 = 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; }
   var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(!props.popup),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -448,11 +468,14 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       utils.ZIndexUtils.clear(menuRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return {
+      return _objectSpread({
         toggle: toggle,
         show: show,
-        hide: hide
-      };
+        hide: hide,
+        getElement: function getElement() {
+          return menuRef.current;
+        }
+      }, props);
     });
 
     var createElement = function createElement() {

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,a,l,o,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(n),m=c(t);function f(){return f=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return l}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return d(e)||v(e,n)||h(e,n)||b()}var g=p.memo((function(e){var n=E(p.useState(null),2),t=n[0],r=n[1],l=p.useRef(null),o=E(a.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=i.DomHandler.getOffset(e),t=i.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},s=function(n,a){a.disabled?n.preventDefault():e.root?(t||e.popup)&&r(a):r(a)},m=function(n,a){a.disabled?n.preventDefault():(a.url||n.preventDefault(),a.command&&a.command({originalEvent:n,item:a}),e.root&&a.items&&r(t&&a===t?null:a),a.items||h())},f=function(n,t){var a=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(a);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(a);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,a)},d=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function(){r(null),e.onLeafClick&&e.onLeafClick()};a.useMountEffect((function(){o()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var b=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?p.createElement(g,{menuProps:e.menuProps,model:n.items,onLeafClick:h,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,o=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,h=n.template,b=c+"_"+r,E=t===n,g=i.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=i.classNames("p-menuitem-link",{"p-disabled":l}),w=i.classNames("p-menuitem-icon",o),O="p-submenu-icon pi pi-angle-right",S=i.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&p.createElement("span",{className:"p-menuitem-text"},c),I=d&&p.createElement("span",{className:O}),C=D(n),H=p.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,p.createElement(u.Ripple,null));h&&(H=i.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return p.createElement("li",{key:b,className:g,style:a,onMouseEnter:function(e){return s(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?b(n):N(e,n)},O=i.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return p.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));g.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,n){var t=E(p.useState(!e.popup),2),u=t[0],c=t[1],s=p.useRef(null),d=p.useRef(null),v=E(a.useOverlayListener({target:d,overlay:s,listener:function(e,n){n.valid&&O(e)},when:u}),2),y=v[0],h=v[1],b=function(n){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(u?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},x=function(){y()},I=function(){d.current=null,h()},C=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(n,(function(){return{toggle:N,show:w,hide:O}}));var H,k,j=(H=i.ObjectUtils.findDiffKeys(e,D.defaultProps),k=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},p.createElement("div",f({ref:s,id:e.id,className:k,style:e.style},H,{onClick:b}),p.createElement(g,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?p.createElement(o.Portal,{element:j,appendTo:e.appendTo}):j})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,t,n,r,a,o,l,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(t),m=c(n);function f(){return f=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},f.apply(this,arguments)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return b(e)||v(e,t)||h(e,t)||g()}var E=p.memo((function(e){var t=O(p.useState(null),2),n=t[0],r=t[1],o=p.useRef(null),l=O(a.useEventListener({type:"click",listener:function(e){o.current&&!o.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(o.current){var e=o.current.parentElement,t=i.DomHandler.getOffset(e),n=i.DomHandler.getViewport(),r=o.current.offsetParent?o.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(o.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(t.left,10)+a+r>n.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(o.current,"p-submenu-list-flipped")}},s=function(t,a){a.disabled?t.preventDefault():e.root?(n||e.popup)&&r(a):r(a)},m=function(t,a){a.disabled?t.preventDefault():(a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a}),e.root&&a.items&&r(n&&a===n?null:a),a.items||y())},f=function(t,n){var a=t.currentTarget.parentElement;switch(t.which){case 40:var o=b(a);o&&o.children[0].focus(),t.preventDefault();break;case 38:var l=v(a);l&&l.children[0].focus(),t.preventDefault();break;case 39:n.items&&(r(n),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,a)},d=function(e,t){37===e.which&&(r(null),t.parentElement.previousElementSibling.focus())},b=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},v=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},y=function(){r(null),e.onLeafClick&&e.onLeafClick()};a.useMountEffect((function(){l()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var h=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},g=function(t){return t.items?p.createElement(E,{menuProps:e.menuProps,model:t.items,onLeafClick:y,popup:e.popup,onKeyDown:d,parentActive:t===n}):null},w=function(t,r){var a=t.style,o=t.disabled,l=t.icon,c=t.label,d=t.items,b=t.target,v=t.url,y=t.template,h=c+"_"+r,O=n===t,E=i.classNames("p-menuitem",{"p-menuitem-active":O},t.className),w=i.classNames("p-menuitem-link",{"p-disabled":o}),D=i.classNames("p-menuitem-icon",l),j="p-submenu-icon pi pi-angle-right",N=i.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.menuProps}),P=c&&p.createElement("span",{className:"p-menuitem-text"},c),S=d&&p.createElement("span",{className:j}),x=g(t),I=p.createElement("a",{href:v||"#",className:w,target:b,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},"aria-disabled":o},N,P,S,p.createElement(u.Ripple,null));y&&(I=i.ObjectUtils.getJSXElement(y,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:w,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:j,element:I,props:e,active:O}));return p.createElement("li",{key:h,id:t,className:E,style:a,onMouseEnter:function(e){return s(e,t)},role:"none"},I,x)},D=function(e,t){return e.separator?h(t):w(e,t)},j=i.classNames({"p-submenu-list":!e.root}),N=e.model?e.model.map(D):null;return p.createElement("ul",{ref:o,className:j,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},N)}));function w(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}E.displayName="TieredMenuSub";var j=p.memo(p.forwardRef((function(e,t){var n=O(p.useState(!e.popup),2),u=n[0],c=n[1],s=p.useRef(null),d=p.useRef(null),b=O(a.useOverlayListener({target:d,overlay:s,listener:function(e,t){t.valid&&N(e)},when:u}),2),v=b[0],y=b[1],h=function(t){e.popup&&o.OverlayService.emit("overlay-click",{originalEvent:t,target:d.current})},g=function(t){e.popup&&(u?N(t):w(t))},w=function(t){d.current=t.currentTarget,c(!0),e.onShow&&e.onShow(t)},N=function(t){d.current=t.currentTarget,c(!1),e.onHide&&e.onHide(t)},P=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},S=function(){v()},x=function(){d.current=null,y()},I=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(t,(function(){return D({toggle:g,show:w,hide:N,getElement:function(){return s.current}},e)}));var k,C,H=(k=i.ObjectUtils.findDiffKeys(e,j.defaultProps),C=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:P,onEntered:S,onExit:x,onExited:I},p.createElement("div",f({ref:s,id:e.id,className:C,style:e.style},k,{onClick:h}),p.createElement(E,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?p.createElement(l.Portal,{element:H,appendTo:e.appendTo}):H})));return j.displayName="TieredMenu",j.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);

package/timeline/timeline.cjs.js

@@ -58,9 +58,14 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+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 = 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; }
 var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _classNames;
 
+  var elementRef = React__namespace.useRef(null);
+
   var getKey = function getKey(item, index) {
     return props.dataKey ? utils.ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
   };
@@ -88,11 +93,19 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
   var className = utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
   var events = createEvents();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), events);

package/timeline/timeline.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=l.memo(l.forwardRef((function(e,n){var c,s=function(n,l){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(l)},o=t.ObjectUtils.findDiffKeys(e,i.defaultProps),u=t.classNames("p-timeline p-component",(r(c={},"p-timeline-".concat(e.align),!0),r(c,"p-timeline-".concat(e.layout),!0),c),e.className),m=e.value&&e.value.map((function(n,a){var r=t.ObjectUtils.getJSXElement(e.opposite,n,a),i=t.ObjectUtils.getJSXElement(e.marker,n,a)||l.createElement("div",{className:"p-timeline-event-marker"}),c=a!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),o=t.ObjectUtils.getJSXElement(e.content,n,a);return l.createElement("div",{key:s(n,a),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},r),l.createElement("div",{className:"p-timeline-event-separator"},i,c),l.createElement("div",{className:"p-timeline-event-content"},o))}));return l.createElement("div",a({id:e.id,className:u,style:e.style},o),m)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},exports.Timeline=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var o=n.memo(n.forwardRef((function(e,r){var i,u=n.useRef(null),s=function(r,n){return e.dataKey?t.ObjectUtils.resolveFieldData(r,e.dataKey):"pr_id__".concat(n)};n.useImperativeHandle(r,(function(){return c({getElement:function(){return u.current}},e)}));var p=t.ObjectUtils.findDiffKeys(e,o.defaultProps),m=t.classNames("p-timeline p-component",(a(i={},"p-timeline-".concat(e.align),!0),a(i,"p-timeline-".concat(e.layout),!0),i),e.className),f=e.value&&e.value.map((function(r,l){var a=t.ObjectUtils.getJSXElement(e.opposite,r,l),i=t.ObjectUtils.getJSXElement(e.marker,r,l)||n.createElement("div",{className:"p-timeline-event-marker"}),c=l!==e.value.length-1&&n.createElement("div",{className:"p-timeline-event-connector"}),o=t.ObjectUtils.getJSXElement(e.content,r,l);return n.createElement("div",{key:s(r,l),className:"p-timeline-event"},n.createElement("div",{className:"p-timeline-event-opposite"},a),n.createElement("div",{className:"p-timeline-event-separator"},i,c),n.createElement("div",{className:"p-timeline-event-content"},o))}));return n.createElement("div",l({id:e.id,ref:u,className:m,style:e.style},p),f)})));o.displayName="Timeline",o.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},exports.Timeline=o;

package/timeline/timeline.d.ts

@@ -6,18 +6,17 @@ type TimelineLayoutType = 'vertical' | 'horizontal';
 
 type TimelineTemplateType = React.ReactNode | ((item: any, index: number) => React.ReactNode);
 
-export interface TimelineProps {
-    id?: string;
+export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     value?: any[];
     align?: TimelineAlignType;
     layout?: TimelineLayoutType;
     dataKey?: string;
-    className?: string;
-    style?: object;
     opposite?: TimelineTemplateType;
     marker?: TimelineTemplateType;
     content?: TimelineTemplateType;
     children?: React.ReactNode;
 }
 
-export declare class Timeline extends React.Component<TimelineProps, any> { }
+export declare class Timeline extends React.Component<TimelineProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/timeline/timeline.esm.js

@@ -34,9 +34,14 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+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 = 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; }
 var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
+  var elementRef = React.useRef(null);
+
   var getKey = function getKey(item, index) {
     return props.dataKey ? ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
   };
@@ -64,11 +69,19 @@ var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
   var className = classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
   var events = createEvents();
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), events);

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as n}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},l.apply(this,arguments)}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=e.memo(e.forwardRef((function(r,m){var c,o=function(e,n){return r.dataKey?t.resolveFieldData(e,r.dataKey):"pr_id__".concat(n)},s=t.findDiffKeys(r,i.defaultProps),p=n("p-timeline p-component",(a(c={},"p-timeline-".concat(r.align),!0),a(c,"p-timeline-".concat(r.layout),!0),c),r.className),u=r.value&&r.value.map((function(n,l){var a=t.getJSXElement(r.opposite,n,l),i=t.getJSXElement(r.marker,n,l)||e.createElement("div",{className:"p-timeline-event-marker"}),m=l!==r.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),c=t.getJSXElement(r.content,n,l);return e.createElement("div",{key:o(n,l),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},a),e.createElement("div",{className:"p-timeline-event-separator"},i,m),e.createElement("div",{className:"p-timeline-event-content"},c))}));return e.createElement("div",l({id:r.id,className:p,style:r.style},s),u)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null};export{i as Timeline};
+import*as e from"react";import{ObjectUtils as t,classNames as n}from"primereact/utils";function r(){return r=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},r.apply(this,arguments)}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(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 i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=e.memo(e.forwardRef((function(a,o){var u,m=e.useRef(null),p=function(e,n){return a.dataKey?t.resolveFieldData(e,a.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(o,(function(){return i({getElement:function(){return m.current}},a)}));var s=t.findDiffKeys(a,c.defaultProps),f=n("p-timeline p-component",(l(u={},"p-timeline-".concat(a.align),!0),l(u,"p-timeline-".concat(a.layout),!0),u),a.className),v=a.value&&a.value.map((function(n,r){var l=t.getJSXElement(a.opposite,n,r),i=t.getJSXElement(a.marker,n,r)||e.createElement("div",{className:"p-timeline-event-marker"}),c=r!==a.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),o=t.getJSXElement(a.content,n,r);return e.createElement("div",{key:p(n,r),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},l),e.createElement("div",{className:"p-timeline-event-separator"},i,c),e.createElement("div",{className:"p-timeline-event-content"},o))}));return e.createElement("div",r({id:a.id,ref:m,className:f,style:a.style},s),v)})));c.displayName="Timeline",c.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null};export{c as Timeline};

package/timeline/timeline.js

@@ -55,9 +55,14 @@ this.primereact.timeline = (function (exports, React, utils) {
     return obj;
   }
 
+  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 = 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; }
   var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames;
 
+    var elementRef = React__namespace.useRef(null);
+
     var getKey = function getKey(item, index) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
     };
@@ -85,11 +90,19 @@ this.primereact.timeline = (function (exports, React, utils) {
       });
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
     var className = utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
     var events = createEvents();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), events);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=a.memo(a.forwardRef((function(e,t){var l,s=function(t,l){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):"pr_id__".concat(l)},o=n.ObjectUtils.findDiffKeys(e,c.defaultProps),u=n.classNames("p-timeline p-component",(r(l={},"p-timeline-".concat(e.align),!0),r(l,"p-timeline-".concat(e.layout),!0),l),e.className),m=e.value&&e.value.map((function(t,l){var i=n.ObjectUtils.getJSXElement(e.opposite,t,l),r=n.ObjectUtils.getJSXElement(e.marker,t,l)||a.createElement("div",{className:"p-timeline-event-marker"}),c=l!==e.value.length-1&&a.createElement("div",{className:"p-timeline-event-connector"}),o=n.ObjectUtils.getJSXElement(e.content,t,l);return a.createElement("div",{key:s(t,l),className:"p-timeline-event"},a.createElement("div",{className:"p-timeline-event-opposite"},i),a.createElement("div",{className:"p-timeline-event-separator"},r,c),a.createElement("div",{className:"p-timeline-event-content"},o))}));return a.createElement("div",i({id:e.id,className:u,style:e.style},o),m)})));return c.displayName="Timeline",c.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},e.Timeline=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=r(t);function i(){return i=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},i.apply(this,arguments)}function a(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(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 o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var u=l.memo(l.forwardRef((function(e,t){var r,c=l.useRef(null),s=function(t,r){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):"pr_id__".concat(r)};l.useImperativeHandle(t,(function(){return o({getElement:function(){return c.current}},e)}));var p=n.ObjectUtils.findDiffKeys(e,u.defaultProps),m=n.classNames("p-timeline p-component",(a(r={},"p-timeline-".concat(e.align),!0),a(r,"p-timeline-".concat(e.layout),!0),r),e.className),f=e.value&&e.value.map((function(t,r){var i=n.ObjectUtils.getJSXElement(e.opposite,t,r),a=n.ObjectUtils.getJSXElement(e.marker,t,r)||l.createElement("div",{className:"p-timeline-event-marker"}),c=r!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),o=n.ObjectUtils.getJSXElement(e.content,t,r);return l.createElement("div",{key:s(t,r),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},i),l.createElement("div",{className:"p-timeline-event-separator"},a,c),l.createElement("div",{className:"p-timeline-event-content"},o))}));return l.createElement("div",i({id:e.id,ref:c,className:m,style:e.style},p),f)})));return u.displayName="Timeline",u.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},e.Timeline=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/toast/toast.cjs.js

@@ -253,21 +253,13 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       var messages;
 
       if (Array.isArray(value)) {
-        var currentMessages = _toConsumableArray(value);
-
-        for (var i = 0; i < currentMessages.length; i++) {
-          var message = _objectSpread({}, currentMessages[i]);
-
-          message.id = messageIdx++;
-          currentMessages[i] = message;
+        for (var i = 0; i < value.length; i++) {
+          value[i].id = messageIdx++;
+          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
         }
-
-        messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
       } else {
-        var currentMessage = _objectSpread({}, value);
-
-        currentMessage.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+        value.id = messageIdx++;
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
       }
 
       messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
@@ -280,6 +272,11 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     setMessagesState([]);
   };
 
+  var replace = function replace(value) {
+    var replaced = Array.isArray(value) ? value : [value];
+    setMessagesState(replaced);
+  };
+
   var onClose = function onClose(message) {
     var messages = messagesState.filter(function (msg) {
       return msg.id !== message.id;
@@ -293,7 +290,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
 
   var onExited = function onExited() {
-    messagesState.length === 0 && utils.ZIndexUtils.clear(containerRef.current);
+    messagesState.length === 1 && utils.ZIndexUtils.clear(containerRef.current);
     props.onHide && props.onHide();
   };
 
@@ -301,10 +298,14 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     utils.ZIndexUtils.clear(containerRef.current);
   });
   React__namespace.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       show: show,
-      clear: clear
-    };
+      replace: replace,
+      clear: clear,
+      getElement: function getElement() {
+        return containerRef.current;
+      }
+    }, props);
   });
 
   var createElement = function createElement() {

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("primereact/api"),n=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/portal"),i=require("primereact/utils"),s=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=c(e),f=l(r);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function v(){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 g(e){return d(e)||b(e)||O(e)||v()}function j(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return j(e)||h(e,t)||O(e,t)||w()}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=u.memo(u.forwardRef((function(e,t){var r=e.message,n=r.severity,a=r.content,l=r.summary,c=r.detail,f=r.closable,p=r.className,y=r.style,d=r.contentClassName,b=r.contentStyle,O=E(o.useTimeout((function(){v()}),r.life||3e3,!r.sticky),1)[0],v=function(){O(),e.onClose&&e.onClose(e.message)},g=i.classNames("p-toast-message",m({},"p-toast-message-".concat(n),n),p),j=i.classNames("p-toast-message-content",d),h=function(){if(e.message){var t=i.ObjectUtils.getJSXElement(a,N(N({},e),{},{onClose:v})),r=i.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 t||u.createElement(u.Fragment,null,u.createElement("span",{className:r}),u.createElement("div",{className:"p-toast-message-text"},u.createElement("span",{className:"p-toast-summary"},l),c&&u.createElement("div",{className:"p-toast-detail"},c)))}return null}();return u.createElement("div",{ref:t,className:g,style:y,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(t){!e.onClick||i.DomHandler.hasClass(t.target,"p-toast-icon-close")||i.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(e.message)}},u.createElement("div",{className:j,style:b},h,!1!==f?u.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:v},u.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),u.createElement(s.Ripple,null)):null))})));function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}S.displayName="ToastMessage";var k=0,I=u.memo(u.forwardRef((function(e,r){var s=E(u.useState([]),2),l=s[0],c=s[1],m=u.useRef(null),y=function(t){if(t){var r;if(Array.isArray(t)){for(var n=g(t),o=0;o<n.length;o++){var a=C({},n[o]);a.id=k++,n[o]=a}r=[].concat(g(l),g(n))}else{var s=C({},t);s.id=k++,r=l?[].concat(g(l),[s]):[s]}0===l.length&&i.ZIndexUtils.set("toast",m.current,f.default.autoZIndex,e.baseZIndex||f.default.zIndex.toast),c(r)}},d=function(){i.ZIndexUtils.clear(m.current),c([])},b=function(t){var r=l.filter((function(e){return e.id!==t.id}));c(r),e.onRemove&&e.onRemove(t)},O=function(){e.onShow&&e.onShow()},v=function(){0===l.length&&i.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()};o.useUnmountEffect((function(){i.ZIndexUtils.clear(m.current)})),u.useImperativeHandle(r,(function(){return{show:y,clear:d}}));var j,h,w=(j=i.ObjectUtils.findDiffKeys(e,I.defaultProps),h=i.classNames("p-toast p-component p-toast-"+e.position,e.className),u.createElement("div",p({ref:m,id:e.id,className:h,style:e.style},j),u.createElement(t.TransitionGroup,null,l.map((function(t){var r=u.createRef();return u.createElement(n.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:O,onExited:v,options:e.transitionOptions},u.createElement(S,{ref:r,message:t,onClick:e.onClick,onClose:b}))})))));return u.createElement(a.Portal,{element:w,appendTo:e.appendTo})})));I.displayName="Toast",I.defaultProps={__TYPE:"Toast",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=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("primereact/api"),n=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/portal"),i=require("primereact/utils"),s=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=c(e),f=l(r);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function v(){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 g(e){return d(e)||b(e)||O(e)||v()}function j(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return a}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return j(e)||h(e,t)||O(e,t)||E()}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=u.memo(u.forwardRef((function(e,t){var r=e.message,n=r.severity,a=r.content,l=r.summary,c=r.detail,f=r.closable,p=r.className,y=r.style,d=r.contentClassName,b=r.contentStyle,O=w(o.useTimeout((function(){v()}),r.life||3e3,!r.sticky),1)[0],v=function(){O(),e.onClose&&e.onClose(e.message)},g=i.classNames("p-toast-message",m({},"p-toast-message-".concat(n),n),p),j=i.classNames("p-toast-message-content",d),h=function(){if(e.message){var t=i.ObjectUtils.getJSXElement(a,N(N({},e),{},{onClose:v})),r=i.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 t||u.createElement(u.Fragment,null,u.createElement("span",{className:r}),u.createElement("div",{className:"p-toast-message-text"},u.createElement("span",{className:"p-toast-summary"},l),c&&u.createElement("div",{className:"p-toast-detail"},c)))}return null}();return u.createElement("div",{ref:t,className:g,style:y,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(t){!e.onClick||i.DomHandler.hasClass(t.target,"p-toast-icon-close")||i.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(e.message)}},u.createElement("div",{className:j,style:b},h,!1!==f?u.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:v},u.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),u.createElement(s.Ripple,null)):null))})));function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}S.displayName="ToastMessage";var k=0,I=u.memo(u.forwardRef((function(e,r){var s=w(u.useState([]),2),l=s[0],c=s[1],m=u.useRef(null),y=function(t){if(t){var r;if(Array.isArray(t))for(var n=0;n<t.length;n++)t[n].id=k++,r=[].concat(g(l),g(t));else t.id=k++,r=l?[].concat(g(l),[t]):[t];0===l.length&&i.ZIndexUtils.set("toast",m.current,f.default.autoZIndex,e.baseZIndex||f.default.zIndex.toast),c(r)}},d=function(){i.ZIndexUtils.clear(m.current),c([])},b=function(e){var t=Array.isArray(e)?e:[e];c(t)},O=function(t){var r=l.filter((function(e){return e.id!==t.id}));c(r),e.onRemove&&e.onRemove(t)},v=function(){e.onShow&&e.onShow()},j=function(){1===l.length&&i.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()};o.useUnmountEffect((function(){i.ZIndexUtils.clear(m.current)})),u.useImperativeHandle(r,(function(){return C({show:y,replace:b,clear:d,getElement:function(){return m.current}},e)}));var h,E,P=(h=i.ObjectUtils.findDiffKeys(e,I.defaultProps),E=i.classNames("p-toast p-component p-toast-"+e.position,e.className),u.createElement("div",p({ref:m,id:e.id,className:E,style:e.style},h),u.createElement(t.TransitionGroup,null,l.map((function(t){var r=u.createRef();return u.createElement(n.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:v,onExited:j,options:e.transitionOptions},u.createElement(S,{ref:r,message:t,onClick:e.onClick,onClose:O}))})))));return u.createElement(a.Portal,{element:P,appendTo:e.appendTo})})));I.displayName="Toast",I.defaultProps={__TYPE:"Toast",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=I;

package/toast/toast.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 
-type ToastSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
+type ToastSeverityType = 'success' | 'info' | 'warn' | 'error';
 
 type ToastMessageType = ToastMessage | ToastMessage[];
 
@@ -23,10 +23,7 @@ export interface ToastMessage {
     contentStyle?: object;
 }
 
-export interface ToastProps {
-    id?: string;
-    className?: string;
-    style?: object;
+export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     baseZIndex?: number;
     position?: ToastPositionType;
     transitionOptions?: CSSTransitionProps;
@@ -41,4 +38,6 @@ export interface ToastProps {
 export declare class Toast extends React.Component<ToastProps, any> {
     public show(message: ToastMessageType): void;
     public clear(): void;
+    public replace(message: ToastMessageType): void;
+    public getElement(): HTMLDivElement;
 }

package/toast/toast.esm.js

@@ -226,21 +226,13 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       var messages;
 
       if (Array.isArray(value)) {
-        var currentMessages = _toConsumableArray(value);
-
-        for (var i = 0; i < currentMessages.length; i++) {
-          var message = _objectSpread({}, currentMessages[i]);
-
-          message.id = messageIdx++;
-          currentMessages[i] = message;
+        for (var i = 0; i < value.length; i++) {
+          value[i].id = messageIdx++;
+          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
         }
-
-        messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
       } else {
-        var currentMessage = _objectSpread({}, value);
-
-        currentMessage.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+        value.id = messageIdx++;
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
       }
 
       messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
@@ -253,6 +245,11 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     setMessagesState([]);
   };
 
+  var replace = function replace(value) {
+    var replaced = Array.isArray(value) ? value : [value];
+    setMessagesState(replaced);
+  };
+
   var onClose = function onClose(message) {
     var messages = messagesState.filter(function (msg) {
       return msg.id !== message.id;
@@ -266,7 +263,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   var onExited = function onExited() {
-    messagesState.length === 0 && ZIndexUtils.clear(containerRef.current);
+    messagesState.length === 1 && ZIndexUtils.clear(containerRef.current);
     props.onHide && props.onHide();
   };
 
@@ -274,10 +271,14 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     ZIndexUtils.clear(containerRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       show: show,
-      clear: clear
-    };
+      replace: replace,
+      clear: clear,
+      getElement: function getElement() {
+        return containerRef.current;
+      }
+    }, props);
   });
 
   var createElement = function createElement() {

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import r from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useTimeout as o,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{classNames as s,DomHandler as c,ObjectUtils as l,ZIndexUtils as u}from"primereact/utils";import{Ripple as p}from"primereact/ripple";function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function g(){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 O(e){return d(e)||b(e)||v(e)||g()}function h(e){if(Array.isArray(e))return e}function j(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return h(e)||j(e,t)||v(e,t)||w()}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=e.memo(e.forwardRef((function(t,r){var n=t.message,a=n.severity,i=n.content,u=n.summary,m=n.detail,y=n.closable,d=n.className,b=n.style,v=n.contentClassName,g=n.contentStyle,O=E(o((function(){h()}),n.life||3e3,!n.sticky),1)[0],h=function(){O(),t.onClose&&t.onClose(t.message)},j=s("p-toast-message",f({},"p-toast-message-".concat(a),a),d),w=s("p-toast-message-content",v),P=function(){if(t.message){var r=l.getJSXElement(i,S(S({},t),{},{onClose:h})),n=s("p-toast-message-icon pi",{"pi-info-circle":"info"===a,"pi-exclamation-triangle":"warn"===a,"pi-times":"error"===a,"pi-check":"success"===a});return r||e.createElement(e.Fragment,null,e.createElement("span",{className:n}),e.createElement("div",{className:"p-toast-message-text"},e.createElement("span",{className:"p-toast-summary"},u),m&&e.createElement("div",{className:"p-toast-detail"},m)))}return null}();return e.createElement("div",{ref:r,className:j,style:b,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(e){!t.onClick||c.hasClass(e.target,"p-toast-icon-close")||c.hasClass(e.target,"p-toast-icon-close-icon")||t.onClick(t.message)}},e.createElement("div",{className:w,style:g},P,!1!==y?e.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:h},e.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),e.createElement(p,null)):null))})));function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}N.displayName="ToastMessage";var x=0,A=e.memo(e.forwardRef((function(o,c){var p=E(e.useState([]),2),f=p[0],y=p[1],d=e.useRef(null),b=function(e){if(e){var t;if(Array.isArray(e)){for(var n=O(e),a=0;a<n.length;a++){var i=k({},n[a]);i.id=x++,n[a]=i}t=[].concat(O(f),O(n))}else{var s=k({},e);s.id=x++,t=f?[].concat(O(f),[s]):[s]}0===f.length&&u.set("toast",d.current,r.autoZIndex,o.baseZIndex||r.zIndex.toast),y(t)}},v=function(){u.clear(d.current),y([])},g=function(e){var t=f.filter((function(t){return t.id!==e.id}));y(t),o.onRemove&&o.onRemove(e)},h=function(){o.onShow&&o.onShow()},j=function(){0===f.length&&u.clear(d.current),o.onHide&&o.onHide()};a((function(){u.clear(d.current)})),e.useImperativeHandle(c,(function(){return{show:b,clear:v}}));var w,P,S=(w=l.findDiffKeys(o,A.defaultProps),P=s("p-toast p-component p-toast-"+o.position,o.className),e.createElement("div",m({ref:d,id:o.id,className:P,style:o.style},w),e.createElement(t,null,f.map((function(t){var r=e.createRef();return e.createElement(n,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:h,onExited:j,options:o.transitionOptions},e.createElement(N,{ref:r,message:t,onClick:o.onClick,onClose:g}))})))));return e.createElement(i,{element:S,appendTo:o.appendTo})})));A.displayName="Toast",A.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null};export{A as Toast};
+import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import r from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useTimeout as o,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{classNames as c,DomHandler as s,ObjectUtils as l,ZIndexUtils as u}from"primereact/utils";import{Ripple as p}from"primereact/ripple";function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function v(){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 O(e){return d(e)||b(e)||g(e)||v()}function h(e){if(Array.isArray(e))return e}function j(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,c=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(c)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return h(e)||j(e,t)||g(e,t)||w()}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=e.memo(e.forwardRef((function(t,r){var n=t.message,a=n.severity,i=n.content,u=n.summary,m=n.detail,y=n.closable,d=n.className,b=n.style,g=n.contentClassName,v=n.contentStyle,O=E(o((function(){h()}),n.life||3e3,!n.sticky),1)[0],h=function(){O(),t.onClose&&t.onClose(t.message)},j=c("p-toast-message",f({},"p-toast-message-".concat(a),a),d),w=c("p-toast-message-content",g),P=function(){if(t.message){var r=l.getJSXElement(i,S(S({},t),{},{onClose:h})),n=c("p-toast-message-icon pi",{"pi-info-circle":"info"===a,"pi-exclamation-triangle":"warn"===a,"pi-times":"error"===a,"pi-check":"success"===a});return r||e.createElement(e.Fragment,null,e.createElement("span",{className:n}),e.createElement("div",{className:"p-toast-message-text"},e.createElement("span",{className:"p-toast-summary"},u),m&&e.createElement("div",{className:"p-toast-detail"},m)))}return null}();return e.createElement("div",{ref:r,className:j,style:b,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(e){!t.onClick||s.hasClass(e.target,"p-toast-icon-close")||s.hasClass(e.target,"p-toast-icon-close-icon")||t.onClick(t.message)}},e.createElement("div",{className:w,style:v},P,!1!==y?e.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:h},e.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),e.createElement(p,null)):null))})));function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}N.displayName="ToastMessage";var A=0,x=e.memo(e.forwardRef((function(o,s){var p=E(e.useState([]),2),f=p[0],y=p[1],d=e.useRef(null),b=function(e){if(e){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=A++,t=[].concat(O(f),O(e));else e.id=A++,t=f?[].concat(O(f),[e]):[e];0===f.length&&u.set("toast",d.current,r.autoZIndex,o.baseZIndex||r.zIndex.toast),y(t)}},g=function(){u.clear(d.current),y([])},v=function(e){var t=Array.isArray(e)?e:[e];y(t)},h=function(e){var t=f.filter((function(t){return t.id!==e.id}));y(t),o.onRemove&&o.onRemove(e)},j=function(){o.onShow&&o.onShow()},w=function(){1===f.length&&u.clear(d.current),o.onHide&&o.onHide()};a((function(){u.clear(d.current)})),e.useImperativeHandle(s,(function(){return k({show:b,replace:v,clear:g,getElement:function(){return d.current}},o)}));var P,S,C=(P=l.findDiffKeys(o,x.defaultProps),S=c("p-toast p-component p-toast-"+o.position,o.className),e.createElement("div",m({ref:d,id:o.id,className:S,style:o.style},P),e.createElement(t,null,f.map((function(t){var r=e.createRef();return e.createElement(n,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:j,onExited:w,options:o.transitionOptions},e.createElement(N,{ref:r,message:t,onClick:o.onClick,onClose:h}))})))));return e.createElement(i,{element:C,appendTo:o.appendTo})})));x.displayName="Toast",x.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null};export{x as Toast};

package/toast/toast.js

@@ -244,21 +244,13 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
         var messages;
 
         if (Array.isArray(value)) {
-          var currentMessages = _toConsumableArray(value);
-
-          for (var i = 0; i < currentMessages.length; i++) {
-            var message = _objectSpread({}, currentMessages[i]);
-
-            message.id = messageIdx++;
-            currentMessages[i] = message;
+          for (var i = 0; i < value.length; i++) {
+            value[i].id = messageIdx++;
+            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
           }
-
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
         } else {
-          var currentMessage = _objectSpread({}, value);
-
-          currentMessage.id = messageIdx++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+          value.id = messageIdx++;
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
         }
 
         messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
@@ -271,6 +263,11 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
       setMessagesState([]);
     };
 
+    var replace = function replace(value) {
+      var replaced = Array.isArray(value) ? value : [value];
+      setMessagesState(replaced);
+    };
+
     var onClose = function onClose(message) {
       var messages = messagesState.filter(function (msg) {
         return msg.id !== message.id;
@@ -284,7 +281,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     };
 
     var onExited = function onExited() {
-      messagesState.length === 0 && utils.ZIndexUtils.clear(containerRef.current);
+      messagesState.length === 1 && utils.ZIndexUtils.clear(containerRef.current);
       props.onHide && props.onHide();
     };
 
@@ -292,10 +289,14 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
       utils.ZIndexUtils.clear(containerRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return {
+      return _objectSpread({
         show: show,
-        clear: clear
-      };
+        replace: replace,
+        clear: clear,
+        getElement: function getElement() {
+          return containerRef.current;
+        }
+      }, props);
     });
 
     var createElement = function createElement() {

package/toast/toast.min.css

@@ -1 +1 @@
-.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}
+.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-detail{overflow-wrap:anywhere}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}