primereact 8.2.0 → 8.5.0

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as a,useOverlayListener as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as s,DomHandler as p,IconUtils as m,ObjectUtils as f,ZIndexUtils as d}from"primereact/utils";import{Ripple as v}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw o}}return a}}function g(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 E(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}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 N(e,n){return y(e)||b(e,n)||E(e,n)||w()}var S=e.memo((function(n){var t=N(e.useState(null),2),i=t[0],l=t[1],u=e.useRef(null),c=N(r({type:"click",listener:function(e){u.current&&!u.current.contains(e.target)&&l(null)}}),1)[0],d=function(){if(u.current){var e=u.current.parentElement,n=p.getOffset(e),t=p.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:p.getHiddenElementOuterWidth(u.current),o=p.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>t.width-p.calculateScrollbarWidth()&&p.addClass(u.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled?e.preventDefault():n.root?(i||n.popup)&&l(t):l(t)},y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.root&&t.items&&l(i&&t===i?null:t),t.items||x())},b=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=E(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var a=w(r);a&&a.children[0].focus(),e.preventDefault();break;case 39:t.items&&(l(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},g=function(e,n){37===e.which&&(l(null),n.parentElement.previousElementSibling.focus())},E=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},w=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},x=function(){l(null),n.onLeafClick&&n.onLeafClick()};o((function(){c()})),a((function(){n.parentActive||l(null),!n.root&&n.parentActive&&d()}),[n.parentActive]);var C=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},k=function(t){return t.items?e.createElement(S,{menuProps:n.menuProps,model:t.items,onLeafClick:x,popup:n.popup,onKeyDown:g,parentActive:t===i}):null},I=function(t,r){var o=t.style,a=t.disabled,l=t.icon,u=t.label,c=t.items,p=t.target,d=t.url,g=t.template,E=u+"_"+r,w=i===t,N=s("p-menuitem",{"p-menuitem-active":w},t.className),S=s("p-menuitem-link",{"p-disabled":a}),x=s("p-menuitem-icon",l),C="p-submenu-icon pi pi-angle-right",I=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:n.menuProps}),D=u&&e.createElement("span",{className:"p-menuitem-text"},u),T=c&&e.createElement("span",{className:C}),O=k(t),A=e.createElement("a",{href:d||"#",className:S,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},"aria-disabled":a},I,D,T,e.createElement(v,null));g&&(A=f.getJSXElement(g,t,{onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:x,submenuIconClassName:C,element:A,props:n,active:w}));return e.createElement("li",{key:E,id:t,className:N,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},A,O)},D=function(e,n){return e.separator?C(n):I(e,n)},T=s({"p-submenu-list":!n.root}),O=n.model?n.model.map(D):null;return e.createElement("ul",{ref:u,className:T,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},O)}));S.displayName="TieredMenuSub";var x=e.memo(e.forwardRef((function(r,o){var a=N(e.useState(!r.popup),2),m=a[0],v=a[1],y=e.useRef(null),b=e.useRef(null),g=N(i({target:b,overlay:y,listener:function(e,n){n.valid&&D(e)},when:m}),2),E=g[0],w=g[1],C=function(e){r.popup&&u.emit("overlay-click",{originalEvent:e,target:b.current})},k=function(e){r.popup&&(m?D(e):I(e))},I=function(e){b.current=e.currentTarget,v(!0),r.onShow&&r.onShow(e)},D=function(e){b.current=e.currentTarget,v(!1),r.onHide&&r.onHide(e)},T=function(){r.autoZIndex&&d.set("menu",y.current,n.autoZIndex,r.baseZIndex||n.zIndex.menu),p.absolutePosition(y.current,b.current)},O=function(){E()},A=function(){b.current=null,w()},P=function(){d.clear(y.current)};l((function(){d.clear(y.current)})),e.useImperativeHandle(o,(function(){return{toggle:k,show:I,hide:D}}));var K,j,H=(K=f.findDiffKeys(r,x.defaultProps),j=s("p-tieredmenu p-component",{"p-tieredmenu-overlay":r.popup},r.className),e.createElement(t,{nodeRef:y,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:O,onExit:A,onExited:P},e.createElement("div",h({ref:y,id:r.id,className:j,style:r.style},K,{onClick:C}),e.createElement(S,{menuProps:r,model:r.model,root:!0,popup:r.popup}))));return r.popup?e.createElement(c,{element:H,appendTo:r.appendTo}):H})));x.displayName="TieredMenu",x.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};export{x as TieredMenu};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as a,useOverlayListener as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as s,DomHandler as p,IconUtils as m,ObjectUtils as f,ZIndexUtils as d}from"primereact/utils";import{Ripple as v}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw o}}return a}}function g(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 E(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}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 N(e,n){return y(e)||b(e,n)||E(e,n)||w()}var S=e.memo((function(n){var t=N(e.useState(null),2),i=t[0],l=t[1],u=e.useRef(null),c=N(r({type:"click",listener:function(e){u.current&&!u.current.contains(e.target)&&l(null)}}),1)[0],d=function(){if(u.current){var e=u.current.parentElement,n=p.getOffset(e),t=p.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:p.getHiddenElementOuterWidth(u.current),o=p.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>t.width-p.calculateScrollbarWidth()&&p.addClass(u.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled?e.preventDefault():n.root?(i||n.popup)&&l(t):l(t)},y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.root&&t.items&&l(i&&t===i?null:t),t.items||x())},b=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=E(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var a=w(r);a&&a.children[0].focus(),e.preventDefault();break;case 39:t.items&&(l(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},g=function(e,n){37===e.which&&(l(null),n.parentElement.previousElementSibling.focus())},E=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},w=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},x=function(){l(null),n.onLeafClick&&n.onLeafClick()};o((function(){c()})),a((function(){n.parentActive||l(null),!n.root&&n.parentActive&&d()}),[n.parentActive]);var C=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},k=function(t){return t.items?e.createElement(S,{menuProps:n.menuProps,model:t.items,onLeafClick:x,popup:n.popup,onKeyDown:g,parentActive:t===i}):null},I=function(t,r){if(!1===t.visible)return null;var o=t.style,a=t.disabled,l=t.icon,u=t.label,c=t.items,p=t.target,d=t.url,g=t.template,E=u+"_"+r,w=i===t,N=s("p-menuitem",{"p-menuitem-active":w},t.className),S=s("p-menuitem-link",{"p-disabled":a}),x=s("p-menuitem-icon",l),C="p-submenu-icon pi pi-angle-right",I=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:n.menuProps}),D=u&&e.createElement("span",{className:"p-menuitem-text"},u),T=c&&e.createElement("span",{className:C}),O=k(t),A=e.createElement("a",{href:d||"#",className:S,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},"aria-disabled":a},I,D,T,e.createElement(v,null));g&&(A=f.getJSXElement(g,t,{onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:x,submenuIconClassName:C,element:A,props:n,active:w,disabled:a}));return e.createElement("li",{key:E,id:t,className:N,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},A,O)},D=function(e,n){return e.separator?C(n):I(e,n)},T=s({"p-submenu-list":!n.root}),O=n.model?n.model.map(D):null;return e.createElement("ul",{ref:u,className:T,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},O)}));S.displayName="TieredMenuSub";var x=e.memo(e.forwardRef((function(r,o){var a=N(e.useState(!r.popup),2),m=a[0],v=a[1],y=e.useRef(null),b=e.useRef(null),g=N(i({target:b,overlay:y,listener:function(e,n){n.valid&&D(e)},when:m}),2),E=g[0],w=g[1],C=function(e){r.popup&&u.emit("overlay-click",{originalEvent:e,target:b.current})},k=function(e){r.popup&&(m?D(e):I(e))},I=function(e){b.current=e.currentTarget,v(!0),r.onShow&&r.onShow(e)},D=function(e){b.current=e.currentTarget,v(!1),r.onHide&&r.onHide(e)},T=function(){r.autoZIndex&&d.set("menu",y.current,n.autoZIndex,r.baseZIndex||n.zIndex.menu),p.absolutePosition(y.current,b.current)},O=function(){E()},A=function(){b.current=null,w()},P=function(){d.clear(y.current)};l((function(){d.clear(y.current)})),e.useImperativeHandle(o,(function(){return{props:r,toggle:k,show:I,hide:D,getElement:function(){return y.current}}}));var K,j,H=(K=f.findDiffKeys(r,x.defaultProps),j=s("p-tieredmenu p-component",{"p-tieredmenu-overlay":r.popup},r.className),e.createElement(t,{nodeRef:y,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:O,onExit:A,onExited:P},e.createElement("div",h({ref:y,id:r.id,className:j,style:r.style},K,{onClick:C}),e.createElement(S,{menuProps:r,model:r.model,root:!0,popup:r.popup}))));return r.popup?e.createElement(c,{element:H,appendTo:r.appendTo}):H})));x.displayName="TieredMenu",x.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};export{x as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -275,6 +275,10 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     };
 
     var createMenuItem = function createMenuItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       item.id;
           var _className = item.className,
           style = item.style,
@@ -338,7 +342,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
           submenuIconClassName: submenuIconClassName,
           element: content,
           props: props,
-          active: active
+          active: active,
+          disabled: disabled
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
@@ -451,9 +456,13 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         toggle: toggle,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return menuRef.current;
+        }
       };
     });
 

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,id:n,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,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 b(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 h(){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)||b(e,n)||h()}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||b())},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},b=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 h=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:b,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){if(!1===n.visible)return null;var a=n.style,l=n.disabled,o=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,b=n.template,h=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));b&&(H=i.ObjectUtils.getJSXElement(b,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,disabled:l}));return p.createElement("li",{key:h,id:n,className:g,style:a,onMouseEnter:function(e){return s(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?h(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],b=v[1],h=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,b()},C=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(n,(function(){return{props:e,toggle:N,show:w,hide:O,getElement:function(){return s.current}}}));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:h}),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);

package/timeline/timeline.cjs.js

@@ -61,6 +61,8 @@ function _defineProperty(obj, key, value) {
 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 +90,20 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 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 r(){return r=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},r.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=l.memo(l.forwardRef((function(e,n){var c,u=l.useRef(null),s=function(n,l){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(l)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return u.current}}}));var o=t.ObjectUtils.findDiffKeys(e,i.defaultProps),m=t.classNames("p-timeline p-component",(a(c={},"p-timeline-".concat(e.align),!0),a(c,"p-timeline-".concat(e.layout),!0),c),e.className),p=e.value&&e.value.map((function(n,r){var a=t.ObjectUtils.getJSXElement(e.opposite,n,r),i=t.ObjectUtils.getJSXElement(e.marker,n,r)||l.createElement("div",{className:"p-timeline-event-marker"}),c=r!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),u=t.ObjectUtils.getJSXElement(e.content,n,r);return l.createElement("div",{key:s(n,r),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},a),l.createElement("div",{className:"p-timeline-event-separator"},i,c),l.createElement("div",{className:"p-timeline-event-content"},u))}));return l.createElement("div",r({id:e.id,ref:u,className:m,style:e.style},o),p)})));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;

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

@@ -37,6 +37,8 @@ function _defineProperty(obj, key, value) {
 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 +66,20 @@ var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 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 r=e.memo(e.forwardRef((function(i,m){var c,o=e.useRef(null),u=function(e,n){return i.dataKey?t.resolveFieldData(e,i.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(m,(function(){return{props:i,getElement:function(){return o.current}}}));var s=t.findDiffKeys(i,r.defaultProps),p=n("p-timeline p-component",(a(c={},"p-timeline-".concat(i.align),!0),a(c,"p-timeline-".concat(i.layout),!0),c),i.className),v=i.value&&i.value.map((function(n,l){var a=t.getJSXElement(i.opposite,n,l),r=t.getJSXElement(i.marker,n,l)||e.createElement("div",{className:"p-timeline-event-marker"}),m=l!==i.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),c=t.getJSXElement(i.content,n,l);return e.createElement("div",{key:u(n,l),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},a),e.createElement("div",{className:"p-timeline-event-separator"},r,m),e.createElement("div",{className:"p-timeline-event-content"},c))}));return e.createElement("div",l({id:i.id,ref:o,className:p,style:i.style},s),v)})));r.displayName="Timeline",r.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null};export{r as Timeline};

package/timeline/timeline.js

@@ -58,6 +58,8 @@ this.primereact.timeline = (function (exports, React, utils) {
   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 +87,20 @@ this.primereact.timeline = (function (exports, React, utils) {
       });
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     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 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 r=l(t);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 i(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=r.memo(r.forwardRef((function(e,t){var l,u=r.useRef(null),s=function(t,l){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):"pr_id__".concat(l)};r.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return u.current}}}));var o=n.ObjectUtils.findDiffKeys(e,c.defaultProps),m=n.classNames("p-timeline p-component",(i(l={},"p-timeline-".concat(e.align),!0),i(l,"p-timeline-".concat(e.layout),!0),l),e.className),p=e.value&&e.value.map((function(t,l){var a=n.ObjectUtils.getJSXElement(e.opposite,t,l),i=n.ObjectUtils.getJSXElement(e.marker,t,l)||r.createElement("div",{className:"p-timeline-event-marker"}),c=l!==e.value.length-1&&r.createElement("div",{className:"p-timeline-event-connector"}),u=n.ObjectUtils.getJSXElement(e.content,t,l);return r.createElement("div",{key:s(t,l),className:"p-timeline-event"},r.createElement("div",{className:"p-timeline-event-opposite"},a),r.createElement("div",{className:"p-timeline-event-separator"},i,c),r.createElement("div",{className:"p-timeline-event-content"},u))}));return r.createElement("div",a({id:e.id,ref:u,className:m,style:e.style},o),p)})));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);

