primereact 9.5.0 → 9.6.0

package/tooltip/tooltip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{useResizeListener as r,useOverlayScrollListener as n,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as i}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{DomHandler as l,ZIndexUtils as c,ObjectUtils as s,classNames as f,mergeProps as p}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";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 v(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=v(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function w(){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 T(e){if(Array.isArray(e))return e}function x(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,i,a=[],l=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function S(){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 k(e,t){return T(e)||x(e,t)||E(e,t)||S()}var A=d.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}}),O=e.memo(e.forwardRef((function(d,m){var v=A.getProps(d),y=k(e.useState(!1),2),T=y[0],x=y[1],S=k(e.useState(v.position),2),O=S[0],C=S[1],I=k(e.useState(""),2),D=I[0],N=I[1],j=A.setMetaData({props:v,state:{visible:T,position:O,className:D}}).ptm,H=e.useRef(null),L=e.useRef(null),R=e.useRef(null),P=e.useRef(null),W=e.useRef(!0),B=e.useRef({}),M=e.useRef(null),Z=k(r({listener:function(e){!l.isTouchDevice()&&ne(e)}}),2),F=Z[0],Y=Z[1],_=k(n({target:R.current,listener:function(e){ne(e)},when:T}),2),z=_[0],U=_[1],X=function(e){return J(e,"mousetrack")||v.mouseTrack},$=function(e){return"true"===J(e,"disabled")||K(e,"disabled")||v.disabled},q=function(e){return J(e,"showondisabled")||v.showOnDisabled},G=function(){return J(R.current,"autohide")||v.autoHide},J=function(e,t){return K(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},K=function(e,t){return e&&e.hasAttribute(t)},Q=function(e){var t=[J(e,"showevent")||v.showEvent],r=[J(e,"hideevent")||v.hideEvent];if(X(e))t=["mousemove"],r=["mouseleave"];else{var n=J(e,"event")||v.event;"focus"===n&&(t=["focus"],r=["blur"]),"both"===n&&(t=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:t,hideEvents:r}},V=function(e){return{top:J(e,"mousetracktop")||v.mouseTrackTop,left:J(e,"mousetrackleft")||v.mouseTrackLeft}},ee=function(e,t){if(L.current){var r=J(e,"tooltip")||v.content;r?(L.current.innerHTML="",L.current.appendChild(document.createTextNode(r)),t()):v.children&&t()}},te=function(e){ee(R.current,(function(){var r=M.current,n=r.pageX,o=r.pageY;v.autoZIndex&&!c.get(H.current)&&c.set("tooltip",H.current,t.autoZIndex,v.baseZIndex||t.zIndex.tooltip),H.current.style.left="",H.current.style.top="",G()&&(H.current.style.pointerEvents="none"),!X(R.current)&&"mouse"!=e||P.current||(P.current={width:l.getOuterWidth(H.current),height:l.getOuterHeight(H.current)}),oe(R.current,{x:n,y:o},e)}))},re=function(e){R.current=e.currentTarget;var t,r=$(R.current);(t=q(R.current)&&r?R.current.firstChild:R.current,!(v.content||J(t,"tooltip")||v.children))||r||(M.current=e,T?ce("updateDelay",te):se(v.onBeforeShow,{originalEvent:e,target:R.current})&&ce("showDelay",(function(){x(!0),se(v.onShow,{originalEvent:e,target:R.current})})))},ne=function(e){(fe(),T)&&(se(v.onBeforeHide,{originalEvent:e,target:R.current})&&ce("hideDelay",(function(){(G()||!1!==W.current)&&(c.clear(H.current),l.removeClass(H.current,"p-tooltip-active"),x(!1),se(v.onHide,{originalEvent:e,target:R.current}))})))},oe=function(e,t,r){var n=0,o=0,u=r||O;if((X(e)||"mouse"==u)&&t){var i={width:l.getOuterWidth(H.current),height:l.getOuterHeight(H.current)};n=t.x,o=t.y;var a=V(e),c=a.top,s=a.left;switch(u){case"left":n-=i.width+s,o-=i.height/2-c;break;case"right":case"mouse":n+=s,o-=i.height/2-c;break;case"top":n-=i.width/2-s,o-=i.height+c;break;case"bottom":n-=i.width/2-s,o+=c}n<=0||P.current.width>i.width?(H.current.style.left="0px",H.current.style.right=window.innerWidth-i.width-n+"px"):(H.current.style.right="",H.current.style.left=n+"px"),H.current.style.top=o+"px",l.addClass(H.current,"p-tooltip-active")}else{var f=l.findCollisionPosition(u),p=J(e,"my")||v.my||f.my,d=J(e,"at")||v.at||f.at;H.current.style.padding="0px",l.flipfitCollision(H.current,e,p,d,(function(e){var t=e.at,r=t.x,n=v.at?"center"!==r&&r!==e.my.x?r:t.y:e.at["".concat(f.axis)];H.current.style.padding="",C(n),ue(n),l.addClass(H.current,"p-tooltip-active")}))}},ue=function(e){if(H.current){var t=getComputedStyle(H.current);"left"===e?H.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(H.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},ie=function(e){G()||(W.current=!0,ne(e))},ae=function(e){if(e){var t=Q(e),r=t.showEvents,n=t.hideEvents,o=pe(e);r.forEach((function(e){return null==o?void 0:o.addEventListener(e,re)})),n.forEach((function(e){return null==o?void 0:o.addEventListener(e,ne)}))}},le=function(e){if(e){var t=Q(e),r=t.showEvents,n=t.hideEvents,o=pe(e);r.forEach((function(e){return null==o?void 0:o.removeEventListener(e,re)})),n.forEach((function(e){return null==o?void 0:o.removeEventListener(e,ne)}))}},ce=function(e,t){fe();var r=J(R.current,e.toLowerCase())||v[e];r?B.current["".concat(e)]=setTimeout((function(){return t()}),r):t()},se=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},fe=function(){Object.values(B.current).forEach((function(e){return clearTimeout(e)}))},pe=function(e){if(e){if(q(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return l.addClass(t,"p-tooltip-target-wrapper"),e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,g(n=e.parentElement.childNodes)||b(n)||E(n)||w()),delete e.hasWrapper),e}var n;return null},de=function(e){ve(e),me(e)},me=function(e){he(e||v.target,ae)},ve=function(e){he(e||v.target,le)},he=function(e,t){if(e=s.getRefElement(e))if(l.isElement(e))t(e);else{var r=function(e){l.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};o((function(){me(),T&&R.current&&$(R.current)&&ne()})),u((function(){return me(),function(){ve()}}),[re,ne,v.target]),u((function(){if(T){var e=J(R.current,"position")||O,t=J(R.current,"classname");C(e),N(t),te(e),F(),z()}else C(v.position),N(""),R.current=null,P.current=null,W.current=!0;return function(){Y(),U()}}),[T]),u((function(){T&&ce("updateDelay",(function(){ee(R.current,(function(){oe(R.current)}))}))}),[v.content]),i((function(){fe(),ve(),c.clear(H.current)})),e.useImperativeHandle(m,(function(){return{props:v,updateTargetEvents:de,loadTargetEvents:me,unloadTargetEvents:ve,show:re,hide:ne,getElement:function(){return H.current},getTarget:function(){return R.current}}}));var ye,ge,be,Ee,we,Te,xe,Se,ke;if(T){var Ae=(we=f("p-tooltip p-component",(ye={},ge="p-tooltip-".concat(O),be=!0,(ge=h(ge))in ye?Object.defineProperty(ye,ge,{value:be,enumerable:!0,configurable:!0,writable:!0}):ye[ge]=be,ye),v.className,D),Ee=R.current,Te=!(v.content||J(Ee,"tooltip")),xe=p({id:v.id,ref:H,className:we,style:v.style,role:"tooltip","aria-hidden":T,onMouseEnter:function(e){G()||(W.current=!1)},onMouseLeave:function(e){return ie}},A.getOtherProps(v),j("root")),Se=p({className:"p-tooltip-arrow"},j("arrow")),ke=p({ref:L,className:"p-tooltip-text"},j("text")),e.createElement("div",xe,e.createElement("div",Se),e.createElement("div",ke,Te&&v.children)));return e.createElement(a,{element:Ae,appendTo:v.appendTo,visible:!0})}return null})));O.displayName="Tooltip";export{O as Tooltip};
+import*as e from"react";import t,{PrimeReactContext as r}from"primereact/api";import{useResizeListener as n,useOverlayScrollListener as o,useMountEffect as u,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{DomHandler as c,ZIndexUtils as s,ObjectUtils as f,classNames as p,mergeProps as d}from"primereact/utils";import{ComponentBase as m}from"primereact/componentbase";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function h(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===v(t)?t:String(t)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e){if(Array.isArray(e))return g(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):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 x(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,i,a=[],l=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return x(e)||S(e,t)||w(e,t)||I()}var A=m.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}}),C=e.memo(e.forwardRef((function(m,v){var h=e.useContext(r),g=A.getProps(m,h),x=k(e.useState(!1),2),S=x[0],I=x[1],C=k(e.useState(g.position),2),O=C[0],D=C[1],N=k(e.useState(""),2),j=N[0],H=N[1],L=A.setMetaData({props:g,state:{visible:S,position:O,className:j}}).ptm,R=e.useRef(null),P=e.useRef(null),W=e.useRef(null),Z=e.useRef(null),B=e.useRef(!0),M=e.useRef({}),F=e.useRef(null),z=k(n({listener:function(e){!c.isTouchDevice()&&ue(e)}}),2),Y=z[0],_=z[1],U=k(o({target:W.current,listener:function(e){ue(e)},when:S}),2),X=U[0],$=U[1],q=function(e){return Q(e,"mousetrack")||g.mouseTrack},G=function(e){return"true"===Q(e,"disabled")||V(e,"disabled")||g.disabled},J=function(e){return Q(e,"showondisabled")||g.showOnDisabled},K=function(){return Q(W.current,"autohide")||g.autoHide},Q=function(e,t){return V(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},V=function(e,t){return e&&e.hasAttribute(t)},ee=function(e){var t=[Q(e,"showevent")||g.showEvent],r=[Q(e,"hideevent")||g.hideEvent];if(q(e))t=["mousemove"],r=["mouseleave"];else{var n=Q(e,"event")||g.event;"focus"===n&&(t=["focus"],r=["blur"]),"both"===n&&(t=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:t,hideEvents:r}},te=function(e){return{top:Q(e,"mousetracktop")||g.mouseTrackTop,left:Q(e,"mousetrackleft")||g.mouseTrackLeft}},re=function(e,t){if(P.current){var r=Q(e,"tooltip")||g.content;r?(P.current.innerHTML="",P.current.appendChild(document.createTextNode(r)),t()):g.children&&t()}},ne=function(e){re(W.current,(function(){var r=F.current,n=r.pageX,o=r.pageY;g.autoZIndex&&!s.get(R.current)&&s.set("tooltip",R.current,h&&h.autoZIndex||t.autoZIndex,g.baseZIndex||h&&h.zIndex.tooltip||t.zIndex.tooltip),R.current.style.left="",R.current.style.top="",K()&&(R.current.style.pointerEvents="none"),!q(W.current)&&"mouse"!=e||Z.current||(Z.current={width:c.getOuterWidth(R.current),height:c.getOuterHeight(R.current)}),ie(W.current,{x:n,y:o},e)}))},oe=function(e){W.current=e.currentTarget;var t,r=G(W.current);(t=J(W.current)&&r?W.current.firstChild:W.current,!(g.content||Q(t,"tooltip")||g.children))||r||(F.current=e,S?fe("updateDelay",ne):pe(g.onBeforeShow,{originalEvent:e,target:W.current})&&fe("showDelay",(function(){I(!0),pe(g.onShow,{originalEvent:e,target:W.current})})))},ue=function(e){(de(),S)&&(pe(g.onBeforeHide,{originalEvent:e,target:W.current})&&fe("hideDelay",(function(){(K()||!1!==B.current)&&(s.clear(R.current),c.removeClass(R.current,"p-tooltip-active"),I(!1),pe(g.onHide,{originalEvent:e,target:W.current}))})))},ie=function(e,t,r){var n=0,o=0,u=r||O;if((q(e)||"mouse"==u)&&t){var i={width:c.getOuterWidth(R.current),height:c.getOuterHeight(R.current)};n=t.x,o=t.y;var a=te(e),l=a.top,s=a.left;switch(u){case"left":n-=i.width+s,o-=i.height/2-l;break;case"right":case"mouse":n+=s,o-=i.height/2-l;break;case"top":n-=i.width/2-s,o-=i.height+l;break;case"bottom":n-=i.width/2-s,o+=l}n<=0||Z.current.width>i.width?(R.current.style.left="0px",R.current.style.right=window.innerWidth-i.width-n+"px"):(R.current.style.right="",R.current.style.left=n+"px"),R.current.style.top=o+"px",c.addClass(R.current,"p-tooltip-active")}else{var f=c.findCollisionPosition(u),p=Q(e,"my")||g.my||f.my,d=Q(e,"at")||g.at||f.at;R.current.style.padding="0px",c.flipfitCollision(R.current,e,p,d,(function(e){var t=e.at,r=t.x,n=g.at?"center"!==r&&r!==e.my.x?r:t.y:e.at["".concat(f.axis)];R.current.style.padding="",D(n),ae(n),c.addClass(R.current,"p-tooltip-active")}))}},ae=function(e){if(R.current){var t=getComputedStyle(R.current);"left"===e?R.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(R.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},le=function(e){K()||(B.current=!0,ue(e))},ce=function(e){if(e){var t=ee(e),r=t.showEvents,n=t.hideEvents,o=me(e);r.forEach((function(e){return null==o?void 0:o.addEventListener(e,oe)})),n.forEach((function(e){return null==o?void 0:o.addEventListener(e,ue)}))}},se=function(e){if(e){var t=ee(e),r=t.showEvents,n=t.hideEvents,o=me(e);r.forEach((function(e){return null==o?void 0:o.removeEventListener(e,oe)})),n.forEach((function(e){return null==o?void 0:o.removeEventListener(e,ue)}))}},fe=function(e,t){de();var r=Q(W.current,e.toLowerCase())||g[e];r?M.current["".concat(e)]=setTimeout((function(){return t()}),r):t()},pe=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},de=function(){Object.values(M.current).forEach((function(e){return clearTimeout(e)}))},me=function(e){if(e){if(J(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return c.addClass(t,"p-tooltip-target-wrapper"),e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,b(n=e.parentElement.childNodes)||E(n)||w(n)||T()),delete e.hasWrapper),e}var n;return null},ve=function(e){ye(e),he(e)},he=function(e){ge(e||g.target,ce)},ye=function(e){ge(e||g.target,se)},ge=function(e,t){if(e=f.getRefElement(e))if(c.isElement(e))t(e);else{var r=function(e){c.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};u((function(){he(),S&&W.current&&G(W.current)&&ue()})),i((function(){return he(),function(){ye()}}),[oe,ue,g.target]),i((function(){if(S){var e=Q(W.current,"position")||O,t=Q(W.current,"classname");D(e),H(t),ne(e),Y(),X()}else D(g.position),H(""),W.current=null,Z.current=null,B.current=!0;return function(){_(),$()}}),[S]),i((function(){S&&fe("updateDelay",(function(){re(W.current,(function(){ie(W.current)}))}))}),[g.content]),a((function(){de(),ye(),s.clear(R.current)})),e.useImperativeHandle(v,(function(){return{props:g,updateTargetEvents:ve,loadTargetEvents:he,unloadTargetEvents:ye,show:oe,hide:ue,getElement:function(){return R.current},getTarget:function(){return W.current}}}));var be,Ee,we,Te,xe,Se,Ie,ke,Ae;if(S){var Ce=(xe=p("p-tooltip p-component",(be={},Ee="p-tooltip-".concat(O),we=!0,(Ee=y(Ee))in be?Object.defineProperty(be,Ee,{value:we,enumerable:!0,configurable:!0,writable:!0}):be[Ee]=we,be),g.className,j),Te=W.current,Se=!(g.content||Q(Te,"tooltip")),Ie=d({id:g.id,ref:R,className:xe,style:g.style,role:"tooltip","aria-hidden":S,onMouseEnter:function(e){K()||(B.current=!1)},onMouseLeave:function(e){return le}},A.getOtherProps(g),L("root")),ke=d({className:"p-tooltip-arrow"},L("arrow")),Ae=d({ref:P,className:"p-tooltip-text"},L("text")),e.createElement("div",Ie,e.createElement("div",ke),e.createElement("div",Ae,Se&&g.children)));return e.createElement(l,{element:Ce,appendTo:g.appendTo,visible:!0})}return null})));C.displayName="Tooltip";export{C as Tooltip};

package/tooltip/tooltip.js

@@ -172,7 +172,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
   });
 
   var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = TooltipBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = TooltipBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -294,7 +295,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
           x = _currentMouseEvent$cu.pageX,
           y = _currentMouseEvent$cu.pageY;
         if (props.autoZIndex && !utils.ZIndexUtils.get(elementRef.current)) {
-          utils.ZIndexUtils.set('tooltip', elementRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['tooltip']);
+          utils.ZIndexUtils.set('tooltip', elementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['tooltip'] || PrimeReact__default["default"].zIndex['tooltip']);
         }
         elementRef.current.style.left = '';
         elementRef.current.style.top = '';

package/tooltip/tooltip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tooltip=function(e,t,r,n,o,u,i){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=l(t),s=a(r);function f(e){return f="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},f(e)}function d(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=d(e,"string");return"symbol"===f(t)?t:String(t)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e){if(Array.isArray(e))return m(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,i,a=[],l=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return b(e)||E(e,t)||y(e,t)||w()}var x=i.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}}),D=c.memo(c.forwardRef((function(e,t){var r=x.getProps(e),i=T(c.useState(!1),2),a=i[0],l=i[1],f=T(c.useState(r.position),2),d=f[0],m=f[1],b=T(c.useState(""),2),E=b[0],w=b[1],D=x.setMetaData({props:r,state:{visible:a,position:d,className:E}}).ptm,S=c.useRef(null),H=c.useRef(null),O=c.useRef(null),j=c.useRef(null),I=c.useRef(!0),P=c.useRef({}),k=c.useRef(null),A=T(n.useResizeListener({listener:function(e){!u.DomHandler.isTouchDevice()&&G(e)}}),2),C=A[0],L=A[1],N=T(n.useOverlayScrollListener({target:O.current,listener:function(e){G(e)},when:a}),2),R=N[0],U=N[1],Z=function(e){return _(e,"mousetrack")||r.mouseTrack},M=function(e){return"true"===_(e,"disabled")||F(e,"disabled")||r.disabled},W=function(e){return _(e,"showondisabled")||r.showOnDisabled},B=function(){return _(O.current,"autohide")||r.autoHide},_=function(e,t){return F(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},F=function(e,t){return e&&e.hasAttribute(t)},z=function(e){var t=[_(e,"showevent")||r.showEvent],n=[_(e,"hideevent")||r.hideEvent];if(Z(e))t=["mousemove"],n=["mouseleave"];else{var o=_(e,"event")||r.event;"focus"===o&&(t=["focus"],n=["blur"]),"both"===o&&(t=["focus","mouseenter"],n=["blur","mouseleave"])}return{showEvents:t,hideEvents:n}},Y=function(e){return{top:_(e,"mousetracktop")||r.mouseTrackTop,left:_(e,"mousetrackleft")||r.mouseTrackLeft}},X=function(e,t){if(H.current){var n=_(e,"tooltip")||r.content;n?(H.current.innerHTML="",H.current.appendChild(document.createTextNode(n)),t()):r.children&&t()}},$=function(e){X(O.current,(function(){var t=k.current,n=t.pageX,o=t.pageY;r.autoZIndex&&!u.ZIndexUtils.get(S.current)&&u.ZIndexUtils.set("tooltip",S.current,s.default.autoZIndex,r.baseZIndex||s.default.zIndex.tooltip),S.current.style.left="",S.current.style.top="",B()&&(S.current.style.pointerEvents="none"),!Z(O.current)&&"mouse"!=e||j.current||(j.current={width:u.DomHandler.getOuterWidth(S.current),height:u.DomHandler.getOuterHeight(S.current)}),J(O.current,{x:n,y:o},e)}))},q=function(e){O.current=e.currentTarget;var t,n=M(O.current);(t=W(O.current)&&n?O.current.firstChild:O.current,!(r.content||_(t,"tooltip")||r.children))||n||(k.current=e,a?te("updateDelay",$):re(r.onBeforeShow,{originalEvent:e,target:O.current})&&te("showDelay",(function(){l(!0),re(r.onShow,{originalEvent:e,target:O.current})})))},G=function(e){(ne(),a)&&(re(r.onBeforeHide,{originalEvent:e,target:O.current})&&te("hideDelay",(function(){(B()||!1!==I.current)&&(u.ZIndexUtils.clear(S.current),u.DomHandler.removeClass(S.current,"p-tooltip-active"),l(!1),re(r.onHide,{originalEvent:e,target:O.current}))})))},J=function(e,t,n){var o=0,i=0,a=n||d;if((Z(e)||"mouse"==a)&&t){var l={width:u.DomHandler.getOuterWidth(S.current),height:u.DomHandler.getOuterHeight(S.current)};o=t.x,i=t.y;var c=Y(e),s=c.top,f=c.left;switch(a){case"left":o-=l.width+f,i-=l.height/2-s;break;case"right":case"mouse":o+=f,i-=l.height/2-s;break;case"top":o-=l.width/2-f,i-=l.height+s;break;case"bottom":o-=l.width/2-f,i+=s}o<=0||j.current.width>l.width?(S.current.style.left="0px",S.current.style.right=window.innerWidth-l.width-o+"px"):(S.current.style.right="",S.current.style.left=o+"px"),S.current.style.top=i+"px",u.DomHandler.addClass(S.current,"p-tooltip-active")}else{var p=u.DomHandler.findCollisionPosition(a),v=_(e,"my")||r.my||p.my,h=_(e,"at")||r.at||p.at;S.current.style.padding="0px",u.DomHandler.flipfitCollision(S.current,e,v,h,(function(e){var t=e.at,n=t.x,o=r.at?"center"!==n&&n!==e.my.x?n:t.y:e.at["".concat(p.axis)];S.current.style.padding="",m(o),K(o),u.DomHandler.addClass(S.current,"p-tooltip-active")}))}},K=function(e){if(S.current){var t=getComputedStyle(S.current);"left"===e?S.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(S.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},Q=function(e){B()||(I.current=!0,G(e))},V=function(e){if(e){var t=z(e),r=t.showEvents,n=t.hideEvents,o=oe(e);r.forEach((function(e){return null==o?void 0:o.addEventListener(e,q)})),n.forEach((function(e){return null==o?void 0:o.addEventListener(e,G)}))}},ee=function(e){if(e){var t=z(e),r=t.showEvents,n=t.hideEvents,o=oe(e);r.forEach((function(e){return null==o?void 0:o.removeEventListener(e,q)})),n.forEach((function(e){return null==o?void 0:o.removeEventListener(e,G)}))}},te=function(e,t){ne();var n=_(O.current,e.toLowerCase())||r[e];n?P.current["".concat(e)]=setTimeout((function(){return t()}),n):t()},re=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},ne=function(){Object.values(P.current).forEach((function(e){return clearTimeout(e)}))},oe=function(e){if(e){if(W(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return u.DomHandler.addClass(t,"p-tooltip-target-wrapper"),e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,v(n=e.parentElement.childNodes)||h(n)||y(n)||g()),delete e.hasWrapper),e}var n;return null},ue=function(e){ae(e),ie(e)},ie=function(e){le(e||r.target,V)},ae=function(e){le(e||r.target,ee)},le=function(e,t){if(e=u.ObjectUtils.getRefElement(e))if(u.DomHandler.isElement(e))t(e);else{var r=function(e){u.DomHandler.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};n.useMountEffect((function(){ie(),a&&O.current&&M(O.current)&&G()})),n.useUpdateEffect((function(){return ie(),function(){ae()}}),[q,G,r.target]),n.useUpdateEffect((function(){if(a){var e=_(O.current,"position")||d,t=_(O.current,"classname");m(e),w(t),$(e),C(),R()}else m(r.position),w(""),O.current=null,j.current=null,I.current=!0;return function(){L(),U()}}),[a]),n.useUpdateEffect((function(){a&&te("updateDelay",(function(){X(O.current,(function(){J(O.current)}))}))}),[r.content]),n.useUnmountEffect((function(){ne(),ae(),u.ZIndexUtils.clear(S.current)})),c.useImperativeHandle(t,(function(){return{props:r,updateTargetEvents:ue,loadTargetEvents:ie,unloadTargetEvents:ae,show:q,hide:G,getElement:function(){return S.current},getTarget:function(){return O.current}}}));var ce,se,fe,de,pe,me,ve,he,ye;if(a){var ge=(pe=u.classNames("p-tooltip p-component",(ce={},se="p-tooltip-".concat(d),fe=!0,(se=p(se))in ce?Object.defineProperty(ce,se,{value:fe,enumerable:!0,configurable:!0,writable:!0}):ce[se]=fe,ce),r.className,E),de=O.current,me=!(r.content||_(de,"tooltip")),ve=u.mergeProps({id:r.id,ref:S,className:pe,style:r.style,role:"tooltip","aria-hidden":a,onMouseEnter:function(e){B()||(I.current=!1)},onMouseLeave:function(e){return Q}},x.getOtherProps(r),D("root")),he=u.mergeProps({className:"p-tooltip-arrow"},D("arrow")),ye=u.mergeProps({ref:H,className:"p-tooltip-text"},D("text")),c.createElement("div",ve,c.createElement("div",he),c.createElement("div",ye,me&&r.children)));return c.createElement(o.Portal,{element:ge,appendTo:r.appendTo,visible:!0})}return null})));return D.displayName="Tooltip",e.Tooltip=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.tooltip=function(e,t,r,n,o,u,i){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=l(t),s=a(r);function f(e){return f="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},f(e)}function d(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=d(e,"string");return"symbol"===f(t)?t:String(t)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e){if(Array.isArray(e))return m(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,i,a=[],l=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return b(e)||E(e,t)||y(e,t)||w()}var T=i.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}}),D=c.memo(c.forwardRef((function(e,t){var i=c.useContext(r.PrimeReactContext),a=T.getProps(e,i),l=x(c.useState(!1),2),f=l[0],d=l[1],m=x(c.useState(a.position),2),b=m[0],E=m[1],w=x(c.useState(""),2),D=w[0],S=w[1],H=T.setMetaData({props:a,state:{visible:f,position:b,className:D}}).ptm,O=c.useRef(null),j=c.useRef(null),I=c.useRef(null),P=c.useRef(null),C=c.useRef(!0),k=c.useRef({}),A=c.useRef(null),L=x(n.useResizeListener({listener:function(e){!u.DomHandler.isTouchDevice()&&K(e)}}),2),N=L[0],R=L[1],U=x(n.useOverlayScrollListener({target:I.current,listener:function(e){K(e)},when:f}),2),Z=U[0],M=U[1],W=function(e){return F(e,"mousetrack")||a.mouseTrack},B=function(e){return"true"===F(e,"disabled")||Y(e,"disabled")||a.disabled},_=function(e){return F(e,"showondisabled")||a.showOnDisabled},z=function(){return F(I.current,"autohide")||a.autoHide},F=function(e,t){return Y(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},Y=function(e,t){return e&&e.hasAttribute(t)},X=function(e){var t=[F(e,"showevent")||a.showEvent],r=[F(e,"hideevent")||a.hideEvent];if(W(e))t=["mousemove"],r=["mouseleave"];else{var n=F(e,"event")||a.event;"focus"===n&&(t=["focus"],r=["blur"]),"both"===n&&(t=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:t,hideEvents:r}},$=function(e){return{top:F(e,"mousetracktop")||a.mouseTrackTop,left:F(e,"mousetrackleft")||a.mouseTrackLeft}},q=function(e,t){if(j.current){var r=F(e,"tooltip")||a.content;r?(j.current.innerHTML="",j.current.appendChild(document.createTextNode(r)),t()):a.children&&t()}},G=function(e){q(I.current,(function(){var t=A.current,r=t.pageX,n=t.pageY;a.autoZIndex&&!u.ZIndexUtils.get(O.current)&&u.ZIndexUtils.set("tooltip",O.current,i&&i.autoZIndex||s.default.autoZIndex,a.baseZIndex||i&&i.zIndex.tooltip||s.default.zIndex.tooltip),O.current.style.left="",O.current.style.top="",z()&&(O.current.style.pointerEvents="none"),!W(I.current)&&"mouse"!=e||P.current||(P.current={width:u.DomHandler.getOuterWidth(O.current),height:u.DomHandler.getOuterHeight(O.current)}),Q(I.current,{x:r,y:n},e)}))},J=function(e){I.current=e.currentTarget;var t,r=B(I.current);(t=_(I.current)&&r?I.current.firstChild:I.current,!(a.content||F(t,"tooltip")||a.children))||r||(A.current=e,f?ne("updateDelay",G):oe(a.onBeforeShow,{originalEvent:e,target:I.current})&&ne("showDelay",(function(){d(!0),oe(a.onShow,{originalEvent:e,target:I.current})})))},K=function(e){(ue(),f)&&(oe(a.onBeforeHide,{originalEvent:e,target:I.current})&&ne("hideDelay",(function(){(z()||!1!==C.current)&&(u.ZIndexUtils.clear(O.current),u.DomHandler.removeClass(O.current,"p-tooltip-active"),d(!1),oe(a.onHide,{originalEvent:e,target:I.current}))})))},Q=function(e,t,r){var n=0,o=0,i=r||b;if((W(e)||"mouse"==i)&&t){var l={width:u.DomHandler.getOuterWidth(O.current),height:u.DomHandler.getOuterHeight(O.current)};n=t.x,o=t.y;var c=$(e),s=c.top,f=c.left;switch(i){case"left":n-=l.width+f,o-=l.height/2-s;break;case"right":case"mouse":n+=f,o-=l.height/2-s;break;case"top":n-=l.width/2-f,o-=l.height+s;break;case"bottom":n-=l.width/2-f,o+=s}n<=0||P.current.width>l.width?(O.current.style.left="0px",O.current.style.right=window.innerWidth-l.width-n+"px"):(O.current.style.right="",O.current.style.left=n+"px"),O.current.style.top=o+"px",u.DomHandler.addClass(O.current,"p-tooltip-active")}else{var d=u.DomHandler.findCollisionPosition(i),p=F(e,"my")||a.my||d.my,m=F(e,"at")||a.at||d.at;O.current.style.padding="0px",u.DomHandler.flipfitCollision(O.current,e,p,m,(function(e){var t=e.at,r=t.x,n=a.at?"center"!==r&&r!==e.my.x?r:t.y:e.at["".concat(d.axis)];O.current.style.padding="",E(n),V(n),u.DomHandler.addClass(O.current,"p-tooltip-active")}))}},V=function(e){if(O.current){var t=getComputedStyle(O.current);"left"===e?O.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(O.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},ee=function(e){z()||(C.current=!0,K(e))},te=function(e){if(e){var t=X(e),r=t.showEvents,n=t.hideEvents,o=ie(e);r.forEach((function(e){return null==o?void 0:o.addEventListener(e,J)})),n.forEach((function(e){return null==o?void 0:o.addEventListener(e,K)}))}},re=function(e){if(e){var t=X(e),r=t.showEvents,n=t.hideEvents,o=ie(e);r.forEach((function(e){return null==o?void 0:o.removeEventListener(e,J)})),n.forEach((function(e){return null==o?void 0:o.removeEventListener(e,K)}))}},ne=function(e,t){ue();var r=F(I.current,e.toLowerCase())||a[e];r?k.current["".concat(e)]=setTimeout((function(){return t()}),r):t()},oe=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},ue=function(){Object.values(k.current).forEach((function(e){return clearTimeout(e)}))},ie=function(e){if(e){if(_(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return u.DomHandler.addClass(t,"p-tooltip-target-wrapper"),e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,v(n=e.parentElement.childNodes)||h(n)||y(n)||g()),delete e.hasWrapper),e}var n;return null},ae=function(e){ce(e),le(e)},le=function(e){se(e||a.target,te)},ce=function(e){se(e||a.target,re)},se=function(e,t){if(e=u.ObjectUtils.getRefElement(e))if(u.DomHandler.isElement(e))t(e);else{var r=function(e){u.DomHandler.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};n.useMountEffect((function(){le(),f&&I.current&&B(I.current)&&K()})),n.useUpdateEffect((function(){return le(),function(){ce()}}),[J,K,a.target]),n.useUpdateEffect((function(){if(f){var e=F(I.current,"position")||b,t=F(I.current,"classname");E(e),S(t),G(e),N(),Z()}else E(a.position),S(""),I.current=null,P.current=null,C.current=!0;return function(){R(),M()}}),[f]),n.useUpdateEffect((function(){f&&ne("updateDelay",(function(){q(I.current,(function(){Q(I.current)}))}))}),[a.content]),n.useUnmountEffect((function(){ue(),ce(),u.ZIndexUtils.clear(O.current)})),c.useImperativeHandle(t,(function(){return{props:a,updateTargetEvents:ae,loadTargetEvents:le,unloadTargetEvents:ce,show:J,hide:K,getElement:function(){return O.current},getTarget:function(){return I.current}}}));var fe,de,pe,me,ve,he,ye,ge,be;if(f){var Ee=(ve=u.classNames("p-tooltip p-component",(fe={},de="p-tooltip-".concat(b),pe=!0,(de=p(de))in fe?Object.defineProperty(fe,de,{value:pe,enumerable:!0,configurable:!0,writable:!0}):fe[de]=pe,fe),a.className,D),me=I.current,he=!(a.content||F(me,"tooltip")),ye=u.mergeProps({id:a.id,ref:O,className:ve,style:a.style,role:"tooltip","aria-hidden":f,onMouseEnter:function(e){z()||(C.current=!1)},onMouseLeave:function(e){return ee}},T.getOtherProps(a),H("root")),ge=u.mergeProps({className:"p-tooltip-arrow"},H("arrow")),be=u.mergeProps({ref:j,className:"p-tooltip-text"},H("text")),c.createElement("div",ye,c.createElement("div",ge),c.createElement("div",be,he&&a.children)));return c.createElement(o.Portal,{element:Ee,appendTo:a.appendTo,visible:!0})}return null})));return D.displayName="Tooltip",e.Tooltip=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils,primereact.componentbase);

package/tree/tree.cjs.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var search = require('primereact/icons/search');
+var spinner = require('primereact/icons/spinner');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var api = require('primereact/api');
-var ripple = require('primereact/ripple');
 var check = require('primereact/icons/check');
 var chevrondown = require('primereact/icons/chevrondown');
 var chevronright = require('primereact/icons/chevronright');
 var minus = require('primereact/icons/minus');
-var search = require('primereact/icons/search');
-var spinner = require('primereact/icons/spinner');
+var ripple = require('primereact/ripple');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -160,7 +161,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest();
 }
 
-var TreeBase = {
+var TreeBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tree',
     id: null,
@@ -209,14 +210,8 @@ var TreeBase = {
     onNodeClick: null,
     onNodeDoubleClick: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, TreeBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, TreeBase.defaultProps);
   }
-};
+});
 
 function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
@@ -228,6 +223,15 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var nodeTouched = React__namespace.useRef(false);
   var isLeaf = props.isNodeLeaf(props.node);
   var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      context: {
+        selected: props.selected,
+        expanded: expanded,
+        checked: props.checked
+      }
+    });
+  };
   var expand = function expand(event) {
     var expandedKeys = props.expandedKeys ? _objectSpread$1({}, props.expandedKeys) : {};
     expandedKeys[props.node.key] = true;
@@ -666,9 +670,10 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var createLabel = function createLabel() {
-    var content = /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-treenode-label"
-    }, props.node.label);
+    var labelProps = utils.mergeProps({
+      className: 'p-treenode-label'
+    }, getPTOptions('label'));
+    var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, props.node.label);
     if (props.nodeTemplate) {
       var defaultContentOptions = {
         onTogglerClick: onTogglerClick,
@@ -691,21 +696,20 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         'p-disabled': props.disabled
       });
       var iconClassName = 'p-checkbox-icon p-c';
