primereact 10.0.9 → 10.1.0

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useEventListener as u,useResizeListener as a,useMountEffect as l,useUpdateEffect as c,useMatchMedia as s,useOverlayListener as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as b,mergeProps as v,DomHandler as y,IconUtils as h,ObjectUtils as g,UniqueComponentId as x,ZIndexUtils as w}from"primereact/utils";import{AngleRightIcon as S}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function I(){return I=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},I.apply(this,arguments)}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function k(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 N(e,n){if(e){if("string"==typeof e)return k(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)?k(e,n):void 0}}function M(){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 O(e)||P(e,n)||N(e,n)||M()}var T=r.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,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menu-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:function(e){return b("p-menuitem-link",{"p-disabled":e.disabled})},menuitem:function(e){return b("p-menuitem",{"p-menuitem-active":e.active},e._className)},menu:function(e){return b({"p-submenu-list":!e.subProps.root})},submenu:function(e){return b({"p-submenu-list":!e.subProps.root})},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 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 D(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function A(e){var n=D(e,"string");return"symbol"===C(n)?n:String(n)}function H(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 _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=A(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo((function(n){var t=j(e.useState(null),2),r=t[0],o=t[1],i=e.useRef(null),s=n.ptm,p=n.cx,m=n.sx,d=function(e,t){return s(t,{hostName:n.hostName,context:{active:r===e}})},f=j(u({type:"click",listener:function(e){n.isMobileMode||!i.current||i.current.contains(e.target)||o(null)}}),1)[0],x=j(a({listener:function(){!n.isMobileMode&&o(null)}}),1)[0],w=function(){if(i.current){var e=i.current.parentElement,n=y.getOffset(e),t=y.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:y.getHiddenElementOuterWidth(i.current),o=y.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+i.current.offsetHeight-y.getWindowScrollTop();i.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+r>t.width-y.calculateScrollbarWidth()&&y.addClass(i.current,"p-submenu-list-flipped")}},I=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(r||n.popup)&&o(t):o(t)},O=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&o(r&&t===r?null:t),t.items||T(e))},P=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var i=N(r);i&&i.children[0].focus(),e.preventDefault();break;case 38:var u=M(r);u&&u.children[0].focus(),e.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},k=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},N=function e(n){var t=n.nextElementSibling;return t?y.hasClass(t,"p-disabled")||!y.hasClass(t,"p-menuitem")?e(t):t:null},M=function e(n){var t=n.previousElementSibling;return t?y.hasClass(t,"p-disabled")||!y.hasClass(t,"p-menuitem")?e(t):t:null},T=function(e){n.isMobileMode&&!n.popup||(o(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};l((function(){f(),x()})),c((function(){n.parentActive||o(null),n.root||!n.parentActive||n.isMobileMode||w()}),[n.parentActive]),c((function(){n.onItemToggle&&n.onItemToggle()}),[r]);var C=function(t){var r=v({key:"separator_"+t,className:p("separator"),role:"separator"},s("separator",{hostName:n.hostName}));return e.createElement("li",r)},D=function(t,o){return t.items?e.createElement(R,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,onLeafClick:T,popup:n.popup,onKeyDown:k,parentActive:t===r,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:p,sx:m}):null},A=function(t,o){if(!1===t.visible)return null;var i=t.className,u=t.style,a=t.disabled,l=t.icon,c=t.label,s=t.items,m=t.target,f=t.url,y=t.template,x=t.id||n.id+"_"+o,w=r===t,k=b("p-menuitem-link",{"p-disabled":a}),N=b("p-menuitem-icon",l),M=v({className:p("icon",{_icon:l})},d(t,"icon")),j=h.getJSXIcon(l,_({},M),{props:n.menuProps}),T=v({className:p("label")},d(t,"label")),C=c&&e.createElement("span",T,c),A=v({className:p("submenuIcon")},d(t,"submenuIcon")),H=t.items&&h.getJSXIcon(n.submenuIcon||e.createElement(S,A),_({},A),{props:n.menuProps}),R=D(t,o),Z=v({href:f||"#",className:p("action",{disabled:a}),target:m,role:"menuitem","aria-haspopup":null!=s,onClick:function(e){return O(e,t)},onKeyDown:function(e){return P(e,t)},"aria-disabled":a},d(t,"action")),K=e.createElement("a",Z,j,C,H,e.createElement(E,null));y&&(K=g.getJSXElement(y,t,{onClick:function(e){return O(e,t)},onKeyDown:function(e){return P(e,t)},className:k,labelClassName:"p-menuitem-text",iconClassName:N,submenuIconClassName:"p-submenu-icon",element:K,props:n,active:w,disabled:a}));var W=v({key:x,id:x,className:p("menuitem",{_className:i,active:w}),style:u,onMouseEnter:function(e){return I(e,t)},role:"none"},d(t,"menuitem"));return e.createElement("li",W,K,R)},H=n.model?n.model.map((function(e,n){return e.separator?C(n):A(e,n)})):null,Z=n.root?"menu":"submenu",K=v({ref:i,className:p(Z,{subProps:n}),style:m(Z,{subProps:n}),role:n.root?"menubar":"menu","aria-orientation":"horizontal"},s(Z,{hostName:n.hostName}));return e.createElement("ul",K,H)}));R.displayName="TieredMenuSub";var Z=e.memo(e.forwardRef((function(r,u){var a=e.useContext(t),b=T.getProps(r,a),h=j(e.useState(b.id),2),g=h[0],S=h[1],E=j(e.useState(!b.popup),2),O=E[0],P=E[1],k=j(e.useState(null),2),N=k[0],M=k[1],C=T.setMetaData({props:b,state:{id:g,visible:O,attributeSelector:N}}),D=C.ptm,A=C.cx,H=C.sx;o(T.css.styles,C.isUnstyled,{name:"tieredmenu"});var _=e.useRef(null),Z=e.useRef(null),K=e.useRef(null),W=s("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),z=j(p({target:Z,overlay:_,listener:function(e,n){n.valid&&Y(e)},when:O}),2),L=z[0],J=z[1],X=function(e){b.popup&&d.emit("overlay-click",{originalEvent:e,target:Z.current})},U=function(e){b.popup&&(O?Y(e):V(e))},V=function(e){Z.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},Y=function(e){b.popup&&(Z.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e))},$=function(){b.popup&&W&&y.absolutePosition(_.current,Z.current)},q=function(){if(!K.current){K.current=y.createInlineStyle(a&&a.nonce||n.nonce);var e="".concat(N),t="\n@media screen and (max-width: ".concat(b.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(b.scrollHeight,";\n        overflow: ").concat(b.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 !important;\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(b.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");K.current.innerHTML=t}},B=function(){K.current=y.removeInlineStyle(K.current)},F=function(){b.autoZIndex&&w.set("menu",_.current,a&&a.autoZIndex||n.autoZIndex,b.baseZIndex||a&&a.zIndex.menu||n.zIndex.menu),y.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),y.absolutePosition(_.current,Z.current),N&&b.breakpoint&&(_.current.setAttribute(N,""),q())},G=function(){L()},Q=function(){Z.current=null,J()},ee=function(){w.clear(_.current),B()};l((function(){var e=x();!g&&S(e),b.breakpoint&&!N&&M(e)})),c((function(){return N&&_.current&&(_.current.setAttribute(N,""),q()),function(){B()}}),[N,b.breakpoint]),m((function(){w.clear(_.current)})),e.useImperativeHandle(u,(function(){return{props:b,toggle:U,show:V,hide:Y,getElement:function(){return _.current}}}));var ne,te,re=(ne=v({ref:_,id:b.id,className:A("root"),style:b.style,onClick:X},T.getOtherProps(b),D("root")),te=v({classNames:A("transition"),in:O,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:G,onExit:Q,onExited:ee},D("transition")),e.createElement(i,I({nodeRef:_},te),e.createElement("div",ne,e.createElement(R,{id:g,hostName:"TieredMenu",menuProps:b,model:b.model,root:!0,popup:b.popup,onHide:Y,isMobileMode:W,onItemToggle:$,submenuIcon:b.submenuIcon,ptm:D,cx:A,sx:H}))));return b.popup?e.createElement(f,{element:re,appendTo:b.appendTo}):re})));Z.displayName="TieredMenu";export{Z as TieredMenu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useEventListener as u,useResizeListener as l,useMountEffect as a,useUpdateEffect as c,useMatchMedia as s,useOverlayListener as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as b,mergeProps as v,DomHandler as y,IconUtils as h,ObjectUtils as g,UniqueComponentId as x,ZIndexUtils as w}from"primereact/utils";import{AngleRightIcon as S}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function I(){return I=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},I.apply(this,arguments)}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function k(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 N(e,n){if(e){if("string"==typeof e)return k(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)?k(e,n):void 0}}function M(){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 O(e)||P(e,n)||N(e,n)||M()}var T=r.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,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menu-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:function(e){return b("p-menuitem-link",{"p-disabled":e.disabled})},menuitem:function(e){return b("p-menuitem",{"p-menuitem-active":e.active},e._className)},menu:function(e){return b({"p-submenu-list":!e.subProps.root})},submenu:function(e){return b({"p-submenu-list":!e.subProps.root})},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 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 D(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function A(e){var n=D(e,"string");return"symbol"===C(n)?n:String(n)}function H(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 _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=A(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo((function(n){var t=j(e.useState(null),2),r=t[0],o=t[1],i=e.useRef(null),s=n.ptm,p=n.cx,m=n.sx,d=function(e,t){return s(t,{hostName:n.hostName,context:{active:r===e}})},f=j(u({type:"click",listener:function(e){n.isMobileMode||!i.current||i.current.contains(e.target)||o(null)}}),1)[0],x=j(l({listener:function(){!n.isMobileMode&&o(null)}}),1)[0],w=function(){if(i.current){var e=i.current.parentElement,n=y.getOffset(e),t=y.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:y.getHiddenElementOuterWidth(i.current),o=y.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+i.current.offsetHeight-y.getWindowScrollTop();i.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+r>t.width-y.calculateScrollbarWidth()&&y.addClass(i.current,"p-submenu-list-flipped")}},I=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(r||n.popup)&&o(t):o(t)},O=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&o(r&&t===r?null:t),t.items||T(e))},P=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var i=N(r);i&&i.children[0].focus(),e.preventDefault();break;case 38:var u=M(r);u&&u.children[0].focus(),e.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},k=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},N=function e(n){var t=n.nextElementSibling;return t?y.hasClass(t,"p-disabled")||!y.hasClass(t,"p-menuitem")?e(t):t:null},M=function e(n){var t=n.previousElementSibling;return t?y.hasClass(t,"p-disabled")||!y.hasClass(t,"p-menuitem")?e(t):t:null},T=function(e){n.isMobileMode&&!n.popup||(o(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};a((function(){f(),x()})),c((function(){n.parentActive||o(null),n.root||!n.parentActive||n.isMobileMode||w()}),[n.parentActive]),c((function(){n.onItemToggle&&n.onItemToggle()}),[r]);var C=function(t){var r=v({key:"separator_"+t,className:p("separator"),role:"separator"},s("separator",{hostName:n.hostName}));return e.createElement("li",r)},D=function(t,o){return t.items?e.createElement(R,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,onLeafClick:T,popup:n.popup,onKeyDown:k,parentActive:t===r,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:p,sx:m}):null},A=function(t,o){if(!1===t.visible)return null;var i=t.className,u=t.style,l=t.disabled,a=t.icon,c=t.label,s=t.items,m=t.target,f=t.url,y=t.template,x=t.id||n.id+"_"+o,w=r===t,k=b("p-menuitem-link",{"p-disabled":l}),N=b("p-menuitem-icon",a),M=v({className:p("icon",{_icon:a})},d(t,"icon")),j=h.getJSXIcon(a,_({},M),{props:n.menuProps}),T=v({className:p("label")},d(t,"label")),C=c&&e.createElement("span",T,c),A=v({className:p("submenuIcon")},d(t,"submenuIcon")),H=t.items&&h.getJSXIcon(n.submenuIcon||e.createElement(S,A),_({},A),{props:n.menuProps}),R=D(t,o),Z=v({href:f||"#",className:p("action",{disabled:l}),target:m,role:"menuitem","aria-haspopup":null!=s,onClick:function(e){return O(e,t)},onKeyDown:function(e){return P(e,t)},"aria-disabled":l},d(t,"action")),K=e.createElement("a",Z,j,C,H,e.createElement(E,null));y&&(K=g.getJSXElement(y,t,{onClick:function(e){return O(e,t)},onKeyDown:function(e){return P(e,t)},className:k,labelClassName:"p-menuitem-text",iconClassName:N,submenuIconClassName:"p-submenu-icon",element:K,props:n,active:w,disabled:l}));var W=v({key:x,id:x,className:p("menuitem",{_className:i,active:w}),style:u,onMouseEnter:function(e){return I(e,t)},role:"none"},d(t,"menuitem"));return e.createElement("li",W,K,R)},H=n.model?n.model.map((function(e,n){return e.separator?C(n):A(e,n)})):null,Z=n.root?"menu":"submenu",K=v({ref:i,className:p(Z,{subProps:n}),style:m(Z,{subProps:n}),role:n.root?"menubar":"menu","aria-orientation":"horizontal"},s(Z,{hostName:n.hostName}));return e.createElement("ul",K,H)}));R.displayName="TieredMenuSub";var Z=e.memo(e.forwardRef((function(r,u){var l=e.useContext(t),b=T.getProps(r,l),h=j(e.useState(b.id),2),g=h[0],S=h[1],E=j(e.useState(!b.popup),2),O=E[0],P=E[1],k=j(e.useState(null),2),N=k[0],M=k[1],C=T.setMetaData({props:b,state:{id:g,visible:O,attributeSelector:N}}),D=C.ptm,A=C.cx,H=C.sx;o(T.css.styles,C.isUnstyled,{name:"tieredmenu"});var _=e.useRef(null),Z=e.useRef(null),K=e.useRef(null),W=s("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),z=j(p({target:Z,overlay:_,listener:function(e,n){n.valid&&Y(e)},when:O}),2),L=z[0],J=z[1],X=function(e){b.popup&&d.emit("overlay-click",{originalEvent:e,target:Z.current})},U=function(e){b.popup&&(O?Y(e):V(e))},V=function(e){Z.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},Y=function(e){b.popup&&(Z.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e))},$=function(){b.popup&&W&&y.absolutePosition(_.current,Z.current)},q=function(){if(!K.current){K.current=y.createInlineStyle(l&&l.nonce||n.nonce);var e="".concat(N),t="\n@media screen and (max-width: ".concat(b.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(b.scrollHeight,";\n        overflow: ").concat(b.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(b.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");K.current.innerHTML=t}},B=function(){K.current=y.removeInlineStyle(K.current)},F=function(){b.autoZIndex&&w.set("menu",_.current,l&&l.autoZIndex||n.autoZIndex,b.baseZIndex||l&&l.zIndex.menu||n.zIndex.menu),y.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),y.absolutePosition(_.current,Z.current),N&&b.breakpoint&&(_.current.setAttribute(N,""),q())},G=function(){L()},Q=function(){Z.current=null,J()},ee=function(){w.clear(_.current),B()};a((function(){var e=x();!g&&S(e),b.breakpoint&&!N&&M(e)})),c((function(){return N&&_.current&&(_.current.setAttribute(N,""),q()),function(){B()}}),[N,b.breakpoint]),m((function(){w.clear(_.current)})),e.useImperativeHandle(u,(function(){return{props:b,toggle:U,show:V,hide:Y,getElement:function(){return _.current}}}));var ne,te,re=(ne=v({ref:_,id:b.id,className:A("root"),style:b.style,onClick:X},T.getOtherProps(b),D("root")),te=v({classNames:A("transition"),in:O,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:G,onExit:Q,onExited:ee},D("transition")),e.createElement(i,I({nodeRef:_},te),e.createElement("div",ne,e.createElement(R,{id:g,hostName:"TieredMenu",menuProps:b,model:b.model,root:!0,popup:b.popup,onHide:Y,isMobileMode:W,onItemToggle:$,submenuIcon:b.submenuIcon,ptm:D,cx:A,sx:H}))));return b.popup?e.createElement(f,{element:re,appendTo:b.appendTo}):re})));Z.displayName="TieredMenu";export{Z as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -599,7 +599,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
       if (!styleElementRef.current) {
         styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
         var selector = "".concat(attributeSelectorState);
-        var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-tieredmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\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(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n\n    ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
+        var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-tieredmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(selector, "] .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(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n\n    ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
         styleElementRef.current.innerHTML = innerHTML;
       }
     };

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,o,i,u,a,l,s,c){"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){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function 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 O(e,n){return v(e)||y(e,n)||h(e,n)||x()}var P=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,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return l.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-menu-separator",icon:function(e){return l.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.disabled})},menuitem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active":e.active},e._className)},menu:function(e){return l.classNames({"p-submenu-list":!e.subProps.root})},submenu:function(e){return l.classNames({"p-submenu-list":!e.subProps.root})},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 E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function I(e){var n=S(e,"string");return"symbol"===E(n)?n:String(n)}function w(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=I(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=d.memo((function(e){var n=O(d.useState(null),2),t=n[0],r=n[1],o=d.useRef(null),u=e.ptm,a=e.cx,p=e.sx,m=function(n,r){return u(r,{hostName:e.hostName,context:{active:t===n}})},f=O(i.useEventListener({type:"click",listener:function(n){e.isMobileMode||!o.current||o.current.contains(n.target)||r(null)}}),1)[0],b=O(i.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],v=function(){if(o.current){var e=o.current.parentElement,n=l.DomHandler.getOffset(e),t=l.DomHandler.getViewport(),r=o.current.offsetParent?o.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(o.current),i=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+o.current.offsetHeight-l.DomHandler.getWindowScrollTop();o.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+i+r>t.width-l.DomHandler.calculateScrollbarWidth()&&l.DomHandler.addClass(o.current,"p-submenu-list-flipped")}},y=function(n,o){o.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&r(o):r(o)},g=function(n,o){o.disabled?n.preventDefault():(o.url||n.preventDefault(),o.command&&o.command({originalEvent:n,item:o}),(e.root||e.isMobileMode)&&o.items&&r(t&&o===t?null:o),o.items||S(n))},h=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=P(o);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=E(o);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){o.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,o)},x=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},P=function e(n){var t=n.nextElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function e(n){var t=n.previousElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},S=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};i.useMountEffect((function(){f(),b()})),i.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||v()}),[e.parentActive]),i.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(n){var t=l.mergeProps({key:"separator_"+n,className:a("separator"),role:"separator"},u("separator",{hostName:e.hostName}));return d.createElement("li",t)},w=function(n,r){return n.items?d.createElement(D,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,onLeafClick:S,popup:e.popup,onKeyDown:x,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:p}):null},M=function(n,r){if(!1===n.visible)return null;var o=n.className,i=n.style,u=n.disabled,p=n.icon,f=n.label,b=n.items,v=n.target,x=n.url,O=n.template,P=n.id||e.id+"_"+r,E=t===n,S=l.classNames("p-menuitem-link",{"p-disabled":u}),I=l.classNames("p-menuitem-icon",p),D=l.mergeProps({className:a("icon",{_icon:p})},m(n,"icon")),M=l.IconUtils.getJSXIcon(p,N({},D),{props:e.menuProps}),j=l.mergeProps({className:a("label")},m(n,"label")),H=f&&d.createElement("span",j,f),k=l.mergeProps({className:a("submenuIcon")},m(n,"submenuIcon")),T=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(s.AngleRightIcon,k),N({},k),{props:e.menuProps}),C=w(n,r),A=l.mergeProps({href:x||"#",className:a("action",{disabled:u}),target:v,role:"menuitem","aria-haspopup":null!=b,onClick:function(e){return g(e,n)},onKeyDown:function(e){return h(e,n)},"aria-disabled":u},m(n,"action")),U=d.createElement("a",A,M,H,T,d.createElement(c.Ripple,null));O&&(U=l.ObjectUtils.getJSXElement(O,n,{onClick:function(e){return g(e,n)},onKeyDown:function(e){return h(e,n)},className:S,labelClassName:"p-menuitem-text",iconClassName:I,submenuIconClassName:"p-submenu-icon",element:U,props:e,active:E,disabled:u}));var _=l.mergeProps({key:P,id:P,className:a("menuitem",{_className:o,active:E}),style:i,onMouseEnter:function(e){return y(e,n)},role:"none"},m(n,"menuitem"));return d.createElement("li",_,U,C)},j=e.model?e.model.map((function(e,n){return e.separator?I(n):M(e,n)})):null,H=e.root?"menu":"submenu",k=l.mergeProps({ref:o,className:a(H,{subProps:e}),style:p(H,{subProps:e}),role:e.root?"menubar":"menu","aria-orientation":"horizontal"},u(H,{hostName:e.hostName}));return d.createElement("ul",k,j)}));D.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var s=d.useContext(t.PrimeReactContext),c=P.getProps(e,s),p=O(d.useState(c.id),2),m=p[0],v=p[1],y=O(d.useState(!c.popup),2),g=y[0],h=y[1],x=O(d.useState(null),2),E=x[0],S=x[1],I=P.setMetaData({props:c,state:{id:m,visible:g,attributeSelector:E}}),w=I.ptm,N=I.cx,M=I.sx;r.useHandleStyle(P.css.styles,I.isUnstyled,{name:"tieredmenu"});var j=d.useRef(null),H=d.useRef(null),k=d.useRef(null),T=i.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),C=O(i.useOverlayListener({target:H,overlay:j,listener:function(e,n){n.valid&&L(e)},when:g}),2),A=C[0],U=C[1],_=function(e){c.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},R=function(e){c.popup&&(g?L(e):Z(e))},Z=function(e){H.current=e.currentTarget,h(!0),c.onShow&&c.onShow(e)},L=function(e){c.popup&&(H.current=e.currentTarget,h(!1),c.onHide&&c.onHide(e))},z=function(){c.popup&&T&&l.DomHandler.absolutePosition(j.current,H.current)},K=function(){if(!k.current){k.current=l.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce);var e="".concat(E),n="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.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 !important;\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(c.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");k.current.innerHTML=n}},W=function(){k.current=l.DomHandler.removeInlineStyle(k.current)},J=function(){c.autoZIndex&&l.ZIndexUtils.set("menu",j.current,s&&s.autoZIndex||f.default.autoZIndex,c.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),l.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(j.current,H.current),E&&c.breakpoint&&(j.current.setAttribute(E,""),K())},X=function(){A()},q=function(){H.current=null,U()},B=function(){l.ZIndexUtils.clear(j.current),W()};i.useMountEffect((function(){var e=l.UniqueComponentId();!m&&v(e),c.breakpoint&&!E&&S(e)})),i.useUpdateEffect((function(){return E&&j.current&&(j.current.setAttribute(E,""),K()),function(){W()}}),[E,c.breakpoint]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(j.current)})),d.useImperativeHandle(n,(function(){return{props:c,toggle:R,show:Z,hide:L,getElement:function(){return j.current}}}));var V,Y,$=(V=l.mergeProps({ref:j,id:c.id,className:N("root"),style:c.style,onClick:_},P.getOtherProps(c),w("root")),Y=l.mergeProps({classNames:N("transition"),in:g,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:J,onEntered:X,onExit:q,onExited:B},w("transition")),d.createElement(o.CSSTransition,b({nodeRef:j},Y),d.createElement("div",V,d.createElement(D,{id:m,hostName:"TieredMenu",menuProps:c,model:c.model,root:!0,popup:c.popup,onHide:L,isMobileMode:T,onItemToggle:z,submenuIcon:c.submenuIcon,ptm:w,cx:N,sx:M}))));return c.popup?d.createElement(a.Portal,{element:$,appendTo:c.appendTo}):$})));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);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,o,i,u,a,l,s,c){"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){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function 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 O(e,n){return v(e)||y(e,n)||h(e,n)||x()}var P=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,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return l.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-menu-separator",icon:function(e){return l.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.disabled})},menuitem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active":e.active},e._className)},menu:function(e){return l.classNames({"p-submenu-list":!e.subProps.root})},submenu:function(e){return l.classNames({"p-submenu-list":!e.subProps.root})},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 E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function I(e){var n=S(e,"string");return"symbol"===E(n)?n:String(n)}function w(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=I(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=d.memo((function(e){var n=O(d.useState(null),2),t=n[0],r=n[1],o=d.useRef(null),u=e.ptm,a=e.cx,p=e.sx,m=function(n,r){return u(r,{hostName:e.hostName,context:{active:t===n}})},f=O(i.useEventListener({type:"click",listener:function(n){e.isMobileMode||!o.current||o.current.contains(n.target)||r(null)}}),1)[0],b=O(i.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],v=function(){if(o.current){var e=o.current.parentElement,n=l.DomHandler.getOffset(e),t=l.DomHandler.getViewport(),r=o.current.offsetParent?o.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(o.current),i=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+o.current.offsetHeight-l.DomHandler.getWindowScrollTop();o.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+i+r>t.width-l.DomHandler.calculateScrollbarWidth()&&l.DomHandler.addClass(o.current,"p-submenu-list-flipped")}},y=function(n,o){o.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&r(o):r(o)},g=function(n,o){o.disabled?n.preventDefault():(o.url||n.preventDefault(),o.command&&o.command({originalEvent:n,item:o}),(e.root||e.isMobileMode)&&o.items&&r(t&&o===t?null:o),o.items||S(n))},h=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=P(o);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=E(o);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){o.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,o)},x=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},P=function e(n){var t=n.nextElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function e(n){var t=n.previousElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},S=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};i.useMountEffect((function(){f(),b()})),i.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||v()}),[e.parentActive]),i.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(n){var t=l.mergeProps({key:"separator_"+n,className:a("separator"),role:"separator"},u("separator",{hostName:e.hostName}));return d.createElement("li",t)},w=function(n,r){return n.items?d.createElement(D,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,onLeafClick:S,popup:e.popup,onKeyDown:x,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:p}):null},M=function(n,r){if(!1===n.visible)return null;var o=n.className,i=n.style,u=n.disabled,p=n.icon,f=n.label,b=n.items,v=n.target,x=n.url,O=n.template,P=n.id||e.id+"_"+r,E=t===n,S=l.classNames("p-menuitem-link",{"p-disabled":u}),I=l.classNames("p-menuitem-icon",p),D=l.mergeProps({className:a("icon",{_icon:p})},m(n,"icon")),M=l.IconUtils.getJSXIcon(p,N({},D),{props:e.menuProps}),j=l.mergeProps({className:a("label")},m(n,"label")),H=f&&d.createElement("span",j,f),k=l.mergeProps({className:a("submenuIcon")},m(n,"submenuIcon")),T=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(s.AngleRightIcon,k),N({},k),{props:e.menuProps}),C=w(n,r),A=l.mergeProps({href:x||"#",className:a("action",{disabled:u}),target:v,role:"menuitem","aria-haspopup":null!=b,onClick:function(e){return g(e,n)},onKeyDown:function(e){return h(e,n)},"aria-disabled":u},m(n,"action")),U=d.createElement("a",A,M,H,T,d.createElement(c.Ripple,null));O&&(U=l.ObjectUtils.getJSXElement(O,n,{onClick:function(e){return g(e,n)},onKeyDown:function(e){return h(e,n)},className:S,labelClassName:"p-menuitem-text",iconClassName:I,submenuIconClassName:"p-submenu-icon",element:U,props:e,active:E,disabled:u}));var _=l.mergeProps({key:P,id:P,className:a("menuitem",{_className:o,active:E}),style:i,onMouseEnter:function(e){return y(e,n)},role:"none"},m(n,"menuitem"));return d.createElement("li",_,U,C)},j=e.model?e.model.map((function(e,n){return e.separator?I(n):M(e,n)})):null,H=e.root?"menu":"submenu",k=l.mergeProps({ref:o,className:a(H,{subProps:e}),style:p(H,{subProps:e}),role:e.root?"menubar":"menu","aria-orientation":"horizontal"},u(H,{hostName:e.hostName}));return d.createElement("ul",k,j)}));D.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var s=d.useContext(t.PrimeReactContext),c=P.getProps(e,s),p=O(d.useState(c.id),2),m=p[0],v=p[1],y=O(d.useState(!c.popup),2),g=y[0],h=y[1],x=O(d.useState(null),2),E=x[0],S=x[1],I=P.setMetaData({props:c,state:{id:m,visible:g,attributeSelector:E}}),w=I.ptm,N=I.cx,M=I.sx;r.useHandleStyle(P.css.styles,I.isUnstyled,{name:"tieredmenu"});var j=d.useRef(null),H=d.useRef(null),k=d.useRef(null),T=i.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),C=O(i.useOverlayListener({target:H,overlay:j,listener:function(e,n){n.valid&&L(e)},when:g}),2),A=C[0],U=C[1],_=function(e){c.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},R=function(e){c.popup&&(g?L(e):Z(e))},Z=function(e){H.current=e.currentTarget,h(!0),c.onShow&&c.onShow(e)},L=function(e){c.popup&&(H.current=e.currentTarget,h(!1),c.onHide&&c.onHide(e))},z=function(){c.popup&&T&&l.DomHandler.absolutePosition(j.current,H.current)},K=function(){if(!k.current){k.current=l.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce);var e="".concat(E),n="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.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(c.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");k.current.innerHTML=n}},W=function(){k.current=l.DomHandler.removeInlineStyle(k.current)},J=function(){c.autoZIndex&&l.ZIndexUtils.set("menu",j.current,s&&s.autoZIndex||f.default.autoZIndex,c.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),l.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(j.current,H.current),E&&c.breakpoint&&(j.current.setAttribute(E,""),K())},X=function(){A()},q=function(){H.current=null,U()},B=function(){l.ZIndexUtils.clear(j.current),W()};i.useMountEffect((function(){var e=l.UniqueComponentId();!m&&v(e),c.breakpoint&&!E&&S(e)})),i.useUpdateEffect((function(){return E&&j.current&&(j.current.setAttribute(E,""),K()),function(){W()}}),[E,c.breakpoint]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(j.current)})),d.useImperativeHandle(n,(function(){return{props:c,toggle:R,show:Z,hide:L,getElement:function(){return j.current}}}));var V,Y,$=(V=l.mergeProps({ref:j,id:c.id,className:N("root"),style:c.style,onClick:_},P.getOtherProps(c),w("root")),Y=l.mergeProps({classNames:N("transition"),in:g,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:J,onEntered:X,onExit:q,onExited:B},w("transition")),d.createElement(o.CSSTransition,b({nodeRef:j},Y),d.createElement("div",V,d.createElement(D,{id:m,hostName:"TieredMenu",menuProps:c,model:c.model,root:!0,popup:c.popup,onHide:L,isMobileMode:T,onItemToggle:z,submenuIcon:c.submenuIcon,ptm:w,cx:N,sx:M}))));return c.popup?d.createElement(a.Portal,{element:$,appendTo:c.appendTo}):$})));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