package/toast/toast.cjs.js

@@ -144,22 +144,20 @@ 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 ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var _props$message = props.message,
-      severity = _props$message.severity,
-      content = _props$message.content,
-      summary = _props$message.summary,
-      detail = _props$message.detail,
-      closable = _props$message.closable,
-      life = _props$message.life,
-      sticky = _props$message.sticky,
-      _className = _props$message.className,
-      style = _props$message.style,
-      _contentClassName = _props$message.contentClassName,
-      contentStyle = _props$message.contentStyle;
+  var messageInfo = props.messageInfo;
+  var _messageInfo$message = messageInfo.message,
+      severity = _messageInfo$message.severity,
+      content = _messageInfo$message.content,
+      summary = _messageInfo$message.summary,
+      detail = _messageInfo$message.detail,
+      closable = _messageInfo$message.closable,
+      life = _messageInfo$message.life,
+      sticky = _messageInfo$message.sticky,
+      _className = _messageInfo$message.className,
+      style = _messageInfo$message.style,
+      _contentClassName = _messageInfo$message.contentClassName,
+      contentStyle = _messageInfo$message.contentStyle;
 
   var _useTimeout = hooks.useTimeout(function () {
     onClose();
@@ -169,12 +167,12 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var onClose = function onClose() {
     clearTimer();
-    props.onClose && props.onClose(props.message);
+    props.onClose && props.onClose(messageInfo);
   };
 
   var onClick = function onClick(event) {
     if (props.onClick && !(utils.DomHandler.hasClass(event.target, 'p-toast-icon-close') || utils.DomHandler.hasClass(event.target, 'p-toast-icon-close-icon'))) {
-      props.onClick(props.message);
+      props.onClick(messageInfo.message);
     }
   };
 
@@ -193,10 +191,12 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   var createMessage = function createMessage() {
-    if (props.message) {
-      var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
+    if (messageInfo) {
+      var contentEl = utils.ObjectUtils.getJSXElement(content, {
+        message: messageInfo.message,
+        onClick: onClick,
         onClose: onClose
-      }));
+      });
       var iconClassName = utils.classNames('p-toast-message-icon pi', {
         'pi-info-circle': severity === 'info',
         'pi-exclamation-triangle': severity === 'warn',
@@ -250,13 +250,20 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       var messages;
 
       if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        }
+        var multipleMessages = value.reduce(function (acc, message) {
+          acc.push({
+            _pId: messageIdx++,
+            message: message
+          });
+          return acc;
+        }, []);
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
       } else {
-        value.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+        var message = {
+          _pId: messageIdx++,
+          message: value
+        };
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       }
 
       messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
@@ -274,12 +281,12 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     setMessagesState(replaced);
   };
 
-  var onClose = function onClose(message) {
+  var onClose = function onClose(messageInfo) {
     var messages = messagesState.filter(function (msg) {
-      return msg.id !== message.id;
+      return msg._pId !== messageInfo._pId;
     });
     setMessagesState(messages);
-    props.onRemove && props.onRemove(message);
+    props.onRemove && props.onRemove(messageInfo.message);
   };
 
   var onEntered = function onEntered() {
@@ -296,9 +303,13 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
       replace: replace,
-      clear: clear
+      clear: clear,
+      getElement: function getElement() {
+        return containerRef.current;
+      }
     };
   });
 
