primereact 9.5.0 → 9.6.1

package/togglebutton/togglebutton.esm.js

@@ -2,7 +2,9 @@ import * as React from 'react';
 import { useMountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { DomHandler, ObjectUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -19,7 +21,48 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var ToggleButtonBase = {
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var ToggleButtonBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ToggleButton',
     id: null,
@@ -38,18 +81,19 @@ var ToggleButtonBase = {
     onFocus: null,
     onBlur: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ToggleButtonBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ToggleButtonBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ToggleButtonBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
+  var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
+      props: props
+    }),
+    ptm = _ToggleButtonBase$set.ptm;
   var hasLabel = props.onLabel && props.onLabel.length > 0 && props.offLabel && props.offLabel.length > 0;
   var hasIcon = props.onIcon && props.onIcon.length > 0 && props.offIcon && props.offIcon.length > 0;
   var label = hasLabel ? props.checked ? props.onLabel : props.offLabel : '&nbsp;';
@@ -85,9 +129,10 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         'p-button-icon-left': props.iconPos === 'left' && label,
         'p-button-icon-right': props.iconPos === 'right' && label
       });
-      return IconUtils.getJSXIcon(icon, {
+      var iconProps = mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('icon'));
+      return IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
     }
@@ -111,32 +156,34 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var tabIndex = props.disabled ? -1 : props.tabIndex;
-  var otherProps = ToggleButtonBase.getOtherProps(props);
   var className = classNames('p-button p-togglebutton p-component', {
     'p-button-icon-only': hasIcon && !hasLabel,
     'p-highlight': props.checked,
     'p-disabled': props.disabled
   }, props.className);
   var iconElement = createIcon();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+  var labelProps = mergeProps({
+    className: 'p-button-label'
+  }, ptm('label'));
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
-    style: props.style
-  }, otherProps, {
+    style: props.style,
     onClick: toggle,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    role: "button",
-    "aria-pressed": props.checked
-  }), iconElement, /*#__PURE__*/React.createElement("span", {
-    className: "p-button-label"
-  }, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    role: 'button',
+    'aria-pressed': props.checked
+  }, ToggleButtonBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, iconElement, /*#__PURE__*/React.createElement("span", labelProps, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 ToggleButton.displayName = 'ToggleButton';
 

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useMountEffect as t}from"primereact/hooks";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as l,classNames as a,IconUtils as c}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i.apply(this,arguments)}var u={defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},getProps:function(e){return r.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,u.defaultProps)}},p=e.memo(e.forwardRef((function(p,s){var f=u.getProps(p),d=e.useRef(null),m=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,g=f.onIcon&&f.onIcon.length>0&&f.offIcon&&f.offIcon.length>0,b=m?f.checked?f.onLabel:f.offLabel:"&nbsp;",h=f.checked?f.onIcon:f.offIcon,v=function(e){!f.disabled&&f.onChange&&f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};e.useImperativeHandle(s,(function(){return{props:f,focus:function(){return l.focusFirstElement(d.current)},getElement:function(){return d.current}}})),t((function(){f.autoFocus&&l.focusFirstElement(d.current)}));var P=r.isNotEmpty(f.tooltip),I=f.disabled?-1:f.tabIndex,y=u.getOtherProps(f),E=a("p-button p-togglebutton p-component",{"p-button-icon-only":g&&!m,"p-highlight":f.checked,"p-disabled":f.disabled},f.className),k=function(){if(g){var e=a("p-button-icon p-c",{"p-button-icon-left":"left"===f.iconPos&&b,"p-button-icon-right":"right"===f.iconPos&&b});return c.getJSXIcon(h,{className:e},{props:f})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",i({ref:d,id:f.id,className:E,style:f.style},y,{onClick:v,onFocus:f.onFocus,onBlur:f.onBlur,onKeyDown:function(e){32===e.keyCode&&(v(e),e.preventDefault())},tabIndex:I,role:"button","aria-pressed":f.checked}),k,e.createElement("span",{className:"p-button-label"},b),e.createElement(n,null)),P&&e.createElement(o,i({target:d,content:f.tooltip},f.tooltipOptions)))})));p.displayName="ToggleButton";export{p as ToggleButton};
+import*as e from"react";import{useMountEffect as t}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{Tooltip as n}from"primereact/tooltip";import{DomHandler as r,ObjectUtils as l,classNames as i,mergeProps as c,IconUtils as a}from"primereact/utils";import{ComponentBase as u}from"primereact/componentbase";import{PrimeReactContext as p}from"primereact/api";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},f.apply(this,arguments)}function s(e){return s="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},s(e)}function m(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=m(e,"string");return"symbol"===s(t)?t:String(t)}function g(e,t,o){return(t=b(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var d=u.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0}});function y(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function h(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?y(Object(o),!0).forEach((function(t){g(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):y(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var v=e.memo(e.forwardRef((function(u,s){var m=e.useContext(p),b=d.getProps(u,m),g=e.useRef(null),y=d.setMetaData({props:b}).ptm,v=b.onLabel&&b.onLabel.length>0&&b.offLabel&&b.offLabel.length>0,O=b.onIcon&&b.onIcon.length>0&&b.offIcon&&b.offIcon.length>0,P=v?b.checked?b.onLabel:b.offLabel:"&nbsp;",j=b.checked?b.onIcon:b.offIcon,E=function(e){!b.disabled&&b.onChange&&b.onChange({originalEvent:e,value:!b.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:!b.checked}})};e.useImperativeHandle(s,(function(){return{props:b,focus:function(){return r.focusFirstElement(g.current)},getElement:function(){return g.current}}})),t((function(){b.autoFocus&&r.focusFirstElement(g.current)}));var I=l.isNotEmpty(b.tooltip),w=b.disabled?-1:b.tabIndex,k=i("p-button p-togglebutton p-component",{"p-button-icon-only":O&&!v,"p-highlight":b.checked,"p-disabled":b.disabled},b.className),S=function(){if(O){var e=i("p-button-icon p-c",{"p-button-icon-left":"left"===b.iconPos&&P,"p-button-icon-right":"right"===b.iconPos&&P}),t=c({className:e},y("icon"));return a.getJSXIcon(j,h({},t),{props:b})}return null}(),D=c({className:"p-button-label"},y("label")),N=c({ref:g,id:b.id,className:k,style:b.style,onClick:E,onFocus:b.onFocus,onBlur:b.onBlur,onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:w,role:"button","aria-pressed":b.checked},d.getOtherProps(b),y("root"));return e.createElement(e.Fragment,null,e.createElement("div",N,S,e.createElement("span",D,P),e.createElement(o,null)),I&&e.createElement(n,f({target:g,content:b.tooltip},b.tooltipOptions,{pt:y("tooltip")})))})));v.displayName="ToggleButton";export{v as ToggleButton};

package/togglebutton/togglebutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip, utils) {
+this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,7 +37,48 @@ this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip
     return _extends.apply(this, arguments);
   }
 
-  var ToggleButtonBase = {
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var ToggleButtonBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'ToggleButton',
       id: null,
@@ -56,18 +97,19 @@ this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip
       onFocus: null,
       onBlur: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ToggleButtonBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ToggleButtonBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ToggleButtonBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = ToggleButtonBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
+    var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
+        props: props
+      }),
+      ptm = _ToggleButtonBase$set.ptm;
     var hasLabel = props.onLabel && props.onLabel.length > 0 && props.offLabel && props.offLabel.length > 0;
     var hasIcon = props.onIcon && props.onIcon.length > 0 && props.offIcon && props.offIcon.length > 0;
     var label = hasLabel ? props.checked ? props.onLabel : props.offLabel : '&nbsp;';
@@ -103,9 +145,10 @@ this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip
           'p-button-icon-left': props.iconPos === 'left' && label,
           'p-button-icon-right': props.iconPos === 'right' && label
         });
-        return utils.IconUtils.getJSXIcon(icon, {
+        var iconProps = utils.mergeProps({
           className: iconClassName
-        }, {
+        }, ptm('icon'));
+        return utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
           props: props
         });
       }
@@ -129,32 +172,34 @@ this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip
     });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var tabIndex = props.disabled ? -1 : props.tabIndex;
-    var otherProps = ToggleButtonBase.getOtherProps(props);
     var className = utils.classNames('p-button p-togglebutton p-component', {
       'p-button-icon-only': hasIcon && !hasLabel,
       'p-highlight': props.checked,
       'p-disabled': props.disabled
     }, props.className);
     var iconElement = createIcon();
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var labelProps = utils.mergeProps({
+      className: 'p-button-label'
+    }, ptm('label'));
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
-      style: props.style
-    }, otherProps, {
+      style: props.style,
       onClick: toggle,
       onFocus: props.onFocus,
       onBlur: props.onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
-      role: "button",
-      "aria-pressed": props.checked
-    }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-button-label"
-    }, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      role: 'button',
+      'aria-pressed': props.checked
+    }, ToggleButtonBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   ToggleButton.displayName = 'ToggleButton';
 
@@ -164,4 +209,4 @@ this.primereact.togglebutton = (function (exports, React, hooks, ripple, tooltip
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.ripple, primereact.tooltip, primereact.utils);
+})({}, React, primereact.hooks, primereact.ripple, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.api);

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=c(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}var i={defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,i.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,i.defaultProps)}},s=a.memo(a.forwardRef((function(e,t){var c=i.getProps(e),s=a.useRef(null),p=c.onLabel&&c.onLabel.length>0&&c.offLabel&&c.offLabel.length>0,f=c.onIcon&&c.onIcon.length>0&&c.offIcon&&c.offIcon.length>0,d=p?c.checked?c.onLabel:c.offLabel:"&nbsp;",g=c.checked?c.onIcon:c.offIcon,b=function(e){!c.disabled&&c.onChange&&c.onChange({originalEvent:e,value:!c.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:!c.checked}})};a.useImperativeHandle(t,(function(){return{props:c,focus:function(){return l.DomHandler.focusFirstElement(s.current)},getElement:function(){return s.current}}})),n.useMountEffect((function(){c.autoFocus&&l.DomHandler.focusFirstElement(s.current)}));var m=l.ObjectUtils.isNotEmpty(c.tooltip),h=c.disabled?-1:c.tabIndex,v=i.getOtherProps(c),P=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":f&&!p,"p-highlight":c.checked,"p-disabled":c.disabled},c.className),O=function(){if(f){var e=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===c.iconPos&&d,"p-button-icon-right":"right"===c.iconPos&&d});return l.IconUtils.getJSXIcon(g,{className:e},{props:c})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",u({ref:s,id:c.id,className:P,style:c.style},v,{onClick:b,onFocus:c.onFocus,onBlur:c.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:h,role:"button","aria-pressed":c.checked}),O,a.createElement("span",{className:"p-button-label"},d),a.createElement(o.Ripple,null)),m&&a.createElement(r.Tooltip,u({target:s,content:c.tooltip},c.tooltipOptions)))})));return s.displayName="ToggleButton",e.ToggleButton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l,c,i){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},p.apply(this,arguments)}function s(e){return s="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},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function m(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=c.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=u.memo(u.forwardRef((function(e,t){var c=u.useContext(i.PrimeReactContext),a=g.getProps(e,c),s=u.useRef(null),f=g.setMetaData({props:a}).ptm,b=a.onLabel&&a.onLabel.length>0&&a.offLabel&&a.offLabel.length>0,m=a.onIcon&&a.onIcon.length>0&&a.offIcon&&a.offIcon.length>0,d=b?a.checked?a.onLabel:a.offLabel:"&nbsp;",h=a.checked?a.onIcon:a.offIcon,v=function(e){!a.disabled&&a.onChange&&a.onChange({originalEvent:e,value:!a.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:a.name,id:a.id,value:!a.checked}})};u.useImperativeHandle(t,(function(){return{props:a,focus:function(){return l.DomHandler.focusFirstElement(s.current)},getElement:function(){return s.current}}})),n.useMountEffect((function(){a.autoFocus&&l.DomHandler.focusFirstElement(s.current)}));var O=l.ObjectUtils.isNotEmpty(a.tooltip),P=a.disabled?-1:a.tabIndex,j=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":m&&!b,"p-highlight":a.checked,"p-disabled":a.disabled},a.className),E=function(){if(m){var e=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===a.iconPos&&d,"p-button-icon-right":"right"===a.iconPos&&d}),t=l.mergeProps({className:e},f("icon"));return l.IconUtils.getJSXIcon(h,y({},t),{props:a})}return null}(),I=l.mergeProps({className:"p-button-label"},f("label")),w=l.mergeProps({ref:s,id:a.id,className:j,style:a.style,onClick:v,onFocus:a.onFocus,onBlur:a.onBlur,onKeyDown:function(e){32===e.keyCode&&(v(e),e.preventDefault())},tabIndex:P,role:"button","aria-pressed":a.checked},g.getOtherProps(a),f("root"));return u.createElement(u.Fragment,null,u.createElement("div",w,E,u.createElement("span",I,d),u.createElement(o.Ripple,null)),O&&u.createElement(r.Tooltip,p({target:s,content:a.tooltip},a.tooltipOptions,{pt:f("tooltip")})))})));return h.displayName="ToggleButton",e.ToggleButton=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.api);

package/toolbar/toolbar.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -42,7 +43,8 @@ var ToolbarBase = componentbase.ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ToolbarBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
   var start = utils.ObjectUtils.getJSXElement(props.left || props.start, props);
   var center = utils.ObjectUtils.getJSXElement(props.center, props);

package/toolbar/toolbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/componentbase");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 l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(e),a=r.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0}}),n=o.memo(o.forwardRef((function(e,r){var l=a.getProps(e),n=o.useRef(null),s=t.ObjectUtils.getJSXElement(l.left||l.start,l),u=t.ObjectUtils.getJSXElement(l.center,l),c=t.ObjectUtils.getJSXElement(l.right||l.end,l),p=a.setMetaData({props:l}).ptm;o.useImperativeHandle(r,(function(){return{props:l,getElement:function(){return n.current}}}));var i=t.mergeProps({className:"p-toolbar-group-start p-toolbar-group-left"},p("start")),m=t.mergeProps({className:"p-toolbar-group-center"},p("center")),d=t.mergeProps({className:"p-toolbar-group-end p-toolbar-group-right"},p("end")),f=t.mergeProps({id:l.id,ref:n,style:l.style,className:t.classNames("p-toolbar p-component",l.className),role:"toolbar"},a.getOtherProps(l),p("root"));return o.createElement("div",f,o.createElement("div",i,s),o.createElement("div",m,u),o.createElement("div",d,c))})));n.displayName="Toolbar",exports.Toolbar=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/componentbase"),l=require("primereact/api");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e),n=r.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0}}),s=a.memo(a.forwardRef((function(e,r){var o=a.useContext(l.PrimeReactContext),s=n.getProps(e,o),u=a.useRef(null),c=t.ObjectUtils.getJSXElement(s.left||s.start,s),i=t.ObjectUtils.getJSXElement(s.center,s),p=t.ObjectUtils.getJSXElement(s.right||s.end,s),m=n.setMetaData({props:s}).ptm;a.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return u.current}}}));var d=t.mergeProps({className:"p-toolbar-group-start p-toolbar-group-left"},m("start")),f=t.mergeProps({className:"p-toolbar-group-center"},m("center")),b=t.mergeProps({className:"p-toolbar-group-end p-toolbar-group-right"},m("end")),g=t.mergeProps({id:s.id,ref:u,style:s.style,className:t.classNames("p-toolbar p-component",s.className),role:"toolbar"},n.getOtherProps(s),m("root"));return a.createElement("div",g,a.createElement("div",d,c),a.createElement("div",f,i),a.createElement("div",b,p))})));s.displayName="Toolbar",exports.Toolbar=s;

package/toolbar/toolbar.d.ts

@@ -42,17 +42,6 @@ export interface ToolbarPassThroughOptions {
     end?: ToolbarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
 }
 
-/**
- * Defines valid properties in Toolbar component.
- */
-export interface ToolbarProps {
-    /**
-     * Uses to pass attributes to DOM elements inside the component.
-     * @type {ToolbarPassThroughOptions}
-     */
-    pt?: ToolbarPassThroughOptions;
-}
-
 /**
  * Defines valid properties in Toolbar component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
@@ -85,6 +74,11 @@ export interface ToolbarProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ToolbarPassThroughOptions}
+     */
+    pt?: ToolbarPassThroughOptions;
 }
 
 /**

package/toolbar/toolbar.esm.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ObjectUtils, mergeProps, classNames } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 var ToolbarBase = ComponentBase.extend({
   defaultProps: {
@@ -18,7 +19,8 @@ var ToolbarBase = ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ToolbarBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
   var start = ObjectUtils.getJSXElement(props.left || props.start, props);
   var center = ObjectUtils.getJSXElement(props.center, props);

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,mergeProps as r,classNames as l}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";var a=o.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0}}),n=e.memo(e.forwardRef((function(o,n){var s=a.getProps(o),p=e.useRef(null),m=t.getJSXElement(s.left||s.start,s),u=t.getJSXElement(s.center,s),c=t.getJSXElement(s.right||s.end,s),i=a.setMetaData({props:s}).ptm;e.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return p.current}}}));var d=r({className:"p-toolbar-group-start p-toolbar-group-left"},i("start")),f=r({className:"p-toolbar-group-center"},i("center")),g=r({className:"p-toolbar-group-end p-toolbar-group-right"},i("end")),b=r({id:s.id,ref:p,style:s.style,className:l("p-toolbar p-component",s.className),role:"toolbar"},a.getOtherProps(s),i("root"));return e.createElement("div",b,e.createElement("div",d,m),e.createElement("div",f,u),e.createElement("div",g,c))})));n.displayName="Toolbar";export{n as Toolbar};
+import*as e from"react";import{ObjectUtils as t,mergeProps as r,classNames as l}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";import{PrimeReactContext as a}from"primereact/api";var n=o.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0}}),p=e.memo(e.forwardRef((function(o,p){var m=e.useContext(a),s=n.getProps(o,m),i=e.useRef(null),u=t.getJSXElement(s.left||s.start,s),c=t.getJSXElement(s.center,s),d=t.getJSXElement(s.right||s.end,s),f=n.setMetaData({props:s}).ptm;e.useImperativeHandle(p,(function(){return{props:s,getElement:function(){return i.current}}}));var g=r({className:"p-toolbar-group-start p-toolbar-group-left"},f("start")),b=r({className:"p-toolbar-group-center"},f("center")),v=r({className:"p-toolbar-group-end p-toolbar-group-right"},f("end")),E=r({id:s.id,ref:i,style:s.style,className:l("p-toolbar p-component",s.className),role:"toolbar"},n.getOtherProps(s),f("root"));return e.createElement("div",E,e.createElement("div",g,u),e.createElement("div",b,c),e.createElement("div",v,d))})));p.displayName="Toolbar";export{p as Toolbar};

package/toolbar/toolbar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.toolbar = (function (exports, React, utils, componentbase) {
+this.primereact.toolbar = (function (exports, React, utils, componentbase, api) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -38,7 +38,8 @@ this.primereact.toolbar = (function (exports, React, utils, componentbase) {
     });
 
     var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-      var props = ToolbarBase.getProps(inProps);
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = ToolbarBase.getProps(inProps, context);
       var elementRef = React__namespace.useRef(null);
       var start = utils.ObjectUtils.getJSXElement(props.left || props.start, props);
       var center = utils.ObjectUtils.getJSXElement(props.center, props);
@@ -81,4 +82,4 @@ this.primereact.toolbar = (function (exports, React, utils, componentbase) {
 
     return exports;
 
-})({}, React, primereact.utils, primereact.componentbase);
+})({}, React, primereact.utils, primereact.componentbase, primereact.api);

package/toolbar/toolbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r,l){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(t),n=l.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0}}),s=a.memo(a.forwardRef((function(e,t){var l=n.getProps(e),o=a.useRef(null),s=r.ObjectUtils.getJSXElement(l.left||l.start,l),c=r.ObjectUtils.getJSXElement(l.center,l),u=r.ObjectUtils.getJSXElement(l.right||l.end,l),i=n.setMetaData({props:l}).ptm;a.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return o.current}}}));var p=r.mergeProps({className:"p-toolbar-group-start p-toolbar-group-left"},i("start")),m=r.mergeProps({className:"p-toolbar-group-center"},i("center")),d=r.mergeProps({className:"p-toolbar-group-end p-toolbar-group-right"},i("end")),f=r.mergeProps({id:l.id,ref:o,style:l.style,className:r.classNames("p-toolbar p-component",l.className),role:"toolbar"},n.getOtherProps(l),i("root"));return a.createElement("div",f,a.createElement("div",p,s),a.createElement("div",m,c),a.createElement("div",d,u))})));return s.displayName="Toolbar",e.Toolbar=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r,l,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=o(t),s=l.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0}}),c=n.memo(n.forwardRef((function(e,t){var l=n.useContext(a.PrimeReactContext),o=s.getProps(e,l),c=n.useRef(null),i=r.ObjectUtils.getJSXElement(o.left||o.start,o),u=r.ObjectUtils.getJSXElement(o.center,o),p=r.ObjectUtils.getJSXElement(o.right||o.end,o),m=s.setMetaData({props:o}).ptm;n.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return c.current}}}));var d=r.mergeProps({className:"p-toolbar-group-start p-toolbar-group-left"},m("start")),f=r.mergeProps({className:"p-toolbar-group-center"},m("center")),b=r.mergeProps({className:"p-toolbar-group-end p-toolbar-group-right"},m("end")),g=r.mergeProps({id:o.id,ref:c,style:o.style,className:r.classNames("p-toolbar p-component",o.className),role:"toolbar"},s.getOtherProps(o),m("root"));return n.createElement("div",g,n.createElement("div",d,i),n.createElement("div",f,u),n.createElement("div",b,p))})));return c.displayName="Toolbar",e.Toolbar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);

package/tooltip/tooltip.cjs.js

@@ -179,7 +179,8 @@ var TooltipBase = componentbase.ComponentBase.extend({
 });
 
 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],
@@ -301,7 +302,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         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.cjs.min.js

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

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