primereact 10.3.1 → 10.3.2

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,u,a,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():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},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function O(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 O(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)?O(e,n):void 0}}function k(){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 P(e,n){return x(e)||I(e,n)||E(e,n)||k()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=e.ptm,i=e.cx,u=e.sx,a=function(n,t){return r(t,{hostName:e.hostName,context:{active:v(n)}})},p=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},m=function(n,t){var r=t.item;g(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},f=function(n){return"".concat(e.menuId,"_").concat(n.key)},b=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},v=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},y=function(e){return!1!==b(e,"visible")},g=function(e){return b(e,"disabled")},h=function(n){return e.focusedItemId===f(n)},x=function(e){return c.ObjectUtils.isNotEmpty(e.items)},I=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},O=function(n){return n-e.model.slice(0,n).filter((function(e){return y(e)&&b(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var E=function(n){var t=c.mergeProps({key:"separator_"+n,className:i("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return d.createElement("li",t)},k=function(n,t){return x(n)?d.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:f(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:i,sx:u}):null},P=function(n,t){if(!1===y(n))return null;var r=n.item,o=b(n,"style"),u=b(n,"icon"),p=b(n,"target"),E=b(n,"url"),P=f(n),j=h(n),S=v(n),w=g(n),N=x(n),H=c.classNames("p-menuitem-link"),K=c.classNames("p-menuitem-icon",u),M=c.mergeProps({className:c.classNames(r.icon,"p-menuitem-icon","icon")},a(n,"icon")),U=c.IconUtils.getJSXIcon(u,D({},M),{props:e.menuProps}),T=c.mergeProps({className:i("label")},a(n,"label")),C=r.label&&d.createElement("span",T,r.label),A=c.mergeProps({className:i("submenuIcon")},a(n,"submenuIcon")),L=N&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,A),D({},A),{props:e.menuProps}),R=k(n,t),_=c.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:i("action"),target:p},a(n,"action")),W=d.createElement("a",_,U,C,L,d.createElement(s.Ripple,null));r.template&&(W=c.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:S,disabled:w}));var B=c.mergeProps({onClick:function(e){return m(e,n)},onMouseEnter:function(e){return I(e,n)},className:i("content")},a(n,"content")),Z=c.mergeProps({key:P,id:P,"aria-label":r.label,"aria-disabled":w,"aria-expanded":N?S:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return y(e)&&!b(e,"separator")})).length,"aria-posinset":O(t),"data-p-highlight":S,"data-p-disabled":w,"data-p-visited":j,className:i("menuitem",{className:r.className,active:S,focused:j,disabled:w}),style:o,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},a(n,"menuitem"));return d.createElement("li",Z,d.createElement("div",B,W),R)},j=e.model?e.model.map((function(e,n){return b(e,"separator")?E(n):P(e,n)})):null,S=e.root?"menu":"submenu",N=c.mergeProps({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:i(S,{subProps:e}),style:u(S,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(S,{hostName:e.hostName}));return d.createElement("ul",N,j)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var K=d.memo(d.forwardRef((function(e,n){var l=d.useContext(t.PrimeReactContext),s=j.getProps(e,l),p=P(d.useState(s.id),2),m=p[0],v=p[1],y=P(d.useState(!s.popup),2),g=y[0],h=y[1],x=P(d.useState([]),2),I=x[0],O=x[1],E=P(d.useState(!1),2),k=E[0],S=E[1],D=P(d.useState(null),2),N=D[0],K=D[1],M=P(d.useState({index:-1,level:0,parentKey:""}),2),U=M[0],T=M[1],C=P(d.useState(!1),2),A=C[0],L=C[1],R=P(d.useState([]),2),_=R[0],W=R[1],B=P(d.useState([]),2),Z=B[0],F=B[1],z=P(d.useState(!1),2),V=z[0],J=z[1],X=P(d.useState(null),2),q=X[0],Y=X[1],$=j.setMetaData({props:s,state:{id:m,visible:g,attributeSelector:q}}),G=$.ptm,Q=$.cx,ee=$.sx;r.useHandleStyle(j.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=d.useRef(null),te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ue=d.useRef(null),ae=d.useRef(null),ce=o.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),le=P(o.useEventListener({type:"click",listener:function(e){var n=ne.current&&!ne.current.contains(e.target),t=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));n&&t&&ge(e,!s.popup)}}),2),se=le[0],pe=le[1],me=P(o.useResizeListener({listener:function(){!ce&&ge(event,!0)}}),2),de=me[0],fe=me[1],be=function(e){s.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ve=function(e){s.popup&&(g?ge(e):ye(e))},ye=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),ie.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},ge=function(e,n){s.popup&&(h(!1),s.onHide&&s.onHide(e));var t=Te();O([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ie.current||re.current||t),L(!1)},he=function(e){S(!0),T(-1!==U.index?U:{index:$e(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){S(!1),T({index:-1,level:0,parentKey:""}),ue.current="",L(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":Se(e);break;case"ArrowRight":De(e);break;case"Home":we(e);break;case"End":Ne(e);break;case"Space":Ke(e);break;case"Enter":He(e);break;case"Escape":s.popup&&c.DomHandler.focus(re.current),Me(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=c.ObjectUtils.isNotEmpty(n.items),l=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&l.push(n),T({index:r,level:o,parentKey:u}),O(l),a&&L(!0),t&&c.DomHandler.focus(Te())}},Ee=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!s.isMobileMode){var r=We(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),u=Te();if(o){var a=t.index,l=t.key,p=t.level,m=t.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:a,level:p,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(u),Oe(e);else{var d=i?t:I.find((function(e){return""===e.parentKey})),f=d?d.index:-1;ge(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},ke=function(e){var n=e.originalEvent;Le(e.processedItem)||s.isMobileMode?n.preventDefault():A&&!s.popup&&Oe(e)},Pe=function(e){var n=-1!==U.index?Xe(U.index):$e();en(n),e.preventDefault()},je=function(e){if(e.altKey){if(s.popup&&c.DomHandler.focus(re.current),-1!==U.index){var n=Z[U.index];!We(n)&&Oe({originalEvent:e,processedItem:n})}s.popup&&ge(e,!0),e.preventDefault()}else{var t=-1!==U.index?qe(U.index):Ge();en(t),e.preventDefault()}},Se=function(e){var n=Z[U.index],t=I.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return J(!0)}),0)),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),e.preventDefault()},De=function(e){var n=Z[U.index];We(n)&&(Oe({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},we=function(e){en(Ve()),e.preventDefault()},Ne=function(e){en(Je()),e.preventDefault()},He=function(e){if(-1!==U.index){var n=c.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(N),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');s.popup&&c.DomHandler.focus(re.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){He(e)},Me=function(e){ge(e,!0),!s.popup&&T(H(H({},U),{},{index:$e()})),e.preventDefault()},Ue=function(e){if(-1!==U.index){var n=Z[U.index];!We(n)&&Oe({originalEvent:e,processedItem:n})}ge(e)},Te=function(){return te.current.getElement()||null},Ce=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Ae=function(e){return Ce(e,"label")},Le=function(e){return Ce(e,"disabled")},Re=function(e){return Ce(e,"separator")},_e=function(e){return e?Ae(e.item):void 0},We=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return Ze(e)&&_e(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Re(e.item)},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return I.some((function(n){return n.key===e.key}))},Ve=function(){return Z.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(Z,(function(e){return Ze(e)}))},Xe=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return Z.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==U.index?-1===(n=Z.slice(U.index).findIndex((function(e){return Be(e)})))?Z.slice(0,U.index).findIndex((function(e){return Be(e)})):n+U.index:Z.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===U.index&&(n=$e()),-1!==n&&en(n),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),t},en=function(e){U.index!==e&&(T(H(H({},U),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):N,t=c.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},rn=function(){if(!oe.current){oe.current=c.DomHandler.createInlineStyle(l&&l.nonce||f.default.nonce,l&&l.styleContainer);var e="".concat(q),n="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(s.scrollHeight,";\n        overflow: ").concat(s.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");oe.current.innerHTML=n}},on=function(){oe.current=c.DomHandler.removeInlineStyle(oe.current)},un=function(){s.autoZIndex&&c.ZIndexUtils.set("menu",ne.current,l&&l.autoZIndex||f.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(ne.current,re.current),c.DomHandler.getOuterWidth(re.current)>c.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=c.DomHandler.getOuterWidth(re.current)+"px"),c.DomHandler.focus(te.current.getElement()),nn(),q&&s.breakpoint&&(ne.current.setAttribute(q,""),rn())},an=function(){se(),de()},cn=function(){re.current=null,pe(),fe()},ln=function(){c.ZIndexUtils.clear(ne.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&v(e),s.breakpoint&&!q&&Y(e)})),o.useUpdateEffect((function(){var e=tn(s.model||[]);W(e)}),s.model),o.useUpdateEffect((function(){var e=I.find((function(e){return e.key===U.parentKey}));F(e?e.items:_)}),[I,U,_]),o.useUpdateEffect((function(){var e=-1!==U.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(U.parentKey)?"_"+U.parentKey:"","_").concat(U.index):null;K(e)}),[U]),o.useUpdateEffect((function(){s.popup||(c.ObjectUtils.isNotEmpty(I)?(se(),de()):(pe(),fe()))}),[I]),o.useUpdateEffect((function(){if(V){var e=-1!==U.index?Xe(U.index):$e();en(e),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),rn()),function(){on()}}),[q,s.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(ne.current)})),d.useImperativeHandle(n,(function(){return{props:s,toggle:ve,show:ye,hide:ge,getElement:function(){return ne.current}}}));var sn,pn,mn=(sn=c.mergeProps({ref:ne,id:s.id,className:Q("root"),style:s.style,onClick:be},j.getOtherProps(s),G("root")),pn=c.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},G("transition")),d.createElement(i.CSSTransition,b({nodeRef:ne},pn),d.createElement("div",sn,d.createElement(w,{id:m+"_list",ref:te,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:_,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:k?N:void 0,menuId:m,level:0,focusedItemId:N,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:ke,root:!0,popup:s.popup,onHide:ge,isMobileMode:ce,submenuIcon:s.submenuIcon,ptm:G,cx:Q,sx:ee}))));return s.popup?d.createElement(a.Portal,{element:mn,appendTo:s.appendTo}):mn})));return K.displayName="TieredMenu",e.TieredMenu=K,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,u,a,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():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},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function O(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 O(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)?O(e,n):void 0}}function k(){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 j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),a=v(n,"icon"),m=v(n,"target"),k=v(n,"url"),S=b(n),D=x(n),P=y(n),N=h(n),H=I(n),M=c.classNames("p-menuitem-link"),K=c.classNames("p-menuitem-icon",a),U=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(a,w({},U),{props:e.menuProps}),C=r({className:u("label")},p(n,"label")),A=i.label&&d.createElement("span",C,i.label),L=r({className:u("submenuIcon")},p(n,"submenuIcon")),R=H&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,L),w({},L),{props:e.menuProps}),_=j(n,t),W=r({href:k||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:m},p(n,"action")),B=d.createElement("a",W,T,A,R,d.createElement(s.Ripple,null));i.template&&(B=c.ObjectUtils.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:B,props:e,active:P,disabled:N}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:S,id:S,"aria-label":i.label,"aria-disabled":N,"aria-expanded":H?P:void 0,"aria-haspopup":H&&!k?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":P,"data-p-disabled":N,"data-p-visited":D,className:u("menuitem",{className:i.className,active:P,focused:D,disabled:N}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",F,d.createElement("div",Z,B),_)},D=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:a(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),T=U[0],C=U[1],A=j(d.useState(!1),2),L=A[0],R=A[1],_=j(d.useState([]),2),W=_[0],B=_[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=S.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;r.useHandleStyle(S.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ue=d.useRef(null),ae=d.useRef(null),ce=d.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(o.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=j(o.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),C({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Ce();E([]),C({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){w(!0),C(-1!==T.index?T:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){w(!1),C({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&l.push(n),C({index:r,level:o,parentKey:u}),E(l),a&&R(!0),t&&c.DomHandler.focus(Ce())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=c.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=Ce();if(o){var a=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),C({index:a,level:s,parentKey:m}),r||R(!i),setTimeout((function(){c.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)c.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),C({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==T.index?Je(T.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==T.index){var n=F[T.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==T.index?Xe(T.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=F[T.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(C({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Pe=function(e){var n=F[T.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),C({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(ze()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Me=function(e){if(-1!==T.index){var n=c.DomHandler.findSingle(Ce(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&C(H(H({},T),{},{index:Ye()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var n=F[T.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Ce=function(){return re.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return Be(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return F.findIndex((function(e){return Be(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Be(e)}))},Je=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},qe=function(){return F.findIndex((function(e){return Ze(e)}))},Ye=function(){var e=qe();return e<0?ze():e},$e=function(){var e=qe();return e<0?Ve():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==T.index?-1===(n=F.slice(T.index).findIndex((function(e){return We(e)})))?F.slice(0,T.index).findIndex((function(e){return We(e)})):n+T.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===T.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){T.index!==e&&(C(H(H({},T),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(Ce(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},tn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},on=function(){p.autoZIndex&&c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(te.current,ie.current),c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=c.DomHandler.getOuterWidth(ie.current)+"px"),c.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){c.ZIndexUtils.clear(te.current),rn()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),o.useUpdateEffect((function(){var e=nn(p.model||[]);B(e)}),p.model),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));z(e?e.items:W)}),[O,T,W]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;K(e)}),[T]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==T.index?Je(T.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(te.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},S.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),d.createElement(i.CSSTransition,b({nodeRef:te},sn),d.createElement("div",ln,d.createElement(P,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:W,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?d.createElement(a.Portal,{element:pn,appendTo:p.appendTo}):pn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);

package/timeline/timeline.cjs.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
-var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -115,6 +116,7 @@ var TimelineBase = componentbase.ComponentBase.extend({
 });
 
 var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = TimelineBase.getProps(inProps, context);
   var _TimelineBase$setMeta = TimelineBase.setMetaData({
@@ -140,25 +142,25 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createEvents = function createEvents() {
     return props.value && props.value.map(function (item, index) {
       var opposite = utils.ObjectUtils.getJSXElement(props.opposite, item, index);
-      var markerProps = utils.mergeProps({
+      var markerProps = mergeProps({
         className: cx('marker')
       }, getPTOptions('marker', index));
       var marker = utils.ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React__namespace.createElement("div", markerProps);
-      var connectorProps = utils.mergeProps({
+      var connectorProps = mergeProps({
         className: cx('connector')
       }, getPTOptions('connector', index));
       var connector = index !== props.value.length - 1 && /*#__PURE__*/React__namespace.createElement("div", connectorProps);
       var content = utils.ObjectUtils.getJSXElement(props.content, item, index);
-      var eventProps = utils.mergeProps({
+      var eventProps = mergeProps({
         className: cx('event')
       }, getPTOptions('event', index));
-      var oppositeProps = utils.mergeProps({
+      var oppositeProps = mergeProps({
         className: cx('opposite')
       }, getPTOptions('opposite', index));
-      var separatorProps = utils.mergeProps({
+      var separatorProps = mergeProps({
         className: cx('separator')
       }, getPTOptions('separator', index));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content')
       }, getPTOptions('content', index));
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -175,7 +177,7 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     };
   });
   var events = createEvents();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: utils.classNames(props.className, cx('root'))
   }, TimelineBase.getOtherProps(props), ptm('root'));

package/timeline/timeline.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/utils"),i=require("primereact/componentbase");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=r(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},o.apply(this,arguments)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function p(e,n){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=p(e,"string");return"symbol"===a(n)?n:String(n)}function c(e,n,t){return(n=m(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var s=i.ComponentBase.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},css:{classes:{marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",content:"p-timeline-event-content",root:function(e){var n=e.props;return t.classNames("p-timeline p-component",c(c({},"p-timeline-".concat(n.align),!0),"p-timeline-".concat(n.layout),!0),n.className)}},styles:"\n        @layer primereact {\n            .p-timeline {\n                display: flex;\n                flex-grow: 1;\n                flex-direction: column;\n            }\n        \n            .p-timeline-left .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-left .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-right .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-event {\n                display: flex;\n                position: relative;\n                min-height: 70px;\n            }\n        \n            .p-timeline-event:last-child {\n                min-height: 0;\n            }\n        \n            .p-timeline-event-opposite {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-content {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-separator {\n                flex: 0;\n                display: flex;\n                align-items: center;\n                flex-direction: column;\n            }\n        \n            .p-timeline-event-marker {\n                display: flex;\n                align-self: baseline;\n            }\n        \n            .p-timeline-event-connector {\n                flex-grow: 1;\n            }\n        \n            .p-timeline-horizontal {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event {\n                flex-direction: column;\n                flex: 1;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event:last-child {\n                flex: 0;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-separator {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-connector  {\n                width: 100%;\n            }\n        \n            .p-timeline-bottom .p-timeline-event {\n                flex-direction: column-reverse;\n            }\n        \n            .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: column-reverse;\n            }\n        }\n    "}}),v=l.memo(l.forwardRef((function(e,r){var a=l.useContext(n.PrimeReactContext),p=s.getProps(e,a),m=s.setMetaData({props:p}),c=m.ptm,v=m.cx;i.useHandleStyle(s.css.styles,m.isUnstyled,{name:"timeline"});var u=function(e,n){return c(e,{context:{index:n}})},f=l.useRef(null),d=function(e,n){return p.dataKey?t.ObjectUtils.resolveFieldData(e,p.dataKey):"pr_id__".concat(n)};l.useImperativeHandle(r,(function(){return{props:p,getElement:function(){return f.current}}}));var g=p.value&&p.value.map((function(e,n){var i=t.ObjectUtils.getJSXElement(p.opposite,e,n),r=t.mergeProps({className:v("marker")},u("marker",n)),a=t.ObjectUtils.getJSXElement(p.marker,e,n)||l.createElement("div",r),m=t.mergeProps({className:v("connector")},u("connector",n)),c=n!==p.value.length-1&&l.createElement("div",m),s=t.ObjectUtils.getJSXElement(p.content,e,n),f=t.mergeProps({className:v("event")},u("event",n)),g=t.mergeProps({className:v("opposite")},u("opposite",n)),h=t.mergeProps({className:v("separator")},u("separator",n)),y=t.mergeProps({className:v("content")},u("content",n));return l.createElement("div",o({key:d(e,n)},f),l.createElement("div",g,i),l.createElement("div",h,a,c),l.createElement("div",y,s))})),h=t.mergeProps({ref:f,className:t.classNames(p.className,v("root"))},s.getOtherProps(p),c("root"));return l.createElement("div",h,g)})));v.displayName="Timeline",exports.Timeline=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),i=require("primereact/hooks"),l=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},a.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function c(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==p(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=c(e,"string");return"symbol"===p(n)?n:String(n)}function s(e,n,t){return(n=m(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=t.ComponentBase.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},css:{classes:{marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",content:"p-timeline-event-content",root:function(e){var n=e.props;return l.classNames("p-timeline p-component",s(s({},"p-timeline-".concat(n.align),!0),"p-timeline-".concat(n.layout),!0),n.className)}},styles:"\n        @layer primereact {\n            .p-timeline {\n                display: flex;\n                flex-grow: 1;\n                flex-direction: column;\n            }\n        \n            .p-timeline-left .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-left .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-right .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-event {\n                display: flex;\n                position: relative;\n                min-height: 70px;\n            }\n        \n            .p-timeline-event:last-child {\n                min-height: 0;\n            }\n        \n            .p-timeline-event-opposite {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-content {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-separator {\n                flex: 0;\n                display: flex;\n                align-items: center;\n                flex-direction: column;\n            }\n        \n            .p-timeline-event-marker {\n                display: flex;\n                align-self: baseline;\n            }\n        \n            .p-timeline-event-connector {\n                flex-grow: 1;\n            }\n        \n            .p-timeline-horizontal {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event {\n                flex-direction: column;\n                flex: 1;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event:last-child {\n                flex: 0;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-separator {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-connector  {\n                width: 100%;\n            }\n        \n            .p-timeline-bottom .p-timeline-event {\n                flex-direction: column-reverse;\n            }\n        \n            .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: column-reverse;\n            }\n        }\n    "}}),v=o.memo(o.forwardRef((function(e,r){var p=i.useMergeProps(),c=o.useContext(n.PrimeReactContext),m=u.getProps(e,c),s=u.setMetaData({props:m}),v=s.ptm,f=s.cx;t.useHandleStyle(u.css.styles,s.isUnstyled,{name:"timeline"});var d=function(e,n){return v(e,{context:{index:n}})},g=o.useRef(null),h=function(e,n){return m.dataKey?l.ObjectUtils.resolveFieldData(e,m.dataKey):"pr_id__".concat(n)};o.useImperativeHandle(r,(function(){return{props:m,getElement:function(){return g.current}}}));var y=m.value&&m.value.map((function(e,n){var t=l.ObjectUtils.getJSXElement(m.opposite,e,n),i=p({className:f("marker")},d("marker",n)),r=l.ObjectUtils.getJSXElement(m.marker,e,n)||o.createElement("div",i),c=p({className:f("connector")},d("connector",n)),s=n!==m.value.length-1&&o.createElement("div",c),u=l.ObjectUtils.getJSXElement(m.content,e,n),v=p({className:f("event")},d("event",n)),g=p({className:f("opposite")},d("opposite",n)),y=p({className:f("separator")},d("separator",n)),x=p({className:f("content")},d("content",n));return o.createElement("div",a({key:h(e,n)},v),o.createElement("div",g,t),o.createElement("div",y,r,s),o.createElement("div",x,u))})),x=p({ref:g,className:l.classNames(m.className,f("root"))},u.getOtherProps(m),v("root"));return o.createElement("div",x,y)})));v.displayName="Timeline",exports.Timeline=v;

package/timeline/timeline.esm.js

@@ -1,8 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { classNames, mergeProps, ObjectUtils } from 'primereact/utils';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames, ObjectUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -91,6 +92,7 @@ var TimelineBase = ComponentBase.extend({
 });
 
 var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TimelineBase.getProps(inProps, context);
   var _TimelineBase$setMeta = TimelineBase.setMetaData({

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{classNames as t,mergeProps as i,ObjectUtils as l}from"primereact/utils";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},a.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function p(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==m(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=p(e,"string");return"symbol"===m(n)?n:String(n)}function s(e,n,t){return(n=c(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var v=r.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},css:{classes:{marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",content:"p-timeline-event-content",root:function(e){var n=e.props;return t("p-timeline p-component",s(s({},"p-timeline-".concat(n.align),!0),"p-timeline-".concat(n.layout),!0),n.className)}},styles:"\n        @layer primereact {\n            .p-timeline {\n                display: flex;\n                flex-grow: 1;\n                flex-direction: column;\n            }\n        \n            .p-timeline-left .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-left .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-right .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-event {\n                display: flex;\n                position: relative;\n                min-height: 70px;\n            }\n        \n            .p-timeline-event:last-child {\n                min-height: 0;\n            }\n        \n            .p-timeline-event-opposite {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-content {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-separator {\n                flex: 0;\n                display: flex;\n                align-items: center;\n                flex-direction: column;\n            }\n        \n            .p-timeline-event-marker {\n                display: flex;\n                align-self: baseline;\n            }\n        \n            .p-timeline-event-connector {\n                flex-grow: 1;\n            }\n        \n            .p-timeline-horizontal {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event {\n                flex-direction: column;\n                flex: 1;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event:last-child {\n                flex: 0;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-separator {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-connector  {\n                width: 100%;\n            }\n        \n            .p-timeline-bottom .p-timeline-event {\n                flex-direction: column-reverse;\n            }\n        \n            .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: column-reverse;\n            }\n        }\n    "}}),u=e.memo(e.forwardRef((function(r,m){var p=e.useContext(n),c=v.getProps(r,p),s=v.setMetaData({props:c}),u=s.ptm,f=s.cx;o(v.css.styles,s.isUnstyled,{name:"timeline"});var d=function(e,n){return u(e,{context:{index:n}})},g=e.useRef(null),h=function(e,n){return c.dataKey?l.resolveFieldData(e,c.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(m,(function(){return{props:c,getElement:function(){return g.current}}}));var x=c.value&&c.value.map((function(n,t){var r=l.getJSXElement(c.opposite,n,t),o=i({className:f("marker")},d("marker",t)),m=l.getJSXElement(c.marker,n,t)||e.createElement("div",o),p=i({className:f("connector")},d("connector",t)),s=t!==c.value.length-1&&e.createElement("div",p),v=l.getJSXElement(c.content,n,t),u=i({className:f("event")},d("event",t)),g=i({className:f("opposite")},d("opposite",t)),x=i({className:f("separator")},d("separator",t)),y=i({className:f("content")},d("content",t));return e.createElement("div",a({key:h(n,t)},u),e.createElement("div",g,r),e.createElement("div",x,m,s),e.createElement("div",y,v))})),y=i({ref:g,className:t(c.className,f("root"))},v.getOtherProps(c),u("root"));return e.createElement("div",y,x)})));u.displayName="Timeline";export{u as Timeline};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as l}from"primereact/hooks";import{classNames as r,ObjectUtils as o}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},a.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function p(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==m(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=p(e,"string");return"symbol"===m(n)?n:String(n)}function s(e,n,t){return(n=c(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var v=t.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},css:{classes:{marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",content:"p-timeline-event-content",root:function(e){var n=e.props;return r("p-timeline p-component",s(s({},"p-timeline-".concat(n.align),!0),"p-timeline-".concat(n.layout),!0),n.className)}},styles:"\n        @layer primereact {\n            .p-timeline {\n                display: flex;\n                flex-grow: 1;\n                flex-direction: column;\n            }\n        \n            .p-timeline-left .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-left .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-right .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-event {\n                display: flex;\n                position: relative;\n                min-height: 70px;\n            }\n        \n            .p-timeline-event:last-child {\n                min-height: 0;\n            }\n        \n            .p-timeline-event-opposite {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-content {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-separator {\n                flex: 0;\n                display: flex;\n                align-items: center;\n                flex-direction: column;\n            }\n        \n            .p-timeline-event-marker {\n                display: flex;\n                align-self: baseline;\n            }\n        \n            .p-timeline-event-connector {\n                flex-grow: 1;\n            }\n        \n            .p-timeline-horizontal {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event {\n                flex-direction: column;\n                flex: 1;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event:last-child {\n                flex: 0;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-separator {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-connector  {\n                width: 100%;\n            }\n        \n            .p-timeline-bottom .p-timeline-event {\n                flex-direction: column-reverse;\n            }\n        \n            .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: column-reverse;\n            }\n        }\n    "}}),f=e.memo(e.forwardRef((function(t,m){var p=l(),c=e.useContext(n),s=v.getProps(t,c),f=v.setMetaData({props:s}),u=f.ptm,d=f.cx;i(v.css.styles,f.isUnstyled,{name:"timeline"});var g=function(e,n){return u(e,{context:{index:n}})},h=e.useRef(null),x=function(e,n){return s.dataKey?o.resolveFieldData(e,s.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(m,(function(){return{props:s,getElement:function(){return h.current}}}));var y=s.value&&s.value.map((function(n,t){var i=o.getJSXElement(s.opposite,n,t),l=p({className:d("marker")},g("marker",t)),r=o.getJSXElement(s.marker,n,t)||e.createElement("div",l),m=p({className:d("connector")},g("connector",t)),c=t!==s.value.length-1&&e.createElement("div",m),v=o.getJSXElement(s.content,n,t),f=p({className:d("event")},g("event",t)),u=p({className:d("opposite")},g("opposite",t)),h=p({className:d("separator")},g("separator",t)),y=p({className:d("content")},g("content",t));return e.createElement("div",a({key:x(n,t)},f),e.createElement("div",u,i),e.createElement("div",h,r,c),e.createElement("div",y,v))})),b=p({ref:h,className:r(s.className,d("root"))},v.getOtherProps(s),u("root"));return e.createElement("div",b,y)})));f.displayName="Timeline";export{f as Timeline};

package/timeline/timeline.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.timeline = (function (exports, React, api, utils, componentbase) {
+this.primereact.timeline = (function (exports, React, api, componentbase, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -109,6 +109,7 @@ this.primereact.timeline = (function (exports, React, api, utils, componentbase)
   });
 
   var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = TimelineBase.getProps(inProps, context);
     var _TimelineBase$setMeta = TimelineBase.setMetaData({
@@ -134,25 +135,25 @@ this.primereact.timeline = (function (exports, React, api, utils, componentbase)
     var createEvents = function createEvents() {
       return props.value && props.value.map(function (item, index) {
         var opposite = utils.ObjectUtils.getJSXElement(props.opposite, item, index);
-        var markerProps = utils.mergeProps({
+        var markerProps = mergeProps({
           className: cx('marker')
         }, getPTOptions('marker', index));
         var marker = utils.ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React__namespace.createElement("div", markerProps);
-        var connectorProps = utils.mergeProps({
+        var connectorProps = mergeProps({
           className: cx('connector')
         }, getPTOptions('connector', index));
         var connector = index !== props.value.length - 1 && /*#__PURE__*/React__namespace.createElement("div", connectorProps);
         var content = utils.ObjectUtils.getJSXElement(props.content, item, index);
-        var eventProps = utils.mergeProps({
+        var eventProps = mergeProps({
           className: cx('event')
         }, getPTOptions('event', index));
-        var oppositeProps = utils.mergeProps({
+        var oppositeProps = mergeProps({
           className: cx('opposite')
         }, getPTOptions('opposite', index));
-        var separatorProps = utils.mergeProps({
+        var separatorProps = mergeProps({
           className: cx('separator')
         }, getPTOptions('separator', index));
-        var contentProps = utils.mergeProps({
+        var contentProps = mergeProps({
           className: cx('content')
         }, getPTOptions('content', index));
         return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -169,7 +170,7 @@ this.primereact.timeline = (function (exports, React, api, utils, componentbase)
       };
     });
     var events = createEvents();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       className: utils.classNames(props.className, cx('root'))
     }, TimelineBase.getOtherProps(props), ptm('root'));
@@ -183,4 +184,4 @@ this.primereact.timeline = (function (exports, React, api, utils, componentbase)
 
   return exports;
 
-})({}, React, primereact.api, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.timeline=function(e,n,t,i,r){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=l(n);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},a.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function m(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==p(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=m(e,"string");return"symbol"===p(n)?n:String(n)}function s(e,n,t){return(n=c(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},css:{classes:{marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",content:"p-timeline-event-content",root:function(e){var n=e.props;return i.classNames("p-timeline p-component",s(s({},"p-timeline-".concat(n.align),!0),"p-timeline-".concat(n.layout),!0),n.className)}},styles:"\n        @layer primereact {\n            .p-timeline {\n                display: flex;\n                flex-grow: 1;\n                flex-direction: column;\n            }\n        \n            .p-timeline-left .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-left .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-right .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-event {\n                display: flex;\n                position: relative;\n                min-height: 70px;\n            }\n        \n            .p-timeline-event:last-child {\n                min-height: 0;\n            }\n        \n            .p-timeline-event-opposite {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-content {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-separator {\n                flex: 0;\n                display: flex;\n                align-items: center;\n                flex-direction: column;\n            }\n        \n            .p-timeline-event-marker {\n                display: flex;\n                align-self: baseline;\n            }\n        \n            .p-timeline-event-connector {\n                flex-grow: 1;\n            }\n        \n            .p-timeline-horizontal {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event {\n                flex-direction: column;\n                flex: 1;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event:last-child {\n                flex: 0;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-separator {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-connector  {\n                width: 100%;\n            }\n        \n            .p-timeline-bottom .p-timeline-event {\n                flex-direction: column-reverse;\n            }\n        \n            .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: column-reverse;\n            }\n        }\n    "}}),u=o.memo(o.forwardRef((function(e,n){var l=o.useContext(t.PrimeReactContext),p=v.getProps(e,l),m=v.setMetaData({props:p}),c=m.ptm,s=m.cx;r.useHandleStyle(v.css.styles,m.isUnstyled,{name:"timeline"});var u=function(e,n){return c(e,{context:{index:n}})},f=o.useRef(null),d=function(e,n){return p.dataKey?i.ObjectUtils.resolveFieldData(e,p.dataKey):"pr_id__".concat(n)};o.useImperativeHandle(n,(function(){return{props:p,getElement:function(){return f.current}}}));var g=p.value&&p.value.map((function(e,n){var t=i.ObjectUtils.getJSXElement(p.opposite,e,n),r=i.mergeProps({className:s("marker")},u("marker",n)),l=i.ObjectUtils.getJSXElement(p.marker,e,n)||o.createElement("div",r),m=i.mergeProps({className:s("connector")},u("connector",n)),c=n!==p.value.length-1&&o.createElement("div",m),v=i.ObjectUtils.getJSXElement(p.content,e,n),f=i.mergeProps({className:s("event")},u("event",n)),g=i.mergeProps({className:s("opposite")},u("opposite",n)),h=i.mergeProps({className:s("separator")},u("separator",n)),y=i.mergeProps({className:s("content")},u("content",n));return o.createElement("div",a({key:d(e,n)},f),o.createElement("div",g,t),o.createElement("div",h,l,c),o.createElement("div",y,v))})),h=i.mergeProps({ref:f,className:i.classNames(p.className,s("root"))},v.getOtherProps(p),c("root"));return o.createElement("div",h,g)})));return u.displayName="Timeline",e.Timeline=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.timeline=function(e,n,t,i,l,r){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=o(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},p.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function m(e,n){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==c(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function s(e){var n=m(e,"string");return"symbol"===c(n)?n:String(n)}function v(e,n,t){return(n=s(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=i.ComponentBase.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},css:{classes:{marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",content:"p-timeline-event-content",root:function(e){var n=e.props;return r.classNames("p-timeline p-component",v(v({},"p-timeline-".concat(n.align),!0),"p-timeline-".concat(n.layout),!0),n.className)}},styles:"\n        @layer primereact {\n            .p-timeline {\n                display: flex;\n                flex-grow: 1;\n                flex-direction: column;\n            }\n        \n            .p-timeline-left .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-left .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-right .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-right .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: row-reverse;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n                text-align: right;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n                text-align: left;\n            }\n        \n            .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n                text-align: right;\n            }\n        \n            .p-timeline-event {\n                display: flex;\n                position: relative;\n                min-height: 70px;\n            }\n        \n            .p-timeline-event:last-child {\n                min-height: 0;\n            }\n        \n            .p-timeline-event-opposite {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-content {\n                flex: 1;\n                padding: 0 1rem;\n            }\n        \n            .p-timeline-event-separator {\n                flex: 0;\n                display: flex;\n                align-items: center;\n                flex-direction: column;\n            }\n        \n            .p-timeline-event-marker {\n                display: flex;\n                align-self: baseline;\n            }\n        \n            .p-timeline-event-connector {\n                flex-grow: 1;\n            }\n        \n            .p-timeline-horizontal {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event {\n                flex-direction: column;\n                flex: 1;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event:last-child {\n                flex: 0;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-separator {\n                flex-direction: row;\n            }\n        \n            .p-timeline-horizontal .p-timeline-event-connector  {\n                width: 100%;\n            }\n        \n            .p-timeline-bottom .p-timeline-event {\n                flex-direction: column-reverse;\n            }\n        \n            .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n                flex-direction: column-reverse;\n            }\n        }\n    "}}),f=a.memo(a.forwardRef((function(e,n){var o=l.useMergeProps(),c=a.useContext(t.PrimeReactContext),m=u.getProps(e,c),s=u.setMetaData({props:m}),v=s.ptm,f=s.cx;i.useHandleStyle(u.css.styles,s.isUnstyled,{name:"timeline"});var d=function(e,n){return v(e,{context:{index:n}})},g=a.useRef(null),h=function(e,n){return m.dataKey?r.ObjectUtils.resolveFieldData(e,m.dataKey):"pr_id__".concat(n)};a.useImperativeHandle(n,(function(){return{props:m,getElement:function(){return g.current}}}));var y=m.value&&m.value.map((function(e,n){var t=r.ObjectUtils.getJSXElement(m.opposite,e,n),i=o({className:f("marker")},d("marker",n)),l=r.ObjectUtils.getJSXElement(m.marker,e,n)||a.createElement("div",i),c=o({className:f("connector")},d("connector",n)),s=n!==m.value.length-1&&a.createElement("div",c),v=r.ObjectUtils.getJSXElement(m.content,e,n),u=o({className:f("event")},d("event",n)),g=o({className:f("opposite")},d("opposite",n)),y=o({className:f("separator")},d("separator",n)),x=o({className:f("content")},d("content",n));return a.createElement("div",p({key:h(e,n)},u),a.createElement("div",g,t),a.createElement("div",y,l,s),a.createElement("div",x,v))})),x=o({ref:g,className:r.classNames(m.className,f("root"))},u.getOtherProps(m),v("root"));return a.createElement("div",x,y)})));return f.displayName="Timeline",e.Timeline=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/toast/toast.cjs.js

@@ -441,6 +441,7 @@ function localeOptions(locale) {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = hooks.useMergeProps();
   var messageInfo = props.messageInfo,
     parentMetaData = props.metaData,
     _props$ptCallbacks = props.ptCallbacks,
@@ -518,7 +519,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
   };
   var createCloseIcon = function createCloseIcon() {
-    var buttonIconProps = utils.mergeProps({
+    var buttonIconProps = mergeProps({
       className: cx('message.buttonicon')
     }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread(_objectSpread({}, params), {}, {
       hostName: props.hostName
@@ -528,7 +529,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       props: props
     });
     var ariaLabel = props.ariaCloseLabel || localeOption('close');
-    var closeButtonProps = utils.mergeProps({
+    var closeButtonProps = mergeProps({
       type: 'button',
       className: cx('message.closeButton'),
       onClick: onClose,
@@ -548,7 +549,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         onClick: onClick,
         onClose: onClose
       });
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('message.icon')
       }, getPTOptions('icon', parentParams), ptmo(pt, 'icon', _objectSpread(_objectSpread({}, params), {}, {
         hostName: props.hostName
@@ -573,17 +574,17 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       var messageIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var textProps = utils.mergeProps({
+      var textProps = mergeProps({
         className: cx('message.text')
       }, getPTOptions('text', parentParams), ptmo(pt, 'text', _objectSpread(_objectSpread({}, params), {}, {
         hostName: props.hostName
       })));
-      var summaryProps = utils.mergeProps({
+      var summaryProps = mergeProps({
         className: cx('message.summary')
       }, getPTOptions('summary', parentParams), ptmo(pt, 'summary', _objectSpread(_objectSpread({}, params), {}, {
         hostName: props.hostName
       })));
-      var detailProps = utils.mergeProps({
+      var detailProps = mergeProps({
         className: cx('message.detail')
       }, getPTOptions('detail', parentParams), ptmo(pt, 'detail', _objectSpread(_objectSpread({}, params), {}, {
         hostName: props.hostName
@@ -594,7 +595,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   var message = createMessage();
   var closeIcon = createCloseIcon();
-  var messageProps = utils.mergeProps({
+  var messageProps = mergeProps({
     ref: ref,
     className: utils.classNames(_className, cx('message.message', {
       severity: severity
@@ -609,7 +610,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   }, getPTOptions('message', parentParams), ptmo(pt, 'root', _objectSpread(_objectSpread({}, params), {}, {
     hostName: props.hostName
   })));
-  var contentProps = utils.mergeProps({
+  var contentProps = mergeProps({
     className: utils.classNames(_contentClassName, cx('message.content')),
     style: contentStyle
   }, getPTOptions('content', parentParams), ptmo(pt, 'content', _objectSpread(_objectSpread({}, params), {}, {
@@ -621,6 +622,7 @@ ToastMessage.displayName = 'ToastMessage';
 
 var messageIdx = 0;
 var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact$1.PrimeReactContext);
   var props = ToastBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -721,7 +723,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     };
   });
   var createElement = function createElement() {
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: containerRef,
       id: props.id,
       className: ptCallbacks.cx('root', {
@@ -729,7 +731,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }),
       style: ptCallbacks.sx('root')
     }, ToastBase.getOtherProps(props), ptCallbacks.ptm('root'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: ptCallbacks.cx('transition'),
       timeout: {
         enter: 300,

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"),n=require("primereact/api"),o=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),s=require("primereact/portal"),i=require("primereact/utils"),l=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),d=require("primereact/ripple");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=g(e),b=f(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function E(e){if(Array.isArray(e))return h(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function N(){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 E(e)||T(e)||S(e)||N()}function A(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function x(){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 I(e,t){return A(e)||w(e,t)||S(e,t)||x()}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function _(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=_(e,"string");return"symbol"===P(t)?t:String(t)}function C(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var M=o.ComponentBase.extend({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,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},message:{message:function(e){var t=e.severity;return i.classNames("p-toast-message",C({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n    .p-toast {\n        width: calc(100% - var(--toast-indent, 0px));\n        max-width: 25rem;\n    }\n    \n    .p-toast-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-toast-message-content {\n        display: flex;\n        align-items: flex-start;\n    }\n    \n    .p-toast-message-text {\n        flex: 1 1 auto;\n    }\n    \n    .p-toast-summary {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-detail {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-top-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-bottom-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-center {\n        min-width: 20vw;\n        transform: translate(-50%, -50%);\n    }\n    \n    .p-toast-icon-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-toast-icon-close.p-link {\n        cursor: pointer;\n    }\n    \n    /* Animations */\n    .p-toast-message-enter {\n        opacity: 0;\n        transform: translateY(50%);\n    }\n    \n    .p-toast-message-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: transform 0.3s, opacity 0.3s;\n    }\n    \n    .p-toast-message-enter-done {\n        transform: none;\n    }\n    \n    .p-toast-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-toast .p-toast-message.p-toast-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function L(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,R(o.key),o)}}function j(e,t,n){return t&&L(e.prototype,t),n&&L(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function D(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var k=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),U=j((function e(){D(this,e)}));C(U,"ripple",!1),C(U,"inputStyle","outlined"),C(U,"locale","en"),C(U,"appendTo",null),C(U,"cssTransition",!0),C(U,"autoZIndex",!0),C(U,"hideOverlaysOnDocumentScrolling",!1),C(U,"nonce",null),C(U,"nullSortOrder",1),C(U,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(U,"pt",void 0),C(U,"filterMatchModeOptions",{text:[k.STARTS_WITH,k.CONTAINS,k.NOT_CONTAINS,k.ENDS_WITH,k.EQUALS,k.NOT_EQUALS],numeric:[k.EQUALS,k.NOT_EQUALS,k.LESS_THAN,k.LESS_THAN_OR_EQUAL_TO,k.GREATER_THAN,k.GREATER_THAN_OR_EQUAL_TO],date:[k.DATE_IS,k.DATE_IS_NOT,k.DATE_BEFORE,k.DATE_AFTER]}),C(U,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var q={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function B(e,t){var n=t||U.locale;try{return F(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function F(e){return q[e||U.locale]}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=y.memo(y.forwardRef((function(e,t){var n=e.messageInfo,o=e.ptCallbacks,r=o.ptm,s=o.ptmo,f=o.cx,g=n.message,b=g.severity,v=g.content,h=g.summary,E=g.detail,T=g.closable,S=g.life,N=g.sticky,O=g.className,A=g.style,w=g.contentClassName,x=g.contentStyle,P=g.icon,_=g.closeIcon,R=g.pt,C={index:e.index},M=W(W({},e.metaData),C),L=I(y.useState(!1),2),j=L[1],D=I(a.useTimeout((function(){U()}),S||3e3,!N&&!L[0]),1)[0],k=function(t,n){return r(t,W({hostName:e.hostName},n))},U=function(){D(),e.onClose&&e.onClose(n)},q=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(n.message)},F=function(){if(n){var t=i.ObjectUtils.getJSXElement(v,{message:n.message,onClick:q,onClose:U}),o=i.mergeProps({className:f("message.icon")},k("icon",M),s(R,"icon",W(W({},C),{},{hostName:e.hostName}))),r=P;if(!P)switch(b){case"info":r=y.createElement(u.InfoCircleIcon,o);break;case"warn":r=y.createElement(c.ExclamationTriangleIcon,o);break;case"error":r=y.createElement(p.TimesCircleIcon,o);break;case"success":r=y.createElement(l.CheckIcon,o)}var a=i.IconUtils.getJSXIcon(r,W({},o),{props:e}),m=i.mergeProps({className:f("message.text")},k("text",M),s(R,"text",W(W({},C),{},{hostName:e.hostName}))),d=i.mergeProps({className:f("message.summary")},k("summary",M),s(R,"summary",W(W({},C),{},{hostName:e.hostName}))),g=i.mergeProps({className:f("message.detail")},k("detail",M),s(R,"detail",W(W({},C),{},{hostName:e.hostName})));return t||y.createElement(y.Fragment,null,a,y.createElement("div",m,y.createElement("span",d,h),E&&y.createElement("div",g,E)))}return null}(),H=function(){var t=i.mergeProps({className:f("message.buttonicon")},k("buttonicon",M),s(R,"buttonicon",W(W({},C),{},{hostName:e.hostName}))),n=i.IconUtils.getJSXIcon(_||y.createElement(m.TimesIcon,t),W({},t),{props:e}),o=e.ariaCloseLabel||B("close"),r=i.mergeProps({type:"button",className:f("message.closeButton"),onClick:U,"aria-label":o},k("closeButton",M),s(R,"closeButton",W(W({},C),{},{hostName:e.hostName})));return!1!==T?y.createElement("div",null,y.createElement("button",r,n,y.createElement(d.Ripple,null))):null}(),Z=i.mergeProps({ref:t,className:i.classNames(O,f("message.message",{severity:b})),style:A,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:q,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||N||(D(),j(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||N||j(!1)}},k("message",M),s(R,"root",W(W({},C),{},{hostName:e.hostName}))),J=i.mergeProps({className:i.classNames(w,f("message.content")),style:x},k("content",M),s(R,"content",W(W({},C),{},{hostName:e.hostName})));return y.createElement("div",Z,y.createElement("div",J,F,H))})));Z.displayName="ToastMessage";var J=0,z=y.memo(y.forwardRef((function(e,l){var c=y.useContext(n.PrimeReactContext),u=M.getProps(e,c),m=I(y.useState([]),2),p=m[0],d=m[1],f=y.useRef(null),g={props:u,state:{messages:p}},h=M.setMetaData(g);o.useHandleStyle(M.css.styles,h.isUnstyled,{name:"toast"});var E=function(e){e&&d((function(t){return T(t,e,!0)}))},T=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:J++,message:t}),e}),[]);o=n&&e?[].concat(O(e),O(r)):r}else{var a={_pId:J++,message:t};o=n&&e?[].concat(O(e),[a]):[a]}return o},S=function(){i.ZIndexUtils.clear(f.current),d([])},N=function(e){d((function(t){return T(t,e,!1)}))},A=function(e){var t=e._pId?e.message:e;d((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),u.onRemove&&u.onRemove(t)},w=function(e){A(e)},x=function(){u.onShow&&u.onShow()},P=function(){1===p.length&&i.ZIndexUtils.clear(f.current),u.onHide&&u.onHide()};a.useUpdateEffect((function(){i.ZIndexUtils.set("toast",f.current,c&&c.autoZIndex||b.default.autoZIndex,u.baseZIndex||c&&c.zIndex.toast||b.default.zIndex.toast)}),[p,u.baseZIndex]),a.useUnmountEffect((function(){i.ZIndexUtils.clear(f.current)})),y.useImperativeHandle(l,(function(){return{props:u,show:E,replace:N,remove:A,clear:S,getElement:function(){return f.current}}}));var _,R,C=(_=i.mergeProps({ref:f,id:u.id,className:h.cx("root",{context:c}),style:h.sx("root")},M.getOtherProps(u),h.ptm("root")),R=i.mergeProps({classNames:h.cx("transition"),timeout:{enter:300,exit:300},options:u.transitionOptions,unmountOnExit:!0,onEntered:x,onExited:P},h.ptm("transition")),y.createElement("div",_,y.createElement(t.TransitionGroup,null,p&&p.map((function(t,n){var o=y.createRef();return y.createElement(r.CSSTransition,v({nodeRef:o,key:t._pId},R),e.content?i.ObjectUtils.getJSXElement(e.content,{message:t.message}):y.createElement(Z,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:u.onClick,onClose:w,onMouseEnter:u.onMouseEnter,onMouseLeave:u.onMouseLeave,closeIcon:u.closeIcon,ptCallbacks:h,metaData:g}))})))));return y.createElement(s.Portal,{element:C,appendTo:u.appendTo})})));z.displayName="Toast",exports.Toast=z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),o=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),s=require("primereact/portal"),i=require("primereact/utils"),l=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),d=require("primereact/ripple");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=y(e),b=f(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function E(e){if(Array.isArray(e))return h(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function N(){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 E(e)||T(e)||S(e)||N()}function A(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function x(){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 I(e,t){return A(e)||w(e,t)||S(e,t)||x()}function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function M(e,t){if("object"!==_(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==_(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=M(e,"string");return"symbol"===_(t)?t:String(t)}function C(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var P=o.ComponentBase.extend({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,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},message:{message:function(e){var t=e.severity;return i.classNames("p-toast-message",C({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n    .p-toast {\n        width: calc(100% - var(--toast-indent, 0px));\n        max-width: 25rem;\n    }\n    \n    .p-toast-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-toast-message-content {\n        display: flex;\n        align-items: flex-start;\n    }\n    \n    .p-toast-message-text {\n        flex: 1 1 auto;\n    }\n    \n    .p-toast-summary {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-detail {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-top-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-bottom-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-center {\n        min-width: 20vw;\n        transform: translate(-50%, -50%);\n    }\n    \n    .p-toast-icon-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-toast-icon-close.p-link {\n        cursor: pointer;\n    }\n    \n    /* Animations */\n    .p-toast-message-enter {\n        opacity: 0;\n        transform: translateY(50%);\n    }\n    \n    .p-toast-message-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: transform 0.3s, opacity 0.3s;\n    }\n    \n    .p-toast-message-enter-done {\n        transform: none;\n    }\n    \n    .p-toast-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-toast .p-toast-message.p-toast-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function L(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,R(o.key),o)}}function j(e,t,n){return t&&L(e.prototype,t),n&&L(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function D(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var k=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),U=j((function e(){D(this,e)}));C(U,"ripple",!1),C(U,"inputStyle","outlined"),C(U,"locale","en"),C(U,"appendTo",null),C(U,"cssTransition",!0),C(U,"autoZIndex",!0),C(U,"hideOverlaysOnDocumentScrolling",!1),C(U,"nonce",null),C(U,"nullSortOrder",1),C(U,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(U,"pt",void 0),C(U,"filterMatchModeOptions",{text:[k.STARTS_WITH,k.CONTAINS,k.NOT_CONTAINS,k.ENDS_WITH,k.EQUALS,k.NOT_EQUALS],numeric:[k.EQUALS,k.NOT_EQUALS,k.LESS_THAN,k.LESS_THAN_OR_EQUAL_TO,k.GREATER_THAN,k.GREATER_THAN_OR_EQUAL_TO],date:[k.DATE_IS,k.DATE_IS_NOT,k.DATE_BEFORE,k.DATE_AFTER]}),C(U,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var q={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function B(e,t){var n=t||U.locale;try{return F(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function F(e){return q[e||U.locale]}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=g.memo(g.forwardRef((function(e,t){var n=a.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,s=r.ptm,f=r.ptmo,y=r.cx,b=o.message,v=b.severity,h=b.content,E=b.summary,T=b.detail,S=b.closable,N=b.life,O=b.sticky,A=b.className,w=b.style,x=b.contentClassName,_=b.contentStyle,M=b.icon,R=b.closeIcon,C=b.pt,P={index:e.index},L=W(W({},e.metaData),P),j=I(g.useState(!1),2),D=j[1],k=I(a.useTimeout((function(){q()}),N||3e3,!O&&!j[0]),1)[0],U=function(t,n){return s(t,W({hostName:e.hostName},n))},q=function(){k(),e.onClose&&e.onClose(o)},F=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(o.message)},H=function(){if(o){var t=i.ObjectUtils.getJSXElement(h,{message:o.message,onClick:F,onClose:q}),r=n({className:y("message.icon")},U("icon",L),f(C,"icon",W(W({},P),{},{hostName:e.hostName}))),a=M;if(!M)switch(v){case"info":a=g.createElement(u.InfoCircleIcon,r);break;case"warn":a=g.createElement(c.ExclamationTriangleIcon,r);break;case"error":a=g.createElement(p.TimesCircleIcon,r);break;case"success":a=g.createElement(l.CheckIcon,r)}var s=i.IconUtils.getJSXIcon(a,W({},r),{props:e}),m=n({className:y("message.text")},U("text",L),f(C,"text",W(W({},P),{},{hostName:e.hostName}))),d=n({className:y("message.summary")},U("summary",L),f(C,"summary",W(W({},P),{},{hostName:e.hostName}))),b=n({className:y("message.detail")},U("detail",L),f(C,"detail",W(W({},P),{},{hostName:e.hostName})));return t||g.createElement(g.Fragment,null,s,g.createElement("div",m,g.createElement("span",d,E),T&&g.createElement("div",b,T)))}return null}(),Z=function(){var t=n({className:y("message.buttonicon")},U("buttonicon",L),f(C,"buttonicon",W(W({},P),{},{hostName:e.hostName}))),o=i.IconUtils.getJSXIcon(R||g.createElement(m.TimesIcon,t),W({},t),{props:e}),r=e.ariaCloseLabel||B("close"),a=n({type:"button",className:y("message.closeButton"),onClick:q,"aria-label":r},U("closeButton",L),f(C,"closeButton",W(W({},P),{},{hostName:e.hostName})));return!1!==S?g.createElement("div",null,g.createElement("button",a,o,g.createElement(d.Ripple,null))):null}(),J=n({ref:t,className:i.classNames(A,y("message.message",{severity:v})),style:w,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:F,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||O||(k(),D(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||O||D(!1)}},U("message",L),f(C,"root",W(W({},P),{},{hostName:e.hostName}))),z=n({className:i.classNames(x,y("message.content")),style:_},U("content",L),f(C,"content",W(W({},P),{},{hostName:e.hostName})));return g.createElement("div",J,g.createElement("div",z,H,Z))})));Z.displayName="ToastMessage";var J=0,z=g.memo(g.forwardRef((function(e,l){var c=a.useMergeProps(),u=g.useContext(n.PrimeReactContext),m=P.getProps(e,u),p=I(g.useState([]),2),d=p[0],f=p[1],y=g.useRef(null),h={props:m,state:{messages:d}},E=P.setMetaData(h);o.useHandleStyle(P.css.styles,E.isUnstyled,{name:"toast"});var T=function(e){e&&f((function(t){return S(t,e,!0)}))},S=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:J++,message:t}),e}),[]);o=n&&e?[].concat(O(e),O(r)):r}else{var a={_pId:J++,message:t};o=n&&e?[].concat(O(e),[a]):[a]}return o},N=function(){i.ZIndexUtils.clear(y.current),f([])},A=function(e){f((function(t){return S(t,e,!1)}))},w=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(t)},x=function(e){w(e)},_=function(){m.onShow&&m.onShow()},M=function(){1===d.length&&i.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};a.useUpdateEffect((function(){i.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||b.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||b.default.zIndex.toast)}),[d,m.baseZIndex]),a.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)})),g.useImperativeHandle(l,(function(){return{props:m,show:T,replace:A,remove:w,clear:N,getElement:function(){return y.current}}}));var R,C,L=(R=c({ref:y,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},P.getOtherProps(m),E.ptm("root")),C=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:_,onExited:M},E.ptm("transition")),g.createElement("div",R,g.createElement(t.TransitionGroup,null,d&&d.map((function(t,n){var o=g.createRef();return g.createElement(r.CSSTransition,v({nodeRef:o,key:t._pId},C),e.content?i.ObjectUtils.getJSXElement(e.content,{message:t.message}):g.createElement(Z,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:x,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:h}))})))));return g.createElement(s.Portal,{element:L,appendTo:m.appendTo})})));z.displayName="Toast",exports.Toast=z;

package/toast/toast.esm.js

@@ -4,9 +4,9 @@ import { TransitionGroup } from 'react-transition-group';
 import PrimeReact$1, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useTimeout, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useTimeout, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { classNames, mergeProps, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from 'primereact/utils';
 import { CheckIcon } from 'primereact/icons/check';
 import { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle';
 import { InfoCircleIcon } from 'primereact/icons/infocircle';
@@ -414,6 +414,7 @@ function localeOptions(locale) {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var messageInfo = props.messageInfo,
     parentMetaData = props.metaData,
     _props$ptCallbacks = props.ptCallbacks,
@@ -594,6 +595,7 @@ ToastMessage.displayName = 'ToastMessage';
 
 var messageIdx = 0;
 var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ToastBase.getProps(inProps, context);
   var _React$useState = React.useState([]),