-      var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
-        className: iconClassName
-      }) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, {
+      var checkboxIconProps = utils.mergeProps({
         className: iconClassName
-      }) : null;
-      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, props);
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-checkbox p-component"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+      }, getPTOptions('checkboxIcon'));
+      var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
+      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
+      var checkboxContainerProps = utils.mergeProps({
+        className: 'p-checkbox p-component'
+      }, getPTOptions('checkboxContainer'));
+      var checkboxProps = utils.mergeProps({
         className: className,
-        role: "checkbox",
-        "aria-checked": checked
-      }, checkboxIcon));
+        role: 'checkbox',
+        'aria-checked': checked
+      }, getPTOptions('checkbox'));
+      return /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, checkboxIcon));
     }
     return null;
   };
@@ -713,9 +717,10 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var icon = props.node.icon || (expanded ? props.node.expandedIcon : props.node.collapsedIcon);
     if (icon) {
       var className = utils.classNames('p-treenode-icon', icon);
-      return /*#__PURE__*/React__namespace.createElement("span", {
+      var nodeIconProps = utils.mergeProps({
         className: className
-      });
+      }, getPTOptions('nodeIcon'));
+      return /*#__PURE__*/React__namespace.createElement("span", nodeIconProps);
     }
     return null;
   };
@@ -725,18 +730,22 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       className: 'p-tree-toggler-icon',
       'aria-hidden': true
     };
-    var icon = expanded ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, iconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, iconProps);
-    var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
+    var togglerIconProps = utils.mergeProps({
+      className: iconProps
+    }, getPTOptions('togglerIcon'));
+    var icon = expanded ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, togglerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, togglerIconProps);
+    var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, togglerIconProps), {
       props: props,
       expanded: expanded
     });
-    var content = /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
-      className: "p-tree-toggler p-link",
+    var togglerProps = utils.mergeProps({
+      type: 'button',
+      className: 'p-tree-toggler p-link',
       tabIndex: -1,
       onClick: onTogglerClick,
-      "aria-label": label
-    }, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      'aria-label': label
+    }, getPTOptions('toggler'));
+    var content = /*#__PURE__*/React__namespace.createElement("button", togglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.togglerTemplate) {
       var defaultContentOptions = {
         onClick: onTogglerClick,
@@ -752,15 +761,16 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var createDropPoint = function createDropPoint(position) {
     if (props.dragdropScope) {
-      return /*#__PURE__*/React__namespace.createElement("li", {
-        className: "p-treenode-droppoint",
+      var droppointProps = utils.mergeProps({
+        className: 'p-treenode-droppoint',
         onDrop: function onDrop(event) {
           return onDropPoint(event, position);
         },
         onDragOver: onDropPointDragOver,
         onDragEnter: onDropPointDragEnter,
         onDragLeave: onDropPointDragLeave
-      });
+      }, getPTOptions('droppoint'));
+      return /*#__PURE__*/React__namespace.createElement("li", droppointProps);
     }
     return null;
   };
@@ -778,7 +788,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var icon = createIcon();
     var label = createLabel();
     var tabIndex = props.disabled ? undefined : 0;
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var contentProps = utils.mergeProps({
       ref: contentRef,
       className: className,
       style: props.node.style,
@@ -795,18 +805,20 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       onDragEnd: onDragEnd,
       tabIndex: tabIndex,
       onKeyDown: onNodeKeyDown,
-      role: "treeitem",
-      "aria-posinset": props.index + 1,
-      "aria-expanded": expanded,
-      "aria-selected": checked || selected
-    }, toggler, checkbox, icon, label);
+      role: 'treeitem',
+      'aria-posinset': props.index + 1,
+      'aria-expanded': expanded,
+      'aria-selected': checked || selected
+    }, getPTOptions('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", contentProps, toggler, checkbox, icon, label);
   };
   var createChildren = function createChildren() {
+    var subgroupProps = utils.mergeProps({
+      className: 'p-treenode-children',
+      role: 'group'
+    }, getPTOptions('subgroup'));
     if (utils.ObjectUtils.isNotEmpty(props.node.children) && expanded) {
-      return /*#__PURE__*/React__namespace.createElement("ul", {
-        className: "p-treenode-children",
-        role: "group"
-      }, props.node.children.map(function (childNode, index) {
+      return /*#__PURE__*/React__namespace.createElement("ul", subgroupProps, props.node.children.map(function (childNode, index) {
         return /*#__PURE__*/React__namespace.createElement(UITreeNode, {
           key: childNode.key || childNode.label,
           node: childNode,
@@ -840,7 +852,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           onDragStart: props.onDragStart,
           onDragEnd: props.onDragEnd,
           onDrop: props.onDrop,
-          onDropPoint: props.onDropPoint
+          onDropPoint: props.onDropPoint,
+          ptm: props.ptm
         });
       }));
     }
@@ -852,10 +865,11 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     }, props.node.className);
     var content = createContent();
     var children = createChildren();
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var nodeProps = utils.mergeProps({
       className: className,
       style: props.node.style
-    }, content, children);
+    }, getPTOptions('node'));
+    return /*#__PURE__*/React__namespace.createElement("li", nodeProps, content, children);
   };
   var node = createNode();
   if (props.dragdropScope && !props.disabled) {
@@ -873,7 +887,8 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = TreeBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = TreeBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     filterValueState = _React$useState2[0],
@@ -888,6 +903,14 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var filterChanged = React__namespace.useRef(false);
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+  var _TreeBase$setMetaData = TreeBase.setMetaData({
+      props: props,
+      state: {
+        filterValue: filteredValue,
+        expandedKeys: expandedKeys
+      }
+    }),
+    ptm = _TreeBase$setMetaData.ptm;
   var filterOptions = {
     filter: function filter(e) {
       return onFilterInputChange(e);
@@ -1186,7 +1209,8 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       onDrop: onDrop,
       onDropPoint: onDropPoint,
       onClick: props.onNodeClick,
-      onDoubleClick: props.onNodeDoubleClick
+      onDoubleClick: props.onNodeDoubleClick,
+      ptm: ptm
     });
   };
   var createRootChildren = function createRootChildren() {
@@ -1203,29 +1227,31 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     if (props.value) {
       var rootNodes = createRootChildren();
       var contentClass = utils.classNames('p-tree-container', props.contentClassName);
-      return /*#__PURE__*/React__namespace.createElement("ul", _extends({
+      var containerProps = utils.mergeProps(_objectSpread({
         className: contentClass,
-        role: "tree",
+        role: 'tree',
         style: props.contentStyle
-      }, ariaProps), rootNodes);
+      }, ariaProps), ptm('container'));
+      return /*#__PURE__*/React__namespace.createElement("ul", containerProps, rootNodes);
     }
     return null;
   };
   var createLoader = function createLoader() {
     if (props.loading) {
       var iconClassName = 'p-tree-loading-icon';
-      var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
-        className: iconClassName,
-        spin: true
-      });
-      var loadingIcon = utils.IconUtils.getJSXIcon(icon, {
+      var loadingIconProps = utils.mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('loadingIcon'));
+      var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, _extends({}, loadingIconProps, {
+        spin: true
+      }));
+      var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-tree-loading-overlay p-component-overlay"
-      }, loadingIcon);
+      var loadingOverlayProps = utils.mergeProps({
+        className: 'p-tree-loading-overlay p-component-overlay'
+      }, ptm('loadingOverlay'));
+      return /*#__PURE__*/React__namespace.createElement("div", loadingOverlayProps, loadingIcon);
     }
     return null;
   };