@@ -106,9 +106,8 @@ var TimelineBase = componentbase.ComponentBase.extend({
       separator: 'p-timeline-event-separator',
       content: 'p-timeline-event-content',
       root: function root(_ref) {
-        var _classNames;
         var props = _ref.props;
-        return utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
+        return utils.classNames('p-timeline p-component', _defineProperty(_defineProperty({}, "p-timeline-".concat(props.align), true), "p-timeline-".concat(props.layout), true), props.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    "

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,i=e.props;return t.classNames("p-timeline p-component",(c(n={},"p-timeline-".concat(i.align),!0),c(n,"p-timeline-".concat(i.layout),!0),n),i.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/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;

package/timeline/timeline.esm.js

@@ -82,9 +82,8 @@ var TimelineBase = ComponentBase.extend({
       separator: 'p-timeline-event-separator',
       content: 'p-timeline-event-content',
       root: function root(_ref) {
-        var _classNames;
         var props = _ref.props;
-        return classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
+        return classNames('p-timeline p-component', _defineProperty(_defineProperty({}, "p-timeline-".concat(props.align), true), "p-timeline-".concat(props.layout), true), props.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    "

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,i=e.props;return t("p-timeline p-component",(s(n={},"p-timeline-".concat(i.align),!0),s(n,"p-timeline-".concat(i.layout),!0),n),i.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{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};

package/timeline/timeline.js

@@ -100,9 +100,8 @@ this.primereact.timeline = (function (exports, React, api, utils, componentbase)
         separator: 'p-timeline-event-separator',
         content: 'p-timeline-event-content',
         root: function root(_ref) {
-          var _classNames;
           var props = _ref.props;
-          return utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
+          return utils.classNames('p-timeline p-component', _defineProperty(_defineProperty({}, "p-timeline-".concat(props.align), true), "p-timeline-".concat(props.layout), true), props.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    "

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,t=e.props;return i.classNames("p-timeline p-component",(s(n={},"p-timeline-".concat(t.align),!0),s(n,"p-timeline-".concat(t.layout),!0),n),t.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,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);

package/tooltip/tooltip.cjs.js

@@ -180,7 +180,7 @@ var inlineStyles = {
     };
   }
 };
-var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n";
 var TooltipBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tooltip',
@@ -565,8 +565,13 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     if (target) {
       if (isShowOnDisabled(target)) {
         if (!target.hasWrapper) {
-          var wrapper = document.createElement('span');
-          utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+          var wrapper = document.createElement('div');
+          var isInputElement = target.nodeName === 'INPUT';
+          if (isInputElement) {
+            utils.DomHandler.addMultipleClasses(wrapper, "p-tooltip-target-wrapper p-inputwrapper");
+          } else {
+            utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+          }
           target.parentNode.insertBefore(wrapper, target);
           wrapper.appendChild(target);
           target.hasWrapper = true;
@@ -657,8 +662,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }
   }, [props.content]);
   hooks.useUnmountEffect(function () {
-    clearTimeouts();
-    unloadTargetEvents();
+    hide();
     utils.ZIndexUtils.clear(elementRef.current);
   });
   React__namespace.useImperativeHandle(ref, function () {

package/tooltip/tooltip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var l=u(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function O(){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 x(t,e){return w(t)||E(t,e)||b(t,e)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=l.memo(l.forwardRef((function(t,a){var u=l.useContext(e.PrimeReactContext),p=S.getProps(t,u),f=x(l.useState(!1),2),d=f[0],m=f[1],h=x(l.useState(p.position),2),w=h[0],E=h[1],O=x(l.useState(""),2),j=O[0],D=O[1],P={props:p,state:{visible:d,position:w,className:j},context:{right:"right"===w,left:"left"===w,top:"top"===w,bottom:"bottom"===w}},H=S.setMetaData(P),k=H.ptm,I=H.cx,C=H.sx;r.useHandleStyle(S.css.styles,H.isUnstyled,{name:"tooltip"});var N=l.useRef(null),A=l.useRef(null),L=l.useRef(null),R=l.useRef(null),U=l.useRef(!0),Z=l.useRef({}),M=l.useRef(null),W=x(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&nt(t)}}),2),q=W[0],B=W[1],_=x(n.useOverlayScrollListener({target:L.current,listener:function(t){nt(t)},when:d}),2),z=_[0],F=_[1],Y=function(t){return J(t,"mousetrack")||p.mouseTrack},X=function(t){return"true"===J(t,"disabled")||K(t,"disabled")||p.disabled},$=function(t){return J(t,"showondisabled")||p.showOnDisabled},G=function(){return J(L.current,"autohide")||p.autoHide},J=function(t,e){return K(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},K=function(t,e){return t&&t.hasAttribute(e)},Q=function(t){var e=[J(t,"showevent")||p.showEvent],r=[J(t,"hideevent")||p.hideEvent];if(Y(t))e=["mousemove"],r=["mouseleave"];else{var n=J(t,"event")||p.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},V=function(t){return{top:J(t,"mousetracktop")||p.mouseTrackTop,left:J(t,"mousetrackleft")||p.mouseTrackLeft}},tt=function(t,e){if(A.current){var r=J(t,"tooltip")||p.content;r?(A.current.innerHTML="",A.current.appendChild(document.createTextNode(r)),e()):p.children&&e()}},et=function(t){tt(L.current,(function(){var e=M.current,r=e.pageX,n=e.pageY;p.autoZIndex&&!i.ZIndexUtils.get(N.current)&&i.ZIndexUtils.set("tooltip",N.current,u&&u.autoZIndex||c.default.autoZIndex,p.baseZIndex||u&&u.zIndex.tooltip||c.default.zIndex.tooltip),N.current.style.left="",N.current.style.top="",G()&&(N.current.style.pointerEvents="none");var o=Y(L.current)||"mouse"===t;(o&&!R.current||o)&&(R.current={width:i.DomHandler.getOuterWidth(N.current),height:i.DomHandler.getOuterHeight(N.current)}),ot(L.current,{x:r,y:n},t)}))},rt=function(t){L.current=t.currentTarget;var e,r=X(L.current);(e=$(L.current)&&r?L.current.firstChild:L.current,!(p.content||J(e,"tooltip")||p.children))||r||(M.current=t,d?ct("updateDelay",et):st(p.onBeforeShow,{originalEvent:t,target:L.current})&&ct("showDelay",(function(){m(!0),st(p.onShow,{originalEvent:t,target:L.current})})))},nt=function(t){(pt(),d)&&(st(p.onBeforeHide,{originalEvent:t,target:L.current})&&ct("hideDelay",(function(){(G()||!1!==U.current)&&(i.ZIndexUtils.clear(N.current),i.DomHandler.removeClass(N.current,"p-tooltip-active"),m(!1),st(p.onHide,{originalEvent:t,target:L.current}))})))},ot=function(t,e,r){var n=0,o=0,a=r||w;if((Y(t)||"mouse"==a)&&e){var u={width:i.DomHandler.getOuterWidth(N.current),height:i.DomHandler.getOuterHeight(N.current)};n=e.x,o=e.y;var l=V(t),c=l.top,s=l.left;switch(a){case"left":n-=u.width+s,o-=u.height/2-c;break;case"right":case"mouse":n+=s,o-=u.height/2-c;break;case"top":n-=u.width/2-s,o-=u.height+c;break;case"bottom":n-=u.width/2-s,o+=c}n<=0||R.current.width>u.width?(N.current.style.left="0px",N.current.style.right=window.innerWidth-u.width-n+"px"):(N.current.style.right="",N.current.style.left=n+"px"),N.current.style.top=o+"px",i.DomHandler.addClass(N.current,"p-tooltip-active")}else{var f=i.DomHandler.findCollisionPosition(a),d=J(t,"my")||p.my||f.my,m=J(t,"at")||p.at||f.at;N.current.style.padding="0px",i.DomHandler.flipfitCollision(N.current,t,d,m,(function(t){var e=t.at,r=e.x,n=p.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(f.axis)];N.current.style.padding="",E(n),it(n),i.DomHandler.addClass(N.current,"p-tooltip-active")}))}},it=function(t){if(N.current){var e=getComputedStyle(N.current);"left"===t?N.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(N.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},at=function(t){G()||(U.current=!0,nt(t))},ut=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,nt)}))}},lt=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,nt)}))}},ct=function(t,e){pt();var r=J(L.current,t.toLowerCase())||p[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},st=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},pt=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},ft=function(t){if(t){if($(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("span");return i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},dt=function(t){ht(t),mt(t)},mt=function(t){vt(t||p.target,ut)},ht=function(t){vt(t||p.target,lt)},vt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){d&&L.current&&X(L.current)&&nt()})),n.useUpdateEffect((function(){return mt(),function(){ht()}}),[rt,nt,p.target]),n.useUpdateEffect((function(){if(d){var t=J(L.current,"position")||w,e=J(L.current,"classname");E(t),D(e),et(t),q(),z()}else E(p.position),D(""),L.current=null,R.current=null,U.current=!0;return function(){B(),F()}}),[d]),n.useUpdateEffect((function(){d&&ct("updateDelay",(function(){tt(L.current,(function(){ot(L.current)}))}))}),[p.content]),n.useUnmountEffect((function(){pt(),ht(),i.ZIndexUtils.clear(N.current)})),l.useImperativeHandle(a,(function(){return{props:p,updateTargetEvents:dt,loadTargetEvents:mt,unloadTargetEvents:ht,show:rt,hide:nt,getElement:function(){return N.current},getTarget:function(){return L.current}}}));var yt,bt,gt,wt,Et;if(d){var Ot=(yt=L.current,bt=!(p.content||J(yt,"tooltip")),gt=i.mergeProps({id:p.id,className:i.classNames(p.className,I("root",{positionState:w,classNameState:j})),style:p.style,role:"tooltip","aria-hidden":d,onMouseEnter:function(t){G()||(U.current=!1)},onMouseLeave:function(t){return at(t)}},S.getOtherProps(p),k("root")),wt=i.mergeProps({className:I("arrow"),style:C("arrow",T({},P))},k("arrow")),Et=i.mergeProps({className:I("text")},k("text")),l.createElement("div",s({ref:N},gt),l.createElement("div",wt),l.createElement("div",s({ref:A},Et),bt&&p.children)));return l.createElement(o.Portal,{element:Ot,appendTo:p.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function l(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var u=l(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}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 O(t,e){return w(t)||E(t,e)||b(t,e)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=u.memo(u.forwardRef((function(t,a){var l=u.useContext(e.PrimeReactContext),p=S.getProps(t,l),f=O(u.useState(!1),2),d=f[0],m=f[1],h=O(u.useState(p.position),2),w=h[0],E=h[1],x=O(u.useState(""),2),j=x[0],D=x[1],P={props:p,state:{visible:d,position:w,className:j},context:{right:"right"===w,left:"left"===w,top:"top"===w,bottom:"bottom"===w}},H=S.setMetaData(P),I=H.ptm,k=H.cx,N=H.sx;r.useHandleStyle(S.css.styles,H.isUnstyled,{name:"tooltip"});var C=u.useRef(null),A=u.useRef(null),L=u.useRef(null),U=u.useRef(null),R=u.useRef(!0),Z=u.useRef({}),M=u.useRef(null),W=O(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&nt(t)}}),2),q=W[0],B=W[1],_=O(n.useOverlayScrollListener({target:L.current,listener:function(t){nt(t)},when:d}),2),z=_[0],F=_[1],Y=function(t){return J(t,"mousetrack")||p.mouseTrack},X=function(t){return"true"===J(t,"disabled")||K(t,"disabled")||p.disabled},$=function(t){return J(t,"showondisabled")||p.showOnDisabled},G=function(){return J(L.current,"autohide")||p.autoHide},J=function(t,e){return K(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},K=function(t,e){return t&&t.hasAttribute(e)},Q=function(t){var e=[J(t,"showevent")||p.showEvent],r=[J(t,"hideevent")||p.hideEvent];if(Y(t))e=["mousemove"],r=["mouseleave"];else{var n=J(t,"event")||p.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},V=function(t){return{top:J(t,"mousetracktop")||p.mouseTrackTop,left:J(t,"mousetrackleft")||p.mouseTrackLeft}},tt=function(t,e){if(A.current){var r=J(t,"tooltip")||p.content;r?(A.current.innerHTML="",A.current.appendChild(document.createTextNode(r)),e()):p.children&&e()}},et=function(t){tt(L.current,(function(){var e=M.current,r=e.pageX,n=e.pageY;p.autoZIndex&&!i.ZIndexUtils.get(C.current)&&i.ZIndexUtils.set("tooltip",C.current,l&&l.autoZIndex||c.default.autoZIndex,p.baseZIndex||l&&l.zIndex.tooltip||c.default.zIndex.tooltip),C.current.style.left="",C.current.style.top="",G()&&(C.current.style.pointerEvents="none");var o=Y(L.current)||"mouse"===t;(o&&!U.current||o)&&(U.current={width:i.DomHandler.getOuterWidth(C.current),height:i.DomHandler.getOuterHeight(C.current)}),ot(L.current,{x:r,y:n},t)}))},rt=function(t){L.current=t.currentTarget;var e,r=X(L.current);(e=$(L.current)&&r?L.current.firstChild:L.current,!(p.content||J(e,"tooltip")||p.children))||r||(M.current=t,d?ct("updateDelay",et):st(p.onBeforeShow,{originalEvent:t,target:L.current})&&ct("showDelay",(function(){m(!0),st(p.onShow,{originalEvent:t,target:L.current})})))},nt=function(t){(pt(),d)&&(st(p.onBeforeHide,{originalEvent:t,target:L.current})&&ct("hideDelay",(function(){(G()||!1!==R.current)&&(i.ZIndexUtils.clear(C.current),i.DomHandler.removeClass(C.current,"p-tooltip-active"),m(!1),st(p.onHide,{originalEvent:t,target:L.current}))})))},ot=function(t,e,r){var n=0,o=0,a=r||w;if((Y(t)||"mouse"==a)&&e){var l={width:i.DomHandler.getOuterWidth(C.current),height:i.DomHandler.getOuterHeight(C.current)};n=e.x,o=e.y;var u=V(t),c=u.top,s=u.left;switch(a){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||U.current.width>l.width?(C.current.style.left="0px",C.current.style.right=window.innerWidth-l.width-n+"px"):(C.current.style.right="",C.current.style.left=n+"px"),C.current.style.top=o+"px",i.DomHandler.addClass(C.current,"p-tooltip-active")}else{var f=i.DomHandler.findCollisionPosition(a),d=J(t,"my")||p.my||f.my,m=J(t,"at")||p.at||f.at;C.current.style.padding="0px",i.DomHandler.flipfitCollision(C.current,t,d,m,(function(t){var e=t.at,r=e.x,n=p.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(f.axis)];C.current.style.padding="",E(n),it(n),i.DomHandler.addClass(C.current,"p-tooltip-active")}))}},it=function(t){if(C.current){var e=getComputedStyle(C.current);"left"===t?C.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(C.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},at=function(t){G()||(R.current=!0,nt(t))},lt=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,nt)}))}},ut=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,nt)}))}},ct=function(t,e){pt();var r=J(L.current,t.toLowerCase())||p[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},st=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},pt=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},ft=function(t){if(t){if($(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},dt=function(t){ht(t),mt(t)},mt=function(t){vt(t||p.target,lt)},ht=function(t){vt(t||p.target,ut)},vt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){d&&L.current&&X(L.current)&&nt()})),n.useUpdateEffect((function(){return mt(),function(){ht()}}),[rt,nt,p.target]),n.useUpdateEffect((function(){if(d){var t=J(L.current,"position")||w,e=J(L.current,"classname");E(t),D(e),et(t),q(),z()}else E(p.position),D(""),L.current=null,U.current=null,R.current=!0;return function(){B(),F()}}),[d]),n.useUpdateEffect((function(){d&&ct("updateDelay",(function(){tt(L.current,(function(){ot(L.current)}))}))}),[p.content]),n.useUnmountEffect((function(){nt(),i.ZIndexUtils.clear(C.current)})),u.useImperativeHandle(a,(function(){return{props:p,updateTargetEvents:dt,loadTargetEvents:mt,unloadTargetEvents:ht,show:rt,hide:nt,getElement:function(){return C.current},getTarget:function(){return L.current}}}));var yt,bt,gt,wt,Et;if(d){var xt=(yt=L.current,bt=!(p.content||J(yt,"tooltip")),gt=i.mergeProps({id:p.id,className:i.classNames(p.className,k("root",{positionState:w,classNameState:j})),style:p.style,role:"tooltip","aria-hidden":d,onMouseEnter:function(t){G()||(R.current=!1)},onMouseLeave:function(t){return at(t)}},S.getOtherProps(p),I("root")),wt=i.mergeProps({className:k("arrow"),style:N("arrow",T({},P))},I("arrow")),Et=i.mergeProps({className:k("text")},I("text")),u.createElement("div",s({ref:C},gt),u.createElement("div",wt),u.createElement("div",s({ref:A},Et),bt&&p.children)));return u.createElement(o.Portal,{element:xt,appendTo:p.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;

package/tooltip/tooltip.esm.js

@@ -153,7 +153,7 @@ var inlineStyles = {
     };
   }
 };
-var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n";
 var TooltipBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tooltip',
@@ -538,8 +538,13 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     if (target) {
       if (isShowOnDisabled(target)) {
         if (!target.hasWrapper) {
-          var wrapper = document.createElement('span');
-          DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+          var wrapper = document.createElement('div');
+          var isInputElement = target.nodeName === 'INPUT';
+          if (isInputElement) {
+            DomHandler.addMultipleClasses(wrapper, "p-tooltip-target-wrapper p-inputwrapper");
+          } else {
+            DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+          }
           target.parentNode.insertBefore(wrapper, target);
           wrapper.appendChild(target);
           target.hasWrapper = true;
@@ -630,8 +635,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     }
   }, [props.content]);
   useUnmountEffect(function () {
-    clearTimeouts();
-    unloadTargetEvents();
+    hide();
     ZIndexUtils.clear(elementRef.current);
   });
   React.useImperativeHandle(ref, function () {

package/tooltip/tooltip.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useResizeListener as i,useOverlayScrollListener as a,useMountEffect as u,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as s,DomHandler as f,ZIndexUtils as d,ObjectUtils as m,mergeProps as h}from"primereact/utils";function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},v.apply(this,arguments)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function b(t,e){if("object"!==y(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function g(t){var e=b(t,"string");return"symbol"===y(e)?e:String(e)}function w(t,e,r){return(e=g(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function x(t){if(Array.isArray(t))return E(t)}function O(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function S(t,e){if(t){if("string"==typeof t)return E(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(t,e):void 0}}function T(){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 j(t){if(Array.isArray(t))return t}function k(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function P(){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 D(t,e){return j(t)||k(t,e)||S(t,e)||P()}var I=n.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return s("p-tooltip p-component",w({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function C(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?A(Object(r),!0).forEach((function(e){w(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var N=t.memo(t.forwardRef((function(n,y){var b=t.useContext(r),g=I.getProps(n,b),w=D(t.useState(!1),2),E=w[0],j=w[1],k=D(t.useState(g.position),2),P=k[0],A=k[1],N=D(t.useState(""),2),H=N[0],L=N[1],R={props:g,state:{visible:E,position:P,className:H},context:{right:"right"===P,left:"left"===P,top:"top"===P,bottom:"bottom"===P}},W=I.setMetaData(R),Z=W.ptm,B=W.cx,M=W.sx;o(I.css.styles,W.isUnstyled,{name:"tooltip"});var F=t.useRef(null),z=t.useRef(null),U=t.useRef(null),Y=t.useRef(null),_=t.useRef(!0),X=t.useRef({}),$=t.useRef(null),q=D(i({listener:function(t){!f.isTouchDevice()&&st(t)}}),2),G=q[0],J=q[1],K=D(a({target:U.current,listener:function(t){st(t)},when:E}),2),Q=K[0],V=K[1],tt=function(t){return ot(t,"mousetrack")||g.mouseTrack},et=function(t){return"true"===ot(t,"disabled")||it(t,"disabled")||g.disabled},rt=function(t){return ot(t,"showondisabled")||g.showOnDisabled},nt=function(){return ot(U.current,"autohide")||g.autoHide},ot=function(t,e){return it(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},it=function(t,e){return t&&t.hasAttribute(e)},at=function(t){var e=[ot(t,"showevent")||g.showEvent],r=[ot(t,"hideevent")||g.hideEvent];if(tt(t))e=["mousemove"],r=["mouseleave"];else{var n=ot(t,"event")||g.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},ut=function(t){return{top:ot(t,"mousetracktop")||g.mouseTrackTop,left:ot(t,"mousetrackleft")||g.mouseTrackLeft}},lt=function(t,e){if(z.current){var r=ot(t,"tooltip")||g.content;r?(z.current.innerHTML="",z.current.appendChild(document.createTextNode(r)),e()):g.children&&e()}},ct=function(t){lt(U.current,(function(){var r=$.current,n=r.pageX,o=r.pageY;g.autoZIndex&&!d.get(F.current)&&d.set("tooltip",F.current,b&&b.autoZIndex||e.autoZIndex,g.baseZIndex||b&&b.zIndex.tooltip||e.zIndex.tooltip),F.current.style.left="",F.current.style.top="",nt()&&(F.current.style.pointerEvents="none");var i=tt(U.current)||"mouse"===t;(i&&!Y.current||i)&&(Y.current={width:f.getOuterWidth(F.current),height:f.getOuterHeight(F.current)}),ft(U.current,{x:n,y:o},t)}))},pt=function(t){U.current=t.currentTarget;var e,r=et(U.current);(e=rt(U.current)&&r?U.current.firstChild:U.current,!(g.content||ot(e,"tooltip")||g.children))||r||($.current=t,E?yt("updateDelay",ct):bt(g.onBeforeShow,{originalEvent:t,target:U.current})&&yt("showDelay",(function(){j(!0),bt(g.onShow,{originalEvent:t,target:U.current})})))},st=function(t){(gt(),E)&&(bt(g.onBeforeHide,{originalEvent:t,target:U.current})&&yt("hideDelay",(function(){(nt()||!1!==_.current)&&(d.clear(F.current),f.removeClass(F.current,"p-tooltip-active"),j(!1),bt(g.onHide,{originalEvent:t,target:U.current}))})))},ft=function(t,e,r){var n=0,o=0,i=r||P;if((tt(t)||"mouse"==i)&&e){var a={width:f.getOuterWidth(F.current),height:f.getOuterHeight(F.current)};n=e.x,o=e.y;var u=ut(t),l=u.top,c=u.left;switch(i){case"left":n-=a.width+c,o-=a.height/2-l;break;case"right":case"mouse":n+=c,o-=a.height/2-l;break;case"top":n-=a.width/2-c,o-=a.height+l;break;case"bottom":n-=a.width/2-c,o+=l}n<=0||Y.current.width>a.width?(F.current.style.left="0px",F.current.style.right=window.innerWidth-a.width-n+"px"):(F.current.style.right="",F.current.style.left=n+"px"),F.current.style.top=o+"px",f.addClass(F.current,"p-tooltip-active")}else{var p=f.findCollisionPosition(i),s=ot(t,"my")||g.my||p.my,d=ot(t,"at")||g.at||p.at;F.current.style.padding="0px",f.flipfitCollision(F.current,t,s,d,(function(t){var e=t.at,r=e.x,n=g.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];F.current.style.padding="",A(n),dt(n),f.addClass(F.current,"p-tooltip-active")}))}},dt=function(t){if(F.current){var e=getComputedStyle(F.current);"left"===t?F.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(F.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},mt=function(t){nt()||(_.current=!0,st(t))},ht=function(t){if(t){var e=at(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,pt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},vt=function(t){if(t){var e=at(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,pt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},yt=function(t,e){gt();var r=ot(U.current,t.toLowerCase())||g[t];r?X.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},bt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},gt=function(){Object.values(X.current).forEach((function(t){return clearTimeout(t)}))},wt=function(t){if(t){if(rt(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("span");return f.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,x(n=t.parentElement.childNodes)||O(n)||S(n)||T()),delete t.hasWrapper),t}var n;return null},Et=function(t){Ot(t),xt(t)},xt=function(t){St(t||g.target,ht)},Ot=function(t){St(t||g.target,vt)},St=function(t,e){if(t=m.getRefElement(t))if(f.isElement(t))e(t);else{var r=function(t){f.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};u((function(){E&&U.current&&et(U.current)&&st()})),l((function(){return xt(),function(){Ot()}}),[pt,st,g.target]),l((function(){if(E){var t=ot(U.current,"position")||P,e=ot(U.current,"classname");A(t),L(e),ct(t),G(),Q()}else A(g.position),L(""),U.current=null,Y.current=null,_.current=!0;return function(){J(),V()}}),[E]),l((function(){E&&yt("updateDelay",(function(){lt(U.current,(function(){ft(U.current)}))}))}),[g.content]),c((function(){gt(),Ot(),d.clear(F.current)})),t.useImperativeHandle(y,(function(){return{props:g,updateTargetEvents:Et,loadTargetEvents:xt,unloadTargetEvents:Ot,show:pt,hide:st,getElement:function(){return F.current},getTarget:function(){return U.current}}}));var Tt,jt,kt,Pt,Dt;if(E){var It=(Tt=U.current,jt=!(g.content||ot(Tt,"tooltip")),kt=h({id:g.id,className:s(g.className,B("root",{positionState:P,classNameState:H})),style:g.style,role:"tooltip","aria-hidden":E,onMouseEnter:function(t){nt()||(_.current=!1)},onMouseLeave:function(t){return mt(t)}},I.getOtherProps(g),Z("root")),Pt=h({className:B("arrow"),style:M("arrow",C({},R))},Z("arrow")),Dt=h({className:B("text")},Z("text")),t.createElement("div",v({ref:F},kt),t.createElement("div",Pt),t.createElement("div",v({ref:z},Dt),jt&&g.children)));return t.createElement(p,{element:It,appendTo:g.appendTo,visible:!0})}return null})));N.displayName="Tooltip";export{N as Tooltip};
+import*as t from"react";import e,{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useResizeListener as i,useOverlayScrollListener as a,useMountEffect as u,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as s,DomHandler as f,ZIndexUtils as d,ObjectUtils as m,mergeProps as h}from"primereact/utils";function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},v.apply(this,arguments)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function b(t,e){if("object"!==y(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function g(t){var e=b(t,"string");return"symbol"===y(e)?e:String(e)}function w(t,e,r){return(e=g(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function x(t){if(Array.isArray(t))return E(t)}function O(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function S(t,e){if(t){if("string"==typeof t)return E(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(t,e):void 0}}function T(){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 j(t){if(Array.isArray(t))return t}function P(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}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 D(t,e){return j(t)||P(t,e)||S(t,e)||k()}var I=n.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return s("p-tooltip p-component",w({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function N(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function C(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?N(Object(r),!0).forEach((function(e){w(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var A=t.memo(t.forwardRef((function(n,y){var b=t.useContext(r),g=I.getProps(n,b),w=D(t.useState(!1),2),E=w[0],j=w[1],P=D(t.useState(g.position),2),k=P[0],N=P[1],A=D(t.useState(""),2),H=A[0],L=A[1],R={props:g,state:{visible:E,position:k,className:H},context:{right:"right"===k,left:"left"===k,top:"top"===k,bottom:"bottom"===k}},W=I.setMetaData(R),M=W.ptm,Z=W.cx,B=W.sx;o(I.css.styles,W.isUnstyled,{name:"tooltip"});var F=t.useRef(null),U=t.useRef(null),z=t.useRef(null),Y=t.useRef(null),_=t.useRef(!0),X=t.useRef({}),$=t.useRef(null),q=D(i({listener:function(t){!f.isTouchDevice()&&st(t)}}),2),G=q[0],J=q[1],K=D(a({target:z.current,listener:function(t){st(t)},when:E}),2),Q=K[0],V=K[1],tt=function(t){return ot(t,"mousetrack")||g.mouseTrack},et=function(t){return"true"===ot(t,"disabled")||it(t,"disabled")||g.disabled},rt=function(t){return ot(t,"showondisabled")||g.showOnDisabled},nt=function(){return ot(z.current,"autohide")||g.autoHide},ot=function(t,e){return it(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},it=function(t,e){return t&&t.hasAttribute(e)},at=function(t){var e=[ot(t,"showevent")||g.showEvent],r=[ot(t,"hideevent")||g.hideEvent];if(tt(t))e=["mousemove"],r=["mouseleave"];else{var n=ot(t,"event")||g.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},ut=function(t){return{top:ot(t,"mousetracktop")||g.mouseTrackTop,left:ot(t,"mousetrackleft")||g.mouseTrackLeft}},lt=function(t,e){if(U.current){var r=ot(t,"tooltip")||g.content;r?(U.current.innerHTML="",U.current.appendChild(document.createTextNode(r)),e()):g.children&&e()}},ct=function(t){lt(z.current,(function(){var r=$.current,n=r.pageX,o=r.pageY;g.autoZIndex&&!d.get(F.current)&&d.set("tooltip",F.current,b&&b.autoZIndex||e.autoZIndex,g.baseZIndex||b&&b.zIndex.tooltip||e.zIndex.tooltip),F.current.style.left="",F.current.style.top="",nt()&&(F.current.style.pointerEvents="none");var i=tt(z.current)||"mouse"===t;(i&&!Y.current||i)&&(Y.current={width:f.getOuterWidth(F.current),height:f.getOuterHeight(F.current)}),ft(z.current,{x:n,y:o},t)}))},pt=function(t){z.current=t.currentTarget;var e,r=et(z.current);(e=rt(z.current)&&r?z.current.firstChild:z.current,!(g.content||ot(e,"tooltip")||g.children))||r||($.current=t,E?yt("updateDelay",ct):bt(g.onBeforeShow,{originalEvent:t,target:z.current})&&yt("showDelay",(function(){j(!0),bt(g.onShow,{originalEvent:t,target:z.current})})))},st=function(t){(gt(),E)&&(bt(g.onBeforeHide,{originalEvent:t,target:z.current})&&yt("hideDelay",(function(){(nt()||!1!==_.current)&&(d.clear(F.current),f.removeClass(F.current,"p-tooltip-active"),j(!1),bt(g.onHide,{originalEvent:t,target:z.current}))})))},ft=function(t,e,r){var n=0,o=0,i=r||k;if((tt(t)||"mouse"==i)&&e){var a={width:f.getOuterWidth(F.current),height:f.getOuterHeight(F.current)};n=e.x,o=e.y;var u=ut(t),l=u.top,c=u.left;switch(i){case"left":n-=a.width+c,o-=a.height/2-l;break;case"right":case"mouse":n+=c,o-=a.height/2-l;break;case"top":n-=a.width/2-c,o-=a.height+l;break;case"bottom":n-=a.width/2-c,o+=l}n<=0||Y.current.width>a.width?(F.current.style.left="0px",F.current.style.right=window.innerWidth-a.width-n+"px"):(F.current.style.right="",F.current.style.left=n+"px"),F.current.style.top=o+"px",f.addClass(F.current,"p-tooltip-active")}else{var p=f.findCollisionPosition(i),s=ot(t,"my")||g.my||p.my,d=ot(t,"at")||g.at||p.at;F.current.style.padding="0px",f.flipfitCollision(F.current,t,s,d,(function(t){var e=t.at,r=e.x,n=g.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];F.current.style.padding="",N(n),dt(n),f.addClass(F.current,"p-tooltip-active")}))}},dt=function(t){if(F.current){var e=getComputedStyle(F.current);"left"===t?F.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(F.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},mt=function(t){nt()||(_.current=!0,st(t))},ht=function(t){if(t){var e=at(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,pt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},vt=function(t){if(t){var e=at(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,pt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},yt=function(t,e){gt();var r=ot(z.current,t.toLowerCase())||g[t];r?X.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},bt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},gt=function(){Object.values(X.current).forEach((function(t){return clearTimeout(t)}))},wt=function(t){if(t){if(rt(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?f.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):f.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,x(n=t.parentElement.childNodes)||O(n)||S(n)||T()),delete t.hasWrapper),t}var n;return null},Et=function(t){Ot(t),xt(t)},xt=function(t){St(t||g.target,ht)},Ot=function(t){St(t||g.target,vt)},St=function(t,e){if(t=m.getRefElement(t))if(f.isElement(t))e(t);else{var r=function(t){f.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};u((function(){E&&z.current&&et(z.current)&&st()})),l((function(){return xt(),function(){Ot()}}),[pt,st,g.target]),l((function(){if(E){var t=ot(z.current,"position")||k,e=ot(z.current,"classname");N(t),L(e),ct(t),G(),Q()}else N(g.position),L(""),z.current=null,Y.current=null,_.current=!0;return function(){J(),V()}}),[E]),l((function(){E&&yt("updateDelay",(function(){lt(z.current,(function(){ft(z.current)}))}))}),[g.content]),c((function(){st(),d.clear(F.current)})),t.useImperativeHandle(y,(function(){return{props:g,updateTargetEvents:Et,loadTargetEvents:xt,unloadTargetEvents:Ot,show:pt,hide:st,getElement:function(){return F.current},getTarget:function(){return z.current}}}));var Tt,jt,Pt,kt,Dt;if(E){var It=(Tt=z.current,jt=!(g.content||ot(Tt,"tooltip")),Pt=h({id:g.id,className:s(g.className,Z("root",{positionState:k,classNameState:H})),style:g.style,role:"tooltip","aria-hidden":E,onMouseEnter:function(t){nt()||(_.current=!1)},onMouseLeave:function(t){return mt(t)}},I.getOtherProps(g),M("root")),kt=h({className:Z("arrow"),style:B("arrow",C({},R))},M("arrow")),Dt=h({className:Z("text")},M("text")),t.createElement("div",v({ref:F},Pt),t.createElement("div",kt),t.createElement("div",v({ref:U},Dt),jt&&g.children)));return t.createElement(p,{element:It,appendTo:g.appendTo,visible:!0})}return null})));A.displayName="Tooltip";export{A as Tooltip};

package/tooltip/tooltip.js

@@ -172,7 +172,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       };
     }
   };
-  var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n";
   var TooltipBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Tooltip',
@@ -557,8 +557,13 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       if (target) {
         if (isShowOnDisabled(target)) {
           if (!target.hasWrapper) {
-            var wrapper = document.createElement('span');
-            utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+            var wrapper = document.createElement('div');
+            var isInputElement = target.nodeName === 'INPUT';
+            if (isInputElement) {
+              utils.DomHandler.addMultipleClasses(wrapper, "p-tooltip-target-wrapper p-inputwrapper");
+            } else {
+              utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+            }
             target.parentNode.insertBefore(wrapper, target);
             wrapper.appendChild(target);
             target.hasWrapper = true;
@@ -649,8 +654,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       }
     }, [props.content]);
     hooks.useUnmountEffect(function () {
-      clearTimeouts();
-      unloadTargetEvents();
+      hide();
       utils.ZIndexUtils.clear(elementRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {