primereact 9.4.0 → 9.6.0

package/tooltip/tooltip.d.ts

@@ -8,8 +8,8 @@
  *
  */
 import * as React from 'react';
-import { TooltipEvent, TooltipOptions } from './tooltipoptions';
 import { PassThroughType } from '../utils/utils';
+import { TooltipEvent, TooltipOptions } from './tooltipoptions';
 
 export declare type TooltipPassThroughType<T> = PassThroughType<T, TooltipPassThroughMethodOptions>;
 
@@ -104,19 +104,19 @@ export interface TooltipProps extends TooltipOptions {
 export declare class Tooltip extends React.Component<TooltipProps, any> {
     /**
      * Used to reload target events. In some cases, the target element can be hidden initially. Later, when this element becomes visible, it will be necessary to bind tooltip events to this element.
-     * @param {HTMLElement} target - Target element.
+     * @param {HTMLElement| undefined} target - Target element or if undefined will use current target.
      */
-    public updateTargetEvents(target: HTMLElement): void;
+    public updateTargetEvents(target: HTMLElement | undefined): void;
     /**
      * Used to load target events.
-     * @param {HTMLElement} target - Target element.
+     * @param {HTMLElement} target - Target element or if undefined will use current target.
      */
-    public loadTargetEvents(target: HTMLElement): void;
+    public loadTargetEvents(target: HTMLElement | undefined): void;
     /**
      * Used to unload target events.
-     * @param {HTMLElement} target - Target element.
+     * @param {HTMLElement | undefined} target - Target element or if undefined will use current target.
      */
-    public unloadTargetEvents(target: HTMLElement): void;
+    public unloadTargetEvents(target: HTMLElement | undefined): void;
     /**
      * Used to get container element.
      * @return {HTMLElement} Container element

package/tooltip/tooltip.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
 import { DomHandler, ZIndexUtils, ObjectUtils, classNames, mergeProps } from 'primereact/utils';
@@ -152,7 +152,8 @@ var TooltipBase = ComponentBase.extend({
 });
 
 var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = TooltipBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = TooltipBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -274,7 +275,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         x = _currentMouseEvent$cu.pageX,
         y = _currentMouseEvent$cu.pageY;
       if (props.autoZIndex && !ZIndexUtils.get(elementRef.current)) {
-        ZIndexUtils.set('tooltip', elementRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['tooltip']);
+        ZIndexUtils.set('tooltip', elementRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['tooltip'] || PrimeReact.zIndex['tooltip']);
       }
       elementRef.current.style.left = '';
       elementRef.current.style.top = '';

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';