@@ -1233,26 +1259,27 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     if (props.filter) {
       var value = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
       var iconClassName = 'p-tree-filter-icon';
-      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
-        className: iconClassName
-      });
-      var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+      var searchIconProps = utils.mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('searchIcon'));
+      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, searchIconProps);
+      var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, searchIconProps), {
         props: props
       });
-      var _content = /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-tree-filter-container"
-      }, /*#__PURE__*/React__namespace.createElement("input", {
-        type: "text",
+      var filterContainerProps = utils.mergeProps({
+        className: 'p-tree-filter-container'
+      }, ptm('filterContainer'));
+      var inputProps = utils.mergeProps({
+        type: 'text',
         value: value,
-        autoComplete: "off",
-        className: "p-tree-filter p-inputtext p-component",
+        autoComplete: 'off',
+        className: 'p-tree-filter p-inputtext p-component',
         placeholder: props.filterPlaceholder,
         onKeyDown: onFilterInputKeyDown,
         onChange: onFilterInputChange,
         disabled: props.disabled
-      }), filterIcon);
+      }, ptm('input'));
+      var _content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement("input", inputProps), filterIcon);
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-tree-filter-container',
@@ -1288,17 +1315,19 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         };
         _content2 = utils.ObjectUtils.getJSXElement(props.header, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-tree-header"
-      }, _content2);
+      var headerProps = utils.mergeProps({
+        className: 'p-tree-header'
+      }, ptm('header'));
+      return /*#__PURE__*/React__namespace.createElement("div", headerProps, _content2);
     }
     return null;
   };
   var createFooter = function createFooter() {
     var content = utils.ObjectUtils.getJSXElement(props.footer, props);
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-tree-footer"
-    }, content);
+    var footerProps = utils.mergeProps({
+      className: 'p-tree-footer'
+    }, ptm('footer'));
+    return /*#__PURE__*/React__namespace.createElement("div", footerProps, content);
   };
   var otherProps = TreeBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
@@ -1311,12 +1340,13 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var content = createModel();
   var header = createHeader();
   var footer = createFooter();
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    id: props.id,
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     className: className,
-    style: props.style
-  }, otherProps), loader, header, content, footer);
+    style: props.style,
+    id: props.id
+  }, TreeBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, loader, header, content, footer);
 }));
 Tree.displayName = 'Tree';