@@ -310,11 +321,11 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (message) {
+    }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (messageInfo) {
       var messageRef = /*#__PURE__*/React__namespace.createRef();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: messageRef,
-        key: message.id,
+        key: messageInfo._pId,
         classNames: "p-toast-message",
         unmountOnExit: true,
         timeout: {
@@ -326,7 +337,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         options: props.transitionOptions
       }, /*#__PURE__*/React__namespace.createElement(ToastMessage, {
         ref: messageRef,
-        message: message,
+        messageInfo: messageInfo,
         onClick: props.onClick,
         onClose: onClose
       }));

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

package/toast/toast.d.ts

@@ -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;
@@ -42,4 +39,5 @@ 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

@@ -117,22 +117,20 @@ 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 ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$message = props.message,
-      severity = _props$message.severity,
-      content = _props$message.content,
-      summary = _props$message.summary,
-      detail = _props$message.detail,
-      closable = _props$message.closable,
-      life = _props$message.life,
-      sticky = _props$message.sticky,
-      _className = _props$message.className,
-      style = _props$message.style,
-      _contentClassName = _props$message.contentClassName,
-      contentStyle = _props$message.contentStyle;
+  var messageInfo = props.messageInfo;
+  var _messageInfo$message = messageInfo.message,
+      severity = _messageInfo$message.severity,
+      content = _messageInfo$message.content,
+      summary = _messageInfo$message.summary,
+      detail = _messageInfo$message.detail,
+      closable = _messageInfo$message.closable,
+      life = _messageInfo$message.life,
+      sticky = _messageInfo$message.sticky,
+      _className = _messageInfo$message.className,
+      style = _messageInfo$message.style,
+      _contentClassName = _messageInfo$message.contentClassName,
+      contentStyle = _messageInfo$message.contentStyle;
 
   var _useTimeout = useTimeout(function () {
     onClose();
@@ -142,12 +140,12 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var onClose = function onClose() {
     clearTimer();
-    props.onClose && props.onClose(props.message);
+    props.onClose && props.onClose(messageInfo);
   };
 
   var onClick = function onClick(event) {
     if (props.onClick && !(DomHandler.hasClass(event.target, 'p-toast-icon-close') || DomHandler.hasClass(event.target, 'p-toast-icon-close-icon'))) {
-      props.onClick(props.message);
+      props.onClick(messageInfo.message);
     }
   };
 
@@ -166,10 +164,12 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   var createMessage = function createMessage() {
-    if (props.message) {
-      var contentEl = ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
+    if (messageInfo) {
+      var contentEl = ObjectUtils.getJSXElement(content, {
+        message: messageInfo.message,
+        onClick: onClick,
         onClose: onClose
-      }));
+      });
       var iconClassName = classNames('p-toast-message-icon pi', {
         'pi-info-circle': severity === 'info',
         'pi-exclamation-triangle': severity === 'warn',
@@ -223,13 +223,20 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       var messages;
 
       if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        }
+        var multipleMessages = value.reduce(function (acc, message) {
+          acc.push({
+            _pId: messageIdx++,
+            message: message
+          });
+          return acc;
+        }, []);
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
       } else {
-        value.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+        var message = {
+          _pId: messageIdx++,
+          message: value
+        };
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       }
 
       messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
@@ -247,12 +254,12 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     setMessagesState(replaced);
   };
 
-  var onClose = function onClose(message) {
+  var onClose = function onClose(messageInfo) {
     var messages = messagesState.filter(function (msg) {
-      return msg.id !== message.id;
+      return msg._pId !== messageInfo._pId;
     });
     setMessagesState(messages);
-    props.onRemove && props.onRemove(message);
+    props.onRemove && props.onRemove(messageInfo.message);
   };
 
   var onEntered = function onEntered() {
@@ -269,9 +276,13 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
       replace: replace,
-      clear: clear
+      clear: clear,
+      getElement: function getElement() {
+        return containerRef.current;
+      }
     };
   });
 
@@ -283,11 +294,11 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState.map(function (message) {
+    }, otherProps), /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState.map(function (messageInfo) {
       var messageRef = /*#__PURE__*/React.createRef();
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: messageRef,
-        key: message.id,
+        key: messageInfo._pId,
         classNames: "p-toast-message",
         unmountOnExit: true,
         timeout: {
@@ -299,7 +310,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
         options: props.transitionOptions
       }, /*#__PURE__*/React.createElement(ToastMessage, {
         ref: messageRef,
-        message: message,
+        messageInfo: messageInfo,
         onClick: props.onClick,
         onClose: onClose
       }));